@tresjs/cientos 3.2.1 → 3.3.0

package/dist/core/controls/CameraControls.vue.d.ts

@@ -1,4 +1,5 @@
-import { PerspectiveCamera, OrthographicCamera, Box3, Matrix4, Quaternion, Raycaster, Sphere, Spherical, Vector2, Vector3, Vector4, Object3D } from 'three';
+import type { PerspectiveCamera, OrthographicCamera, Object3D } from 'three';
+import { Box3, Matrix4, Quaternion, Raycaster, Sphere, Spherical, Vector2, Vector3, Vector4 } from 'three';
 export interface CameraControlsProps {
     /**
      * Whether to make this the default controls.
@@ -58,6 +59,13 @@ export interface CameraControlsProps {
      * @memberof CameraControlsProps
      */
     maxAzimuthAngle?: number;
+    /**
+     * Current disatnce.
+     *
+     * @type {number}
+     * @memberof CameraControlsProps
+     */
+    distance?: number;
     /**
      * Minimum distance for dolly. The value must be higher than `0`.
      * PerspectiveCamera only.
@@ -240,7 +248,7 @@ export interface CameraControlsProps {
 }
 declare const _default: import("vue").DefineComponent<{
     camera: {
-        type: import("vue").PropType<OrthographicCamera | PerspectiveCamera>;
+        type: import("vue").PropType<PerspectiveCamera | OrthographicCamera>;
     };
     makeDefault: {
         type: import("vue").PropType<boolean>;
@@ -265,6 +273,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     minDistance: {
         type: import("vue").PropType<number>;
         default: number;
@@ -469,7 +481,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -555,7 +567,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -614,7 +626,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
                 toJSON: () => [number, number, number, number];
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                 _onChange: (callback: () => void) => Quaternion;
                 _onChangeCallback: () => void;
                 multiplyVector3: (v: any) => any;
@@ -702,7 +714,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1306,7 +1318,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1478,7 +1490,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -1620,16 +1632,21 @@ declare const _default: import("vue").DefineComponent<{
         };
         touches: {
             one: 0 | 8 | 16 | 32 | 64 | 128;
-            two: 0 | 512 | 256 | 1024 | 32 | 64 | 128 | 4096 | 2048 | 32768 | 8192 | 16384;
-            three: 0 | 512 | 256 | 1024 | 32 | 64 | 128 | 4096 | 2048 | 32768 | 8192 | 16384;
+            two: 0 | 1024 | 512 | 32 | 64 | 256 | 128 | 4096 | 2048 | 32768 | 8192 | 16384;
+            three: 0 | 1024 | 512 | 32 | 64 | 256 | 128 | 4096 | 2048 | 32768 | 8192 | 16384;
         };
         cancel: () => void;
         lockPointer: () => void;
         unlockPointer: () => void;
         camera: {
-            readonly isOrthographicCamera: true;
+            readonly isPerspectiveCamera: true;
             readonly type: string;
             zoom: number;
+            fov: number;
+            aspect: number;
+            near: number;
+            far: number;
+            focus: number;
             view: {
                 enabled: boolean;
                 fullWidth: number;
@@ -1639,15 +1656,17 @@ declare const _default: import("vue").DefineComponent<{
                 width: number;
                 height: number;
             } | null;
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
-            near: number;
-            far: number;
-            updateProjectionMatrix: () => void;
-            setViewOffset: (fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number) => void;
+            filmGauge: number;
+            filmOffset: number;
+            getFocalLength: () => number;
+            setFocalLength: (focalLength: number) => void;
+            getEffectiveFOV: () => number;
+            getFilmWidth: () => number;
+            getFilmHeight: () => number;
+            setViewOffset: (fullWidth: number, fullHeight: number, x: number, y: number, width: number, height: number) => void;
             clearViewOffset: () => void;
+            updateProjectionMatrix: () => void;
+            setLens: (focalLength: number, frameHeight?: number | undefined) => void;
             readonly isCamera: true;
             layers: {
                 mask: number;
@@ -1923,7 +1942,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2009,7 +2028,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2068,7 +2087,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                     _onChange: (callback: () => void) => Quaternion;
                     _onChangeCallback: () => void;
                     multiplyVector3: (v: any) => any;
@@ -2156,7 +2175,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2760,7 +2779,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -2932,7 +2951,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3155,7 +3174,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3241,7 +3260,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3300,7 +3319,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                     _onChange: (callback: () => void) => Quaternion;
                     _onChangeCallback: () => void;
                     multiplyVector3: (v: any) => any;
@@ -3388,7 +3407,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -3992,7 +4011,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4164,7 +4183,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4379,7 +4398,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4465,7 +4484,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -4524,7 +4543,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
                 toJSON: () => [number, number, number, number];
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                 _onChange: (callback: () => void) => Quaternion;
                 _onChangeCallback: () => void;
                 multiplyVector3: (v: any) => any;
@@ -4612,7 +4631,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5205,7 +5224,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5377,7 +5396,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5458,31 +5477,31 @@ declare const _default: import("vue").DefineComponent<{
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group) => void;
             applyMatrix4: (matrix: Matrix4) => void;
-            applyQuaternion: (quaternion: Quaternion) => OrthographicCamera;
+            applyQuaternion: (quaternion: Quaternion) => PerspectiveCamera;
             setRotationFromAxisAngle: (axis: Vector3, angle: number) => void;
             setRotationFromEuler: (euler: import("three").Euler) => void;
             setRotationFromMatrix: (m: Matrix4) => void;
             setRotationFromQuaternion: (q: Quaternion) => void;
-            rotateOnAxis: (axis: Vector3, angle: number) => OrthographicCamera;
-            rotateOnWorldAxis: (axis: Vector3, angle: number) => OrthographicCamera;
-            rotateX: (angle: number) => OrthographicCamera;
-            rotateY: (angle: number) => OrthographicCamera;
-            rotateZ: (angle: number) => OrthographicCamera;
-            translateOnAxis: (axis: Vector3, distance: number) => OrthographicCamera;
-            translateX: (distance: number) => OrthographicCamera;
-            translateY: (distance: number) => OrthographicCamera;
-            translateZ: (distance: number) => OrthographicCamera;
+            rotateOnAxis: (axis: Vector3, angle: number) => PerspectiveCamera;
+            rotateOnWorldAxis: (axis: Vector3, angle: number) => PerspectiveCamera;
+            rotateX: (angle: number) => PerspectiveCamera;
+            rotateY: (angle: number) => PerspectiveCamera;
+            rotateZ: (angle: number) => PerspectiveCamera;
+            translateOnAxis: (axis: Vector3, distance: number) => PerspectiveCamera;
+            translateX: (distance: number) => PerspectiveCamera;
+            translateY: (distance: number) => PerspectiveCamera;
+            translateZ: (distance: number) => PerspectiveCamera;
             localToWorld: (vector: Vector3) => Vector3;
             worldToLocal: (vector: Vector3) => Vector3;
             lookAt: {
                 (vector: Vector3): void;
                 (x: number, y: number, z: number): void;
             };
-            add: (...object: Object3D<import("three").Event>[]) => OrthographicCamera;
-            remove: (...object: Object3D<import("three").Event>[]) => OrthographicCamera;
-            removeFromParent: () => OrthographicCamera;
-            clear: () => OrthographicCamera;
-            attach: (object: Object3D<import("three").Event>) => OrthographicCamera;
+            add: (...object: Object3D<import("three").Event>[]) => PerspectiveCamera;
+            remove: (...object: Object3D<import("three").Event>[]) => PerspectiveCamera;
+            removeFromParent: () => PerspectiveCamera;
+            clear: () => PerspectiveCamera;
+            attach: (object: Object3D<import("three").Event>) => PerspectiveCamera;
             getObjectById: (id: number) => Object3D<import("three").Event> | undefined;
             getObjectByName: (name: string) => Object3D<import("three").Event> | undefined;
             getObjectByProperty: (name: string, value: any) => Object3D<import("three").Event> | undefined;
@@ -5503,21 +5522,16 @@ declare const _default: import("vue").DefineComponent<{
                 textures: any;
                 images: any;
             } | undefined) => any;
-            clone: (recursive?: boolean | undefined) => OrthographicCamera;
-            copy: (source: OrthographicCamera, recursive?: boolean | undefined) => OrthographicCamera;
-            addEventListener: <T_6 extends string>(type: T_6, listener: import("three").EventListener<import("three").Event, T_6, OrthographicCamera>) => void;
-            hasEventListener: <T_7 extends string>(type: T_7, listener: import("three").EventListener<import("three").Event, T_7, OrthographicCamera>) => boolean;
-            removeEventListener: <T_8 extends string>(type: T_8, listener: import("three").EventListener<import("three").Event, T_8, OrthographicCamera>) => void;
+            clone: (recursive?: boolean | undefined) => PerspectiveCamera;
+            copy: (source: PerspectiveCamera, recursive?: boolean | undefined) => PerspectiveCamera;
+            addEventListener: <T_6 extends string>(type: T_6, listener: import("three").EventListener<import("three").Event, T_6, PerspectiveCamera>) => void;
+            hasEventListener: <T_7 extends string>(type: T_7, listener: import("three").EventListener<import("three").Event, T_7, PerspectiveCamera>) => boolean;
+            removeEventListener: <T_8 extends string>(type: T_8, listener: import("three").EventListener<import("three").Event, T_8, PerspectiveCamera>) => void;
             dispatchEvent: (event: import("three").Event) => void;
         } | {
-            readonly isPerspectiveCamera: true;
+            readonly isOrthographicCamera: true;
             readonly type: string;
             zoom: number;
-            fov: number;
-            aspect: number;
-            near: number;
-            far: number;
-            focus: number;
             view: {
                 enabled: boolean;
                 fullWidth: number;
@@ -5527,17 +5541,15 @@ declare const _default: import("vue").DefineComponent<{
                 width: number;
                 height: number;
             } | null;
-            filmGauge: number;
-            filmOffset: number;
-            getFocalLength: () => number;
-            setFocalLength: (focalLength: number) => void;
-            getEffectiveFOV: () => number;
-            getFilmWidth: () => number;
-            getFilmHeight: () => number;
-            setViewOffset: (fullWidth: number, fullHeight: number, x: number, y: number, width: number, height: number) => void;
-            clearViewOffset: () => void;
+            left: number;
+            right: number;
+            top: number;
+            bottom: number;
+            near: number;
+            far: number;
             updateProjectionMatrix: () => void;
-            setLens: (focalLength: number, frameHeight?: number | undefined) => void;
+            setViewOffset: (fullWidth: number, fullHeight: number, offsetX: number, offsetY: number, width: number, height: number) => void;
+            clearViewOffset: () => void;
             readonly isCamera: true;
             layers: {
                 mask: number;
@@ -5813,7 +5825,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5899,7 +5911,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -5958,7 +5970,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                     _onChange: (callback: () => void) => Quaternion;
                     _onChangeCallback: () => void;
                     multiplyVector3: (v: any) => any;
@@ -6046,7 +6058,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -6650,7 +6662,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -6822,7 +6834,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7045,7 +7057,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7131,7 +7143,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7190,7 +7202,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
                     toJSON: () => [number, number, number, number];
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                     _onChange: (callback: () => void) => Quaternion;
                     _onChangeCallback: () => void;
                     multiplyVector3: (v: any) => any;
@@ -7278,7 +7290,7 @@ declare const _default: import("vue").DefineComponent<{
                         (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                         (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                     };
-                    fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                    fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                     random: () => Vector3;
                     randomDirection: () => Vector3;
                     [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -7882,7 +7894,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8054,7 +8066,7 @@ declare const _default: import("vue").DefineComponent<{
                                 (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                                 (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                             };
-                            fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                            fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                             random: () => Vector3;
                             randomDirection: () => Vector3;
                             [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8269,7 +8281,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8355,7 +8367,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -8414,7 +8426,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
                 toJSON: () => [number, number, number, number];
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Quaternion;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Quaternion;
                 _onChange: (callback: () => void) => Quaternion;
                 _onChangeCallback: () => void;
                 multiplyVector3: (v: any) => any;
@@ -8502,7 +8514,7 @@ declare const _default: import("vue").DefineComponent<{
                     (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                     (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                 };
-                fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                 random: () => Vector3;
                 randomDirection: () => Vector3;
                 [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9095,7 +9107,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9267,7 +9279,7 @@ declare const _default: import("vue").DefineComponent<{
                             (array?: import("three").Vector3Tuple | undefined, offset?: 0 | undefined): import("three").Vector3Tuple;
                             (array: ArrayLike<number>, offset?: number | undefined): ArrayLike<number>;
                         };
-                        fromBufferAttribute: (attribute: import("three").BufferAttribute | import("three").InterleavedBufferAttribute, index: number) => Vector3;
+                        fromBufferAttribute: (attribute: import("three").InterleavedBufferAttribute | import("three").BufferAttribute, index: number) => Vector3;
                         random: () => Vector3;
                         randomDirection: () => Vector3;
                         [Symbol.iterator]: () => Iterator<number, any, undefined>;
@@ -9348,31 +9360,31 @@ declare const _default: import("vue").DefineComponent<{
             onBeforeRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group) => void;
             onAfterRender: (renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry<import("three").NormalBufferAttributes>, material: import("three").Material, group: import("three").Group) => void;
             applyMatrix4: (matrix: Matrix4) => void;
-            applyQuaternion: (quaternion: Quaternion) => PerspectiveCamera;
+            applyQuaternion: (quaternion: Quaternion) => OrthographicCamera;
             setRotationFromAxisAngle: (axis: Vector3, angle: number) => void;
             setRotationFromEuler: (euler: import("three").Euler) => void;
             setRotationFromMatrix: (m: Matrix4) => void;
             setRotationFromQuaternion: (q: Quaternion) => void;
-            rotateOnAxis: (axis: Vector3, angle: number) => PerspectiveCamera;
-            rotateOnWorldAxis: (axis: Vector3, angle: number) => PerspectiveCamera;
-            rotateX: (angle: number) => PerspectiveCamera;
-            rotateY: (angle: number) => PerspectiveCamera;
-            rotateZ: (angle: number) => PerspectiveCamera;
-            translateOnAxis: (axis: Vector3, distance: number) => PerspectiveCamera;
-            translateX: (distance: number) => PerspectiveCamera;
-            translateY: (distance: number) => PerspectiveCamera;
-            translateZ: (distance: number) => PerspectiveCamera;
+            rotateOnAxis: (axis: Vector3, angle: number) => OrthographicCamera;
+            rotateOnWorldAxis: (axis: Vector3, angle: number) => OrthographicCamera;
+            rotateX: (angle: number) => OrthographicCamera;
+            rotateY: (angle: number) => OrthographicCamera;
+            rotateZ: (angle: number) => OrthographicCamera;
+            translateOnAxis: (axis: Vector3, distance: number) => OrthographicCamera;
+            translateX: (distance: number) => OrthographicCamera;
+            translateY: (distance: number) => OrthographicCamera;
+            translateZ: (distance: number) => OrthographicCamera;
             localToWorld: (vector: Vector3) => Vector3;
             worldToLocal: (vector: Vector3) => Vector3;
             lookAt: {
                 (vector: Vector3): void;
                 (x: number, y: number, z: number): void;
             };
-            add: (...object: Object3D<import("three").Event>[]) => PerspectiveCamera;
-            remove: (...object: Object3D<import("three").Event>[]) => PerspectiveCamera;
-            removeFromParent: () => PerspectiveCamera;
-            clear: () => PerspectiveCamera;
-            attach: (object: Object3D<import("three").Event>) => PerspectiveCamera;
+            add: (...object: Object3D<import("three").Event>[]) => OrthographicCamera;
+            remove: (...object: Object3D<import("three").Event>[]) => OrthographicCamera;
+            removeFromParent: () => OrthographicCamera;
+            clear: () => OrthographicCamera;
+            attach: (object: Object3D<import("three").Event>) => OrthographicCamera;
             getObjectById: (id: number) => Object3D<import("three").Event> | undefined;
             getObjectByName: (name: string) => Object3D<import("three").Event> | undefined;
             getObjectByProperty: (name: string, value: any) => Object3D<import("three").Event> | undefined;
@@ -9393,11 +9405,11 @@ declare const _default: import("vue").DefineComponent<{
                 textures: any;
                 images: any;
             } | undefined) => any;
-            clone: (recursive?: boolean | undefined) => PerspectiveCamera;
-            copy: (source: PerspectiveCamera, recursive?: boolean | undefined) => PerspectiveCamera;
-            addEventListener: <T_9 extends string>(type: T_9, listener: import("three").EventListener<import("three").Event, T_9, PerspectiveCamera>) => void;
-            hasEventListener: <T_10 extends string>(type: T_10, listener: import("three").EventListener<import("three").Event, T_10, PerspectiveCamera>) => boolean;
-            removeEventListener: <T_11 extends string>(type: T_11, listener: import("three").EventListener<import("three").Event, T_11, PerspectiveCamera>) => void;
+            clone: (recursive?: boolean | undefined) => OrthographicCamera;
+            copy: (source: OrthographicCamera, recursive?: boolean | undefined) => OrthographicCamera;
+            addEventListener: <T_9 extends string>(type: T_9, listener: import("three").EventListener<import("three").Event, T_9, OrthographicCamera>) => void;
+            hasEventListener: <T_10 extends string>(type: T_10, listener: import("three").EventListener<import("three").Event, T_10, OrthographicCamera>) => boolean;
+            removeEventListener: <T_11 extends string>(type: T_11, listener: import("three").EventListener<import("three").Event, T_11, OrthographicCamera>) => void;
             dispatchEvent: (event: import("three").Event) => void;
         };
         enabled: boolean;
@@ -9440,8 +9452,8 @@ declare const _default: import("vue").DefineComponent<{
         elevate: (height: number, enableTransition?: boolean | undefined) => Promise<void>;
         moveTo: (x: number, y: number, z: number, enableTransition?: boolean | undefined) => Promise<void>;
         lookInDirectionOf: (x: number, y: number, z: number, enableTransition?: boolean | undefined) => Promise<void>;
-        fitToBox: (box3OrObject: Object3D<import("three").Event> | Box3, enableTransition: boolean, { cover, paddingLeft, paddingRight, paddingBottom, paddingTop }?: Partial<import("camera-controls/dist/types").FitToOptions> | undefined) => Promise<void[]>;
-        fitToSphere: (sphereOrMesh: Object3D<import("three").Event> | Sphere, enableTransition: boolean) => Promise<void[]>;
+        fitToBox: (box3OrObject: Box3 | Object3D<import("three").Event>, enableTransition: boolean, { cover, paddingLeft, paddingRight, paddingBottom, paddingTop }?: Partial<import("camera-controls/dist/types").FitToOptions> | undefined) => Promise<void[]>;
+        fitToSphere: (sphereOrMesh: Sphere | Object3D<import("three").Event>, enableTransition: boolean) => Promise<void[]>;
         setLookAt: (positionX: number, positionY: number, positionZ: number, targetX: number, targetY: number, targetZ: number, enableTransition?: boolean | undefined) => Promise<void>;
         lerpLookAt: (positionAX: number, positionAY: number, positionAZ: number, targetAX: number, targetAY: number, targetAZ: number, positionBX: number, positionBY: number, positionBZ: number, targetBX: number, targetBY: number, targetBZ: number, t: number, enableTransition?: boolean | undefined) => Promise<void>;
         setPosition: (positionX: number, positionY: number, positionZ: number, enableTransition?: boolean | undefined) => Promise<void>;
@@ -9473,9 +9485,9 @@ declare const _default: import("vue").DefineComponent<{
         removeAllEventListeners: (type?: string | undefined) => void;
         dispatchEvent: (event: import("camera-controls/dist/EventDispatcher").DispatcherEvent) => void;
     } | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("start" | "change" | "end")[], "start" | "change" | "end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "start" | "end")[], "change" | "start" | "end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     camera: {
-        type: import("vue").PropType<OrthographicCamera | PerspectiveCamera>;
+        type: import("vue").PropType<PerspectiveCamera | OrthographicCamera>;
     };
     makeDefault: {
         type: import("vue").PropType<boolean>;
@@ -9500,6 +9512,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     minDistance: {
         type: import("vue").PropType<number>;
         default: number;
@@ -9592,8 +9608,8 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     };
 }>> & {
-    onStart?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
     onEnd?: ((...args: any[]) => any) | undefined;
 }, {
     makeDefault: boolean;
@@ -9601,6 +9617,7 @@ declare const _default: import("vue").DefineComponent<{
     maxPolarAngle: number;
     minAzimuthAngle: number;
     maxAzimuthAngle: number;
+    distance: number;
     minDistance: number;
     maxDistance: number;
     infinityDolly: boolean;