kitchen-simulator 11.30.0 → 11.30.2

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

@@ -7,11 +7,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, 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; }
-/*!
- * camera-controls
- * https://github.com/yomotsu/camera-controls
- * (c) 2017 @yomotsu
- * Released under the MIT License.
+/*!
+ * 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 = {
@@ -182,11 +182,11 @@ var EventDispatcher = /*#__PURE__*/function () {
     _classCallCheck(this, EventDispatcher);
     this._listeners = {};
   }
-  /**
-   * Adds the specified event listener.
-   * @param type event name
-   * @param listener handler function
-   * @category Methods
+  /**
+   * Adds the specified event listener.
+   * @param type event name
+   * @param listener handler function
+   * @category Methods
    */
   return _createClass(EventDispatcher, [{
     key: "addEventListener",
@@ -195,11 +195,11 @@ var EventDispatcher = /*#__PURE__*/function () {
       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
+    /**
+     * Presence of the specified event listener.
+     * @param type event name
+     * @param listener handler function
+     * @category Methods
      */
   }, {
     key: "hasEventListener",
@@ -207,11 +207,11 @@ var EventDispatcher = /*#__PURE__*/function () {
       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
+    /**
+     * Removes the specified event listener
+     * @param type event name
+     * @param listener handler function
+     * @category Methods
      */
   }, {
     key: "removeEventListener",
@@ -223,10 +223,10 @@ var EventDispatcher = /*#__PURE__*/function () {
         if (index !== -1) listenerArray.splice(index, 1);
       }
     }
-    /**
-     * Removes all event listeners
-     * @param type event name
-     * @category Methods
+    /**
+     * Removes all event listeners
+     * @param type event name
+     * @category Methods
      */
   }, {
     key: "removeAllEventListeners",
@@ -237,10 +237,10 @@ var EventDispatcher = /*#__PURE__*/function () {
       }
       if (Array.isArray(this._listeners[type])) this._listeners[type].length = 0;
     }
-    /**
-     * Fire an event type.
-     * @param event DispatcherEvent
-     * @category Methods
+    /**
+     * Fire an event type.
+     * @param event DispatcherEvent
+     * @category Methods
      */
   }, {
     key: "dispatchEvent",
@@ -285,177 +285,177 @@ 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
+  /**
+   * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * `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
+    /**
+     * Minimum camera zoom.
+     * @category Properties
      */
     _this.minZoom = 0.01;
-    /**
-     * Maximum camera zoom.
-     * @category Properties
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * the smoothTime while dragging
+     * @category Properties
      */
     _this.draggingSmoothTime = 0.125;
-    /**
-     * Max transition speed in unit-per-seconds
-     * @category Properties
+    /**
+     * Max transition speed in unit-per-seconds
+     * @category Properties
      */
     _this.maxSpeed = Infinity;
-    /**
-     * Speed of azimuth (horizontal) rotation.
-     * @category Properties
+    /**
+     * Speed of azimuth (horizontal) rotation.
+     * @category Properties
      */
     _this.azimuthRotateSpeed = 1.0;
-    /**
-     * Speed of polar (vertical) rotation.
-     * @category Properties
+    /**
+     * Speed of polar (vertical) rotation.
+     * @category Properties
      */
     _this.polarRotateSpeed = 1.0;
-    /**
-     * Speed of mouse-wheel dollying.
-     * @category Properties
+    /**
+     * Speed of mouse-wheel dollying.
+     * @category Properties
      */
     _this.dollySpeed = 1.0;
-    /**
-     * `true` to invert direction when dollying or zooming via drag
-     * @category Properties
+    /**
+     * `true` to invert direction when dollying or zooming via drag
+     * @category Properties
      */
     _this.dollyDragInverted = false;
-    /**
-     * Speed of drag for truck and pedestal.
-     * @category Properties
+    /**
+     * 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
+    /**
+     * `true` to enable Dolly-in to the mouse cursor coords.
+     * @category Properties
      */
     _this.dollyToCursor = false;
-    /**
-     * @category Properties
+    /**
+     * @category Properties
      */
     _this.dragToOffset = false;
-    /**
-     * The same as `.screenSpacePanning` in three.js's OrbitControls.
-     * @category Properties
+    /**
+     * The same as `.screenSpacePanning` in three.js's OrbitControls.
+     * @category Properties
      */
     _this.verticalDragToForward = false;
-    /**
-     * Friction ratio of the boundary.
-     * @category Properties
+    /**
+     * Friction ratio of the boundary.
+     * @category Properties
      */
     _this.boundaryFriction = 0.0;
-    /**
-     * Controls how soon the `rest` event fires as the camera slows.
-     * @category Properties
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * Force cancel user dragging.
+     * @category Methods
      */
     // cancel will be overwritten in the constructor.
     _this.cancel = function () {};
@@ -1014,9 +1014,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
     _this.update(0);
     return _this;
   }
-  /**
-   * The camera to be controlled
-   * @category Properties
+  /**
+   * The camera to be controlled
+   * @category Properties
    */
   _inherits(CameraControls, _EventDispatcher);
   return _createClass(CameraControls, [{
@@ -1031,10 +1031,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Whether or not the controls are enabled.
+     * `false` to disable user dragging/touch-move, but all methods works.
+     * @category Properties
      */
   }, {
     key: "enabled",
@@ -1055,29 +1055,29 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         this._domElement.style.webkitUserSelect = '';
       }
     }
-    /**
-     * Returns `true` if the controls are active updating.
-     * readonly value.
-     * @category Properties
+    /**
+     * 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
+    /**
+     * Getter for the current `ACTION`.
+     * readonly value.
+     * @category Properties
      */
   }, {
     key: "currentAction",
     get: function get() {
       return this._state;
     }
-    /**
-     * get/set Current distance.
-     * @category Properties
+    /**
+     * get/set Current distance.
+     * @category Properties
      */
   }, {
     key: "distance",
@@ -1091,10 +1091,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * get/set the azimuth angle (horizontal) in radians.
+     * Every 360 degrees turn is added to `.azimuthAngle` value, which is accumulative.
+     * @category Properties
      */
   }, {
     key: "azimuthAngle",
@@ -1108,9 +1108,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this._needsUpdate = true;
     }
     // vertical angle
-    /**
-     * get/set the polar angle (vertical) in radians.
-     * @category Properties
+    /**
+     * get/set the polar angle (vertical) in radians.
+     * @category Properties
      */
   }, {
     key: "polarAngle",
@@ -1123,9 +1123,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this._sphericalEnd.phi = polarAngle;
       this._needsUpdate = true;
     }
-    /**
-     * Whether camera position should be enclosed in the boundary or not.
-     * @category Properties
+    /**
+     * Whether camera position should be enclosed in the boundary or not.
+     * @category Properties
      */
   }, {
     key: "boundaryEnclosesCamera",
@@ -1136,11 +1136,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1150,58 +1150,58 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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
+    /**
+     * 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
+    /**
+     * 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",
@@ -1209,16 +1209,16 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1226,16 +1226,16 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1243,43 +1243,43 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1299,11 +1299,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1311,11 +1311,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1348,12 +1348,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1366,12 +1366,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1379,12 +1379,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1400,9 +1400,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this._changedZoom = 0;
       return this._createOnRestPromise(resolveImmediately);
     }
-    /**
-     * @deprecated `pan()` has been renamed to `truck()`
-     * @category Methods
+    /**
+     * @deprecated `pan()` has been renamed to `truck()`
+     * @category Methods
      */
   }, {
     key: "pan",
@@ -1411,12 +1411,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1431,11 +1431,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1447,11 +1447,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1460,13 +1460,13 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       _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
+    /**
+     * 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",
@@ -1482,14 +1482,14 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1500,18 +1500,18 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1598,11 +1598,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       }
       return Promise.all(promises);
     }
-    /**
-     * Fit the viewport to the sphere or the bounding sphere of the object.
-     * @param sphereOrMesh
-     * @param enableTransition
-     * @category Methods
+    /**
+     * Fit the viewport to the sphere or the bounding sphere of the object.
+     * @param sphereOrMesh
+     * @param enableTransition
+     * @category Methods
      */
   }, {
     key: "fitToSphere",
@@ -1624,16 +1624,16 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1657,23 +1657,23 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1704,14 +1704,14 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1719,14 +1719,14 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1738,13 +1738,13 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1757,13 +1757,13 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1784,10 +1784,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
+     * @param box3
+     * @category Methods
      */
   }, {
     key: "setBoundary",
@@ -1802,14 +1802,14 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1828,13 +1828,13 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         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
+    /**
+     * 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",
@@ -1847,11 +1847,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Calculate the distance to fit the sphere.
+     * @param radius sphere radius
+     * @returns distance
+     * @category Methods
      */
   }, {
     key: "getDistanceToFitSphere",
@@ -1863,11 +1863,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1876,11 +1876,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1889,11 +1889,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1902,11 +1902,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -1915,9 +1915,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Normalize camera azimuth angle rotation between 0 and 360 degrees.
+     * @category Methods
      */
   }, {
     key: "normalizeRotations",
@@ -1926,10 +1926,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Reset all rotation and position to defaults.
+     * @param enableTransition
+     * @category Methods
      */
   }, {
     key: "reset",
@@ -1944,9 +1944,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Set current camera position as the default position.
+     * @category Methods
      */
   }, {
     key: "saveState",
@@ -1957,10 +1957,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Sync camera-up direction.
+     * When camera-up vector is changed, `.updateCameraUp()` must be called.
+     * @category Methods
      */
   }, {
     key: "updateCameraUp",
@@ -1968,10 +1968,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Apply current camera-up direction to the camera.
+     * The orbit system will be re-initialized with the current position.
+     * @category Methods
      */
   }, {
     key: "applyCameraUp",
@@ -1988,12 +1988,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * 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",
@@ -2173,9 +2173,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this._needsUpdate = false;
       return updated;
     }
-    /**
-     * Get all state in JSON string
-     * @category Methods
+    /**
+     * Get all state in JSON string
+     * @category Methods
      */
   }, {
     key: "toJSON",
@@ -2206,11 +2206,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         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
+    /**
+     * Reproduce the control state with JSON. enableTransition is where anim or not in a boolean.
+     * @param json
+     * @param enableTransition
+     * @category Methods
      */
   }, {
     key: "fromJSON",
@@ -2244,9 +2244,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       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
+    /**
+     * Attach all internal event handlers to enable drag control.
+     * @category Methods
      */
   }, {
     key: "connect",
@@ -2259,8 +2259,8 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this._addAllEventListeners(domElement);
       this._getClientRect(this._elementRect);
     }
-    /**
-     * Detach all internal event handlers to disable drag control.
+    /**
+     * Detach all internal event handlers to disable drag control.
      */
   }, {
     key: "disconnect",
@@ -2272,9 +2272,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         this._domElement = undefined;
       }
     }
-    /**
-     * Dispose the cameraControls instance itself, remove all eventListeners.
-     * @category Methods
+    /**
+     * Dispose the cameraControls instance itself, remove all eventListeners.
+     * @category Methods
      */
   }, {
     key: "dispose",
@@ -2391,8 +2391,8 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       }
       return distance;
     }
-    /**
-     * Get its client rect and package into given `DOMRect` .
+    /**
+     * Get its client rect and package into given `DOMRect` .
      */
   }, {
     key: "_getClientRect",
@@ -2436,10 +2436,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
   }, {
     key: "_removeAllEventListeners",
     value: function _removeAllEventListeners() {}
-    /**
-     * backward compatible
-     * @deprecated use smoothTime (in seconds) instead
-     * @category Properties
+    /**
+     * backward compatible
+     * @deprecated use smoothTime (in seconds) instead
+     * @category Properties
      */
   }, {
     key: "dampingFactor",
@@ -2447,18 +2447,18 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       console.warn('.dampingFactor has been deprecated. use smoothTime (in seconds) instead.');
       return 0;
     }
-    /**
-     * backward compatible
-     * @deprecated use smoothTime (in seconds) instead
-     * @category Properties
+    /**
+     * 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
+    /**
+     * backward compatible
+     * @deprecated use draggingSmoothTime (in seconds) instead
+     * @category Properties
      */
   }, {
     key: "draggingDampingFactor",
@@ -2466,10 +2466,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       console.warn('.draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.');
       return 0;
     }
-    /**
-     * backward compatible
-     * @deprecated use draggingSmoothTime (in seconds) instead
-     * @category Properties
+    /**
+     * backward compatible
+     * @deprecated use draggingSmoothTime (in seconds) instead
+     * @category Properties
      */,
     set: function set(_) {
       console.warn('.draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead.');
@@ -2477,44 +2477,44 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
   }], [{
     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
+    /**
+       * 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;
@@ -2541,9 +2541,9 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       _rotationMatrix = new THREE.Matrix4();
       _raycaster = new THREE.Raycaster();
     }
-    /**
-     * list all ACTIONs
-     * @category Statics
+    /**
+     * list all ACTIONs
+     * @category Statics
      */
   }, {
     key: "ACTION",