kitchen-simulator 5.0.0-test.1 → 5.0.0-test.12

package/es/components/viewer3d/camera-controls-module/camera-controls.module.js

@@ -1,2593 +0,0 @@
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
-function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/*!
- * camera-controls
- * https://github.com/yomotsu/camera-controls
- * (c) 2017 @yomotsu
- * Released under the MIT License.
- */
-// see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons#value
-var MOUSE_BUTTON = {
-  LEFT: 1,
-  RIGHT: 2,
-  MIDDLE: 4
-};
-var ACTION = Object.freeze({
-  NONE: 0,
-  ROTATE: 1,
-  TRUCK: 2,
-  OFFSET: 4,
-  DOLLY: 8,
-  ZOOM: 16,
-  TOUCH_ROTATE: 32,
-  TOUCH_TRUCK: 64,
-  TOUCH_OFFSET: 128,
-  TOUCH_DOLLY: 256,
-  TOUCH_ZOOM: 512,
-  TOUCH_DOLLY_TRUCK: 1024,
-  TOUCH_DOLLY_OFFSET: 2048,
-  TOUCH_DOLLY_ROTATE: 4096,
-  TOUCH_ZOOM_TRUCK: 8192,
-  TOUCH_ZOOM_OFFSET: 16384,
-  TOUCH_ZOOM_ROTATE: 32768
-});
-var DOLLY_DIRECTION = {
-  NONE: 0,
-  IN: 1,
-  OUT: -1
-};
-function isPerspectiveCamera(camera) {
-  return camera.isPerspectiveCamera;
-}
-function isOrthographicCamera(camera) {
-  return camera.isOrthographicCamera;
-}
-var PI_2 = Math.PI * 2;
-var PI_HALF = Math.PI / 2;
-var EPSILON = 1e-5;
-var DEG2RAD = Math.PI / 180;
-function clamp(value, min, max) {
-  return Math.max(min, Math.min(max, value));
-}
-function approxZero(number) {
-  var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : EPSILON;
-  return Math.abs(number) < error;
-}
-function approxEquals(a, b) {
-  var error = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EPSILON;
-  return approxZero(a - b, error);
-}
-function roundToStep(value, step) {
-  return Math.round(value / step) * step;
-}
-function infinityToMaxNumber(value) {
-  if (isFinite(value)) return value;
-  if (value < 0) return -Number.MAX_VALUE;
-  return Number.MAX_VALUE;
-}
-function maxNumberToInfinity(value) {
-  if (Math.abs(value) < Number.MAX_VALUE) return value;
-  return value * Infinity;
-}
-// https://docs.unity3d.com/ScriptReference/Mathf.SmoothDamp.html
-// https://github.com/Unity-Technologies/UnityCsReference/blob/a2bdfe9b3c4cd4476f44bf52f848063bfaf7b6b9/Runtime/Export/Math/Mathf.cs#L308
-function smoothDamp(current, target, currentVelocityRef, smoothTime) {
-  var maxSpeed = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : Infinity;
-  var deltaTime = arguments.length > 5 ? arguments[5] : undefined;
-  // Based on Game Programming Gems 4 Chapter 1.10
-  smoothTime = Math.max(0.0001, smoothTime);
-  var omega = 2 / smoothTime;
-  var x = omega * deltaTime;
-  var exp = 1 / (1 + x + 0.48 * x * x + 0.235 * x * x * x);
-  var change = current - target;
-  var originalTo = target;
-  // Clamp maximum speed
-  var maxChange = maxSpeed * smoothTime;
-  change = clamp(change, -maxChange, maxChange);
-  target = current - change;
-  var temp = (currentVelocityRef.value + omega * change) * deltaTime;
-  currentVelocityRef.value = (currentVelocityRef.value - omega * temp) * exp;
-  var output = target + (change + temp) * exp;
-  // Prevent overshooting
-  if (originalTo - current > 0.0 === output > originalTo) {
-    output = originalTo;
-    currentVelocityRef.value = (output - originalTo) / deltaTime;
-  }
-  return output;
-}
-// https://docs.unity3d.com/ScriptReference/Vector3.SmoothDamp.html
-// https://github.com/Unity-Technologies/UnityCsReference/blob/a2bdfe9b3c4cd4476f44bf52f848063bfaf7b6b9/Runtime/Export/Math/Vector3.cs#L97
-function smoothDampVec3(current, target, currentVelocityRef, smoothTime) {
-  var maxSpeed = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : Infinity;
-  var deltaTime = arguments.length > 5 ? arguments[5] : undefined;
-  var out = arguments.length > 6 ? arguments[6] : undefined;
-  // Based on Game Programming Gems 4 Chapter 1.10
-  smoothTime = Math.max(0.0001, smoothTime);
-  var omega = 2 / smoothTime;
-  var x = omega * deltaTime;
-  var exp = 1 / (1 + x + 0.48 * x * x + 0.235 * x * x * x);
-  var targetX = target.x;
-  var targetY = target.y;
-  var targetZ = target.z;
-  var changeX = current.x - targetX;
-  var changeY = current.y - targetY;
-  var changeZ = current.z - targetZ;
-  var originalToX = targetX;
-  var originalToY = targetY;
-  var originalToZ = targetZ;
-  // Clamp maximum speed
-  var maxChange = maxSpeed * smoothTime;
-  var maxChangeSq = maxChange * maxChange;
-  var magnitudeSq = changeX * changeX + changeY * changeY + changeZ * changeZ;
-  if (magnitudeSq > maxChangeSq) {
-    var magnitude = Math.sqrt(magnitudeSq);
-    changeX = changeX / magnitude * maxChange;
-    changeY = changeY / magnitude * maxChange;
-    changeZ = changeZ / magnitude * maxChange;
-  }
-  targetX = current.x - changeX;
-  targetY = current.y - changeY;
-  targetZ = current.z - changeZ;
-  var tempX = (currentVelocityRef.x + omega * changeX) * deltaTime;
-  var tempY = (currentVelocityRef.y + omega * changeY) * deltaTime;
-  var tempZ = (currentVelocityRef.z + omega * changeZ) * deltaTime;
-  currentVelocityRef.x = (currentVelocityRef.x - omega * tempX) * exp;
-  currentVelocityRef.y = (currentVelocityRef.y - omega * tempY) * exp;
-  currentVelocityRef.z = (currentVelocityRef.z - omega * tempZ) * exp;
-  out.x = targetX + (changeX + tempX) * exp;
-  out.y = targetY + (changeY + tempY) * exp;
-  out.z = targetZ + (changeZ + tempZ) * exp;
-  // Prevent overshooting
-  var origMinusCurrentX = originalToX - current.x;
-  var origMinusCurrentY = originalToY - current.y;
-  var origMinusCurrentZ = originalToZ - current.z;
-  var outMinusOrigX = out.x - originalToX;
-  var outMinusOrigY = out.y - originalToY;
-  var outMinusOrigZ = out.z - originalToZ;
-  if (origMinusCurrentX * outMinusOrigX + origMinusCurrentY * outMinusOrigY + origMinusCurrentZ * outMinusOrigZ > 0) {
-    out.x = originalToX;
-    out.y = originalToY;
-    out.z = originalToZ;
-    currentVelocityRef.x = (out.x - originalToX) / deltaTime;
-    currentVelocityRef.y = (out.y - originalToY) / deltaTime;
-    currentVelocityRef.z = (out.z - originalToZ) / deltaTime;
-  }
-  return out;
-}
-function extractClientCoordFromEvent(pointers, out) {
-  out.set(0, 0);
-  pointers.forEach(function (pointer) {
-    out.x += pointer.clientX;
-    out.y += pointer.clientY;
-  });
-  out.x /= pointers.length;
-  out.y /= pointers.length;
-}
-function notSupportedInOrthographicCamera(camera, message) {
-  if (isOrthographicCamera(camera)) {
-    console.warn("".concat(message, " is not supported in OrthographicCamera"));
-    return true;
-  }
-  return false;
-}
-var EventDispatcher = /*#__PURE__*/function () {
-  function EventDispatcher() {
-    _classCallCheck(this, EventDispatcher);
-    this._listeners = {};
-  }
-  /**
-   * Adds the specified event listener.
-   * @param type event name
-   * @param listener handler function
-   * @category Methods
-   */
-  return _createClass(EventDispatcher, [{
-    key: "addEventListener",
-    value: function addEventListener(type, listener) {
-      var listeners = this._listeners;
-      if (listeners[type] === undefined) listeners[type] = [];
-      if (listeners[type].indexOf(listener) === -1) listeners[type].push(listener);
-    }
-    /**
-     * Presence of the specified event listener.
-     * @param type event name
-     * @param listener handler function
-     * @category Methods
-     */
-  }, {
-    key: "hasEventListener",
-    value: function hasEventListener(type, listener) {
-      var listeners = this._listeners;
-      return listeners[type] !== undefined && listeners[type].indexOf(listener) !== -1;
-    }
-    /**
-     * Removes the specified event listener
-     * @param type event name
-     * @param listener handler function
-     * @category Methods
-     */
-  }, {
-    key: "removeEventListener",
-    value: function removeEventListener(type, listener) {
-      var listeners = this._listeners;
-      var listenerArray = listeners[type];
-      if (listenerArray !== undefined) {
-        var index = listenerArray.indexOf(listener);
-        if (index !== -1) listenerArray.splice(index, 1);
-      }
-    }
-    /**
-     * Removes all event listeners
-     * @param type event name
-     * @category Methods
-     */
-  }, {
-    key: "removeAllEventListeners",
-    value: function removeAllEventListeners(type) {
-      if (!type) {
-        this._listeners = {};
-        return;
-      }
-      if (Array.isArray(this._listeners[type])) this._listeners[type].length = 0;
-    }
-    /**
-     * Fire an event type.
-     * @param event DispatcherEvent
-     * @category Methods
-     */
-  }, {
-    key: "dispatchEvent",
-    value: function dispatchEvent(event) {
-      var listeners = this._listeners;
-      var listenerArray = listeners[event.type];
-      if (listenerArray !== undefined) {
-        event.target = this;
-        var array = listenerArray.slice(0);
-        for (var i = 0, l = array.length; i < l; i++) {
-          array[i].call(this, event);
-        }
-      }
-    }
-  }]);
-}();
-var _a;
-var VERSION = '2.8.4'; // will be replaced with `version` in package.json during the build process.
-var TOUCH_DOLLY_FACTOR = 1 / 8;
-var isMac = /Mac/.test((_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) === null || _a === void 0 ? void 0 : _a.platform);
-var THREE;
-var _ORIGIN;
-var _AXIS_Y;
-var _AXIS_Z;
-var _v2;
-var _v3A;
-var _v3B;
-var _v3C;
-var _cameraDirection;
-var _xColumn;
-var _yColumn;
-var _zColumn;
-var _deltaTarget;
-var _deltaOffset;
-var _sphericalA;
-var _sphericalB;
-var _box3A;
-var _box3B;
-var _sphere;
-var _quaternionA;
-var _quaternionB;
-var _rotationMatrix;
-var _raycaster;
-var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
-  /**
-   * Creates a `CameraControls` instance.
-   *
-   * Note:
-   * You **must install** three.js before using camera-controls. see [#install](#install)
-   * Not doing so will lead to runtime errors (`undefined` references to THREE).
-   *
-   * e.g.
-   * ```
-   * CameraControls.install( { THREE } );
-   * const cameraControls = new CameraControls( camera, domElement );
-   * ```
-   *
-   * @param camera A `THREE.PerspectiveCamera` or `THREE.OrthographicCamera` to be controlled.
-   * @param domElement A `HTMLElement` for the draggable area, usually `renderer.domElement`.
-   * @category Constructor
-   */
-  function CameraControls(camera, domElement) {
-    var _this;
-    _classCallCheck(this, CameraControls);
-    _this = _callSuper(this, CameraControls);
-    /**
-     * Minimum vertical angle in radians.
-     * The angle has to be between `0` and `.maxPolarAngle` inclusive.
-     * The default value is `0`.
-     *
-     * e.g.
-     * ```
-     * cameraControls.maxPolarAngle = 0;
-     * ```
-     * @category Properties
-     */
-    _this.minPolarAngle = 0; // radians
-    /**
-     * Maximum vertical angle in radians.
-     * The angle has to be between `.maxPolarAngle` and `Math.PI` inclusive.
-     * The default value is `Math.PI`.
-     *
-     * e.g.
-     * ```
-     * cameraControls.maxPolarAngle = Math.PI;
-     * ```
-     * @category Properties
-     */
-    _this.maxPolarAngle = Math.PI; // radians
-    /**
-     * Minimum horizontal angle in radians.
-     * The angle has to be less than `.maxAzimuthAngle`.
-     * The default value is `- Infinity`.
-     *
-     * e.g.
-     * ```
-     * cameraControls.minAzimuthAngle = - Infinity;
-     * ```
-     * @category Properties
-     */
-    _this.minAzimuthAngle = -Infinity; // radians
-    /**
-     * Maximum horizontal angle in radians.
-     * The angle has to be greater than `.minAzimuthAngle`.
-     * The default value is `Infinity`.
-     *
-     * e.g.
-     * ```
-     * cameraControls.maxAzimuthAngle = Infinity;
-     * ```
-     * @category Properties
-     */
-    _this.maxAzimuthAngle = Infinity; // radians
-    // How far you can dolly in and out ( PerspectiveCamera only )
-    /**
-     * Minimum distance for dolly. The value must be higher than `0`. Default is `Number.EPSILON`.
-     * PerspectiveCamera only.
-     * @category Properties
-     */
-    _this.minDistance = Number.EPSILON;
-    /**
-     * Maximum distance for dolly. The value must be higher than `minDistance`. Default is `Infinity`.
-     * PerspectiveCamera only.
-     * @category Properties
-     */
-    _this.maxDistance = Infinity;
-    /**
-     * `true` to enable Infinity Dolly for wheel and pinch. Use this with `minDistance` and `maxDistance`
-     * If the Dolly distance is less (or over) than the `minDistance` (or `maxDistance`), `infinityDolly` will keep the distance and pushes the target position instead.
-     * @category Properties
-     */
-    _this.infinityDolly = false;
-    /**
-     * Minimum camera zoom.
-     * @category Properties
-     */
-    _this.minZoom = 0.01;
-    /**
-     * Maximum camera zoom.
-     * @category Properties
-     */
-    _this.maxZoom = Infinity;
-    /**
-     * Approximate time in seconds to reach the target. A smaller value will reach the target faster.
-     * @category Properties
-     */
-    _this.smoothTime = 0.25;
-    /**
-     * the smoothTime while dragging
-     * @category Properties
-     */
-    _this.draggingSmoothTime = 0.125;
-    /**
-     * Max transition speed in unit-per-seconds
-     * @category Properties
-     */
-    _this.maxSpeed = Infinity;
-    /**
-     * Speed of azimuth (horizontal) rotation.
-     * @category Properties
-     */
-    _this.azimuthRotateSpeed = 1.0;
-    /**
-     * Speed of polar (vertical) rotation.
-     * @category Properties
-     */
-    _this.polarRotateSpeed = 1.0;
-    /**
-     * Speed of mouse-wheel dollying.
-     * @category Properties
-     */
-    _this.dollySpeed = 1.0;
-    /**
-     * `true` to invert direction when dollying or zooming via drag
-     * @category Properties
-     */
-    _this.dollyDragInverted = false;
-    /**
-     * Speed of drag for truck and pedestal.
-     * @category Properties
-     */
-    _this.truckSpeed = 2.0;
-    /**
-     * `true` to enable Dolly-in to the mouse cursor coords.
-     * @category Properties
-     */
-    _this.dollyToCursor = false;
-    /**
-     * @category Properties
-     */
-    _this.dragToOffset = false;
-    /**
-     * The same as `.screenSpacePanning` in three.js's OrbitControls.
-     * @category Properties
-     */
-    _this.verticalDragToForward = false;
-    /**
-     * Friction ratio of the boundary.
-     * @category Properties
-     */
-    _this.boundaryFriction = 0.0;
-    /**
-     * Controls how soon the `rest` event fires as the camera slows.
-     * @category Properties
-     */
-    _this.restThreshold = 0.01;
-    /**
-     * An array of Meshes to collide with camera.
-     * Be aware colliderMeshes may decrease performance. The collision test uses 4 raycasters from the camera since the near plane has 4 corners.
-     * @category Properties
-     */
-    _this.colliderMeshes = [];
-    /**
-     * Force cancel user dragging.
-     * @category Methods
-     */
-    // cancel will be overwritten in the constructor.
-    _this.cancel = function () {};
-    _this._enabled = true;
-    _this._state = ACTION.NONE;
-    _this._viewport = null;
-    _this._changedDolly = 0;
-    _this._changedZoom = 0;
-    _this._hasRested = true;
-    _this._boundaryEnclosesCamera = false;
-    _this._needsUpdate = true;
-    _this._updatedLastTime = false;
-    _this._elementRect = new DOMRect();
-    _this._isDragging = false;
-    _this._dragNeedsUpdate = true;
-    _this._activePointers = [];
-    _this._lockedPointer = null;
-    _this._interactiveArea = new DOMRect(0, 0, 1, 1);
-    // Use draggingSmoothTime over smoothTime while true.
-    // set automatically true on user-dragging start.
-    // set automatically false on programmable methods call.
-    _this._isUserControllingRotate = false;
-    _this._isUserControllingDolly = false;
-    _this._isUserControllingTruck = false;
-    _this._isUserControllingOffset = false;
-    _this._isUserControllingZoom = false;
-    _this._lastDollyDirection = DOLLY_DIRECTION.NONE;
-    // velocities for smoothDamp
-    _this._thetaVelocity = {
-      value: 0
-    };
-    _this._phiVelocity = {
-      value: 0
-    };
-    _this._radiusVelocity = {
-      value: 0
-    };
-    _this._targetVelocity = new THREE.Vector3();
-    _this._focalOffsetVelocity = new THREE.Vector3();
-    _this._zoomVelocity = {
-      value: 0
-    };
-    _this._truckInternal = function (deltaX, deltaY, dragToOffset) {
-      var truckX;
-      var pedestalY;
-      if (isPerspectiveCamera(_this._camera)) {
-        var offset = _v3A.copy(_this._camera.position).sub(_this._target);
-        // half of the fov is center to top of screen
-        var fov = _this._camera.getEffectiveFOV() * DEG2RAD;
-        var targetDistance = offset.length() * Math.tan(fov * 0.5);
-        truckX = _this.truckSpeed * deltaX * targetDistance / _this._elementRect.height;
-        pedestalY = _this.truckSpeed * deltaY * targetDistance / _this._elementRect.height;
-      } else if (isOrthographicCamera(_this._camera)) {
-        var _camera = _this._camera;
-        truckX = deltaX * (_camera.right - _camera.left) / _camera.zoom / _this._elementRect.width;
-        pedestalY = deltaY * (_camera.top - _camera.bottom) / _camera.zoom / _this._elementRect.height;
-      } else {
-        return;
-      }
-      if (_this.verticalDragToForward) {
-        dragToOffset ? _this.setFocalOffset(_this._focalOffsetEnd.x + truckX, _this._focalOffsetEnd.y, _this._focalOffsetEnd.z, true) : _this.truck(truckX, 0, true);
-        _this.forward(-pedestalY, true);
-      } else {
-        dragToOffset ? _this.setFocalOffset(_this._focalOffsetEnd.x + truckX, _this._focalOffsetEnd.y + pedestalY, _this._focalOffsetEnd.z, true) : _this.truck(truckX, pedestalY, true);
-      }
-    };
-    _this._rotateInternal = function (deltaX, deltaY) {
-      var theta = PI_2 * _this.azimuthRotateSpeed * deltaX / _this._elementRect.height; // divide by *height* to refer the resolution
-      var phi = PI_2 * _this.polarRotateSpeed * deltaY / _this._elementRect.height;
-      _this.rotate(theta, phi, true);
-    };
-    _this._dollyInternal = function (delta, x, y) {
-      var dollyScale = Math.pow(0.95, -delta * _this.dollySpeed);
-      var lastDistance = _this._sphericalEnd.radius;
-      var distance = _this._sphericalEnd.radius * dollyScale;
-      var clampedDistance = clamp(distance, _this.minDistance, _this.maxDistance);
-      var overflowedDistance = clampedDistance - distance;
-      if (_this.infinityDolly && _this.dollyToCursor) {
-        _this._dollyToNoClamp(distance, true);
-      } else if (_this.infinityDolly && !_this.dollyToCursor) {
-        _this.dollyInFixed(overflowedDistance, true);
-        _this._dollyToNoClamp(clampedDistance, true);
-      } else {
-        _this._dollyToNoClamp(clampedDistance, true);
-      }
-      if (_this.dollyToCursor) {
-        _this._changedDolly += (_this.infinityDolly ? distance : clampedDistance) - lastDistance;
-        _this._dollyControlCoord.set(x, y);
-      }
-      _this._lastDollyDirection = Math.sign(-delta);
-    };
-    _this._zoomInternal = function (delta, x, y) {
-      var zoomScale = Math.pow(0.95, delta * _this.dollySpeed);
-      var lastZoom = _this._zoom;
-      var zoom = _this._zoom * zoomScale;
-      // for both PerspectiveCamera and OrthographicCamera
-      _this.zoomTo(zoom, true);
-      if (_this.dollyToCursor) {
-        _this._changedZoom += zoom - lastZoom;
-        _this._dollyControlCoord.set(x, y);
-      }
-    };
-    // Check if the user has installed THREE
-    if (typeof THREE === 'undefined') {
-      console.error('camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information.');
-    }
-    _this._camera = camera;
-    _this._yAxisUpSpace = new THREE.Quaternion().setFromUnitVectors(_this._camera.up, _AXIS_Y);
-    // this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert();
-    _this._yAxisUpSpaceInverse = _this._yAxisUpSpace.clone();
-    _this._state = ACTION.NONE;
-    // the location
-    _this._target = new THREE.Vector3();
-    _this._targetEnd = _this._target.clone();
-    _this._focalOffset = new THREE.Vector3();
-    _this._focalOffsetEnd = _this._focalOffset.clone();
-    // rotation
-    _this._spherical = new THREE.Spherical().setFromVector3(_v3A.copy(_this._camera.position).applyQuaternion(_this._yAxisUpSpace));
-    _this._sphericalEnd = _this._spherical.clone();
-    _this._lastDistance = _this._spherical.radius;
-    _this._zoom = _this._camera.zoom;
-    _this._zoomEnd = _this._zoom;
-    _this._lastZoom = _this._zoom;
-    // collisionTest uses nearPlane.s
-    _this._nearPlaneCorners = [new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3()];
-    _this._updateNearPlaneCorners();
-    // Target cannot move outside of this box
-    _this._boundary = new THREE.Box3(new THREE.Vector3(-Infinity, -Infinity, -Infinity), new THREE.Vector3(Infinity, Infinity, Infinity));
-    // reset
-    _this._cameraUp0 = _this._camera.up.clone();
-    _this._target0 = _this._target.clone();
-    _this._position0 = _this._camera.position.clone();
-    _this._zoom0 = _this._zoom;
-    _this._focalOffset0 = _this._focalOffset.clone();
-    _this._dollyControlCoord = new THREE.Vector2();
-    // configs
-    _this.mouseButtons = {
-      left: ACTION.ROTATE,
-      middle: ACTION.DOLLY,
-      right: ACTION.TRUCK,
-      wheel: isPerspectiveCamera(_this._camera) ? ACTION.DOLLY : isOrthographicCamera(_this._camera) ? ACTION.ZOOM : ACTION.NONE
-    };
-    _this.touches = {
-      one: ACTION.TOUCH_ROTATE,
-      two: isPerspectiveCamera(_this._camera) ? ACTION.TOUCH_DOLLY_TRUCK : isOrthographicCamera(_this._camera) ? ACTION.TOUCH_ZOOM_TRUCK : ACTION.NONE,
-      three: ACTION.TOUCH_TRUCK
-    };
-    var dragStartPosition = new THREE.Vector2();
-    var lastDragPosition = new THREE.Vector2();
-    var dollyStart = new THREE.Vector2();
-    var onPointerDown = function onPointerDown(event) {
-      if (!_this._enabled || !_this._domElement) return;
-      if (_this._interactiveArea.left !== 0 || _this._interactiveArea.top !== 0 || _this._interactiveArea.width !== 1 || _this._interactiveArea.height !== 1) {
-        var elRect = _this._domElement.getBoundingClientRect();
-        var left = event.clientX / elRect.width;
-        var top = event.clientY / elRect.height;
-        // check if the interactiveArea contains the drag start position.
-        if (left < _this._interactiveArea.left || left > _this._interactiveArea.right || top < _this._interactiveArea.top || top > _this._interactiveArea.bottom) return;
-      }
-      // Don't call `event.preventDefault()` on the pointerdown event
-      // to keep receiving pointermove evens outside dragging iframe
-      // https://taye.me/blog/tips/2015/11/16/mouse-drag-outside-iframe/
-      var mouseButton = event.pointerType !== 'mouse' ? null : (event.buttons & MOUSE_BUTTON.LEFT) === MOUSE_BUTTON.LEFT ? MOUSE_BUTTON.LEFT : (event.buttons & MOUSE_BUTTON.MIDDLE) === MOUSE_BUTTON.MIDDLE ? MOUSE_BUTTON.MIDDLE : (event.buttons & MOUSE_BUTTON.RIGHT) === MOUSE_BUTTON.RIGHT ? MOUSE_BUTTON.RIGHT : null;
-      if (mouseButton !== null) {
-        var zombiePointer = _this._findPointerByMouseButton(mouseButton);
-        zombiePointer && _this._disposePointer(zombiePointer);
-      }
-      if ((event.buttons & MOUSE_BUTTON.LEFT) === MOUSE_BUTTON.LEFT && _this._lockedPointer) return;
-      var pointer = {
-        pointerId: event.pointerId,
-        clientX: event.clientX,
-        clientY: event.clientY,
-        deltaX: 0,
-        deltaY: 0,
-        mouseButton: mouseButton
-      };
-      _this._activePointers.push(pointer);
-      // eslint-disable-next-line no-undef
-      _this._domElement.ownerDocument.removeEventListener('pointermove', onPointerMove, {
-        passive: false
-      });
-      _this._domElement.ownerDocument.removeEventListener('pointerup', onPointerUp);
-      _this._domElement.ownerDocument.addEventListener('pointermove', onPointerMove, {
-        passive: false
-      });
-      _this._domElement.ownerDocument.addEventListener('pointerup', onPointerUp);
-      _this._isDragging = true;
-      startDragging(event);
-    };
-    var onPointerMove = function onPointerMove(event) {
-      if (event.cancelable) event.preventDefault();
-      var pointerId = event.pointerId;
-      var pointer = _this._lockedPointer || _this._findPointerById(pointerId);
-      if (!pointer) return;
-      pointer.clientX = event.clientX;
-      pointer.clientY = event.clientY;
-      pointer.deltaX = event.movementX;
-      pointer.deltaY = event.movementY;
-      _this._state = 0;
-      if (event.pointerType === 'touch') {
-        switch (_this._activePointers.length) {
-          case 1:
-            _this._state = _this.touches.one;
-            break;
-          case 2:
-            _this._state = _this.touches.two;
-            break;
-          case 3:
-            _this._state = _this.touches.three;
-            break;
-        }
-      } else {
-        if (!_this._isDragging && _this._lockedPointer || _this._isDragging && (event.buttons & MOUSE_BUTTON.LEFT) === MOUSE_BUTTON.LEFT) {
-          _this._state = _this._state | _this.mouseButtons.left;
-        }
-        if (_this._isDragging && (event.buttons & MOUSE_BUTTON.MIDDLE) === MOUSE_BUTTON.MIDDLE) {
-          _this._state = _this._state | _this.mouseButtons.middle;
-        }
-        if (_this._isDragging && (event.buttons & MOUSE_BUTTON.RIGHT) === MOUSE_BUTTON.RIGHT) {
-          _this._state = _this._state | _this.mouseButtons.right;
-        }
-      }
-      dragging();
-    };
-    var onPointerUp = function onPointerUp(event) {
-      var pointer = _this._findPointerById(event.pointerId);
-      if (pointer && pointer === _this._lockedPointer) return;
-      pointer && _this._disposePointer(pointer);
-      if (event.pointerType === 'touch') {
-        switch (_this._activePointers.length) {
-          case 0:
-            _this._state = ACTION.NONE;
-            break;
-          case 1:
-            _this._state = _this.touches.one;
-            break;
-          case 2:
-            _this._state = _this.touches.two;
-            break;
-          case 3:
-            _this._state = _this.touches.three;
-            break;
-        }
-      } else {
-        _this._state = ACTION.NONE;
-      }
-      endDragging();
-    };
-    var lastScrollTimeStamp = -1;
-    var onMouseWheel = function onMouseWheel(event) {
-      if (!_this._domElement) return;
-      if (!_this._enabled || _this.mouseButtons.wheel === ACTION.NONE) return;
-      if (_this._interactiveArea.left !== 0 || _this._interactiveArea.top !== 0 || _this._interactiveArea.width !== 1 || _this._interactiveArea.height !== 1) {
-        var elRect = _this._domElement.getBoundingClientRect();
-        var left = event.clientX / elRect.width;
-        var top = event.clientY / elRect.height;
-        // check if the interactiveArea contains the drag start position.
-        if (left < _this._interactiveArea.left || left > _this._interactiveArea.right || top < _this._interactiveArea.top || top > _this._interactiveArea.bottom) return;
-      }
-      event.preventDefault();
-      if (_this.dollyToCursor || _this.mouseButtons.wheel === ACTION.ROTATE || _this.mouseButtons.wheel === ACTION.TRUCK) {
-        var now = performance.now();
-        // only need to fire this at scroll start.
-        if (lastScrollTimeStamp - now < 1000) _this._getClientRect(_this._elementRect);
-        lastScrollTimeStamp = now;
-      }
-      // Ref: https://github.com/cedricpinson/osgjs/blob/00e5a7e9d9206c06fdde0436e1d62ab7cb5ce853/sources/osgViewer/input/source/InputSourceMouse.js#L89-L103
-      var deltaYFactor = isMac ? -1 : -3;
-      var delta = event.deltaMode === 1 ? event.deltaY / deltaYFactor : event.deltaY / (deltaYFactor * 10);
-      var x = _this.dollyToCursor ? (event.clientX - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
-      var y = _this.dollyToCursor ? (event.clientY - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
-      switch (_this.mouseButtons.wheel) {
-        case ACTION.ROTATE:
-          {
-            _this._rotateInternal(event.deltaX, event.deltaY);
-            _this._isUserControllingRotate = true;
-            break;
-          }
-        case ACTION.TRUCK:
-          {
-            _this._truckInternal(event.deltaX, event.deltaY, false);
-            _this._isUserControllingTruck = true;
-            break;
-          }
-        case ACTION.OFFSET:
-          {
-            _this._truckInternal(event.deltaX, event.deltaY, true);
-            _this._isUserControllingOffset = true;
-            break;
-          }
-        case ACTION.DOLLY:
-          {
-            _this._dollyInternal(-delta, x, y);
-            _this._isUserControllingDolly = true;
-            break;
-          }
-        case ACTION.ZOOM:
-          {
-            _this._zoomInternal(-delta, x, y);
-            _this._isUserControllingZoom = true;
-            break;
-          }
-      }
-      _this.dispatchEvent({
-        type: 'control'
-      });
-    };
-    var onContextMenu = function onContextMenu(event) {
-      if (!_this._domElement || !_this._enabled) return;
-      // contextmenu event is fired right after pointerdown
-      // remove attached handlers and active pointer, if interrupted by contextmenu.
-      if (_this.mouseButtons.right === CameraControls.ACTION.NONE) {
-        var pointerId = event instanceof PointerEvent ? event.pointerId : 0;
-        var pointer = _this._findPointerById(pointerId);
-        pointer && _this._disposePointer(pointer);
-        // eslint-disable-next-line no-undef
-        _this._domElement.ownerDocument.removeEventListener('pointermove', onPointerMove, {
-          passive: false
-        });
-        _this._domElement.ownerDocument.removeEventListener('pointerup', onPointerUp);
-        return;
-      }
-      event.preventDefault();
-    };
-    var startDragging = function startDragging(event) {
-      if (!_this._enabled) return;
-      extractClientCoordFromEvent(_this._activePointers, _v2);
-      _this._getClientRect(_this._elementRect);
-      dragStartPosition.copy(_v2);
-      lastDragPosition.copy(_v2);
-      var isMultiTouch = _this._activePointers.length >= 2;
-      if (isMultiTouch) {
-        // 2 finger pinch
-        var dx = _v2.x - _this._activePointers[1].clientX;
-        var dy = _v2.y - _this._activePointers[1].clientY;
-        var distance = Math.sqrt(dx * dx + dy * dy);
-        dollyStart.set(0, distance);
-        // center coords of 2 finger truck
-        var x = (_this._activePointers[0].clientX + _this._activePointers[1].clientX) * 0.5;
-        var y = (_this._activePointers[0].clientY + _this._activePointers[1].clientY) * 0.5;
-        lastDragPosition.set(x, y);
-      }
-      _this._state = 0;
-      if (!event) {
-        if (_this._lockedPointer) _this._state = _this._state | _this.mouseButtons.left;
-      } else if ('pointerType' in event && event.pointerType === 'touch') {
-        switch (_this._activePointers.length) {
-          case 1:
-            _this._state = _this.touches.one;
-            break;
-          case 2:
-            _this._state = _this.touches.two;
-            break;
-          case 3:
-            _this._state = _this.touches.three;
-            break;
-        }
-      } else {
-        if (!_this._lockedPointer && (event.buttons & MOUSE_BUTTON.LEFT) === MOUSE_BUTTON.LEFT) {
-          _this._state = _this._state | _this.mouseButtons.left;
-        }
-        if ((event.buttons & MOUSE_BUTTON.MIDDLE) === MOUSE_BUTTON.MIDDLE) {
-          _this._state = _this._state | _this.mouseButtons.middle;
-        }
-        if ((event.buttons & MOUSE_BUTTON.RIGHT) === MOUSE_BUTTON.RIGHT) {
-          _this._state = _this._state | _this.mouseButtons.right;
-        }
-      }
-      // stop current movement on drag start
-      if ((_this._state & ACTION.ROTATE) === ACTION.ROTATE || (_this._state & ACTION.TOUCH_ROTATE) === ACTION.TOUCH_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
-        _this._sphericalEnd.theta = _this._spherical.theta;
-        _this._sphericalEnd.phi = _this._spherical.phi;
-        _this._thetaVelocity.value = 0;
-        _this._phiVelocity.value = 0;
-      }
-      if ((_this._state & ACTION.TRUCK) === ACTION.TRUCK || (_this._state & ACTION.TOUCH_TRUCK) === ACTION.TOUCH_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK) {
-        _this._targetEnd.copy(_this._target);
-        _this._targetVelocity.set(0, 0, 0);
-      }
-      if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY || (_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE) {
-        _this._sphericalEnd.radius = _this._spherical.radius;
-        _this._radiusVelocity.value = 0;
-      }
-      if ((_this._state & ACTION.ZOOM) === ACTION.ZOOM || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
-        _this._zoomEnd = _this._zoom;
-        _this._zoomVelocity.value = 0;
-      }
-      if ((_this._state & ACTION.OFFSET) === ACTION.OFFSET || (_this._state & ACTION.TOUCH_OFFSET) === ACTION.TOUCH_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET) {
-        _this._focalOffsetEnd.copy(_this._focalOffset);
-        _this._focalOffsetVelocity.set(0, 0, 0);
-      }
-      _this.dispatchEvent({
-        type: 'controlstart'
-      });
-    };
-    var dragging = function dragging() {
-      if (!_this._enabled || !_this._dragNeedsUpdate) return;
-      _this._dragNeedsUpdate = false;
-      extractClientCoordFromEvent(_this._activePointers, _v2);
-      // When pointer lock is enabled clientX, clientY, screenX, and screenY remain 0.
-      // If pointer lock is enabled, use the Delta directory, and assume active-pointer is not multiple.
-      var isPointerLockActive = _this._domElement && _this._domElement.ownerDocument.pointerLockElement === _this._domElement;
-      var lockedPointer = isPointerLockActive ? _this._lockedPointer || _this._activePointers[0] : null;
-      var deltaX = lockedPointer ? -lockedPointer.deltaX : lastDragPosition.x - _v2.x;
-      var deltaY = lockedPointer ? -lockedPointer.deltaY : lastDragPosition.y - _v2.y;
-      lastDragPosition.copy(_v2);
-      if ((_this._state & ACTION.ROTATE) === ACTION.ROTATE || (_this._state & ACTION.TOUCH_ROTATE) === ACTION.TOUCH_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
-        _this._rotateInternal(deltaX, deltaY);
-        _this._isUserControllingRotate = true;
-      }
-      if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY || (_this._state & ACTION.ZOOM) === ACTION.ZOOM) {
-        var dollyX = _this.dollyToCursor ? (dragStartPosition.x - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
-        var dollyY = _this.dollyToCursor ? (dragStartPosition.y - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
-        var dollyDirection = _this.dollyDragInverted ? -1 : 1;
-        if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY) {
-          _this._dollyInternal(dollyDirection * deltaY * TOUCH_DOLLY_FACTOR, dollyX, dollyY);
-          _this._isUserControllingDolly = true;
-        } else {
-          _this._zoomInternal(dollyDirection * deltaY * TOUCH_DOLLY_FACTOR, dollyX, dollyY);
-          _this._isUserControllingZoom = true;
-        }
-      }
-      if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
-        var dx = _v2.x - _this._activePointers[1].clientX;
-        var dy = _v2.y - _this._activePointers[1].clientY;
-        var distance = Math.sqrt(dx * dx + dy * dy);
-        var dollyDelta = dollyStart.y - distance;
-        dollyStart.set(0, distance);
-        var _dollyX = _this.dollyToCursor ? (lastDragPosition.x - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
-        var _dollyY = _this.dollyToCursor ? (lastDragPosition.y - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
-        if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET) {
-          _this._dollyInternal(dollyDelta * TOUCH_DOLLY_FACTOR, _dollyX, _dollyY);
-          _this._isUserControllingDolly = true;
-        } else {
-          _this._zoomInternal(dollyDelta * TOUCH_DOLLY_FACTOR, _dollyX, _dollyY);
-          _this._isUserControllingZoom = true;
-        }
-      }
-      if ((_this._state & ACTION.TRUCK) === ACTION.TRUCK || (_this._state & ACTION.TOUCH_TRUCK) === ACTION.TOUCH_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK) {
-        _this._truckInternal(deltaX, deltaY, false);
-        _this._isUserControllingTruck = true;
-      }
-      if ((_this._state & ACTION.OFFSET) === ACTION.OFFSET || (_this._state & ACTION.TOUCH_OFFSET) === ACTION.TOUCH_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET) {
-        _this._truckInternal(deltaX, deltaY, true);
-        _this._isUserControllingOffset = true;
-      }
-      _this.dispatchEvent({
-        type: 'control'
-      });
-    };
-    var endDragging = function endDragging() {
-      extractClientCoordFromEvent(_this._activePointers, _v2);
-      lastDragPosition.copy(_v2);
-      _this._dragNeedsUpdate = false;
-      if (_this._activePointers.length === 0 || _this._activePointers.length === 1 && _this._activePointers[0] === _this._lockedPointer) {
-        _this._isDragging = false;
-      }
-      if (_this._activePointers.length === 0 && _this._domElement) {
-        // eslint-disable-next-line no-undef
-        _this._domElement.ownerDocument.removeEventListener('pointermove', onPointerMove, {
-          passive: false
-        });
-        _this._domElement.ownerDocument.removeEventListener('pointerup', onPointerUp);
-        _this.dispatchEvent({
-          type: 'controlend'
-        });
-      }
-    };
-    _this.lockPointer = function () {
-      if (!_this._enabled || !_this._domElement) return;
-      _this.cancel();
-      // Element.requestPointerLock is allowed to happen without any pointer active - create a faux one for compatibility with controls
-      _this._lockedPointer = {
-        pointerId: -1,
-        clientX: 0,
-        clientY: 0,
-        deltaX: 0,
-        deltaY: 0,
-        mouseButton: null
-      };
-      _this._activePointers.push(_this._lockedPointer);
-      // eslint-disable-next-line no-undef
-      _this._domElement.ownerDocument.removeEventListener('pointermove', onPointerMove, {
-        passive: false
-      });
-      _this._domElement.ownerDocument.removeEventListener('pointerup', onPointerUp);
-      _this._domElement.requestPointerLock();
-      _this._domElement.ownerDocument.addEventListener('pointerlockchange', onPointerLockChange);
-      _this._domElement.ownerDocument.addEventListener('pointerlockerror', onPointerLockError);
-      _this._domElement.ownerDocument.addEventListener('pointermove', onPointerMove, {
-        passive: false
-      });
-      _this._domElement.ownerDocument.addEventListener('pointerup', onPointerUp);
-      startDragging();
-    };
-    _this.unlockPointer = function () {
-      var _a, _b, _c;
-      if (_this._lockedPointer !== null) {
-        _this._disposePointer(_this._lockedPointer);
-        _this._lockedPointer = null;
-      }
-      (_a = _this._domElement) === null || _a === void 0 ? void 0 : _a.ownerDocument.exitPointerLock();
-      (_b = _this._domElement) === null || _b === void 0 ? void 0 : _b.ownerDocument.removeEventListener('pointerlockchange', onPointerLockChange);
-      (_c = _this._domElement) === null || _c === void 0 ? void 0 : _c.ownerDocument.removeEventListener('pointerlockerror', onPointerLockError);
-      _this.cancel();
-    };
-    var onPointerLockChange = function onPointerLockChange() {
-      var isPointerLockActive = _this._domElement && _this._domElement.ownerDocument.pointerLockElement === _this._domElement;
-      if (!isPointerLockActive) _this.unlockPointer();
-    };
-    var onPointerLockError = function onPointerLockError() {
-      _this.unlockPointer();
-    };
-    _this._addAllEventListeners = function (domElement) {
-      _this._domElement = domElement;
-      _this._domElement.style.touchAction = 'none';
-      _this._domElement.style.userSelect = 'none';
-      _this._domElement.style.webkitUserSelect = 'none';
-      _this._domElement.addEventListener('pointerdown', onPointerDown);
-      _this._domElement.addEventListener('pointercancel', onPointerUp);
-      _this._domElement.addEventListener('wheel', onMouseWheel, {
-        passive: false
-      });
-      _this._domElement.addEventListener('contextmenu', onContextMenu);
-    };
-    _this._removeAllEventListeners = function () {
-      if (!_this._domElement) return;
-      _this._domElement.style.touchAction = '';
-      _this._domElement.style.userSelect = '';
-      _this._domElement.style.webkitUserSelect = '';
-      _this._domElement.removeEventListener('pointerdown', onPointerDown);
-      _this._domElement.removeEventListener('pointercancel', onPointerUp);
-      // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener#matching_event_listeners_for_removal
-      // > it's probably wise to use the same values used for the call to `addEventListener()` when calling `removeEventListener()`
-      // see https://github.com/microsoft/TypeScript/issues/32912#issuecomment-522142969
-      // eslint-disable-next-line no-undef
-      _this._domElement.removeEventListener('wheel', onMouseWheel, {
-        passive: false
-      });
-      _this._domElement.removeEventListener('contextmenu', onContextMenu);
-      // eslint-disable-next-line no-undef
-      _this._domElement.ownerDocument.removeEventListener('pointermove', onPointerMove, {
-        passive: false
-      });
-      _this._domElement.ownerDocument.removeEventListener('pointerup', onPointerUp);
-      _this._domElement.ownerDocument.removeEventListener('pointerlockchange', onPointerLockChange);
-      _this._domElement.ownerDocument.removeEventListener('pointerlockerror', onPointerLockError);
-    };
-    _this.cancel = function () {
-      if (_this._state === ACTION.NONE) return;
-      _this._state = ACTION.NONE;
-      _this._activePointers.length = 0;
-      endDragging();
-    };
-    if (domElement) _this.connect(domElement);
-    _this.update(0);
-    return _this;
-  }
-  /**
-   * The camera to be controlled
-   * @category Properties
-   */
-  _inherits(CameraControls, _EventDispatcher);
-  return _createClass(CameraControls, [{
-    key: "camera",
-    get: function get() {
-      return this._camera;
-    },
-    set: function set(camera) {
-      this._camera = camera;
-      this.updateCameraUp();
-      this._camera.updateProjectionMatrix();
-      this._updateNearPlaneCorners();
-      this._needsUpdate = true;
-    }
-    /**
-     * Whether or not the controls are enabled.
-     * `false` to disable user dragging/touch-move, but all methods works.
-     * @category Properties
-     */
-  }, {
-    key: "enabled",
-    get: function get() {
-      return this._enabled;
-    },
-    set: function set(enabled) {
-      this._enabled = enabled;
-      if (!this._domElement) return;
-      if (enabled) {
-        this._domElement.style.touchAction = 'none';
-        this._domElement.style.userSelect = 'none';
-        this._domElement.style.webkitUserSelect = 'none';
-      } else {
-        this.cancel();
-        this._domElement.style.touchAction = '';
-        this._domElement.style.userSelect = '';
-        this._domElement.style.webkitUserSelect = '';
-      }
-    }
-    /**
-     * Returns `true` if the controls are active updating.
-     * readonly value.
-     * @category Properties
-     */
-  }, {
-    key: "active",
-    get: function get() {
-      return !this._hasRested;
-    }
-    /**
-     * Getter for the current `ACTION`.
-     * readonly value.
-     * @category Properties
-     */
-  }, {
-    key: "currentAction",
-    get: function get() {
-      return this._state;
-    }
-    /**
-     * get/set Current distance.
-     * @category Properties
-     */
-  }, {
-    key: "distance",
-    get: function get() {
-      return this._spherical.radius;
-    },
-    set: function set(distance) {
-      if (this._spherical.radius === distance && this._sphericalEnd.radius === distance) return;
-      this._spherical.radius = distance;
-      this._sphericalEnd.radius = distance;
-      this._needsUpdate = true;
-    }
-    // horizontal angle
-    /**
-     * get/set the azimuth angle (horizontal) in radians.
-     * Every 360 degrees turn is added to `.azimuthAngle` value, which is accumulative.
-     * @category Properties
-     */
-  }, {
-    key: "azimuthAngle",
-    get: function get() {
-      return this._spherical.theta;
-    },
-    set: function set(azimuthAngle) {
-      if (this._spherical.theta === azimuthAngle && this._sphericalEnd.theta === azimuthAngle) return;
-      this._spherical.theta = azimuthAngle;
-      this._sphericalEnd.theta = azimuthAngle;
-      this._needsUpdate = true;
-    }
-    // vertical angle
-    /**
-     * get/set the polar angle (vertical) in radians.
-     * @category Properties
-     */
-  }, {
-    key: "polarAngle",
-    get: function get() {
-      return this._spherical.phi;
-    },
-    set: function set(polarAngle) {
-      if (this._spherical.phi === polarAngle && this._sphericalEnd.phi === polarAngle) return;
-      this._spherical.phi = polarAngle;
-      this._sphericalEnd.phi = polarAngle;
-      this._needsUpdate = true;
-    }
-    /**
-     * Whether camera position should be enclosed in the boundary or not.
-     * @category Properties
-     */
-  }, {
-    key: "boundaryEnclosesCamera",
-    get: function get() {
-      return this._boundaryEnclosesCamera;
-    },
-    set: function set(boundaryEnclosesCamera) {
-      this._boundaryEnclosesCamera = boundaryEnclosesCamera;
-      this._needsUpdate = true;
-    }
-    /**
-     * Set drag-start, touches and wheel enable area in the domElement.
-     * each values are between `0` and `1` inclusive, where `0` is left/top and `1` is right/bottom of the screen.
-     * e.g. `{ x: 0, y: 0, width: 1, height: 1 }` for entire area.
-     * @category Properties
-     */
-  }, {
-    key: "interactiveArea",
-    set: function set(interactiveArea) {
-      this._interactiveArea.width = clamp(interactiveArea.width, 0, 1);
-      this._interactiveArea.height = clamp(interactiveArea.height, 0, 1);
-      this._interactiveArea.x = clamp(interactiveArea.x, 0, 1 - this._interactiveArea.width);
-      this._interactiveArea.y = clamp(interactiveArea.y, 0, 1 - this._interactiveArea.height);
-    }
-    /**
-     * Adds the specified event listener.
-     * Applicable event types (which is `K`) are:
-     * | Event name          | Timing |
-     * | ------------------- | ------ |
-     * | `'controlstart'`    | When the user starts to control the camera via mouse / touches. ¹ |
-     * | `'control'`         | When the user controls the camera (dragging). |
-     * | `'controlend'`      | When the user ends to control the camera. ¹ |
-     * | `'transitionstart'` | When any kind of transition starts, either user control or using a method with `enableTransition = true` |
-     * | `'update'`          | When the camera position is updated. |
-     * | `'wake'`            | When the camera starts moving. |
-     * | `'rest'`            | When the camera movement is below `.restThreshold` ². |
-     * | `'sleep'`           | When the camera end moving. |
-     *
-     * 1. `mouseButtons.wheel` (Mouse wheel control) does not emit `'controlstart'` and `'controlend'`. `mouseButtons.wheel` uses scroll-event internally, and scroll-event happens intermittently. That means "start" and "end" cannot be detected.
-     * 2. Due to damping, `sleep` will usually fire a few seconds after the camera _appears_ to have stopped moving. If you want to do something (e.g. enable UI, perform another transition) at the point when the camera has stopped, you probably want the `rest` event. This can be fine tuned using the `.restThreshold` parameter. See the [Rest and Sleep Example](https://yomotsu.github.io/camera-controls/examples/rest-and-sleep.html).
-     *
-     * e.g.
-     * ```
-     * cameraControl.addEventListener( 'controlstart', myCallbackFunction );
-     * ```
-     * @param type event name
-     * @param listener handler function
-     * @category Methods
-     */
-  }, {
-    key: "addEventListener",
-    value: function addEventListener(type, listener) {
-      _superPropGet(CameraControls, "addEventListener", this, 3)([type, listener]);
-    }
-    /**
-     * Removes the specified event listener
-     * e.g.
-     * ```
-     * cameraControl.addEventListener( 'controlstart', myCallbackFunction );
-     * ```
-     * @param type event name
-     * @param listener handler function
-     * @category Methods
-     */
-  }, {
-    key: "removeEventListener",
-    value: function removeEventListener(type, listener) {
-      _superPropGet(CameraControls, "removeEventListener", this, 3)([type, listener]);
-    }
-    /**
-     * Rotate azimuthal angle(horizontal) and polar angle(vertical).
-     * Every value is added to the current value.
-     * @param azimuthAngle Azimuth rotate angle. In radian.
-     * @param polarAngle Polar rotate angle. In radian.
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "rotate",
-    value: function rotate(azimuthAngle, polarAngle) {
-      var enableTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      return this.rotateTo(this._sphericalEnd.theta + azimuthAngle, this._sphericalEnd.phi + polarAngle, enableTransition);
-    }
-    /**
-     * Rotate azimuthal angle(horizontal) to the given angle and keep the same polar angle(vertical) target.
-     *
-     * e.g.
-     * ```
-     * cameraControls.rotateAzimuthTo( 30 * THREE.MathUtils.DEG2RAD, true );
-     * ```
-     * @param azimuthAngle Azimuth rotate angle. In radian.
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "rotateAzimuthTo",
-    value: function rotateAzimuthTo(azimuthAngle) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      return this.rotateTo(azimuthAngle, this._sphericalEnd.phi, enableTransition);
-    }
-    /**
-     * Rotate polar angle(vertical) to the given angle and keep the same azimuthal angle(horizontal) target.
-     *
-     * e.g.
-     * ```
-     * cameraControls.rotatePolarTo( 30 * THREE.MathUtils.DEG2RAD, true );
-     * ```
-     * @param polarAngle Polar rotate angle. In radian.
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "rotatePolarTo",
-    value: function rotatePolarTo(polarAngle) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      return this.rotateTo(this._sphericalEnd.theta, polarAngle, enableTransition);
-    }
-    /**
-     * Rotate azimuthal angle(horizontal) and polar angle(vertical) to the given angle.
-     * Camera view will rotate over the orbit pivot absolutely:
-     *
-     * azimuthAngle
-     * ```
-     *       0º
-     *         \
-     * 90º -----+----- -90º
-     *           \
-     *           180º
-     * ```
-     * | direction | angle                  |
-     * | --------- | ---------------------- |
-     * | front     | 0º                     |
-     * | left      | 90º (`Math.PI / 2`)    |
-     * | right     | -90º (`- Math.PI / 2`) |
-     * | back      | 180º (`Math.PI`)       |
-     *
-     * polarAngle
-     * ```
-     *     180º
-     *      |
-     *      90º
-     *      |
-     *      0º
-     * ```
-     * | direction            | angle                  |
-     * | -------------------- | ---------------------- |
-     * | top/sky              | 180º (`Math.PI`)       |
-     * | horizontal from view | 90º (`Math.PI / 2`)    |
-     * | bottom/floor         | 0º                     |
-     *
-     * @param azimuthAngle Azimuth rotate angle to. In radian.
-     * @param polarAngle Polar rotate angle to. In radian.
-     * @param enableTransition  Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "rotateTo",
-    value: function rotateTo(azimuthAngle, polarAngle) {
-      var enableTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      this._isUserControllingRotate = false;
-      var theta = clamp(azimuthAngle, this.minAzimuthAngle, this.maxAzimuthAngle);
-      var phi = clamp(polarAngle, this.minPolarAngle, this.maxPolarAngle);
-      this._sphericalEnd.theta = theta;
-      this._sphericalEnd.phi = phi;
-      this._sphericalEnd.makeSafe();
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._spherical.theta = this._sphericalEnd.theta;
-        this._spherical.phi = this._sphericalEnd.phi;
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && approxEquals(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Dolly in/out camera position.
-     * @param distance Distance of dollyIn. Negative number for dollyOut.
-     * @param enableTransition Whether to move smoothly or immediately.
-     * @category Methods
-     */
-  }, {
-    key: "dolly",
-    value: function dolly(distance) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      return this.dollyTo(this._sphericalEnd.radius - distance, enableTransition);
-    }
-    /**
-     * Dolly in/out camera position to given distance.
-     * @param distance Distance of dolly.
-     * @param enableTransition Whether to move smoothly or immediately.
-     * @category Methods
-     */
-  }, {
-    key: "dollyTo",
-    value: function dollyTo(distance) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      this._isUserControllingDolly = false;
-      this._lastDollyDirection = DOLLY_DIRECTION.NONE;
-      this._changedDolly = 0;
-      return this._dollyToNoClamp(clamp(distance, this.minDistance, this.maxDistance), enableTransition);
-    }
-  }, {
-    key: "_dollyToNoClamp",
-    value: function _dollyToNoClamp(distance) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var lastRadius = this._sphericalEnd.radius;
-      var hasCollider = this.colliderMeshes.length >= 1;
-      if (hasCollider) {
-        var maxDistanceByCollisionTest = this._collisionTest();
-        var isCollided = approxEquals(maxDistanceByCollisionTest, this._spherical.radius);
-        var isDollyIn = lastRadius > distance;
-        if (!isDollyIn && isCollided) return Promise.resolve();
-        this._sphericalEnd.radius = Math.min(distance, maxDistanceByCollisionTest);
-      } else {
-        this._sphericalEnd.radius = distance;
-      }
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._spherical.radius = this._sphericalEnd.radius;
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._spherical.radius, this._sphericalEnd.radius, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Dolly in, but does not change the distance between the target and the camera, and moves the target position instead.
-     * Specify a negative value for dolly out.
-     * @param distance Distance of dolly.
-     * @param enableTransition Whether to move smoothly or immediately.
-     * @category Methods
-     */
-  }, {
-    key: "dollyInFixed",
-    value: function dollyInFixed(distance) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      this._targetEnd.add(this._getCameraDirection(_cameraDirection).multiplyScalar(distance));
-      if (!enableTransition) {
-        this._target.copy(this._targetEnd);
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._target.x, this._targetEnd.x, this.restThreshold) && approxEquals(this._target.y, this._targetEnd.y, this.restThreshold) && approxEquals(this._target.z, this._targetEnd.z, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Zoom in/out camera. The value is added to camera zoom.
-     * Limits set with `.minZoom` and `.maxZoom`
-     * @param zoomStep zoom scale
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "zoom",
-    value: function zoom(zoomStep) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      return this.zoomTo(this._zoomEnd + zoomStep, enableTransition);
-    }
-    /**
-     * Zoom in/out camera to given scale. The value overwrites camera zoom.
-     * Limits set with .minZoom and .maxZoom
-     * @param zoom
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "zoomTo",
-    value: function zoomTo(zoom) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      this._isUserControllingZoom = false;
-      this._zoomEnd = clamp(zoom, this.minZoom, this.maxZoom);
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._zoom = this._zoomEnd;
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._zoom, this._zoomEnd, this.restThreshold);
-      this._changedZoom = 0;
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * @deprecated `pan()` has been renamed to `truck()`
-     * @category Methods
-     */
-  }, {
-    key: "pan",
-    value: function pan(x, y) {
-      var enableTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      console.warn('`pan` has been renamed to `truck`');
-      return this.truck(x, y, enableTransition);
-    }
-    /**
-     * Truck and pedestal camera using current azimuthal angle
-     * @param x Horizontal translate amount
-     * @param y Vertical translate amount
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "truck",
-    value: function truck(x, y) {
-      var enableTransition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      this._camera.updateMatrix();
-      _xColumn.setFromMatrixColumn(this._camera.matrix, 0);
-      _yColumn.setFromMatrixColumn(this._camera.matrix, 1);
-      _xColumn.multiplyScalar(x);
-      _yColumn.multiplyScalar(-y);
-      var offset = _v3A.copy(_xColumn).add(_yColumn);
-      var to = _v3B.copy(this._targetEnd).add(offset);
-      return this.moveTo(to.x, to.y, to.z, enableTransition);
-    }
-    /**
-     * Move forward / backward.
-     * @param distance Amount to move forward / backward. Negative value to move backward
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "forward",
-    value: function forward(distance) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      _v3A.setFromMatrixColumn(this._camera.matrix, 0);
-      _v3A.crossVectors(this._camera.up, _v3A);
-      _v3A.multiplyScalar(distance);
-      var to = _v3B.copy(this._targetEnd).add(_v3A);
-      return this.moveTo(to.x, to.y, to.z, enableTransition);
-    }
-    /**
-     * Move up / down.
-     * @param height Amount to move up / down. Negative value to move down
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "elevate",
-    value: function elevate(height) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      _v3A.copy(this._camera.up).multiplyScalar(height);
-      return this.moveTo(this._targetEnd.x + _v3A.x, this._targetEnd.y + _v3A.y, this._targetEnd.z + _v3A.z, enableTransition);
-    }
-    /**
-     * Move target position to given point.
-     * @param x x coord to move center position
-     * @param y y coord to move center position
-     * @param z z coord to move center position
-     * @param enableTransition Whether to move smoothly or immediately
-     * @category Methods
-     */
-  }, {
-    key: "moveTo",
-    value: function moveTo(x, y, z) {
-      var enableTransition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      this._isUserControllingTruck = false;
-      var offset = _v3A.set(x, y, z).sub(this._targetEnd);
-      this._encloseToBoundary(this._targetEnd, offset, this.boundaryFriction);
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._target.copy(this._targetEnd);
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._target.x, this._targetEnd.x, this.restThreshold) && approxEquals(this._target.y, this._targetEnd.y, this.restThreshold) && approxEquals(this._target.z, this._targetEnd.z, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Look in the given point direction.
-     * @param x point x.
-     * @param y point y.
-     * @param z point z.
-     * @param enableTransition Whether to move smoothly or immediately.
-     * @returns Transition end promise
-     * @category Methods
-     */
-  }, {
-    key: "lookInDirectionOf",
-    value: function lookInDirectionOf(x, y, z) {
-      var enableTransition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      var point = _v3A.set(x, y, z);
-      var direction = point.sub(this._targetEnd).normalize();
-      var position = direction.multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
-      return this.setPosition(position.x, position.y, position.z, enableTransition);
-    }
-    /**
-     * Fit the viewport to the box or the bounding box of the object, using the nearest axis. paddings are in unit.
-     * set `cover: true` to fill enter screen.
-     * e.g.
-     * ```
-     * cameraControls.fitToBox( myMesh );
-     * ```
-     * @param box3OrObject Axis aligned bounding box to fit the view.
-     * @param enableTransition Whether to move smoothly or immediately.
-     * @param options | `<object>` { cover: boolean, paddingTop: number, paddingLeft: number, paddingBottom: number, paddingRight: number }
-     * @returns Transition end promise
-     * @category Methods
-     */
-  }, {
-    key: "fitToBox",
-    value: function fitToBox(box3OrObject, enableTransition) {
-      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref$cover = _ref.cover,
-        cover = _ref$cover === void 0 ? false : _ref$cover,
-        _ref$paddingLeft = _ref.paddingLeft,
-        paddingLeft = _ref$paddingLeft === void 0 ? 0 : _ref$paddingLeft,
-        _ref$paddingRight = _ref.paddingRight,
-        paddingRight = _ref$paddingRight === void 0 ? 0 : _ref$paddingRight,
-        _ref$paddingBottom = _ref.paddingBottom,
-        paddingBottom = _ref$paddingBottom === void 0 ? 0 : _ref$paddingBottom,
-        _ref$paddingTop = _ref.paddingTop,
-        paddingTop = _ref$paddingTop === void 0 ? 0 : _ref$paddingTop;
-      var promises = [];
-      var aabb = box3OrObject.isBox3 ? _box3A.copy(box3OrObject) : _box3A.setFromObject(box3OrObject);
-      if (aabb.isEmpty()) {
-        console.warn('camera-controls: fitTo() cannot be used with an empty box. Aborting');
-        Promise.resolve();
-      }
-      // round to closest axis ( forward | backward | right | left | top | bottom )
-      var theta = roundToStep(this._sphericalEnd.theta, PI_HALF);
-      var phi = roundToStep(this._sphericalEnd.phi, PI_HALF);
-      promises.push(this.rotateTo(theta, phi, enableTransition));
-      var normal = _v3A.setFromSpherical(this._sphericalEnd).normalize();
-      var rotation = _quaternionA.setFromUnitVectors(normal, _AXIS_Z);
-      var viewFromPolar = approxEquals(Math.abs(normal.y), 1);
-      if (viewFromPolar) {
-        rotation.multiply(_quaternionB.setFromAxisAngle(_AXIS_Y, theta));
-      }
-      rotation.multiply(this._yAxisUpSpaceInverse);
-      // make oriented bounding box
-      var bb = _box3B.makeEmpty();
-      // left bottom back corner
-      _v3B.copy(aabb.min).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // right bottom back corner
-      _v3B.copy(aabb.min).setX(aabb.max.x).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // left top back corner
-      _v3B.copy(aabb.min).setY(aabb.max.y).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // right top back corner
-      _v3B.copy(aabb.max).setZ(aabb.min.z).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // left bottom front corner
-      _v3B.copy(aabb.min).setZ(aabb.max.z).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // right bottom front corner
-      _v3B.copy(aabb.max).setY(aabb.min.y).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // left top front corner
-      _v3B.copy(aabb.max).setX(aabb.min.x).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // right top front corner
-      _v3B.copy(aabb.max).applyQuaternion(rotation);
-      bb.expandByPoint(_v3B);
-      // add padding
-      bb.min.x -= paddingLeft;
-      bb.min.y -= paddingBottom;
-      bb.max.x += paddingRight;
-      bb.max.y += paddingTop;
-      rotation.setFromUnitVectors(_AXIS_Z, normal);
-      if (viewFromPolar) {
-        rotation.premultiply(_quaternionB.invert());
-      }
-      rotation.premultiply(this._yAxisUpSpace);
-      var bbSize = bb.getSize(_v3A);
-      var center = bb.getCenter(_v3B).applyQuaternion(rotation);
-      if (isPerspectiveCamera(this._camera)) {
-        var distance = this.getDistanceToFitBox(bbSize.x, bbSize.y, bbSize.z, cover);
-        promises.push(this.moveTo(center.x, center.y, center.z, enableTransition));
-        promises.push(this.dollyTo(distance, enableTransition));
-        promises.push(this.setFocalOffset(0, 0, 0, enableTransition));
-      } else if (isOrthographicCamera(this._camera)) {
-        var camera = this._camera;
-        var width = camera.right - camera.left;
-        var height = camera.top - camera.bottom;
-        var zoom = cover ? Math.max(width / bbSize.x, height / bbSize.y) : Math.min(width / bbSize.x, height / bbSize.y);
-        promises.push(this.moveTo(center.x, center.y, center.z, enableTransition));
-        promises.push(this.zoomTo(zoom, enableTransition));
-        promises.push(this.setFocalOffset(0, 0, 0, enableTransition));
-      }
-      return Promise.all(promises);
-    }
-    /**
-     * Fit the viewport to the sphere or the bounding sphere of the object.
-     * @param sphereOrMesh
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "fitToSphere",
-    value: function fitToSphere(sphereOrMesh, enableTransition) {
-      var promises = [];
-      var isSphere = 'isSphere' in sphereOrMesh;
-      var boundingSphere = isSphere ? _sphere.copy(sphereOrMesh) : CameraControls.createBoundingSphere(sphereOrMesh, _sphere);
-      promises.push(this.moveTo(boundingSphere.center.x, boundingSphere.center.y, boundingSphere.center.z, enableTransition));
-      if (isPerspectiveCamera(this._camera)) {
-        var distanceToFit = this.getDistanceToFitSphere(boundingSphere.radius);
-        promises.push(this.dollyTo(distanceToFit, enableTransition));
-      } else if (isOrthographicCamera(this._camera)) {
-        var width = this._camera.right - this._camera.left;
-        var height = this._camera.top - this._camera.bottom;
-        var diameter = 2 * boundingSphere.radius;
-        var zoom = Math.min(width / diameter, height / diameter);
-        promises.push(this.zoomTo(zoom, enableTransition));
-      }
-      promises.push(this.setFocalOffset(0, 0, 0, enableTransition));
-      return Promise.all(promises);
-    }
-    /**
-     * Look at the `target` from the `position`.
-     * @param positionX
-     * @param positionY
-     * @param positionZ
-     * @param targetX
-     * @param targetY
-     * @param targetZ
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "setLookAt",
-    value: function setLookAt(positionX, positionY, positionZ, targetX, targetY, targetZ) {
-      var enableTransition = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-      this._isUserControllingRotate = false;
-      this._isUserControllingDolly = false;
-      this._isUserControllingTruck = false;
-      this._lastDollyDirection = DOLLY_DIRECTION.NONE;
-      this._changedDolly = 0;
-      var target = _v3B.set(targetX, targetY, targetZ);
-      var position = _v3A.set(positionX, positionY, positionZ);
-      this._targetEnd.copy(target);
-      this._sphericalEnd.setFromVector3(position.sub(target).applyQuaternion(this._yAxisUpSpace));
-      this.normalizeRotations();
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._target.copy(this._targetEnd);
-        this._spherical.copy(this._sphericalEnd);
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._target.x, this._targetEnd.x, this.restThreshold) && approxEquals(this._target.y, this._targetEnd.y, this.restThreshold) && approxEquals(this._target.z, this._targetEnd.z, this.restThreshold) && approxEquals(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && approxEquals(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold) && approxEquals(this._spherical.radius, this._sphericalEnd.radius, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Similar to setLookAt, but it interpolates between two states.
-     * @param positionAX
-     * @param positionAY
-     * @param positionAZ
-     * @param targetAX
-     * @param targetAY
-     * @param targetAZ
-     * @param positionBX
-     * @param positionBY
-     * @param positionBZ
-     * @param targetBX
-     * @param targetBY
-     * @param targetBZ
-     * @param t
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "lerpLookAt",
-    value: function lerpLookAt(positionAX, positionAY, positionAZ, targetAX, targetAY, targetAZ, positionBX, positionBY, positionBZ, targetBX, targetBY, targetBZ, t) {
-      var enableTransition = arguments.length > 13 && arguments[13] !== undefined ? arguments[13] : false;
-      this._isUserControllingRotate = false;
-      this._isUserControllingDolly = false;
-      this._isUserControllingTruck = false;
-      this._lastDollyDirection = DOLLY_DIRECTION.NONE;
-      this._changedDolly = 0;
-      var targetA = _v3A.set(targetAX, targetAY, targetAZ);
-      var positionA = _v3B.set(positionAX, positionAY, positionAZ);
-      _sphericalA.setFromVector3(positionA.sub(targetA).applyQuaternion(this._yAxisUpSpace));
-      var targetB = _v3C.set(targetBX, targetBY, targetBZ);
-      var positionB = _v3B.set(positionBX, positionBY, positionBZ);
-      _sphericalB.setFromVector3(positionB.sub(targetB).applyQuaternion(this._yAxisUpSpace));
-      this._targetEnd.copy(targetA.lerp(targetB, t)); // tricky
-      var deltaTheta = _sphericalB.theta - _sphericalA.theta;
-      var deltaPhi = _sphericalB.phi - _sphericalA.phi;
-      var deltaRadius = _sphericalB.radius - _sphericalA.radius;
-      this._sphericalEnd.set(_sphericalA.radius + deltaRadius * t, _sphericalA.phi + deltaPhi * t, _sphericalA.theta + deltaTheta * t);
-      this.normalizeRotations();
-      this._needsUpdate = true;
-      if (!enableTransition) {
-        this._target.copy(this._targetEnd);
-        this._spherical.copy(this._sphericalEnd);
-      }
-      var resolveImmediately = !enableTransition || approxEquals(this._target.x, this._targetEnd.x, this.restThreshold) && approxEquals(this._target.y, this._targetEnd.y, this.restThreshold) && approxEquals(this._target.z, this._targetEnd.z, this.restThreshold) && approxEquals(this._spherical.theta, this._sphericalEnd.theta, this.restThreshold) && approxEquals(this._spherical.phi, this._sphericalEnd.phi, this.restThreshold) && approxEquals(this._spherical.radius, this._sphericalEnd.radius, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Set angle and distance by given position.
-     * An alias of `setLookAt()`, without target change. Thus keep gazing at the current target
-     * @param positionX
-     * @param positionY
-     * @param positionZ
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "setPosition",
-    value: function setPosition(positionX, positionY, positionZ) {
-      var enableTransition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      return this.setLookAt(positionX, positionY, positionZ, this._targetEnd.x, this._targetEnd.y, this._targetEnd.z, enableTransition);
-    }
-    /**
-     * Set the target position where gaze at.
-     * An alias of `setLookAt()`, without position change. Thus keep the same position.
-     * @param targetX
-     * @param targetY
-     * @param targetZ
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "setTarget",
-    value: function setTarget(targetX, targetY, targetZ) {
-      var enableTransition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      var pos = this.getPosition(_v3A);
-      var promise = this.setLookAt(pos.x, pos.y, pos.z, targetX, targetY, targetZ, enableTransition);
-      // see https://github.com/yomotsu/camera-controls/issues/335
-      this._sphericalEnd.phi = clamp(this._sphericalEnd.phi, this.minPolarAngle, this.maxPolarAngle);
-      return promise;
-    }
-    /**
-     * Set focal offset using the screen parallel coordinates. z doesn't affect in Orthographic as with Dolly.
-     * @param x
-     * @param y
-     * @param z
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "setFocalOffset",
-    value: function setFocalOffset(x, y, z) {
-      var enableTransition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      this._isUserControllingOffset = false;
-      this._focalOffsetEnd.set(x, y, z);
-      this._needsUpdate = true;
-      if (!enableTransition) this._focalOffset.copy(this._focalOffsetEnd);
-      var resolveImmediately = !enableTransition || approxEquals(this._focalOffset.x, this._focalOffsetEnd.x, this.restThreshold) && approxEquals(this._focalOffset.y, this._focalOffsetEnd.y, this.restThreshold) && approxEquals(this._focalOffset.z, this._focalOffsetEnd.z, this.restThreshold);
-      return this._createOnRestPromise(resolveImmediately);
-    }
-    /**
-     * Set orbit point without moving the camera.
-     * SHOULD NOT RUN DURING ANIMATIONS. `setOrbitPoint()` will immediately fix the positions.
-     * @param targetX
-     * @param targetY
-     * @param targetZ
-     * @category Methods
-     */
-  }, {
-    key: "setOrbitPoint",
-    value: function setOrbitPoint(targetX, targetY, targetZ) {
-      this._camera.updateMatrixWorld();
-      _xColumn.setFromMatrixColumn(this._camera.matrixWorldInverse, 0);
-      _yColumn.setFromMatrixColumn(this._camera.matrixWorldInverse, 1);
-      _zColumn.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
-      var position = _v3A.set(targetX, targetY, targetZ);
-      var distance = position.distanceTo(this._camera.position);
-      var cameraToPoint = position.sub(this._camera.position);
-      _xColumn.multiplyScalar(cameraToPoint.x);
-      _yColumn.multiplyScalar(cameraToPoint.y);
-      _zColumn.multiplyScalar(cameraToPoint.z);
-      _v3A.copy(_xColumn).add(_yColumn).add(_zColumn);
-      _v3A.z = _v3A.z + distance;
-      this.dollyTo(distance, false);
-      this.setFocalOffset(-_v3A.x, _v3A.y, -_v3A.z, false);
-      this.moveTo(targetX, targetY, targetZ, false);
-    }
-    /**
-     * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
-     * @param box3
-     * @category Methods
-     */
-  }, {
-    key: "setBoundary",
-    value: function setBoundary(box3) {
-      if (!box3) {
-        this._boundary.min.set(-Infinity, -Infinity, -Infinity);
-        this._boundary.max.set(Infinity, Infinity, Infinity);
-        this._needsUpdate = true;
-        return;
-      }
-      this._boundary.copy(box3);
-      this._boundary.clampPoint(this._targetEnd, this._targetEnd);
-      this._needsUpdate = true;
-    }
-    /**
-     * Set (or unset) the current viewport.
-     * Set this when you want to use renderer viewport and .dollyToCursor feature at the same time.
-     * @param viewportOrX
-     * @param y
-     * @param width
-     * @param height
-     * @category Methods
-     */
-  }, {
-    key: "setViewport",
-    value: function setViewport(viewportOrX, y, width, height) {
-      if (viewportOrX === null) {
-        // null
-        this._viewport = null;
-        return;
-      }
-      this._viewport = this._viewport || new THREE.Vector4();
-      if (typeof viewportOrX === 'number') {
-        // number
-        this._viewport.set(viewportOrX, y, width, height);
-      } else {
-        // Vector4
-        this._viewport.copy(viewportOrX);
-      }
-    }
-    /**
-     * Calculate the distance to fit the box.
-     * @param width box width
-     * @param height box height
-     * @param depth box depth
-     * @returns distance
-     * @category Methods
-     */
-  }, {
-    key: "getDistanceToFitBox",
-    value: function getDistanceToFitBox(width, height, depth) {
-      var cover = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-      if (notSupportedInOrthographicCamera(this._camera, 'getDistanceToFitBox')) return this._spherical.radius;
-      var boundingRectAspect = width / height;
-      var fov = this._camera.getEffectiveFOV() * DEG2RAD;
-      var aspect = this._camera.aspect;
-      var heightToFit = (cover ? boundingRectAspect > aspect : boundingRectAspect < aspect) ? height : width / aspect;
-      return heightToFit * 0.5 / Math.tan(fov * 0.5) + depth * 0.5;
-    }
-    /**
-     * Calculate the distance to fit the sphere.
-     * @param radius sphere radius
-     * @returns distance
-     * @category Methods
-     */
-  }, {
-    key: "getDistanceToFitSphere",
-    value: function getDistanceToFitSphere(radius) {
-      if (notSupportedInOrthographicCamera(this._camera, 'getDistanceToFitSphere')) return this._spherical.radius;
-      // https://stackoverflow.com/a/44849975
-      var vFOV = this._camera.getEffectiveFOV() * DEG2RAD;
-      var hFOV = Math.atan(Math.tan(vFOV * 0.5) * this._camera.aspect) * 2;
-      var fov = 1 < this._camera.aspect ? vFOV : hFOV;
-      return radius / Math.sin(fov * 0.5);
-    }
-    /**
-     * Returns the orbit center position, where the camera looking at.
-     * @param out The receiving Vector3 instance to copy the result
-     * @param receiveEndValue Whether receive the transition end coords or current. default is `true`
-     * @category Methods
-     */
-  }, {
-    key: "getTarget",
-    value: function getTarget(out) {
-      var receiveEndValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var _out = !!out && out.isVector3 ? out : new THREE.Vector3();
-      return _out.copy(receiveEndValue ? this._targetEnd : this._target);
-    }
-    /**
-     * Returns the camera position.
-     * @param out The receiving Vector3 instance to copy the result
-     * @param receiveEndValue Whether receive the transition end coords or current. default is `true`
-     * @category Methods
-     */
-  }, {
-    key: "getPosition",
-    value: function getPosition(out) {
-      var receiveEndValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var _out = !!out && out.isVector3 ? out : new THREE.Vector3();
-      return _out.setFromSpherical(receiveEndValue ? this._sphericalEnd : this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(receiveEndValue ? this._targetEnd : this._target);
-    }
-    /**
-     * Returns the spherical coordinates of the orbit.
-     * @param out The receiving Spherical instance to copy the result
-     * @param receiveEndValue Whether receive the transition end coords or current. default is `true`
-     * @category Methods
-     */
-  }, {
-    key: "getSpherical",
-    value: function getSpherical(out) {
-      var receiveEndValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var _out = out || new THREE.Spherical();
-      return _out.copy(receiveEndValue ? this._sphericalEnd : this._spherical);
-    }
-    /**
-     * Returns the focal offset, which is how much the camera appears to be translated in screen parallel coordinates.
-     * @param out The receiving Vector3 instance to copy the result
-     * @param receiveEndValue Whether receive the transition end coords or current. default is `true`
-     * @category Methods
-     */
-  }, {
-    key: "getFocalOffset",
-    value: function getFocalOffset(out) {
-      var receiveEndValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var _out = !!out && out.isVector3 ? out : new THREE.Vector3();
-      return _out.copy(receiveEndValue ? this._focalOffsetEnd : this._focalOffset);
-    }
-    /**
-     * Normalize camera azimuth angle rotation between 0 and 360 degrees.
-     * @category Methods
-     */
-  }, {
-    key: "normalizeRotations",
-    value: function normalizeRotations() {
-      this._sphericalEnd.theta = this._sphericalEnd.theta % PI_2;
-      if (this._sphericalEnd.theta < 0) this._sphericalEnd.theta += PI_2;
-      this._spherical.theta += PI_2 * Math.round((this._sphericalEnd.theta - this._spherical.theta) / PI_2);
-    }
-    /**
-     * Reset all rotation and position to defaults.
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "reset",
-    value: function reset() {
-      var enableTransition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      if (!approxEquals(this._camera.up.x, this._cameraUp0.x) || !approxEquals(this._camera.up.y, this._cameraUp0.y) || !approxEquals(this._camera.up.z, this._cameraUp0.z)) {
-        this._camera.up.copy(this._cameraUp0);
-        var position = this.getPosition(_v3A);
-        this.updateCameraUp();
-        this.setPosition(position.x, position.y, position.z);
-      }
-      var promises = [this.setLookAt(this._position0.x, this._position0.y, this._position0.z, this._target0.x, this._target0.y, this._target0.z, enableTransition), this.setFocalOffset(this._focalOffset0.x, this._focalOffset0.y, this._focalOffset0.z, enableTransition), this.zoomTo(this._zoom0, enableTransition)];
-      return Promise.all(promises);
-    }
-    /**
-     * Set current camera position as the default position.
-     * @category Methods
-     */
-  }, {
-    key: "saveState",
-    value: function saveState() {
-      this._cameraUp0.copy(this._camera.up);
-      this.getTarget(this._target0);
-      this.getPosition(this._position0);
-      this._zoom0 = this._zoom;
-      this._focalOffset0.copy(this._focalOffset);
-    }
-    /**
-     * Sync camera-up direction.
-     * When camera-up vector is changed, `.updateCameraUp()` must be called.
-     * @category Methods
-     */
-  }, {
-    key: "updateCameraUp",
-    value: function updateCameraUp() {
-      this._yAxisUpSpace.setFromUnitVectors(this._camera.up, _AXIS_Y);
-      this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert();
-    }
-    /**
-     * Apply current camera-up direction to the camera.
-     * The orbit system will be re-initialized with the current position.
-     * @category Methods
-     */
-  }, {
-    key: "applyCameraUp",
-    value: function applyCameraUp() {
-      var cameraDirection = _v3A.subVectors(this._target, this._camera.position).normalize();
-      // So first find the vector off to the side, orthogonal to both this.object.up and
-      // the "view" vector.
-      var side = _v3B.crossVectors(cameraDirection, this._camera.up);
-      // Then find the vector orthogonal to both this "side" vector and the "view" vector.
-      // This vector will be the new "up" vector.
-      this._camera.up.crossVectors(side, cameraDirection).normalize();
-      this._camera.updateMatrixWorld();
-      var position = this.getPosition(_v3A);
-      this.updateCameraUp();
-      this.setPosition(position.x, position.y, position.z);
-    }
-    /**
-     * Update camera position and directions.
-     * This should be called in your tick loop every time, and returns true if re-rendering is needed.
-     * @param delta
-     * @returns updated
-     * @category Methods
-     */
-  }, {
-    key: "update",
-    value: function update(delta) {
-      var deltaTheta = this._sphericalEnd.theta - this._spherical.theta;
-      var deltaPhi = this._sphericalEnd.phi - this._spherical.phi;
-      var deltaRadius = this._sphericalEnd.radius - this._spherical.radius;
-      var deltaTarget = _deltaTarget.subVectors(this._targetEnd, this._target);
-      var deltaOffset = _deltaOffset.subVectors(this._focalOffsetEnd, this._focalOffset);
-      var deltaZoom = this._zoomEnd - this._zoom;
-      // update theta
-      if (approxZero(deltaTheta)) {
-        this._thetaVelocity.value = 0;
-        this._spherical.theta = this._sphericalEnd.theta;
-      } else {
-        var smoothTime = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-        this._spherical.theta = smoothDamp(this._spherical.theta, this._sphericalEnd.theta, this._thetaVelocity, smoothTime, Infinity, delta);
-        this._needsUpdate = true;
-      }
-      // update phi
-      if (approxZero(deltaPhi)) {
-        this._phiVelocity.value = 0;
-        this._spherical.phi = this._sphericalEnd.phi;
-      } else {
-        var _smoothTime = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-        this._spherical.phi = smoothDamp(this._spherical.phi, this._sphericalEnd.phi, this._phiVelocity, _smoothTime, Infinity, delta);
-        this._needsUpdate = true;
-      }
-      // update distance
-      if (approxZero(deltaRadius)) {
-        this._radiusVelocity.value = 0;
-        this._spherical.radius = this._sphericalEnd.radius;
-      } else {
-        var _smoothTime2 = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
-        this._spherical.radius = smoothDamp(this._spherical.radius, this._sphericalEnd.radius, this._radiusVelocity, _smoothTime2, this.maxSpeed, delta);
-        this._needsUpdate = true;
-      }
-      // update target position
-      if (approxZero(deltaTarget.x) && approxZero(deltaTarget.y) && approxZero(deltaTarget.z)) {
-        this._targetVelocity.set(0, 0, 0);
-        this._target.copy(this._targetEnd);
-      } else {
-        var _smoothTime3 = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-        smoothDampVec3(this._target, this._targetEnd, this._targetVelocity, _smoothTime3, this.maxSpeed, delta, this._target);
-        this._needsUpdate = true;
-      }
-      // update focalOffset
-      if (approxZero(deltaOffset.x) && approxZero(deltaOffset.y) && approxZero(deltaOffset.z)) {
-        this._focalOffsetVelocity.set(0, 0, 0);
-        this._focalOffset.copy(this._focalOffsetEnd);
-      } else {
-        var _smoothTime4 = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-        smoothDampVec3(this._focalOffset, this._focalOffsetEnd, this._focalOffsetVelocity, _smoothTime4, this.maxSpeed, delta, this._focalOffset);
-        this._needsUpdate = true;
-      }
-      // update zoom
-      if (approxZero(deltaZoom)) {
-        this._zoomVelocity.value = 0;
-        this._zoom = this._zoomEnd;
-      } else {
-        var _smoothTime5 = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
-        this._zoom = smoothDamp(this._zoom, this._zoomEnd, this._zoomVelocity, _smoothTime5, Infinity, delta);
-      }
-      if (this.dollyToCursor) {
-        if (isPerspectiveCamera(this._camera) && this._changedDolly !== 0) {
-          var dollyControlAmount = this._spherical.radius - this._lastDistance;
-          var camera = this._camera;
-          var cameraDirection = this._getCameraDirection(_cameraDirection);
-          var planeX = _v3A.copy(cameraDirection).cross(camera.up).normalize();
-          if (planeX.lengthSq() === 0) planeX.x = 1.0;
-          var planeY = _v3B.crossVectors(planeX, cameraDirection);
-          var worldToScreen = this._sphericalEnd.radius * Math.tan(camera.getEffectiveFOV() * DEG2RAD * 0.5);
-          var prevRadius = this._sphericalEnd.radius - dollyControlAmount;
-          var lerpRatio = (prevRadius - this._sphericalEnd.radius) / this._sphericalEnd.radius;
-          var cursor = _v3C.copy(this._targetEnd).add(planeX.multiplyScalar(this._dollyControlCoord.x * worldToScreen * camera.aspect)).add(planeY.multiplyScalar(this._dollyControlCoord.y * worldToScreen));
-          var newTargetEnd = _v3A.copy(this._targetEnd).lerp(cursor, lerpRatio);
-          var isMin = this._lastDollyDirection === DOLLY_DIRECTION.IN && this._spherical.radius <= this.minDistance;
-          var isMax = this._lastDollyDirection === DOLLY_DIRECTION.OUT && this.maxDistance <= this._spherical.radius;
-          if (this.infinityDolly && (isMin || isMax)) {
-            this._sphericalEnd.radius -= dollyControlAmount;
-            this._spherical.radius -= dollyControlAmount;
-            var dollyAmount = _v3B.copy(cameraDirection).multiplyScalar(-dollyControlAmount);
-            newTargetEnd.add(dollyAmount);
-          }
-          // target position may be moved beyond boundary.
-          this._boundary.clampPoint(newTargetEnd, newTargetEnd);
-          var targetEndDiff = _v3B.subVectors(newTargetEnd, this._targetEnd);
-          this._targetEnd.copy(newTargetEnd);
-          this._target.add(targetEndDiff);
-          this._changedDolly -= dollyControlAmount;
-          if (approxZero(this._changedDolly)) this._changedDolly = 0;
-        } else if (isOrthographicCamera(this._camera) && this._changedZoom !== 0) {
-          var _dollyControlAmount = this._zoom - this._lastZoom;
-          var _camera2 = this._camera;
-          var worldCursorPosition = _v3A.set(this._dollyControlCoord.x, this._dollyControlCoord.y, (_camera2.near + _camera2.far) / (_camera2.near - _camera2.far)).unproject(_camera2);
-          var quaternion = _v3B.set(0, 0, -1).applyQuaternion(_camera2.quaternion);
-          var _cursor = _v3C.copy(worldCursorPosition).add(quaternion.multiplyScalar(-worldCursorPosition.dot(_camera2.up)));
-          var prevZoom = this._zoom - _dollyControlAmount;
-          var _lerpRatio = -(prevZoom - this._zoom) / this._zoom;
-          // find the "distance" (aka plane constant in three.js) of Plane
-          // from a given position (this._targetEnd) and normal vector (cameraDirection)
-          // https://www.maplesoft.com/support/help/maple/view.aspx?path=MathApps%2FEquationOfAPlaneNormal#bkmrk0
-          var _cameraDirection2 = this._getCameraDirection(_cameraDirection);
-          var prevPlaneConstant = this._targetEnd.dot(_cameraDirection2);
-          var _newTargetEnd = _v3A.copy(this._targetEnd).lerp(_cursor, _lerpRatio);
-          var newPlaneConstant = _newTargetEnd.dot(_cameraDirection2);
-          // Pull back the camera depth that has moved, to be the camera stationary as zoom
-          var pullBack = _cameraDirection2.multiplyScalar(newPlaneConstant - prevPlaneConstant);
-          _newTargetEnd.sub(pullBack);
-          // target position may be moved beyond boundary.
-          this._boundary.clampPoint(_newTargetEnd, _newTargetEnd);
-          var _targetEndDiff = _v3B.subVectors(_newTargetEnd, this._targetEnd);
-          this._targetEnd.copy(_newTargetEnd);
-          this._target.add(_targetEndDiff);
-          // this._target.copy( this._targetEnd );
-          this._changedZoom -= _dollyControlAmount;
-          if (approxZero(this._changedZoom)) this._changedZoom = 0;
-        }
-      }
-      if (this._camera.zoom !== this._zoom) {
-        this._camera.zoom = this._zoom;
-        this._camera.updateProjectionMatrix();
-        this._updateNearPlaneCorners();
-        this._needsUpdate = true;
-      }
-      this._dragNeedsUpdate = true;
-      // collision detection
-      var maxDistance = this._collisionTest();
-      this._spherical.radius = Math.min(this._spherical.radius, maxDistance);
-      // decompose spherical to the camera position
-      this._spherical.makeSafe();
-      this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target);
-      this._camera.lookAt(this._target);
-      // set offset after the orbit movement
-      var affectOffset = !approxZero(this._focalOffset.x) || !approxZero(this._focalOffset.y) || !approxZero(this._focalOffset.z);
-      if (affectOffset) {
-        this._camera.updateMatrixWorld();
-        _xColumn.setFromMatrixColumn(this._camera.matrix, 0);
-        _yColumn.setFromMatrixColumn(this._camera.matrix, 1);
-        _zColumn.setFromMatrixColumn(this._camera.matrix, 2);
-        _xColumn.multiplyScalar(this._focalOffset.x);
-        _yColumn.multiplyScalar(-this._focalOffset.y);
-        _zColumn.multiplyScalar(this._focalOffset.z); // notice: z-offset will not affect in Orthographic.
-        _v3A.copy(_xColumn).add(_yColumn).add(_zColumn);
-        this._camera.position.add(_v3A);
-      }
-      if (this._boundaryEnclosesCamera) {
-        this._encloseToBoundary(this._camera.position.copy(this._target), _v3A.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse), 1.0);
-      }
-      var updated = this._needsUpdate;
-      if (updated && !this._updatedLastTime) {
-        this._hasRested = false;
-        this.dispatchEvent({
-          type: 'wake'
-        });
-        this.dispatchEvent({
-          type: 'update'
-        });
-      } else if (updated) {
-        this.dispatchEvent({
-          type: 'update'
-        });
-        if (approxZero(deltaTheta, this.restThreshold) && approxZero(deltaPhi, this.restThreshold) && approxZero(deltaRadius, this.restThreshold) && approxZero(deltaTarget.x, this.restThreshold) && approxZero(deltaTarget.y, this.restThreshold) && approxZero(deltaTarget.z, this.restThreshold) && approxZero(deltaOffset.x, this.restThreshold) && approxZero(deltaOffset.y, this.restThreshold) && approxZero(deltaOffset.z, this.restThreshold) && approxZero(deltaZoom, this.restThreshold) && !this._hasRested) {
-          this._hasRested = true;
-          this.dispatchEvent({
-            type: 'rest'
-          });
-        }
-      } else if (!updated && this._updatedLastTime) {
-        this.dispatchEvent({
-          type: 'sleep'
-        });
-      }
-      this._lastDistance = this._spherical.radius;
-      this._lastZoom = this._zoom;
-      this._updatedLastTime = updated;
-      this._needsUpdate = false;
-      return updated;
-    }
-    /**
-     * Get all state in JSON string
-     * @category Methods
-     */
-  }, {
-    key: "toJSON",
-    value: function toJSON() {
-      return JSON.stringify({
-        enabled: this._enabled,
-        minDistance: this.minDistance,
-        maxDistance: infinityToMaxNumber(this.maxDistance),
-        minZoom: this.minZoom,
-        maxZoom: infinityToMaxNumber(this.maxZoom),
-        minPolarAngle: this.minPolarAngle,
-        maxPolarAngle: infinityToMaxNumber(this.maxPolarAngle),
-        minAzimuthAngle: infinityToMaxNumber(this.minAzimuthAngle),
-        maxAzimuthAngle: infinityToMaxNumber(this.maxAzimuthAngle),
-        smoothTime: this.smoothTime,
-        draggingSmoothTime: this.draggingSmoothTime,
-        dollySpeed: this.dollySpeed,
-        truckSpeed: this.truckSpeed,
-        dollyToCursor: this.dollyToCursor,
-        verticalDragToForward: this.verticalDragToForward,
-        target: this._targetEnd.toArray(),
-        position: _v3A.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
-        zoom: this._zoomEnd,
-        focalOffset: this._focalOffsetEnd.toArray(),
-        target0: this._target0.toArray(),
-        position0: this._position0.toArray(),
-        zoom0: this._zoom0,
-        focalOffset0: this._focalOffset0.toArray()
-      });
-    }
-    /**
-     * Reproduce the control state with JSON. enableTransition is where anim or not in a boolean.
-     * @param json
-     * @param enableTransition
-     * @category Methods
-     */
-  }, {
-    key: "fromJSON",
-    value: function fromJSON(json) {
-      var enableTransition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var obj = JSON.parse(json);
-      this.enabled = obj.enabled;
-      this.minDistance = obj.minDistance;
-      this.maxDistance = maxNumberToInfinity(obj.maxDistance);
-      this.minZoom = obj.minZoom;
-      this.maxZoom = maxNumberToInfinity(obj.maxZoom);
-      this.minPolarAngle = obj.minPolarAngle;
-      this.maxPolarAngle = maxNumberToInfinity(obj.maxPolarAngle);
-      this.minAzimuthAngle = maxNumberToInfinity(obj.minAzimuthAngle);
-      this.maxAzimuthAngle = maxNumberToInfinity(obj.maxAzimuthAngle);
-      this.smoothTime = obj.smoothTime;
-      this.draggingSmoothTime = obj.draggingSmoothTime;
-      this.dollySpeed = obj.dollySpeed;
-      this.truckSpeed = obj.truckSpeed;
-      this.dollyToCursor = obj.dollyToCursor;
-      this.verticalDragToForward = obj.verticalDragToForward;
-      this._target0.fromArray(obj.target0);
-      this._position0.fromArray(obj.position0);
-      this._zoom0 = obj.zoom0;
-      this._focalOffset0.fromArray(obj.focalOffset0);
-      this.moveTo(obj.target[0], obj.target[1], obj.target[2], enableTransition);
-      _sphericalA.setFromVector3(_v3A.fromArray(obj.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace));
-      this.rotateTo(_sphericalA.theta, _sphericalA.phi, enableTransition);
-      this.dollyTo(_sphericalA.radius, enableTransition);
-      this.zoomTo(obj.zoom, enableTransition);
-      this.setFocalOffset(obj.focalOffset[0], obj.focalOffset[1], obj.focalOffset[2], enableTransition);
-      this._needsUpdate = true;
-    }
-    /**
-     * Attach all internal event handlers to enable drag control.
-     * @category Methods
-     */
-  }, {
-    key: "connect",
-    value: function connect(domElement) {
-      if (this._domElement) {
-        console.warn('camera-controls is already connected.');
-        return;
-      }
-      domElement.setAttribute('data-camera-controls-version', VERSION);
-      this._addAllEventListeners(domElement);
-      this._getClientRect(this._elementRect);
-    }
-    /**
-     * Detach all internal event handlers to disable drag control.
-     */
-  }, {
-    key: "disconnect",
-    value: function disconnect() {
-      this.cancel();
-      this._removeAllEventListeners();
-      if (this._domElement) {
-        this._domElement.removeAttribute('data-camera-controls-version');
-        this._domElement = undefined;
-      }
-    }
-    /**
-     * Dispose the cameraControls instance itself, remove all eventListeners.
-     * @category Methods
-     */
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      // remove all user event listeners
-      this.removeAllEventListeners();
-      // remove all internal event listeners
-      this.disconnect();
-    }
-    // it's okay to expose public though
-  }, {
-    key: "_getTargetDirection",
-    value: function _getTargetDirection(out) {
-      // divide by distance to normalize, lighter than `Vector3.prototype.normalize()`
-      return out.setFromSpherical(this._spherical).divideScalar(this._spherical.radius).applyQuaternion(this._yAxisUpSpaceInverse);
-    }
-    // it's okay to expose public though
-  }, {
-    key: "_getCameraDirection",
-    value: function _getCameraDirection(out) {
-      return this._getTargetDirection(out).negate();
-    }
-  }, {
-    key: "_findPointerById",
-    value: function _findPointerById(pointerId) {
-      return this._activePointers.find(function (activePointer) {
-        return activePointer.pointerId === pointerId;
-      });
-    }
-  }, {
-    key: "_findPointerByMouseButton",
-    value: function _findPointerByMouseButton(mouseButton) {
-      return this._activePointers.find(function (activePointer) {
-        return activePointer.mouseButton === mouseButton;
-      });
-    }
-  }, {
-    key: "_disposePointer",
-    value: function _disposePointer(pointer) {
-      this._activePointers.splice(this._activePointers.indexOf(pointer), 1);
-    }
-  }, {
-    key: "_encloseToBoundary",
-    value: function _encloseToBoundary(position, offset, friction) {
-      var offsetLength2 = offset.lengthSq();
-      if (offsetLength2 === 0.0) {
-        // sanity check
-        return position;
-      }
-      // See: https://twitter.com/FMS_Cat/status/1106508958640988161
-      var newTarget = _v3B.copy(offset).add(position); // target
-      var clampedTarget = this._boundary.clampPoint(newTarget, _v3C); // clamped target
-      var deltaClampedTarget = clampedTarget.sub(newTarget); // newTarget -> clampedTarget
-      var deltaClampedTargetLength2 = deltaClampedTarget.lengthSq(); // squared length of deltaClampedTarget
-      if (deltaClampedTargetLength2 === 0.0) {
-        // when the position doesn't have to be clamped
-        return position.add(offset);
-      } else if (deltaClampedTargetLength2 === offsetLength2) {
-        // when the position is completely stuck
-        return position;
-      } else if (friction === 0.0) {
-        return position.add(offset).add(deltaClampedTarget);
-      } else {
-        var offsetFactor = 1.0 + friction * deltaClampedTargetLength2 / offset.dot(deltaClampedTarget);
-        return position.add(_v3B.copy(offset).multiplyScalar(offsetFactor)).add(deltaClampedTarget.multiplyScalar(1.0 - friction));
-      }
-    }
-  }, {
-    key: "_updateNearPlaneCorners",
-    value: function _updateNearPlaneCorners() {
-      if (isPerspectiveCamera(this._camera)) {
-        var camera = this._camera;
-        var near = camera.near;
-        var fov = camera.getEffectiveFOV() * DEG2RAD;
-        var heightHalf = Math.tan(fov * 0.5) * near; // near plain half height
-        var widthHalf = heightHalf * camera.aspect; // near plain half width
-        this._nearPlaneCorners[0].set(-widthHalf, -heightHalf, 0);
-        this._nearPlaneCorners[1].set(widthHalf, -heightHalf, 0);
-        this._nearPlaneCorners[2].set(widthHalf, heightHalf, 0);
-        this._nearPlaneCorners[3].set(-widthHalf, heightHalf, 0);
-      } else if (isOrthographicCamera(this._camera)) {
-        var _camera3 = this._camera;
-        var zoomInv = 1 / _camera3.zoom;
-        var left = _camera3.left * zoomInv;
-        var right = _camera3.right * zoomInv;
-        var top = _camera3.top * zoomInv;
-        var bottom = _camera3.bottom * zoomInv;
-        this._nearPlaneCorners[0].set(left, top, 0);
-        this._nearPlaneCorners[1].set(right, top, 0);
-        this._nearPlaneCorners[2].set(right, bottom, 0);
-        this._nearPlaneCorners[3].set(left, bottom, 0);
-      }
-    }
-    // lateUpdate
-  }, {
-    key: "_collisionTest",
-    value: function _collisionTest() {
-      var distance = Infinity;
-      var hasCollider = this.colliderMeshes.length >= 1;
-      if (!hasCollider) return distance;
-      if (notSupportedInOrthographicCamera(this._camera, '_collisionTest')) return distance;
-      var rayDirection = this._getTargetDirection(_cameraDirection);
-      _rotationMatrix.lookAt(_ORIGIN, rayDirection, this._camera.up);
-      for (var i = 0; i < 4; i++) {
-        var nearPlaneCorner = _v3B.copy(this._nearPlaneCorners[i]);
-        nearPlaneCorner.applyMatrix4(_rotationMatrix);
-        var origin = _v3C.addVectors(this._target, nearPlaneCorner);
-        _raycaster.set(origin, rayDirection);
-        _raycaster.far = this._spherical.radius + 1;
-        var intersects = _raycaster.intersectObjects(this.colliderMeshes);
-        if (intersects.length !== 0 && intersects[0].distance < distance) {
-          distance = intersects[0].distance;
-        }
-      }
-      return distance;
-    }
-    /**
-     * Get its client rect and package into given `DOMRect` .
-     */
-  }, {
-    key: "_getClientRect",
-    value: function _getClientRect(target) {
-      if (!this._domElement) return;
-      var rect = this._domElement.getBoundingClientRect();
-      target.x = rect.left;
-      target.y = rect.top;
-      if (this._viewport) {
-        target.x += this._viewport.x;
-        target.y += rect.height - this._viewport.w - this._viewport.y;
-        target.width = this._viewport.z;
-        target.height = this._viewport.w;
-      } else {
-        target.width = rect.width;
-        target.height = rect.height;
-      }
-      return target;
-    }
-  }, {
-    key: "_createOnRestPromise",
-    value: function _createOnRestPromise(resolveImmediately) {
-      var _this2 = this;
-      if (resolveImmediately) return Promise.resolve();
-      this._hasRested = false;
-      this.dispatchEvent({
-        type: 'transitionstart'
-      });
-      return new Promise(function (resolve) {
-        var _onResolve = function onResolve() {
-          _this2.removeEventListener('rest', _onResolve);
-          resolve();
-        };
-        _this2.addEventListener('rest', _onResolve);
-      });
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  }, {
-    key: "_addAllEventListeners",
-    value: function _addAllEventListeners(_domElement) {}
-  }, {
-    key: "_removeAllEventListeners",
-    value: function _removeAllEventListeners() {}
-    /**
-     * backward compatible
-     * @deprecated use smoothTime (in seconds) instead
-     * @category Properties
-     */
-  }, {
-    key: "dampingFactor",
-    get: function get() {
-      console.warn('.dampingFactor has been deprecated. use smoothTime (in seconds) instead.');
-      return 0;
-    }
-    /**
-     * backward compatible
-     * @deprecated use smoothTime (in seconds) instead
-     * @category Properties
-     */,
-    set: function set(_) {
-      console.warn('.dampingFactor has been deprecated. use smoothTime (in seconds) instead.');
-    }
-    /**
-     * backward compatible
-     * @deprecated use draggingSmoothTime (in seconds) instead
-     * @category Properties
-     */
-  }, {
-    key: "draggingDampingFactor",
-    get: function get() {
-      console.warn('.draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.');
-      return 0;
-    }
-    /**
-     * backward compatible
-     * @deprecated use draggingSmoothTime (in seconds) instead
-     * @category Properties
-     */,
-    set: function set(_) {
-      console.warn('.draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.');
-    }
-  }], [{
-    key: "install",
-    value:
-    /**
-       * Injects THREE as the dependency. You can then proceed to use CameraControls.
-       *
-       * e.g
-       * ```javascript
-       * CameraControls.install( { THREE: THREE } );
-       * ```
-       *
-       * Note: If you do not wish to use enter three.js to reduce file size(tree-shaking for example), make a subset to install.
-       *
-       * ```js
-       * import {
-       * 	Vector2,
-       * 	Vector3,
-       * 	Vector4,
-       * 	Quaternion,
-       * 	Matrix4,
-       * 	Spherical,
-       * 	Box3,
-       * 	Sphere,
-       * 	Raycaster,
-       * 	MathUtils,
-       * } from 'three';
-       *
-       * const subsetOfTHREE = {
-       * 	Vector2   : Vector2,
-       * 	Vector3   : Vector3,
-       * 	Vector4   : Vector4,
-       * 	Quaternion: Quaternion,
-       * 	Matrix4   : Matrix4,
-       * 	Spherical : Spherical,
-       * 	Box3      : Box3,
-       * 	Sphere    : Sphere,
-       * 	Raycaster : Raycaster,
-       * };
-        * CameraControls.install( { THREE: subsetOfTHREE } );
-       * ```
-       * @category Statics
-       */
-    function install(libs) {
-      THREE = libs.THREE;
-      _ORIGIN = Object.freeze(new THREE.Vector3(0, 0, 0));
-      _AXIS_Y = Object.freeze(new THREE.Vector3(0, 1, 0));
-      _AXIS_Z = Object.freeze(new THREE.Vector3(0, 0, 1));
-      _v2 = new THREE.Vector2();
-      _v3A = new THREE.Vector3();
-      _v3B = new THREE.Vector3();
-      _v3C = new THREE.Vector3();
-      _cameraDirection = new THREE.Vector3();
-      _xColumn = new THREE.Vector3();
-      _yColumn = new THREE.Vector3();
-      _zColumn = new THREE.Vector3();
-      _deltaTarget = new THREE.Vector3();
-      _deltaOffset = new THREE.Vector3();
-      _sphericalA = new THREE.Spherical();
-      _sphericalB = new THREE.Spherical();
-      _box3A = new THREE.Box3();
-      _box3B = new THREE.Box3();
-      _sphere = new THREE.Sphere();
-      _quaternionA = new THREE.Quaternion();
-      _quaternionB = new THREE.Quaternion();
-      _rotationMatrix = new THREE.Matrix4();
-      _raycaster = new THREE.Raycaster();
-    }
-    /**
-     * list all ACTIONs
-     * @category Statics
-     */
-  }, {
-    key: "ACTION",
-    get: function get() {
-      return ACTION;
-    }
-  }, {
-    key: "createBoundingSphere",
-    value: function createBoundingSphere(object3d) {
-      var out = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new THREE.Sphere();
-      var boundingSphere = out;
-      var center = boundingSphere.center;
-      _box3A.makeEmpty();
-      // find the center
-      object3d.traverseVisible(function (object) {
-        if (!object.isMesh) return;
-        _box3A.expandByObject(object);
-      });
-      _box3A.getCenter(center);
-      // find the radius
-      var maxRadiusSq = 0;
-      object3d.traverseVisible(function (object) {
-        if (!object.isMesh) return;
-        var mesh = object;
-        var geometry = mesh.geometry.clone();
-        geometry.applyMatrix4(mesh.matrixWorld);
-        var bufferGeometry = geometry;
-        var position = bufferGeometry.attributes.position;
-        for (var i = 0, l = position.count; i < l; i++) {
-          _v3A.fromBufferAttribute(position, i);
-          maxRadiusSq = Math.max(maxRadiusSq, center.distanceToSquared(_v3A));
-        }
-      });
-      boundingSphere.radius = Math.sqrt(maxRadiusSq);
-      return boundingSphere;
-    }
-  }]);
-}(EventDispatcher);
-export { EventDispatcher, CameraControls as default };
-//# sourceMappingURL=camera-controls.module.js.map