three-stdlib 2.6.1 → 2.7.0

package/controls/ArcballControls.js

@@ -1,6 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { Matrix4, EventDispatcher, EllipseCurve, BufferGeometry, MathUtils, Vector3, GridHelper, LineBasicMaterial, Line, Raycaster, Vector2, Quaternion, Group, Box3, Sphere } from 'three';
+import { Matrix4, EventDispatcher, EllipseCurve, BufferGeometry, Mesh, PerspectiveCamera, MathUtils, OrthographicCamera, Vector3, GridHelper, LineBasicMaterial, Line, Raycaster, Vector2, Quaternion, Group, Box3, Sphere } from 'three';
 
+//trackball state
 const STATE = {
   IDLE: Symbol(),
   ROTATE: Symbol(),
@@ -49,19 +50,212 @@ const _endEvent = {
  */
 
 class ArcballControls extends EventDispatcher {
-  constructor(_camera, _domElement, scene = null) {
+  constructor(_camera, domElement, scene = null) {
     super();
 
+    _defineProperty(this, "camera", void 0);
+
+    _defineProperty(this, "domElement", void 0);
+
+    _defineProperty(this, "scene", void 0);
+
+    _defineProperty(this, "mouseActions", void 0);
+
+    _defineProperty(this, "_mouseOp", void 0);
+
+    _defineProperty(this, "_v2_1", void 0);
+
+    _defineProperty(this, "_v3_1", void 0);
+
+    _defineProperty(this, "_v3_2", void 0);
+
+    _defineProperty(this, "_m4_1", void 0);
+
+    _defineProperty(this, "_m4_2", void 0);
+
+    _defineProperty(this, "_quat", void 0);
+
+    _defineProperty(this, "_translationMatrix", void 0);
+
+    _defineProperty(this, "_rotationMatrix", void 0);
+
+    _defineProperty(this, "_scaleMatrix", void 0);
+
+    _defineProperty(this, "_rotationAxis", void 0);
+
+    _defineProperty(this, "_cameraMatrixState", void 0);
+
+    _defineProperty(this, "_cameraProjectionState", void 0);
+
+    _defineProperty(this, "_fovState", void 0);
+
+    _defineProperty(this, "_upState", void 0);
+
+    _defineProperty(this, "_zoomState", void 0);
+
+    _defineProperty(this, "_nearPos", void 0);
+
+    _defineProperty(this, "_farPos", void 0);
+
+    _defineProperty(this, "_gizmoMatrixState", void 0);
+
+    _defineProperty(this, "_up0", void 0);
+
+    _defineProperty(this, "_zoom0", void 0);
+
+    _defineProperty(this, "_fov0", void 0);
+
+    _defineProperty(this, "_initialNear", void 0);
+
+    _defineProperty(this, "_nearPos0", void 0);
+
+    _defineProperty(this, "_initialFar", void 0);
+
+    _defineProperty(this, "_farPos0", void 0);
+
+    _defineProperty(this, "_cameraMatrixState0", void 0);
+
+    _defineProperty(this, "_gizmoMatrixState0", void 0);
+
+    _defineProperty(this, "_button", void 0);
+
+    _defineProperty(this, "_touchStart", void 0);
+
+    _defineProperty(this, "_touchCurrent", void 0);
+
+    _defineProperty(this, "_input", void 0);
+
+    _defineProperty(this, "_switchSensibility", void 0);
+
+    _defineProperty(this, "_startFingerDistance", void 0);
+
+    _defineProperty(this, "_currentFingerDistance", void 0);
+
+    _defineProperty(this, "_startFingerRotation", void 0);
+
+    _defineProperty(this, "_currentFingerRotation", void 0);
+
+    _defineProperty(this, "_devPxRatio", void 0);
+
+    _defineProperty(this, "_downValid", void 0);
+
+    _defineProperty(this, "_nclicks", void 0);
+
+    _defineProperty(this, "_downEvents", void 0);
+
+    _defineProperty(this, "_downStart", void 0);
+
+    _defineProperty(this, "_clickStart", void 0);
+
+    _defineProperty(this, "_maxDownTime", void 0);
+
+    _defineProperty(this, "_maxInterval", void 0);
+
+    _defineProperty(this, "_posThreshold", void 0);
+
+    _defineProperty(this, "_movementThreshold", void 0);
+
+    _defineProperty(this, "_currentCursorPosition", void 0);
+
+    _defineProperty(this, "_startCursorPosition", void 0);
+
+    _defineProperty(this, "_grid", void 0);
+
+    _defineProperty(this, "_gridPosition", void 0);
+
+    _defineProperty(this, "_gizmos", void 0);
+
+    _defineProperty(this, "_curvePts", void 0);
+
+    _defineProperty(this, "_timeStart", void 0);
+
+    _defineProperty(this, "_animationId", void 0);
+
+    _defineProperty(this, "focusAnimationTime", void 0);
+
+    _defineProperty(this, "_timePrev", void 0);
+
+    _defineProperty(this, "_timeCurrent", void 0);
+
+    _defineProperty(this, "_anglePrev", void 0);
+
+    _defineProperty(this, "_angleCurrent", void 0);
+
+    _defineProperty(this, "_cursorPosPrev", void 0);
+
+    _defineProperty(this, "_cursorPosCurr", void 0);
+
+    _defineProperty(this, "_wPrev", void 0);
+
+    _defineProperty(this, "_wCurr", void 0);
+
+    _defineProperty(this, "adjustNearFar", void 0);
+
+    _defineProperty(this, "scaleFactor", void 0);
+
+    _defineProperty(this, "dampingFactor", void 0);
+
+    _defineProperty(this, "wMax", void 0);
+
+    _defineProperty(this, "enableAnimations", void 0);
+
+    _defineProperty(this, "enableGrid", void 0);
+
+    _defineProperty(this, "cursorZoom", void 0);
+
+    _defineProperty(this, "minFov", void 0);
+
+    _defineProperty(this, "maxFov", void 0);
+
+    _defineProperty(this, "enabled", void 0);
+
+    _defineProperty(this, "enablePan", void 0);
+
+    _defineProperty(this, "enableRotate", void 0);
+
+    _defineProperty(this, "enableZoom", void 0);
+
+    _defineProperty(this, "enableGizmos", void 0);
+
+    _defineProperty(this, "minDistance", void 0);
+
+    _defineProperty(this, "maxDistance", void 0);
+
+    _defineProperty(this, "minZoom", void 0);
+
+    _defineProperty(this, "maxZoom", void 0);
+
+    _defineProperty(this, "target", void 0);
+
+    _defineProperty(this, "_currentTarget", void 0);
+
+    _defineProperty(this, "_tbRadius", void 0);
+
+    _defineProperty(this, "_state", void 0);
+
     _defineProperty(this, "onWindowResize", () => {
       const scale = (this._gizmos.scale.x + this._gizmos.scale.y + this._gizmos.scale.z) / 3;
-      this._tbRadius = this.calculateTbRadius(this.camera);
-      const newRadius = this._tbRadius / scale;
+
+      if (this.camera !== null) {
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+      }
+
+      const newRadius = this._tbRadius / scale; // @ts-expect-error
+
       const curve = new EllipseCurve(0, 0, newRadius, newRadius);
       const points = curve.getPoints(this._curvePts);
       const curveGeometry = new BufferGeometry().setFromPoints(points);
 
       for (const gizmo in this._gizmos.children) {
-        this._gizmos.children[gizmo].geometry = curveGeometry;
+        const child = this._gizmos.children[gizmo];
+
+        if (child instanceof Mesh) {
+          child.geometry = curveGeometry;
+        }
       }
 
       this.dispatchEvent(_changeEvent);
@@ -126,7 +320,7 @@ class ArcballControls extends EventDispatcher {
           case INPUT.TWO_FINGER:
             //multipleStart
             this._input = INPUT.MULT_FINGER;
-            this.onTriplePanStart(event);
+            this.onTriplePanStart();
             break;
         }
       } else if (event.pointerType != 'touch' && this._input == INPUT.NONE) {
@@ -184,7 +378,7 @@ class ArcballControls extends EventDispatcher {
           case INPUT.MULT_FINGER:
             //multMove
             this.updateTouchEvent(event);
-            this.onTriplePanMove(event);
+            this.onTriplePanMove();
             break;
         }
       } else if (event.pointerType != 'touch' && this._input == INPUT.CURSOR) {
@@ -239,9 +433,9 @@ class ArcballControls extends EventDispatcher {
 
           case INPUT.TWO_FINGER:
             //doubleEnd
-            this.onDoublePanEnd(event);
-            this.onPinchEnd(event);
-            this.onRotateEnd(event); //switching to singleStart
+            this.onDoublePanEnd();
+            this.onPinchEnd();
+            this.onRotateEnd(); //switching to singleStart
 
             this._input = INPUT.ONE_FINGER_SWITCHED;
             break;
@@ -349,13 +543,17 @@ class ArcballControls extends EventDispatcher {
               if (this.cursorZoom && this.enablePan) {
                 let scalePoint;
 
-                if (this.camera.isOrthographicCamera) {
-                  scalePoint = this.unprojectOnTbPlane(this.camera, event.clientX, event.clientY, this.domElement).applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._gizmos.position);
-                } else if (this.camera.isPerspectiveCamera) {
-                  scalePoint = this.unprojectOnTbPlane(this.camera, event.clientX, event.clientY, this.domElement).applyQuaternion(this.camera.quaternion).add(this._gizmos.position);
+                if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
+                  var _this$unprojectOnTbPl;
+
+                  scalePoint = (_this$unprojectOnTbPl = this.unprojectOnTbPlane(this.camera, event.clientX, event.clientY, this.domElement)) === null || _this$unprojectOnTbPl === void 0 ? void 0 : _this$unprojectOnTbPl.applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._gizmos.position);
+                } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
+                  var _this$unprojectOnTbPl2;
+
+                  scalePoint = (_this$unprojectOnTbPl2 = this.unprojectOnTbPlane(this.camera, event.clientX, event.clientY, this.domElement)) === null || _this$unprojectOnTbPl2 === void 0 ? void 0 : _this$unprojectOnTbPl2.applyQuaternion(this.camera.quaternion).add(this._gizmos.position);
                 }
 
-                this.applyTransformMatrix(this.applyScale(size, scalePoint));
+                if (scalePoint !== undefined) this.applyTransformMatrix(this.applyScale(size, scalePoint));
               } else {
                 this.applyTransformMatrix(this.applyScale(size, this._gizmos.position));
               }
@@ -371,7 +569,7 @@ class ArcballControls extends EventDispatcher {
               break;
 
             case 'FOV':
-              if (this.camera.isPerspectiveCamera) {
+              if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
                 this.updateTbState(STATE.FOV, true); //Vertigo effect
                 //	  fov / 2
                 //		|\
@@ -464,13 +662,18 @@ class ArcballControls extends EventDispatcher {
               this.dispatchEvent(_changeEvent);
             }
 
-            this.updateTbState(STATE.PAN, true);
+            if (this.camera !== null) {
+              this.updateTbState(STATE.PAN, true);
+              const rayDir = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement);
 
-            this._startCursorPosition.copy(this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement));
+              if (rayDir !== undefined) {
+                this._startCursorPosition.copy(rayDir);
+              }
 
-            if (this.enableGrid) {
-              this.drawGrid();
-              this.dispatchEvent(_changeEvent);
+              if (this.enableGrid) {
+                this.drawGrid();
+                this.dispatchEvent(_changeEvent);
+              }
             }
 
             break;
@@ -486,29 +689,34 @@ class ArcballControls extends EventDispatcher {
               this._timeStart = -1;
             }
 
-            this.updateTbState(STATE.ROTATE, true);
+            if (this.camera !== null) {
+              this.updateTbState(STATE.ROTATE, true);
+              const rayDir = this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius);
 
-            this._startCursorPosition.copy(this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius));
+              if (rayDir !== undefined) {
+                this._startCursorPosition.copy(rayDir);
+              }
 
-            this.activateGizmos(true);
+              this.activateGizmos(true);
 
-            if (this.enableAnimations) {
-              this._timePrev = this._timeCurrent = performance.now();
-              this._angleCurrent = this._anglePrev = 0;
+              if (this.enableAnimations) {
+                this._timePrev = this._timeCurrent = performance.now();
+                this._angleCurrent = this._anglePrev = 0;
 
-              this._cursorPosPrev.copy(this._startCursorPosition);
+                this._cursorPosPrev.copy(this._startCursorPosition);
 
-              this._cursorPosCurr.copy(this._cursorPosPrev);
+                this._cursorPosCurr.copy(this._cursorPosPrev);
 
-              this._wCurr = 0;
-              this._wPrev = this._wCurr;
+                this._wCurr = 0;
+                this._wPrev = this._wCurr;
+              }
             }
 
             this.dispatchEvent(_changeEvent);
             break;
 
           case 'FOV':
-            if (!this.camera.isPerspectiveCamera || !this.enableZoom) {
+            if (!(this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) || !this.enableZoom) {
               return;
             }
 
@@ -559,14 +767,17 @@ class ArcballControls extends EventDispatcher {
 
         switch (opState) {
           case STATE.PAN:
-            if (this.enablePan) {
+            if (this.enablePan && this.camera !== null) {
               if (restart) {
                 //switch to pan operation
                 this.dispatchEvent(_endEvent);
                 this.dispatchEvent(_startEvent);
                 this.updateTbState(opState, true);
+                const rayDir = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement);
 
-                this._startCursorPosition.copy(this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement));
+                if (rayDir !== undefined) {
+                  this._startCursorPosition.copy(rayDir);
+                }
 
                 if (this.enableGrid) {
                   this.drawGrid();
@@ -575,7 +786,11 @@ class ArcballControls extends EventDispatcher {
                 this.activateGizmos(false);
               } else {
                 //continue with pan operation
-                this._currentCursorPosition.copy(this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement));
+                const rayDir = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement);
+
+                if (rayDir !== undefined) {
+                  this._currentCursorPosition.copy(rayDir);
+                }
 
                 this.applyTransformMatrix(this.pan(this._startCursorPosition, this._currentCursorPosition));
               }
@@ -584,14 +799,17 @@ class ArcballControls extends EventDispatcher {
             break;
 
           case STATE.ROTATE:
-            if (this.enableRotate) {
+            if (this.enableRotate && this.camera !== null) {
               if (restart) {
                 //switch to rotate operation
                 this.dispatchEvent(_endEvent);
                 this.dispatchEvent(_startEvent);
                 this.updateTbState(opState, true);
+                const rayDir = this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius);
 
-                this._startCursorPosition.copy(this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius));
+                if (rayDir !== undefined) {
+                  this._startCursorPosition.copy(rayDir);
+                }
 
                 if (this.enableGrid) {
                   this.disposeGrid();
@@ -600,7 +818,11 @@ class ArcballControls extends EventDispatcher {
                 this.activateGizmos(true);
               } else {
                 //continue with rotate operation
-                this._currentCursorPosition.copy(this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius));
+                const rayDir = this.unprojectOnTbSurface(this.camera, _center.x, _center.y, this.domElement, this._tbRadius);
+
+                if (rayDir !== undefined) {
+                  this._currentCursorPosition.copy(rayDir);
+                }
 
                 const distance = this._startCursorPosition.distanceTo(this._currentCursorPosition);
 
@@ -667,7 +889,7 @@ class ArcballControls extends EventDispatcher {
             break;
 
           case STATE.FOV:
-            if (this.enableZoom && this.camera.isPerspectiveCamera) {
+            if (this.enableZoom && this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
               if (restart) {
                 //switch to fov operation
                 this.dispatchEvent(_endEvent);
@@ -776,7 +998,7 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "onDoubleTap", event => {
-      if (this.enabled && this.enablePan && this.scene != null) {
+      if (this.enabled && this.enablePan && this.scene != null && this.camera !== null) {
         this.dispatchEvent(_startEvent);
         this.setCenter(event.clientX, event.clientY);
         const hitP = this.unprojectOnObj(this.getCursorNDC(_center.x, _center.y, this.domElement), this.camera);
@@ -805,12 +1027,15 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "onDoublePanStart", () => {
-      if (this.enabled && this.enablePan) {
+      if (this.enabled && this.enablePan && this.camera !== null) {
         this.dispatchEvent(_startEvent);
         this.updateTbState(STATE.PAN, true);
         this.setCenter((this._touchCurrent[0].clientX + this._touchCurrent[1].clientX) / 2, (this._touchCurrent[0].clientY + this._touchCurrent[1].clientY) / 2);
+        const rayDir = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement, true);
 
-        this._startCursorPosition.copy(this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement, true));
+        if (rayDir !== undefined) {
+          this._startCursorPosition.copy(rayDir);
+        }
 
         this._currentCursorPosition.copy(this._startCursorPosition);
 
@@ -819,7 +1044,7 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "onDoublePanMove", () => {
-      if (this.enabled && this.enablePan) {
+      if (this.enabled && this.enablePan && this.camera !== null) {
         this.setCenter((this._touchCurrent[0].clientX + this._touchCurrent[1].clientX) / 2, (this._touchCurrent[0].clientY + this._touchCurrent[1].clientY) / 2);
 
         if (this._state != STATE.PAN) {
@@ -828,8 +1053,8 @@ class ArcballControls extends EventDispatcher {
           this._startCursorPosition.copy(this._currentCursorPosition);
         }
 
-        this._currentCursorPosition.copy(this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement, true));
-
+        const rayDir = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement, true);
+        if (rayDir !== undefined) this._currentCursorPosition.copy(rayDir);
         this.applyTransformMatrix(this.pan(this._startCursorPosition, this._currentCursorPosition, true));
         this.dispatchEvent(_changeEvent);
       }
@@ -842,12 +1067,14 @@ class ArcballControls extends EventDispatcher {
 
     _defineProperty(this, "onRotateStart", () => {
       if (this.enabled && this.enableRotate) {
+        var _this$camera;
+
         this.dispatchEvent(_startEvent);
         this.updateTbState(STATE.ZROTATE, true); //this._startFingerRotation = event.rotation;
 
         this._startFingerRotation = this.getAngle(this._touchCurrent[1], this._touchCurrent[0]) + this.getAngle(this._touchStart[1], this._touchStart[0]);
         this._currentFingerRotation = this._startFingerRotation;
-        this.camera.getWorldDirection(this._rotationAxis); //rotation axis
+        (_this$camera = this.camera) === null || _this$camera === void 0 ? void 0 : _this$camera.getWorldDirection(this._rotationAxis); //rotation axis
 
         if (!this.enablePan && !this.enableZoom) {
           this.activateGizmos(true);
@@ -856,7 +1083,7 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "onRotateMove", () => {
-      if (this.enabled && this.enableRotate) {
+      if (this.enabled && this.enableRotate && this.camera !== null) {
         this.setCenter((this._touchCurrent[0].clientX + this._touchCurrent[1].clientX) / 2, (this._touchCurrent[0].clientY + this._touchCurrent[1].clientY) / 2);
         let rotationPoint;
 
@@ -870,14 +1097,20 @@ class ArcballControls extends EventDispatcher {
 
         if (!this.enablePan) {
           rotationPoint = new Vector3().setFromMatrixPosition(this._gizmoMatrixState);
-        } else {
+        } else if (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera) {
+          var _this$unprojectOnTbPl3;
+
           this._v3_2.setFromMatrixPosition(this._gizmoMatrixState);
 
-          rotationPoint = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement).applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._v3_2);
+          rotationPoint = (_this$unprojectOnTbPl3 = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement)) === null || _this$unprojectOnTbPl3 === void 0 ? void 0 : _this$unprojectOnTbPl3.applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._v3_2);
         }
 
         const amount = MathUtils.DEG2RAD * (this._startFingerRotation - this._currentFingerRotation);
-        this.applyTransformMatrix(this.zRotate(rotationPoint, amount));
+
+        if (rotationPoint !== undefined) {
+          this.applyTransformMatrix(this.zRotate(rotationPoint, amount));
+        }
+
         this.dispatchEvent(_changeEvent);
       }
     });
@@ -915,14 +1148,21 @@ class ArcballControls extends EventDispatcher {
         if (!this.enablePan) {
           scalePoint = this._gizmos.position;
         } else {
-          if (this.camera.isOrthographicCamera) {
-            scalePoint = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement).applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._gizmos.position);
-          } else if (this.camera.isPerspectiveCamera) {
-            scalePoint = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement).applyQuaternion(this.camera.quaternion).add(this._gizmos.position);
+          if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
+            var _this$unprojectOnTbPl4;
+
+            scalePoint = (_this$unprojectOnTbPl4 = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement)) === null || _this$unprojectOnTbPl4 === void 0 ? void 0 : _this$unprojectOnTbPl4.applyQuaternion(this.camera.quaternion).multiplyScalar(1 / this.camera.zoom).add(this._gizmos.position);
+          } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
+            var _this$unprojectOnTbPl5;
+
+            scalePoint = (_this$unprojectOnTbPl5 = this.unprojectOnTbPlane(this.camera, _center.x, _center.y, this.domElement)) === null || _this$unprojectOnTbPl5 === void 0 ? void 0 : _this$unprojectOnTbPl5.applyQuaternion(this.camera.quaternion).add(this._gizmos.position);
           }
         }
 
-        this.applyTransformMatrix(this.applyScale(amount, scalePoint));
+        if (scalePoint !== undefined) {
+          this.applyTransformMatrix(this.applyScale(amount, scalePoint));
+        }
+
         this.dispatchEvent(_changeEvent);
       }
     });
@@ -955,7 +1195,7 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "onTriplePanMove", () => {
-      if (this.enabled && this.enableZoom) {
+      if (this.enabled && this.enableZoom && this.camera !== null) {
         //	  fov / 2
         //		|\
         //		| \
@@ -1206,44 +1446,46 @@ class ArcballControls extends EventDispatcher {
       const factor = 0.67;
       const distance = camera.position.distanceTo(this._gizmos.position);
 
-      if (camera.type == 'PerspectiveCamera') {
+      if (camera.type == 'PerspectiveCamera' && camera instanceof PerspectiveCamera) {
         const halfFovV = MathUtils.DEG2RAD * camera.fov * 0.5; //vertical fov/2 in radians
 
         const halfFovH = Math.atan(camera.aspect * Math.tan(halfFovV)); //horizontal fov/2 in radians
 
         return Math.tan(Math.min(halfFovV, halfFovH)) * distance * factor;
-      } else if (camera.type == 'OrthographicCamera') {
+      } else if (camera.type == 'OrthographicCamera' && camera instanceof OrthographicCamera) {
         return Math.min(camera.top, camera.right) * factor;
       }
     });
 
     _defineProperty(this, "focus", (point, size, amount = 1) => {
-      const focusPoint = point.clone(); //move center of camera (along with gizmos) towards point of interest
+      if (this.camera !== null) {
+        const focusPoint = point.clone(); //move center of camera (along with gizmos) towards point of interest
 
-      focusPoint.sub(this._gizmos.position).multiplyScalar(amount);
+        focusPoint.sub(this._gizmos.position).multiplyScalar(amount);
 
-      this._translationMatrix.makeTranslation(focusPoint.x, focusPoint.y, focusPoint.z);
+        this._translationMatrix.makeTranslation(focusPoint.x, focusPoint.y, focusPoint.z);
 
-      const gizmoStateTemp = this._gizmoMatrixState.clone();
+        const gizmoStateTemp = this._gizmoMatrixState.clone();
 
-      this._gizmoMatrixState.premultiply(this._translationMatrix);
+        this._gizmoMatrixState.premultiply(this._translationMatrix);
 
-      this._gizmoMatrixState.decompose(this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale);
+        this._gizmoMatrixState.decompose(this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale);
 
-      const cameraStateTemp = this._cameraMatrixState.clone();
+        const cameraStateTemp = this._cameraMatrixState.clone();
 
-      this._cameraMatrixState.premultiply(this._translationMatrix);
+        this._cameraMatrixState.premultiply(this._translationMatrix);
 
-      this._cameraMatrixState.decompose(this.camera.position, this.camera.quaternion, this.camera.scale); //apply zoom
+        this._cameraMatrixState.decompose(this.camera.position, this.camera.quaternion, this.camera.scale); //apply zoom
 
 
-      if (this.enableZoom) {
-        this.applyTransformMatrix(this.applyScale(size, this._gizmos.position));
-      }
+        if (this.enableZoom) {
+          this.applyTransformMatrix(this.applyScale(size, this._gizmos.position));
+        }
 
-      this._gizmoMatrixState.copy(gizmoStateTemp);
+        this._gizmoMatrixState.copy(gizmoStateTemp);
 
-      this._cameraMatrixState.copy(cameraStateTemp);
+        this._cameraMatrixState.copy(cameraStateTemp);
+      }
     });
 
     _defineProperty(this, "drawGrid", () => {
@@ -1252,14 +1494,14 @@ class ArcballControls extends EventDispatcher {
         const multiplier = 3;
         let size, divisions, maxLength, tick;
 
-        if (this.camera.isOrthographicCamera) {
+        if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
           const width = this.camera.right - this.camera.left;
           const height = this.camera.bottom - this.camera.top;
           maxLength = Math.max(width, height);
           tick = maxLength / 20;
           size = maxLength / this.camera.zoom * multiplier;
           divisions = size / tick * this.camera.zoom;
-        } else if (this.camera.isPerspectiveCamera) {
+        } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
           const distance = this.camera.position.distanceTo(this._gizmos.position);
           const halfFovV = MathUtils.DEG2RAD * this.camera.fov * 0.5;
           const halfFovH = Math.atan(this.camera.aspect * Math.tan(halfFovV));
@@ -1269,7 +1511,7 @@ class ArcballControls extends EventDispatcher {
           divisions = size / tick;
         }
 
-        if (this._grid == null) {
+        if (this._grid == null && this.camera !== null) {
           this._grid = new GridHelper(size, divisions, color, color);
 
           this._grid.position.copy(this._gizmos.position);
@@ -1285,18 +1527,9 @@ class ArcballControls extends EventDispatcher {
       }
     });
 
-    _defineProperty(this, "connect", domElement => {
-      this.domElement = domElement;
-      this.domElement.style.touchAction = 'none';
-      this.domElement.addEventListener('contextmenu', this.onContextMenu);
-      this.domElement.addEventListener('wheel', this.onWheel);
-      this.domElement.addEventListener('pointerdown', this.onPointerDown);
-      this.domElement.addEventListener('pointercancel', this.onPointerCancel);
-      window.addEventListener('keydown', this.onKeyDown);
-      window.addEventListener('resize', this.onWindowResize);
-    });
-
     _defineProperty(this, "dispose", () => {
+      var _this$scene;
+
       if (this._animationId != -1) {
         window.cancelAnimationFrame(this._animationId);
       }
@@ -1308,8 +1541,8 @@ class ArcballControls extends EventDispatcher {
       window.removeEventListener('pointermove', this.onPointerMove);
       window.removeEventListener('pointerup', this.onPointerUp);
       window.removeEventListener('resize', this.onWindowResize);
-      window.removeEventListener('keydown', this.onKeyDown);
-      if (this.scene) this.scene.remove(this._gizmos);
+      window.addEventListener('keydown', this.onKeyDown);
+      (_this$scene = this.scene) === null || _this$scene === void 0 ? void 0 : _this$scene.remove(this._gizmos);
       this.disposeGrid();
     });
 
@@ -1365,47 +1598,62 @@ class ArcballControls extends EventDispatcher {
     _defineProperty(this, "getCursorPosition", (cursorX, cursorY, canvas) => {
       this._v2_1.copy(this.getCursorNDC(cursorX, cursorY, canvas));
 
-      this._v2_1.x *= (this.camera.right - this.camera.left) * 0.5;
-      this._v2_1.y *= (this.camera.top - this.camera.bottom) * 0.5;
+      if (this.camera instanceof OrthographicCamera) {
+        this._v2_1.x *= (this.camera.right - this.camera.left) * 0.5;
+        this._v2_1.y *= (this.camera.top - this.camera.bottom) * 0.5;
+      }
+
       return this._v2_1.clone();
     });
 
     _defineProperty(this, "setCamera", camera => {
-      camera.lookAt(this.target);
-      camera.updateMatrix(); //setting state
+      if (camera instanceof PerspectiveCamera || camera instanceof OrthographicCamera) {
+        camera.lookAt(this.target);
+        camera.updateMatrix(); //setting state
 
-      if (camera.type == 'PerspectiveCamera') {
-        this._fov0 = camera.fov;
-        this._fovState = camera.fov;
-      }
+        if ((camera === null || camera === void 0 ? void 0 : camera.type) == 'PerspectiveCamera' && camera instanceof PerspectiveCamera) {
+          this._fov0 = camera.fov;
+          this._fovState = camera.fov;
+        }
 
-      this._cameraMatrixState0.copy(camera.matrix);
+        this._cameraMatrixState0.copy(camera.matrix);
 
-      this._cameraMatrixState.copy(this._cameraMatrixState0);
+        this._cameraMatrixState.copy(this._cameraMatrixState0);
 
-      this._cameraProjectionState.copy(camera.projectionMatrix);
+        this._cameraProjectionState.copy(camera.projectionMatrix);
 
-      this._zoom0 = camera.zoom;
-      this._zoomState = this._zoom0;
-      this._initialNear = camera.near;
-      this._nearPos0 = camera.position.distanceTo(this.target) - camera.near;
-      this._nearPos = this._initialNear;
-      this._initialFar = camera.far;
-      this._farPos0 = camera.position.distanceTo(this.target) - camera.far;
-      this._farPos = this._initialFar;
+        this._zoom0 = camera.zoom;
+        this._zoomState = this._zoom0;
+        this._initialNear = camera.near;
+        this._nearPos0 = camera.position.distanceTo(this.target) - camera.near;
+        this._nearPos = this._initialNear;
+        this._initialFar = camera.far;
+        this._farPos0 = camera.position.distanceTo(this.target) - camera.far;
+        this._farPos = this._initialFar;
 
-      this._up0.copy(camera.up);
+        this._up0.copy(camera.up);
 
-      this._upState.copy(camera.up);
+        this._upState.copy(camera.up);
 
-      this.camera = camera;
-      this.camera.updateProjectionMatrix(); //making gizmos
+        this.camera = camera;
 
-      this._tbRadius = this.calculateTbRadius(camera);
-      this.makeGizmos(this.target, this._tbRadius);
+        if (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera) {
+          this.camera.updateProjectionMatrix();
+        } //making gizmos
+
+
+        const tbRadius = this.calculateTbRadius(camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+
+        this.makeGizmos(this.target, this._tbRadius);
+      }
     });
 
     _defineProperty(this, "makeGizmos", (tbCenter, tbRadius) => {
+      // @ts-expect-error
       const curve = new EllipseCurve(0, 0, tbRadius, tbRadius);
       const points = curve.getPoints(this._curvePts); //geometry
 
@@ -1441,7 +1689,7 @@ class ArcballControls extends EventDispatcher {
 
       this._gizmoMatrixState.copy(this._gizmoMatrixState0);
 
-      if (this.camera.zoom != 1) {
+      if ((this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera) && this.camera.zoom != 1) {
         //adapt gizmos size to camera zoom
         const size = 1 / this.camera.zoom;
 
@@ -1550,60 +1798,70 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "pan", (p0, p1, adjust = false) => {
-      const movement = p0.clone().sub(p1);
+      if (this.camera !== null) {
+        const movement = p0.clone().sub(p1);
 
-      if (this.camera.isOrthographicCamera) {
-        //adjust movement amount
-        movement.multiplyScalar(1 / this.camera.zoom);
-      } else if (this.camera.isPerspectiveCamera && adjust) {
-        //adjust movement amount
-        this._v3_1.setFromMatrixPosition(this._cameraMatrixState0); //camera's initial position
+        if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
+          //adjust movement amount
+          movement.multiplyScalar(1 / this.camera.zoom);
+        } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera && adjust) {
+          //adjust movement amount
+          this._v3_1.setFromMatrixPosition(this._cameraMatrixState0); //camera's initial position
 
 
-        this._v3_2.setFromMatrixPosition(this._gizmoMatrixState0); //gizmo's initial position
+          this._v3_2.setFromMatrixPosition(this._gizmoMatrixState0); //gizmo's initial position
 
 
-        const distanceFactor = this._v3_1.distanceTo(this._v3_2) / this.camera.position.distanceTo(this._gizmos.position);
-        movement.multiplyScalar(1 / distanceFactor);
-      }
+          const distanceFactor = this._v3_1.distanceTo(this._v3_2) / this.camera.position.distanceTo(this._gizmos.position);
+          movement.multiplyScalar(1 / distanceFactor);
+        }
+
+        this._v3_1.set(movement.x, movement.y, 0).applyQuaternion(this.camera.quaternion);
 
-      this._v3_1.set(movement.x, movement.y, 0).applyQuaternion(this.camera.quaternion);
+        this._m4_1.makeTranslation(this._v3_1.x, this._v3_1.y, this._v3_1.z);
 
-      this._m4_1.makeTranslation(this._v3_1.x, this._v3_1.y, this._v3_1.z);
+        this.setTransformationMatrices(this._m4_1, this._m4_1);
+      }
 
-      this.setTransformationMatrices(this._m4_1, this._m4_1);
       return _transformation;
     });
 
     _defineProperty(this, "reset", () => {
-      this.camera.zoom = this._zoom0;
+      if (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera) {
+        this.camera.zoom = this._zoom0;
 
-      if (this.camera.isPerspectiveCamera) {
-        this.camera.fov = this._fov0;
-      }
+        if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
+          this.camera.fov = this._fov0;
+        }
 
-      this.camera.near = this._nearPos;
-      this.camera.far = this._farPos;
+        this.camera.near = this._nearPos;
+        this.camera.far = this._farPos;
 
-      this._cameraMatrixState.copy(this._cameraMatrixState0);
+        this._cameraMatrixState.copy(this._cameraMatrixState0);
 
-      this._cameraMatrixState.decompose(this.camera.position, this.camera.quaternion, this.camera.scale);
+        this._cameraMatrixState.decompose(this.camera.position, this.camera.quaternion, this.camera.scale);
 
-      this.camera.up.copy(this._up0);
-      this.camera.updateMatrix();
-      this.camera.updateProjectionMatrix();
+        this.camera.up.copy(this._up0);
+        this.camera.updateMatrix();
+        this.camera.updateProjectionMatrix();
 
-      this._gizmoMatrixState.copy(this._gizmoMatrixState0);
+        this._gizmoMatrixState.copy(this._gizmoMatrixState0);
 
-      this._gizmoMatrixState0.decompose(this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale);
+        this._gizmoMatrixState0.decompose(this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale);
 
-      this._gizmos.updateMatrix();
+        this._gizmos.updateMatrix();
 
-      this._tbRadius = this.calculateTbRadius(this.camera);
-      this.makeGizmos(this._gizmos.position, this._tbRadius);
-      this.camera.lookAt(this._gizmos.position);
-      this.updateTbState(STATE.IDLE, false);
-      this.dispatchEvent(_changeEvent);
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+
+        this.makeGizmos(this._gizmos.position, this._tbRadius);
+        this.camera.lookAt(this._gizmos.position);
+        this.updateTbState(STATE.IDLE, false);
+        this.dispatchEvent(_changeEvent);
+      }
     });
 
     _defineProperty(this, "rotate", (axis, angle) => {
@@ -1627,7 +1885,7 @@ class ArcballControls extends EventDispatcher {
     _defineProperty(this, "copyState", () => {
       let state;
 
-      if (this.camera.isOrthographicCamera) {
+      if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
         state = JSON.stringify({
           arcballState: {
             cameraFar: this.camera.far,
@@ -1638,7 +1896,7 @@ class ArcballControls extends EventDispatcher {
             gizmoMatrix: this._gizmos.matrix
           }
         });
-      } else if (this.camera.isPerspectiveCamera) {
+      } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
         state = JSON.stringify({
           arcballState: {
             cameraFar: this.camera.far,
@@ -1652,7 +1910,9 @@ class ArcballControls extends EventDispatcher {
         });
       }
 
-      navigator.clipboard.writeText(state);
+      if (state !== undefined) {
+        navigator.clipboard.writeText(state);
+      }
     });
 
     _defineProperty(this, "pasteState", () => {
@@ -1663,18 +1923,20 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "saveState", () => {
-      this._cameraMatrixState0.copy(this.camera.matrix);
+      if (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera) {
+        this._cameraMatrixState0.copy(this.camera.matrix);
 
-      this._gizmoMatrixState0.copy(this._gizmos.matrix);
+        this._gizmoMatrixState0.copy(this._gizmos.matrix);
 
-      this._nearPos = this.camera.near;
-      this._farPos = this.camera.far;
-      this._zoom0 = this.camera.zoom;
+        this._nearPos = this.camera.near;
+        this._farPos = this.camera.far;
+        this._zoom0 = this.camera.zoom;
 
-      this._up0.copy(this.camera.up);
+        this._up0.copy(this.camera.up);
 
-      if (this.camera.isPerspectiveCamera) {
-        this._fov0 = this.camera.fov;
+        if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
+          this._fov0 = this.camera.fov;
+        }
       }
     });
 
@@ -1682,7 +1944,7 @@ class ArcballControls extends EventDispatcher {
       const scalePoint = point.clone();
       let sizeInverse = 1 / size;
 
-      if (this.camera.isOrthographicCamera) {
+      if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
         //camera zoom
         this.camera.zoom = this._zoomState;
         this.camera.zoom *= size; //check min and max zoom
@@ -1720,7 +1982,7 @@ class ArcballControls extends EventDispatcher {
 
         this.setTransformationMatrices(this._m4_1, this._m4_2);
         return _transformation;
-      } else if (this.camera.isPerspectiveCamera) {
+      } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
         this._v3_1.setFromMatrixPosition(this._cameraMatrixState);
 
         this._v3_2.setFromMatrixPosition(this._gizmoMatrixState); //move camera
@@ -1773,12 +2035,30 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "setFov", value => {
-      if (this.camera.isPerspectiveCamera) {
+      if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
         this.camera.fov = MathUtils.clamp(value, this.minFov, this.maxFov);
         this.camera.updateProjectionMatrix();
       }
     });
 
+    _defineProperty(this, "setTarget", (x, y, z) => {
+      if (this.camera !== null) {
+        this.target.set(x, y, z);
+
+        this._gizmos.position.set(x, y, z); //for correct radius calculation
+
+
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+
+        this.makeGizmos(this.target, this._tbRadius);
+        this.camera.lookAt(this.target);
+      }
+    });
+
     _defineProperty(this, "zRotate", (point, angle) => {
       this._rotationMatrix.makeRotationAxis(this._rotationAxis, angle);
 
@@ -1805,15 +2085,17 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "unprojectOnObj", (cursor, camera) => {
-      const raycaster = new Raycaster();
-      raycaster.near = camera.near;
-      raycaster.far = camera.far;
-      raycaster.setFromCamera(cursor, camera);
-      const intersect = raycaster.intersectObjects(this.scene.children, true);
-
-      for (let i = 0; i < intersect.length; i++) {
-        if (intersect[i].object.uuid != this._gizmos.uuid && intersect[i].face != null) {
-          return intersect[i].point.clone();
+      if ((camera instanceof PerspectiveCamera || camera instanceof OrthographicCamera) && this.scene != null) {
+        const raycaster = new Raycaster();
+        raycaster.near = camera.near;
+        raycaster.far = camera.far;
+        raycaster.setFromCamera(cursor, camera);
+        const intersect = raycaster.intersectObjects(this.scene.children, true);
+
+        for (let i = 0; i < intersect.length; i++) {
+          if (intersect[i].object.uuid != this._gizmos.uuid && intersect[i].face != null) {
+            return intersect[i].point.clone();
+          }
         }
       }
 
@@ -1989,18 +2271,20 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "updateMatrixState", () => {
-      //update camera and gizmos state
-      this._cameraMatrixState.copy(this.camera.matrix);
+      if (this.camera !== null) {
+        //update camera and gizmos state
+        this._cameraMatrixState.copy(this.camera.matrix);
 
-      this._gizmoMatrixState.copy(this._gizmos.matrix);
+        this._gizmoMatrixState.copy(this._gizmos.matrix);
 
-      if (this.camera.isOrthographicCamera) {
-        this._cameraProjectionState.copy(this.camera.projectionMatrix);
+        if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
+          this._cameraProjectionState.copy(this.camera.projectionMatrix);
 
-        this.camera.updateProjectionMatrix();
-        this._zoomState = this.camera.zoom;
-      } else if (this.camera.isPerspectiveCamera) {
-        this._fovState = this.camera.fov;
+          this.camera.updateProjectionMatrix();
+          this._zoomState = this.camera.zoom;
+        } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
+          this._fovState = this.camera.fov;
+        }
       }
     });
 
@@ -2013,26 +2297,33 @@ class ArcballControls extends EventDispatcher {
     });
 
     _defineProperty(this, "update", () => {
+      var _this$camera2;
+
       const EPS = 0.000001; // Update target and gizmos state
 
-      if (!this.target.equals(this._currentTarget)) {
+      if (!this.target.equals(this._currentTarget) && this.camera !== null) {
         this._gizmos.position.set(this.target.x, this.target.y, this.target.z); //for correct radius calculation
 
 
-        this._tbRadius = this.calculateTbRadius(this.camera);
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+
         this.makeGizmos(this.target, this._tbRadius);
 
         this._currentTarget.copy(this.target);
       } //check min/max parameters
 
 
-      if (this.camera.isOrthographicCamera) {
+      if (this.camera instanceof OrthographicCamera && this.camera.isOrthographicCamera) {
         //check zoom
         if (this.camera.zoom > this.maxZoom || this.camera.zoom < this.minZoom) {
           const newZoom = MathUtils.clamp(this.camera.zoom, this.minZoom, this.maxZoom);
           this.applyTransformMatrix(this.applyScale(newZoom / this.camera.zoom, this._gizmos.position, true));
         }
-      } else if (this.camera.isPerspectiveCamera) {
+      } else if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
         //check distance
         const distance = this.camera.position.distanceTo(this._gizmos.position);
 
@@ -2049,28 +2340,37 @@ class ArcballControls extends EventDispatcher {
         }
 
         const oldRadius = this._tbRadius;
-        this._tbRadius = this.calculateTbRadius(this.camera);
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
 
         if (oldRadius < this._tbRadius - EPS || oldRadius > this._tbRadius + EPS) {
           const scale = (this._gizmos.scale.x + this._gizmos.scale.y + this._gizmos.scale.z) / 3;
-          const newRadius = this._tbRadius / scale;
+          const newRadius = this._tbRadius / scale; // @ts-expect-error
+
           const curve = new EllipseCurve(0, 0, newRadius, newRadius);
           const points = curve.getPoints(this._curvePts);
           const curveGeometry = new BufferGeometry().setFromPoints(points);
 
           for (const gizmo in this._gizmos.children) {
-            this._gizmos.children[gizmo].geometry = curveGeometry;
+            const child = this._gizmos.children[gizmo];
+
+            if (child instanceof Mesh) {
+              child.geometry = curveGeometry;
+            }
           }
         }
       }
 
-      this.camera.lookAt(this._gizmos.position);
+      (_this$camera2 = this.camera) === null || _this$camera2 === void 0 ? void 0 : _this$camera2.lookAt(this._gizmos.position);
     });
 
     _defineProperty(this, "setStateFromJSON", json => {
       const state = JSON.parse(json);
 
-      if (state.arcballState != undefined) {
+      if (state.arcballState != undefined && (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera)) {
         this._cameraMatrixState.fromArray(state.arcballState.cameraMatrix.elements);
 
         this._cameraMatrixState.decompose(this.camera.position, this.camera.quaternion, this.camera.scale);
@@ -2080,7 +2380,7 @@ class ArcballControls extends EventDispatcher {
         this.camera.far = state.arcballState.cameraFar;
         this.camera.zoom = state.arcballState.cameraZoom;
 
-        if (this.camera.isPerspectiveCamera) {
+        if (this.camera instanceof PerspectiveCamera && this.camera.isPerspectiveCamera) {
           this.camera.fov = state.arcballState.cameraFov;
         }
 
@@ -2093,7 +2393,12 @@ class ArcballControls extends EventDispatcher {
 
         this._gizmos.updateMatrix();
 
-        this._tbRadius = this.calculateTbRadius(this.camera);
+        const tbRadius = this.calculateTbRadius(this.camera);
+
+        if (tbRadius !== undefined) {
+          this._tbRadius = tbRadius;
+        }
+
         const gizmoTmp = new Matrix4().copy(this._gizmoMatrixState0);
         this.makeGizmos(this._gizmos.position, this._tbRadius);
 
@@ -2106,6 +2411,7 @@ class ArcballControls extends EventDispatcher {
     });
 
     this.camera = null;
+    this.domElement = domElement;
     this.scene = scene;
     this.mouseActions = [];
     this._mouseOp = null; //global vectors and matrices that are used in some operations to avoid creating new objects every time (e.g. every time cursor moves)
@@ -2239,12 +2545,17 @@ class ArcballControls extends EventDispatcher {
 
     if (this.scene != null) {
       this.scene.add(this._gizmos);
-    } // connect events
-
+    }
 
-    if (_domElement !== undefined) this.connect(_domElement);
+    this.domElement.style.touchAction = 'none';
     this._devPxRatio = window.devicePixelRatio;
     this.initializeMouseActions();
+    this.domElement.addEventListener('contextmenu', this.onContextMenu);
+    this.domElement.addEventListener('wheel', this.onWheel);
+    this.domElement.addEventListener('pointerdown', this.onPointerDown);
+    this.domElement.addEventListener('pointercancel', this.onPointerCancel);
+    window.addEventListener('keydown', this.onKeyDown);
+    window.addEventListener('resize', this.onWindowResize);
   } //listeners
 
 
@@ -2253,7 +2564,7 @@ class ArcballControls extends EventDispatcher {
    * @param {Object} transformation Object containing matrices to apply to camera and gizmos
    */
   applyTransformMatrix(transformation) {
-    if (transformation.camera != null) {
+    if ((transformation === null || transformation === void 0 ? void 0 : transformation.camera) != null && this.camera !== null) {
       this._m4_1.copy(this._cameraMatrixState).premultiply(transformation.camera);
 
       this._m4_1.decompose(this.camera.position, this.camera.quaternion, this.camera.scale);
@@ -2265,7 +2576,7 @@ class ArcballControls extends EventDispatcher {
       }
     }
 
-    if (transformation.gizmos != null) {
+    if ((transformation === null || transformation === void 0 ? void 0 : transformation.gizmos) != null) {
       this._m4_1.copy(this._gizmoMatrixState).premultiply(transformation.gizmos);
 
       this._m4_1.decompose(this._gizmos.position, this._gizmos.quaternion, this._gizmos.scale);
@@ -2273,8 +2584,12 @@ class ArcballControls extends EventDispatcher {
       this._gizmos.updateMatrix();
     }
 
-    if (this._state == STATE.SCALE || this._state == STATE.FOCUS || this._state == STATE.ANIMATION_FOCUS) {
-      this._tbRadius = this.calculateTbRadius(this.camera);
+    if ((this._state == STATE.SCALE || this._state == STATE.FOCUS || this._state == STATE.ANIMATION_FOCUS) && (this.camera instanceof PerspectiveCamera || this.camera instanceof OrthographicCamera)) {
+      const tbRadius = this.calculateTbRadius(this.camera);
+
+      if (tbRadius !== undefined) {
+        this._tbRadius = tbRadius;
+      }
 
       if (this.adjustNearFar) {
         const cameraDistance = this.camera.position.distanceTo(this._gizmos.position);