opal-js_wrap-three 0.1.1 → 0.1.2

data/lib-opal/js_wrap/three/controls/OrbitControls.js

@@ -0,0 +1,908 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "three"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("three"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.three);
+    global.OrbitControls = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.OrbitControls = _exports.MapControls = void 0;
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  // This set of controls performs orbiting, dollying (zooming), and panning.
+  // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
+  //
+  //    Orbit - left mouse / touch: one-finger move
+  //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
+  //    Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
+  var _changeEvent = {
+    type: 'change'
+  };
+  var _startEvent = {
+    type: 'start'
+  };
+  var _endEvent = {
+    type: 'end'
+  };
+
+  var OrbitControls = /*#__PURE__*/function (_EventDispatcher) {
+    _inherits(OrbitControls, _EventDispatcher);
+
+    var _super = _createSuper(OrbitControls);
+
+    function OrbitControls(object, domElement) {
+      var _this;
+
+      _classCallCheck(this, OrbitControls);
+
+      _this = _super.call(this);
+      if (domElement === undefined) console.warn('THREE.OrbitControls: The second parameter "domElement" is now mandatory.');
+      if (domElement === document) console.error('THREE.OrbitControls: "document" should not be used as the target "domElement". Please use "renderer.domElement" instead.');
+      _this.object = object;
+      _this.domElement = domElement;
+      _this.domElement.style.touchAction = 'none'; // disable touch scroll
+      // Set to false to disable this control
+
+      _this.enabled = true; // "target" sets the location of focus, where the object orbits around
+
+      _this.target = new _three.Vector3(); // How far you can dolly in and out ( PerspectiveCamera only )
+
+      _this.minDistance = 0;
+      _this.maxDistance = Infinity; // How far you can zoom in and out ( OrthographicCamera only )
+
+      _this.minZoom = 0;
+      _this.maxZoom = Infinity; // How far you can orbit vertically, upper and lower limits.
+      // Range is 0 to Math.PI radians.
+
+      _this.minPolarAngle = 0; // radians
+
+      _this.maxPolarAngle = Math.PI; // radians
+      // How far you can orbit horizontally, upper and lower limits.
+      // If set, the interval [ min, max ] must be a sub-interval of [ - 2 PI, 2 PI ], with ( max - min < 2 PI )
+
+      _this.minAzimuthAngle = -Infinity; // radians
+
+      _this.maxAzimuthAngle = Infinity; // radians
+      // Set to true to enable damping (inertia)
+      // If damping is enabled, you must call controls.update() in your animation loop
+
+      _this.enableDamping = false;
+      _this.dampingFactor = 0.05; // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
+      // Set to false to disable zooming
+
+      _this.enableZoom = true;
+      _this.zoomSpeed = 1.0; // Set to false to disable rotating
+
+      _this.enableRotate = true;
+      _this.rotateSpeed = 1.0; // Set to false to disable panning
+
+      _this.enablePan = true;
+      _this.panSpeed = 1.0;
+      _this.screenSpacePanning = true; // if false, pan orthogonal to world-space direction camera.up
+
+      _this.keyPanSpeed = 7.0; // pixels moved per arrow key push
+      // Set to true to automatically rotate around the target
+      // If auto-rotate is enabled, you must call controls.update() in your animation loop
+
+      _this.autoRotate = false;
+      _this.autoRotateSpeed = 2.0; // 30 seconds per orbit when fps is 60
+      // The four arrow keys
+
+      _this.keys = {
+        LEFT: 'ArrowLeft',
+        UP: 'ArrowUp',
+        RIGHT: 'ArrowRight',
+        BOTTOM: 'ArrowDown'
+      }; // Mouse buttons
+
+      _this.mouseButtons = {
+        LEFT: _three.MOUSE.ROTATE,
+        MIDDLE: _three.MOUSE.DOLLY,
+        RIGHT: _three.MOUSE.PAN
+      }; // Touch fingers
+
+      _this.touches = {
+        ONE: _three.TOUCH.ROTATE,
+        TWO: _three.TOUCH.DOLLY_PAN
+      }; // for reset
+
+      _this.target0 = _this.target.clone();
+      _this.position0 = _this.object.position.clone();
+      _this.zoom0 = _this.object.zoom; // the target DOM element for key events
+
+      _this._domElementKeyEvents = null; //
+      // public methods
+      //
+
+      _this.getPolarAngle = function () {
+        return spherical.phi;
+      };
+
+      _this.getAzimuthalAngle = function () {
+        return spherical.theta;
+      };
+
+      _this.getDistance = function () {
+        return this.object.position.distanceTo(this.target);
+      };
+
+      _this.listenToKeyEvents = function (domElement) {
+        domElement.addEventListener('keydown', onKeyDown);
+        this._domElementKeyEvents = domElement;
+      };
+
+      _this.saveState = function () {
+        scope.target0.copy(scope.target);
+        scope.position0.copy(scope.object.position);
+        scope.zoom0 = scope.object.zoom;
+      };
+
+      _this.reset = function () {
+        scope.target.copy(scope.target0);
+        scope.object.position.copy(scope.position0);
+        scope.object.zoom = scope.zoom0;
+        scope.object.updateProjectionMatrix();
+        scope.dispatchEvent(_changeEvent);
+        scope.update();
+        state = STATE.NONE;
+      }; // this method is exposed, but perhaps it would be better if we can make it private...
+
+
+      _this.update = function () {
+        var offset = new _three.Vector3(); // so camera.up is the orbit axis
+
+        var quat = new _three.Quaternion().setFromUnitVectors(object.up, new _three.Vector3(0, 1, 0));
+        var quatInverse = quat.clone().invert();
+        var lastPosition = new _three.Vector3();
+        var lastQuaternion = new _three.Quaternion();
+        var twoPI = 2 * Math.PI;
+        return function update() {
+          var position = scope.object.position;
+          offset.copy(position).sub(scope.target); // rotate offset to "y-axis-is-up" space
+
+          offset.applyQuaternion(quat); // angle from z-axis around y-axis
+
+          spherical.setFromVector3(offset);
+
+          if (scope.autoRotate && state === STATE.NONE) {
+            rotateLeft(getAutoRotationAngle());
+          }
+
+          if (scope.enableDamping) {
+            spherical.theta += sphericalDelta.theta * scope.dampingFactor;
+            spherical.phi += sphericalDelta.phi * scope.dampingFactor;
+          } else {
+            spherical.theta += sphericalDelta.theta;
+            spherical.phi += sphericalDelta.phi;
+          } // restrict theta to be between desired limits
+
+
+          var min = scope.minAzimuthAngle;
+          var max = scope.maxAzimuthAngle;
+
+          if (isFinite(min) && isFinite(max)) {
+            if (min < -Math.PI) min += twoPI;else if (min > Math.PI) min -= twoPI;
+            if (max < -Math.PI) max += twoPI;else if (max > Math.PI) max -= twoPI;
+
+            if (min <= max) {
+              spherical.theta = Math.max(min, Math.min(max, spherical.theta));
+            } else {
+              spherical.theta = spherical.theta > (min + max) / 2 ? Math.max(min, spherical.theta) : Math.min(max, spherical.theta);
+            }
+          } // restrict phi to be between desired limits
+
+
+          spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi));
+          spherical.makeSafe();
+          spherical.radius *= scale; // restrict radius to be between desired limits
+
+          spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius)); // move target to panned location
+
+          if (scope.enableDamping === true) {
+            scope.target.addScaledVector(panOffset, scope.dampingFactor);
+          } else {
+            scope.target.add(panOffset);
+          }
+
+          offset.setFromSpherical(spherical); // rotate offset back to "camera-up-vector-is-up" space
+
+          offset.applyQuaternion(quatInverse);
+          position.copy(scope.target).add(offset);
+          scope.object.lookAt(scope.target);
+
+          if (scope.enableDamping === true) {
+            sphericalDelta.theta *= 1 - scope.dampingFactor;
+            sphericalDelta.phi *= 1 - scope.dampingFactor;
+            panOffset.multiplyScalar(1 - scope.dampingFactor);
+          } else {
+            sphericalDelta.set(0, 0, 0);
+            panOffset.set(0, 0, 0);
+          }
+
+          scale = 1; // update condition is:
+          // min(camera displacement, camera rotation in radians)^2 > EPS
+          // using small-angle approximation cos(x/2) = 1 - x^2 / 8
+
+          if (zoomChanged || lastPosition.distanceToSquared(scope.object.position) > EPS || 8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS) {
+            scope.dispatchEvent(_changeEvent);
+            lastPosition.copy(scope.object.position);
+            lastQuaternion.copy(scope.object.quaternion);
+            zoomChanged = false;
+            return true;
+          }
+
+          return false;
+        };
+      }();
+
+      _this.dispose = function () {
+        scope.domElement.removeEventListener('contextmenu', onContextMenu);
+        scope.domElement.removeEventListener('pointerdown', onPointerDown);
+        scope.domElement.removeEventListener('pointercancel', onPointerCancel);
+        scope.domElement.removeEventListener('wheel', onMouseWheel);
+        scope.domElement.removeEventListener('pointermove', onPointerMove);
+        scope.domElement.removeEventListener('pointerup', onPointerUp);
+
+        if (scope._domElementKeyEvents !== null) {
+          scope._domElementKeyEvents.removeEventListener('keydown', onKeyDown);
+        } //scope.dispatchEvent( { type: 'dispose' } ); // should this be added here?
+
+      }; //
+      // internals
+      //
+
+
+      var scope = _assertThisInitialized(_this);
+
+      var STATE = {
+        NONE: -1,
+        ROTATE: 0,
+        DOLLY: 1,
+        PAN: 2,
+        TOUCH_ROTATE: 3,
+        TOUCH_PAN: 4,
+        TOUCH_DOLLY_PAN: 5,
+        TOUCH_DOLLY_ROTATE: 6
+      };
+      var state = STATE.NONE;
+      var EPS = 0.000001; // current position in spherical coordinates
+
+      var spherical = new _three.Spherical();
+      var sphericalDelta = new _three.Spherical();
+      var scale = 1;
+      var panOffset = new _three.Vector3();
+      var zoomChanged = false;
+      var rotateStart = new _three.Vector2();
+      var rotateEnd = new _three.Vector2();
+      var rotateDelta = new _three.Vector2();
+      var panStart = new _three.Vector2();
+      var panEnd = new _three.Vector2();
+      var panDelta = new _three.Vector2();
+      var dollyStart = new _three.Vector2();
+      var dollyEnd = new _three.Vector2();
+      var dollyDelta = new _three.Vector2();
+      var pointers = [];
+      var pointerPositions = {};
+
+      function getAutoRotationAngle() {
+        return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
+      }
+
+      function getZoomScale() {
+        return Math.pow(0.95, scope.zoomSpeed);
+      }
+
+      function rotateLeft(angle) {
+        sphericalDelta.theta -= angle;
+      }
+
+      function rotateUp(angle) {
+        sphericalDelta.phi -= angle;
+      }
+
+      var panLeft = function () {
+        var v = new _three.Vector3();
+        return function panLeft(distance, objectMatrix) {
+          v.setFromMatrixColumn(objectMatrix, 0); // get X column of objectMatrix
+
+          v.multiplyScalar(-distance);
+          panOffset.add(v);
+        };
+      }();
+
+      var panUp = function () {
+        var v = new _three.Vector3();
+        return function panUp(distance, objectMatrix) {
+          if (scope.screenSpacePanning === true) {
+            v.setFromMatrixColumn(objectMatrix, 1);
+          } else {
+            v.setFromMatrixColumn(objectMatrix, 0);
+            v.crossVectors(scope.object.up, v);
+          }
+
+          v.multiplyScalar(distance);
+          panOffset.add(v);
+        };
+      }(); // deltaX and deltaY are in pixels; right and down are positive
+
+
+      var pan = function () {
+        var offset = new _three.Vector3();
+        return function pan(deltaX, deltaY) {
+          var element = scope.domElement;
+
+          if (scope.object.isPerspectiveCamera) {
+            // perspective
+            var position = scope.object.position;
+            offset.copy(position).sub(scope.target);
+            var targetDistance = offset.length(); // half of the fov is center to top of screen
+
+            targetDistance *= Math.tan(scope.object.fov / 2 * Math.PI / 180.0); // we use only clientHeight here so aspect ratio does not distort speed
+
+            panLeft(2 * deltaX * targetDistance / element.clientHeight, scope.object.matrix);
+            panUp(2 * deltaY * targetDistance / element.clientHeight, scope.object.matrix);
+          } else if (scope.object.isOrthographicCamera) {
+            // orthographic
+            panLeft(deltaX * (scope.object.right - scope.object.left) / scope.object.zoom / element.clientWidth, scope.object.matrix);
+            panUp(deltaY * (scope.object.top - scope.object.bottom) / scope.object.zoom / element.clientHeight, scope.object.matrix);
+          } else {
+            // camera neither orthographic nor perspective
+            console.warn('WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.');
+            scope.enablePan = false;
+          }
+        };
+      }();
+
+      function dollyOut(dollyScale) {
+        if (scope.object.isPerspectiveCamera) {
+          scale /= dollyScale;
+        } else if (scope.object.isOrthographicCamera) {
+          scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale));
+          scope.object.updateProjectionMatrix();
+          zoomChanged = true;
+        } else {
+          console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.');
+          scope.enableZoom = false;
+        }
+      }
+
+      function dollyIn(dollyScale) {
+        if (scope.object.isPerspectiveCamera) {
+          scale *= dollyScale;
+        } else if (scope.object.isOrthographicCamera) {
+          scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale));
+          scope.object.updateProjectionMatrix();
+          zoomChanged = true;
+        } else {
+          console.warn('WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.');
+          scope.enableZoom = false;
+        }
+      } //
+      // event callbacks - update the object state
+      //
+
+
+      function handleMouseDownRotate(event) {
+        rotateStart.set(event.clientX, event.clientY);
+      }
+
+      function handleMouseDownDolly(event) {
+        dollyStart.set(event.clientX, event.clientY);
+      }
+
+      function handleMouseDownPan(event) {
+        panStart.set(event.clientX, event.clientY);
+      }
+
+      function handleMouseMoveRotate(event) {
+        rotateEnd.set(event.clientX, event.clientY);
+        rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed);
+        var element = scope.domElement;
+        rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight); // yes, height
+
+        rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight);
+        rotateStart.copy(rotateEnd);
+        scope.update();
+      }
+
+      function handleMouseMoveDolly(event) {
+        dollyEnd.set(event.clientX, event.clientY);
+        dollyDelta.subVectors(dollyEnd, dollyStart);
+
+        if (dollyDelta.y > 0) {
+          dollyOut(getZoomScale());
+        } else if (dollyDelta.y < 0) {
+          dollyIn(getZoomScale());
+        }
+
+        dollyStart.copy(dollyEnd);
+        scope.update();
+      }
+
+      function handleMouseMovePan(event) {
+        panEnd.set(event.clientX, event.clientY);
+        panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed);
+        pan(panDelta.x, panDelta.y);
+        panStart.copy(panEnd);
+        scope.update();
+      }
+
+      function handleMouseWheel(event) {
+        if (event.deltaY < 0) {
+          dollyIn(getZoomScale());
+        } else if (event.deltaY > 0) {
+          dollyOut(getZoomScale());
+        }
+
+        scope.update();
+      }
+
+      function handleKeyDown(event) {
+        var needsUpdate = false;
+
+        switch (event.code) {
+          case scope.keys.UP:
+            pan(0, scope.keyPanSpeed);
+            needsUpdate = true;
+            break;
+
+          case scope.keys.BOTTOM:
+            pan(0, -scope.keyPanSpeed);
+            needsUpdate = true;
+            break;
+
+          case scope.keys.LEFT:
+            pan(scope.keyPanSpeed, 0);
+            needsUpdate = true;
+            break;
+
+          case scope.keys.RIGHT:
+            pan(-scope.keyPanSpeed, 0);
+            needsUpdate = true;
+            break;
+        }
+
+        if (needsUpdate) {
+          // prevent the browser from scrolling on cursor keys
+          event.preventDefault();
+          scope.update();
+        }
+      }
+
+      function handleTouchStartRotate() {
+        if (pointers.length === 1) {
+          rotateStart.set(pointers[0].pageX, pointers[0].pageY);
+        } else {
+          var x = 0.5 * (pointers[0].pageX + pointers[1].pageX);
+          var y = 0.5 * (pointers[0].pageY + pointers[1].pageY);
+          rotateStart.set(x, y);
+        }
+      }
+
+      function handleTouchStartPan() {
+        if (pointers.length === 1) {
+          panStart.set(pointers[0].pageX, pointers[0].pageY);
+        } else {
+          var x = 0.5 * (pointers[0].pageX + pointers[1].pageX);
+          var y = 0.5 * (pointers[0].pageY + pointers[1].pageY);
+          panStart.set(x, y);
+        }
+      }
+
+      function handleTouchStartDolly() {
+        var dx = pointers[0].pageX - pointers[1].pageX;
+        var dy = pointers[0].pageY - pointers[1].pageY;
+        var distance = Math.sqrt(dx * dx + dy * dy);
+        dollyStart.set(0, distance);
+      }
+
+      function handleTouchStartDollyPan() {
+        if (scope.enableZoom) handleTouchStartDolly();
+        if (scope.enablePan) handleTouchStartPan();
+      }
+
+      function handleTouchStartDollyRotate() {
+        if (scope.enableZoom) handleTouchStartDolly();
+        if (scope.enableRotate) handleTouchStartRotate();
+      }
+
+      function handleTouchMoveRotate(event) {
+        if (pointers.length == 1) {
+          rotateEnd.set(event.pageX, event.pageY);
+        } else {
+          var position = getSecondPointerPosition(event);
+          var x = 0.5 * (event.pageX + position.x);
+          var y = 0.5 * (event.pageY + position.y);
+          rotateEnd.set(x, y);
+        }
+
+        rotateDelta.subVectors(rotateEnd, rotateStart).multiplyScalar(scope.rotateSpeed);
+        var element = scope.domElement;
+        rotateLeft(2 * Math.PI * rotateDelta.x / element.clientHeight); // yes, height
+
+        rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight);
+        rotateStart.copy(rotateEnd);
+      }
+
+      function handleTouchMovePan(event) {
+        if (pointers.length === 1) {
+          panEnd.set(event.pageX, event.pageY);
+        } else {
+          var position = getSecondPointerPosition(event);
+          var x = 0.5 * (event.pageX + position.x);
+          var y = 0.5 * (event.pageY + position.y);
+          panEnd.set(x, y);
+        }
+
+        panDelta.subVectors(panEnd, panStart).multiplyScalar(scope.panSpeed);
+        pan(panDelta.x, panDelta.y);
+        panStart.copy(panEnd);
+      }
+
+      function handleTouchMoveDolly(event) {
+        var position = getSecondPointerPosition(event);
+        var dx = event.pageX - position.x;
+        var dy = event.pageY - position.y;
+        var distance = Math.sqrt(dx * dx + dy * dy);
+        dollyEnd.set(0, distance);
+        dollyDelta.set(0, Math.pow(dollyEnd.y / dollyStart.y, scope.zoomSpeed));
+        dollyOut(dollyDelta.y);
+        dollyStart.copy(dollyEnd);
+      }
+
+      function handleTouchMoveDollyPan(event) {
+        if (scope.enableZoom) handleTouchMoveDolly(event);
+        if (scope.enablePan) handleTouchMovePan(event);
+      }
+
+      function handleTouchMoveDollyRotate(event) {
+        if (scope.enableZoom) handleTouchMoveDolly(event);
+        if (scope.enableRotate) handleTouchMoveRotate(event);
+      } //
+      // event handlers - FSM: listen for events and reset state
+      //
+
+
+      function onPointerDown(event) {
+        if (scope.enabled === false) return;
+
+        if (pointers.length === 0) {
+          scope.domElement.setPointerCapture(event.pointerId);
+          scope.domElement.addEventListener('pointermove', onPointerMove);
+          scope.domElement.addEventListener('pointerup', onPointerUp);
+        } //
+
+
+        addPointer(event);
+
+        if (event.pointerType === 'touch') {
+          onTouchStart(event);
+        } else {
+          onMouseDown(event);
+        }
+      }
+
+      function onPointerMove(event) {
+        if (scope.enabled === false) return;
+
+        if (event.pointerType === 'touch') {
+          onTouchMove(event);
+        } else {
+          onMouseMove(event);
+        }
+      }
+
+      function onPointerUp(event) {
+        removePointer(event);
+
+        if (pointers.length === 0) {
+          scope.domElement.releasePointerCapture(event.pointerId);
+          scope.domElement.removeEventListener('pointermove', onPointerMove);
+          scope.domElement.removeEventListener('pointerup', onPointerUp);
+        }
+
+        scope.dispatchEvent(_endEvent);
+        state = STATE.NONE;
+      }
+
+      function onPointerCancel(event) {
+        removePointer(event);
+      }
+
+      function onMouseDown(event) {
+        var mouseAction;
+
+        switch (event.button) {
+          case 0:
+            mouseAction = scope.mouseButtons.LEFT;
+            break;
+
+          case 1:
+            mouseAction = scope.mouseButtons.MIDDLE;
+            break;
+
+          case 2:
+            mouseAction = scope.mouseButtons.RIGHT;
+            break;
+
+          default:
+            mouseAction = -1;
+        }
+
+        switch (mouseAction) {
+          case _three.MOUSE.DOLLY:
+            if (scope.enableZoom === false) return;
+            handleMouseDownDolly(event);
+            state = STATE.DOLLY;
+            break;
+
+          case _three.MOUSE.ROTATE:
+            if (event.ctrlKey || event.metaKey || event.shiftKey) {
+              if (scope.enablePan === false) return;
+              handleMouseDownPan(event);
+              state = STATE.PAN;
+            } else {
+              if (scope.enableRotate === false) return;
+              handleMouseDownRotate(event);
+              state = STATE.ROTATE;
+            }
+
+            break;
+
+          case _three.MOUSE.PAN:
+            if (event.ctrlKey || event.metaKey || event.shiftKey) {
+              if (scope.enableRotate === false) return;
+              handleMouseDownRotate(event);
+              state = STATE.ROTATE;
+            } else {
+              if (scope.enablePan === false) return;
+              handleMouseDownPan(event);
+              state = STATE.PAN;
+            }
+
+            break;
+
+          default:
+            state = STATE.NONE;
+        }
+
+        if (state !== STATE.NONE) {
+          scope.dispatchEvent(_startEvent);
+        }
+      }
+
+      function onMouseMove(event) {
+        if (scope.enabled === false) return;
+
+        switch (state) {
+          case STATE.ROTATE:
+            if (scope.enableRotate === false) return;
+            handleMouseMoveRotate(event);
+            break;
+
+          case STATE.DOLLY:
+            if (scope.enableZoom === false) return;
+            handleMouseMoveDolly(event);
+            break;
+
+          case STATE.PAN:
+            if (scope.enablePan === false) return;
+            handleMouseMovePan(event);
+            break;
+        }
+      }
+
+      function onMouseWheel(event) {
+        if (scope.enabled === false || scope.enableZoom === false || state !== STATE.NONE) return;
+        event.preventDefault();
+        scope.dispatchEvent(_startEvent);
+        handleMouseWheel(event);
+        scope.dispatchEvent(_endEvent);
+      }
+
+      function onKeyDown(event) {
+        if (scope.enabled === false || scope.enablePan === false) return;
+        handleKeyDown(event);
+      }
+
+      function onTouchStart(event) {
+        trackPointer(event);
+
+        switch (pointers.length) {
+          case 1:
+            switch (scope.touches.ONE) {
+              case _three.TOUCH.ROTATE:
+                if (scope.enableRotate === false) return;
+                handleTouchStartRotate();
+                state = STATE.TOUCH_ROTATE;
+                break;
+
+              case _three.TOUCH.PAN:
+                if (scope.enablePan === false) return;
+                handleTouchStartPan();
+                state = STATE.TOUCH_PAN;
+                break;
+
+              default:
+                state = STATE.NONE;
+            }
+
+            break;
+
+          case 2:
+            switch (scope.touches.TWO) {
+              case _three.TOUCH.DOLLY_PAN:
+                if (scope.enableZoom === false && scope.enablePan === false) return;
+                handleTouchStartDollyPan();
+                state = STATE.TOUCH_DOLLY_PAN;
+                break;
+
+              case _three.TOUCH.DOLLY_ROTATE:
+                if (scope.enableZoom === false && scope.enableRotate === false) return;
+                handleTouchStartDollyRotate();
+                state = STATE.TOUCH_DOLLY_ROTATE;
+                break;
+
+              default:
+                state = STATE.NONE;
+            }
+
+            break;
+
+          default:
+            state = STATE.NONE;
+        }
+
+        if (state !== STATE.NONE) {
+          scope.dispatchEvent(_startEvent);
+        }
+      }
+
+      function onTouchMove(event) {
+        trackPointer(event);
+
+        switch (state) {
+          case STATE.TOUCH_ROTATE:
+            if (scope.enableRotate === false) return;
+            handleTouchMoveRotate(event);
+            scope.update();
+            break;
+
+          case STATE.TOUCH_PAN:
+            if (scope.enablePan === false) return;
+            handleTouchMovePan(event);
+            scope.update();
+            break;
+
+          case STATE.TOUCH_DOLLY_PAN:
+            if (scope.enableZoom === false && scope.enablePan === false) return;
+            handleTouchMoveDollyPan(event);
+            scope.update();
+            break;
+
+          case STATE.TOUCH_DOLLY_ROTATE:
+            if (scope.enableZoom === false && scope.enableRotate === false) return;
+            handleTouchMoveDollyRotate(event);
+            scope.update();
+            break;
+
+          default:
+            state = STATE.NONE;
+        }
+      }
+
+      function onContextMenu(event) {
+        if (scope.enabled === false) return;
+        event.preventDefault();
+      }
+
+      function addPointer(event) {
+        pointers.push(event);
+      }
+
+      function removePointer(event) {
+        delete pointerPositions[event.pointerId];
+
+        for (var i = 0; i < pointers.length; i++) {
+          if (pointers[i].pointerId == event.pointerId) {
+            pointers.splice(i, 1);
+            return;
+          }
+        }
+      }
+
+      function trackPointer(event) {
+        var position = pointerPositions[event.pointerId];
+
+        if (position === undefined) {
+          position = new _three.Vector2();
+          pointerPositions[event.pointerId] = position;
+        }
+
+        position.set(event.pageX, event.pageY);
+      }
+
+      function getSecondPointerPosition(event) {
+        var pointer = event.pointerId === pointers[0].pointerId ? pointers[1] : pointers[0];
+        return pointerPositions[pointer.pointerId];
+      } //
+
+
+      scope.domElement.addEventListener('contextmenu', onContextMenu);
+      scope.domElement.addEventListener('pointerdown', onPointerDown);
+      scope.domElement.addEventListener('pointercancel', onPointerCancel);
+      scope.domElement.addEventListener('wheel', onMouseWheel, {
+        passive: false
+      }); // force an update at start
+
+      _this.update();
+
+      return _this;
+    }
+
+    return _createClass(OrbitControls);
+  }(_three.EventDispatcher); // This set of controls performs orbiting, dollying (zooming), and panning.
+  // Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
+  // This is very similar to OrbitControls, another set of touch behavior
+  //
+  //    Orbit - right mouse, or left mouse + ctrl/meta/shiftKey / touch: two-finger rotate
+  //    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
+  //    Pan - left mouse, or arrow keys / touch: one-finger move
+
+
+  _exports.OrbitControls = OrbitControls;
+
+  var MapControls = /*#__PURE__*/function (_OrbitControls) {
+    _inherits(MapControls, _OrbitControls);
+
+    var _super2 = _createSuper(MapControls);
+
+    function MapControls(object, domElement) {
+      var _this2;
+
+      _classCallCheck(this, MapControls);
+
+      _this2 = _super2.call(this, object, domElement);
+      _this2.screenSpacePanning = false; // pan orthogonal to world-space direction camera.up
+
+      _this2.mouseButtons.LEFT = _three.MOUSE.PAN;
+      _this2.mouseButtons.RIGHT = _three.MOUSE.ROTATE;
+      _this2.touches.ONE = _three.TOUCH.PAN;
+      _this2.touches.TWO = _three.TOUCH.DOLLY_ROTATE;
+      return _this2;
+    }
+
+    return _createClass(MapControls);
+  }(OrbitControls);
+
+  _exports.MapControls = MapControls;
+});