three-stdlib 2.16.0 → 2.16.2

package/controls/DeviceOrientationControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("three");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);class a extends t.EventDispatcher{constructor(e){super(),i.default(this,"object",void 0),i.default(this,"changeEvent",{type:"change"}),i.default(this,"EPS",1e-6),i.default(this,"enabled",!0),i.default(this,"deviceOrientation",{alpha:0,beta:0,gamma:0}),i.default(this,"screenOrientation",0),i.default(this,"alphaOffset",0),i.default(this,"onDeviceOrientationChangeEvent",(e=>{this.deviceOrientation=e})),i.default(this,"onScreenOrientationChangeEvent",(()=>{this.screenOrientation=window.orientation||0})),i.default(this,"zee",new t.Vector3(0,0,1)),i.default(this,"euler",new t.Euler),i.default(this,"q0",new t.Quaternion),i.default(this,"q1",new t.Quaternion(-Math.sqrt(.5),0,0,Math.sqrt(.5))),i.default(this,"setObjectQuaternion",((e,t,n,i,a)=>{this.euler.set(n,t,-i,"YXZ"),e.setFromEuler(this.euler),e.multiply(this.q1),e.multiply(this.q0.setFromAxisAngle(this.zee,-a))})),i.default(this,"connect",(()=>{this.onScreenOrientationChangeEvent(),void 0!==window.DeviceOrientationEvent&&"function"==typeof window.DeviceOrientationEvent.requestPermission?window.DeviceOrientationEvent.requestPermission().then((e=>{"granted"==e&&(window.addEventListener("orientationchange",this.onScreenOrientationChangeEvent),window.addEventListener("deviceorientation",this.onDeviceOrientationChangeEvent))})).catch((e=>{console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:",e)})):(window.addEventListener("orientationchange",this.onScreenOrientationChangeEvent),window.addEventListener("deviceorientation",this.onDeviceOrientationChangeEvent)),this.enabled=!0})),i.default(this,"disconnect",(()=>{window.removeEventListener("orientationchange",this.onScreenOrientationChangeEvent),window.removeEventListener("deviceorientation",this.onDeviceOrientationChangeEvent),this.enabled=!1})),i.default(this,"lastQuaternion",new t.Quaternion),i.default(this,"update",(()=>{if(!1===this.enabled)return;const e=this.deviceOrientation;if(e){const n=e.alpha?t.MathUtils.degToRad(e.alpha)+this.alphaOffset:0,i=e.beta?t.MathUtils.degToRad(e.beta):0,a=e.gamma?t.MathUtils.degToRad(e.gamma):0,o=this.screenOrientation?t.MathUtils.degToRad(this.screenOrientation):0;this.setObjectQuaternion(this.object.quaternion,n,i,a,o),8*(1-this.lastQuaternion.dot(this.object.quaternion))>this.EPS&&(this.lastQuaternion.copy(this.object.quaternion),this.dispatchEvent(this.changeEvent))}})),i.default(this,"dispose",(()=>this.disconnect())),this.object=e,this.object.rotation.reorder("YXZ"),this.connect()}}exports.DeviceOrientationControls=a;

package/controls/DeviceOrientationControls.js

@@ -1,74 +1,119 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-class DeviceOrientationControls extends THREE.EventDispatcher {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { EventDispatcher, Vector3, Euler, Quaternion, MathUtils } from 'three';
+
+/**
+ * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html)
+ */
+
+class DeviceOrientationControls extends EventDispatcher {
+  // radians
   constructor(object) {
     super();
-    this.changeEvent = { type: "change" };
-    this.EPS = 1e-6;
-    this.enabled = true;
-    this.deviceOrientation = { alpha: 0, beta: 0, gamma: 0 };
-    this.screenOrientation = 0;
-    this.alphaOffset = 0;
-    this.onDeviceOrientationChangeEvent = (event) => {
+
+    _defineProperty(this, "object", void 0);
+
+    _defineProperty(this, "changeEvent", {
+      type: 'change'
+    });
+
+    _defineProperty(this, "EPS", 0.000001);
+
+    _defineProperty(this, "enabled", true);
+
+    _defineProperty(this, "deviceOrientation", {
+      alpha: 0,
+      beta: 0,
+      gamma: 0
+    });
+
+    _defineProperty(this, "screenOrientation", 0);
+
+    _defineProperty(this, "alphaOffset", 0);
+
+    _defineProperty(this, "onDeviceOrientationChangeEvent", event => {
       this.deviceOrientation = event;
-    };
-    this.onScreenOrientationChangeEvent = () => {
+    });
+
+    _defineProperty(this, "onScreenOrientationChangeEvent", () => {
       this.screenOrientation = window.orientation || 0;
-    };
-    this.zee = new THREE.Vector3(0, 0, 1);
-    this.euler = new THREE.Euler();
-    this.q0 = new THREE.Quaternion();
-    this.q1 = new THREE.Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5));
-    this.setObjectQuaternion = (quaternion, alpha, beta, gamma, orient) => {
-      this.euler.set(beta, alpha, -gamma, "YXZ");
-      quaternion.setFromEuler(this.euler);
-      quaternion.multiply(this.q1);
-      quaternion.multiply(this.q0.setFromAxisAngle(this.zee, -orient));
-    };
-    this.connect = () => {
-      this.onScreenOrientationChangeEvent();
-      if (window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission === "function") {
-        window.DeviceOrientationEvent.requestPermission().then((response) => {
-          if (response == "granted") {
-            window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
-            window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+    });
+
+    _defineProperty(this, "zee", new Vector3(0, 0, 1));
+
+    _defineProperty(this, "euler", new Euler());
+
+    _defineProperty(this, "q0", new Quaternion());
+
+    _defineProperty(this, "q1", new Quaternion(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)));
+
+    _defineProperty(this, "setObjectQuaternion", (quaternion, alpha, beta, gamma, orient) => {
+      this.euler.set(beta, alpha, -gamma, 'YXZ'); // 'ZXY' for the device, but 'YXZ' for us
+
+      quaternion.setFromEuler(this.euler); // orient the device
+
+      quaternion.multiply(this.q1); // camera looks out the back of the device, not the top
+
+      quaternion.multiply(this.q0.setFromAxisAngle(this.zee, -orient)); // adjust for screen orientation
+    });
+
+    _defineProperty(this, "connect", () => {
+      this.onScreenOrientationChangeEvent(); // run once on load
+      // iOS 13+
+
+      if (window.DeviceOrientationEvent !== undefined && typeof window.DeviceOrientationEvent.requestPermission === 'function') {
+        window.DeviceOrientationEvent.requestPermission().then(response => {
+          if (response == 'granted') {
+            window.addEventListener('orientationchange', this.onScreenOrientationChangeEvent);
+            window.addEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
           }
-        }).catch((error) => {
-          console.error("THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:", error);
+        }).catch(error => {
+          console.error('THREE.DeviceOrientationControls: Unable to use DeviceOrientation API:', error);
         });
       } else {
-        window.addEventListener("orientationchange", this.onScreenOrientationChangeEvent);
-        window.addEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+        window.addEventListener('orientationchange', this.onScreenOrientationChangeEvent);
+        window.addEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
       }
+
       this.enabled = true;
-    };
-    this.disconnect = () => {
-      window.removeEventListener("orientationchange", this.onScreenOrientationChangeEvent);
-      window.removeEventListener("deviceorientation", this.onDeviceOrientationChangeEvent);
+    });
+
+    _defineProperty(this, "disconnect", () => {
+      window.removeEventListener('orientationchange', this.onScreenOrientationChangeEvent);
+      window.removeEventListener('deviceorientation', this.onDeviceOrientationChangeEvent);
       this.enabled = false;
-    };
-    this.lastQuaternion = new THREE.Quaternion();
-    this.update = () => {
-      if (this.enabled === false)
-        return;
+    });
+
+    _defineProperty(this, "lastQuaternion", new Quaternion());
+
+    _defineProperty(this, "update", () => {
+      if (this.enabled === false) return;
       const device = this.deviceOrientation;
+
       if (device) {
-        const alpha = device.alpha ? THREE.MathUtils.degToRad(device.alpha) + this.alphaOffset : 0;
-        const beta = device.beta ? THREE.MathUtils.degToRad(device.beta) : 0;
-        const gamma = device.gamma ? THREE.MathUtils.degToRad(device.gamma) : 0;
-        const orient = this.screenOrientation ? THREE.MathUtils.degToRad(this.screenOrientation) : 0;
+        const alpha = device.alpha ? MathUtils.degToRad(device.alpha) + this.alphaOffset : 0; // Z
+
+        const beta = device.beta ? MathUtils.degToRad(device.beta) : 0; // X'
+
+        const gamma = device.gamma ? MathUtils.degToRad(device.gamma) : 0; // Y''
+
+        const orient = this.screenOrientation ? MathUtils.degToRad(this.screenOrientation) : 0; // O
+
         this.setObjectQuaternion(this.object.quaternion, alpha, beta, gamma, orient);
+
         if (8 * (1 - this.lastQuaternion.dot(this.object.quaternion)) > this.EPS) {
           this.lastQuaternion.copy(this.object.quaternion);
           this.dispatchEvent(this.changeEvent);
         }
       }
-    };
-    this.dispose = () => this.disconnect();
+    });
+
+    _defineProperty(this, "dispose", () => this.disconnect());
+
     this.object = object;
-    this.object.rotation.reorder("YXZ");
+    this.object.rotation.reorder('YXZ');
     this.connect();
   }
+
 }
-exports.DeviceOrientationControls = DeviceOrientationControls;
+
+export { DeviceOrientationControls };

package/controls/DragControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/defineProperty"),e=require("three");function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=s(t);class o extends e.EventDispatcher{constructor(t,s,o){super(),i.default(this,"enabled",!0),i.default(this,"transformGroup",!1),i.default(this,"_objects",void 0),i.default(this,"_camera",void 0),i.default(this,"_domElement",void 0),i.default(this,"_plane",new e.Plane),i.default(this,"_raycaster",new e.Raycaster),i.default(this,"_mouse",new e.Vector2),i.default(this,"_offset",new e.Vector3),i.default(this,"_intersection",new e.Vector3),i.default(this,"_worldPosition",new e.Vector3),i.default(this,"_inverseMatrix",new e.Matrix4),i.default(this,"_intersections",[]),i.default(this,"_selected",null),i.default(this,"_hovered",null),i.default(this,"activate",(()=>{this._domElement.addEventListener("pointermove",this.onPointerMove),this._domElement.addEventListener("pointerdown",this.onPointerDown),this._domElement.addEventListener("pointerup",this.onPointerCancel),this._domElement.addEventListener("pointerleave",this.onPointerCancel),this._domElement.addEventListener("touchmove",this.onTouchMove),this._domElement.addEventListener("touchstart",this.onTouchStart),this._domElement.addEventListener("touchend",this.onTouchEnd)})),i.default(this,"deactivate",(()=>{this._domElement.removeEventListener("pointermove",this.onPointerMove),this._domElement.removeEventListener("pointerdown",this.onPointerDown),this._domElement.removeEventListener("pointerup",this.onPointerCancel),this._domElement.removeEventListener("pointerleave",this.onPointerCancel),this._domElement.removeEventListener("touchmove",this.onTouchMove),this._domElement.removeEventListener("touchstart",this.onTouchStart),this._domElement.removeEventListener("touchend",this.onTouchEnd),this._domElement.style.cursor=""})),i.default(this,"dispose",(()=>this.deactivate())),i.default(this,"getObjects",(()=>this._objects)),i.default(this,"getRaycaster",(()=>this._raycaster)),i.default(this,"onMouseMove",(t=>{const e=this._domElement.getBoundingClientRect();if(this._mouse.x=(t.clientX-e.left)/e.width*2-1,this._mouse.y=-(t.clientY-e.top)/e.height*2+1,this._raycaster.setFromCamera(this._mouse,this._camera),this._selected&&this.enabled)return this._raycaster.ray.intersectPlane(this._plane,this._intersection)&&this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix)),void this.dispatchEvent({type:"drag",object:this._selected});if(this._intersections.length=0,this._raycaster.setFromCamera(this._mouse,this._camera),this._raycaster.intersectObjects(this._objects,!0,this._intersections),this._intersections.length>0){const t=this._intersections[0].object;this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal),this._worldPosition.setFromMatrixPosition(t.matrixWorld)),this._hovered!==t&&(this.dispatchEvent({type:"hoveron",object:t}),this._domElement.style.cursor="pointer",this._hovered=t)}else null!==this._hovered&&(this.dispatchEvent({type:"hoveroff",object:this._hovered}),this._domElement.style.cursor="auto",this._hovered=null)})),i.default(this,"onMouseDown",(()=>{this._intersections.length=0,this._raycaster.setFromCamera(this._mouse,this._camera),this._raycaster.intersectObjects(this._objects,!0,this._intersections),this._intersections.length>0&&(this._selected=!0===this.transformGroup?this._objects[0]:this._intersections[0].object,this._raycaster.ray.intersectPlane(this._plane,this._intersection)&&this._selected.parent&&(this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert(),this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld))),this._domElement.style.cursor="move",this.dispatchEvent({type:"dragstart",object:this._selected}))})),i.default(this,"onMouseCancel",(()=>{this._selected&&(this.dispatchEvent({type:"dragend",object:this._selected}),this._selected=null),this._domElement.style.cursor=this._hovered?"pointer":"auto"})),i.default(this,"onPointerMove",(t=>{switch(t.pointerType){case"mouse":case"pen":this.onMouseMove(t)}})),i.default(this,"onPointerDown",(t=>{switch(t.pointerType){case"mouse":case"pen":this.onMouseDown()}})),i.default(this,"onPointerCancel",(t=>{switch(t.pointerType){case"mouse":case"pen":this.onMouseCancel()}})),i.default(this,"onTouchMove",(t=>{t.preventDefault();const e=t.changedTouches[0],s=this._domElement.getBoundingClientRect();if(this._mouse.x=(e.clientX-s.left)/s.width*2-1,this._mouse.y=-(e.clientY-s.top)/s.height*2+1,this._raycaster.setFromCamera(this._mouse,this._camera),this._selected&&this.enabled)return this._raycaster.ray.intersectPlane(this._plane,this._intersection)&&this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix)),void this.dispatchEvent({type:"drag",object:this._selected})})),i.default(this,"onTouchStart",(t=>{t.preventDefault();const e=t.changedTouches[0],s=this._domElement.getBoundingClientRect();this._mouse.x=(e.clientX-s.left)/s.width*2-1,this._mouse.y=-(e.clientY-s.top)/s.height*2+1,this._intersections.length=0,this._raycaster.setFromCamera(this._mouse,this._camera),this._raycaster.intersectObjects(this._objects,!0,this._intersections),this._intersections.length>0&&(this._selected=!0===this.transformGroup?this._objects[0]:this._intersections[0].object,this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal),this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld)),this._raycaster.ray.intersectPlane(this._plane,this._intersection)&&this._selected.parent&&(this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert(),this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld))),this._domElement.style.cursor="move",this.dispatchEvent({type:"dragstart",object:this._selected}))})),i.default(this,"onTouchEnd",(t=>{t.preventDefault(),this._selected&&(this.dispatchEvent({type:"dragend",object:this._selected}),this._selected=null),this._domElement.style.cursor="auto"})),this._objects=t,this._camera=s,this._domElement=o,this.activate()}}exports.DragControls=o;

package/controls/DragControls.js

@@ -1,172 +1,274 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const THREE = require("three");
-class DragControls extends THREE.EventDispatcher {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { EventDispatcher, Plane, Raycaster, Vector2, Vector3, Matrix4 } from 'three';
+
+class DragControls extends EventDispatcher {
   constructor(_objects, _camera, _domElement) {
     super();
-    this.enabled = true;
-    this.transformGroup = false;
-    this._plane = new THREE.Plane();
-    this._raycaster = new THREE.Raycaster();
-    this._mouse = new THREE.Vector2();
-    this._offset = new THREE.Vector3();
-    this._intersection = new THREE.Vector3();
-    this._worldPosition = new THREE.Vector3();
-    this._inverseMatrix = new THREE.Matrix4();
-    this._intersections = [];
-    this._selected = null;
-    this._hovered = null;
-    this.activate = () => {
-      this._domElement.addEventListener("pointermove", this.onPointerMove);
-      this._domElement.addEventListener("pointerdown", this.onPointerDown);
-      this._domElement.addEventListener("pointerup", this.onPointerCancel);
-      this._domElement.addEventListener("pointerleave", this.onPointerCancel);
-      this._domElement.addEventListener("touchmove", this.onTouchMove);
-      this._domElement.addEventListener("touchstart", this.onTouchStart);
-      this._domElement.addEventListener("touchend", this.onTouchEnd);
-    };
-    this.deactivate = () => {
-      this._domElement.removeEventListener("pointermove", this.onPointerMove);
-      this._domElement.removeEventListener("pointerdown", this.onPointerDown);
-      this._domElement.removeEventListener("pointerup", this.onPointerCancel);
-      this._domElement.removeEventListener("pointerleave", this.onPointerCancel);
-      this._domElement.removeEventListener("touchmove", this.onTouchMove);
-      this._domElement.removeEventListener("touchstart", this.onTouchStart);
-      this._domElement.removeEventListener("touchend", this.onTouchEnd);
-      this._domElement.style.cursor = "";
-    };
-    this.dispose = () => this.deactivate();
-    this.getObjects = () => this._objects;
-    this.getRaycaster = () => this._raycaster;
-    this.onMouseMove = (event) => {
+
+    _defineProperty(this, "enabled", true);
+
+    _defineProperty(this, "transformGroup", false);
+
+    _defineProperty(this, "_objects", void 0);
+
+    _defineProperty(this, "_camera", void 0);
+
+    _defineProperty(this, "_domElement", void 0);
+
+    _defineProperty(this, "_plane", new Plane());
+
+    _defineProperty(this, "_raycaster", new Raycaster());
+
+    _defineProperty(this, "_mouse", new Vector2());
+
+    _defineProperty(this, "_offset", new Vector3());
+
+    _defineProperty(this, "_intersection", new Vector3());
+
+    _defineProperty(this, "_worldPosition", new Vector3());
+
+    _defineProperty(this, "_inverseMatrix", new Matrix4());
+
+    _defineProperty(this, "_intersections", []);
+
+    _defineProperty(this, "_selected", null);
+
+    _defineProperty(this, "_hovered", null);
+
+    _defineProperty(this, "activate", () => {
+      this._domElement.addEventListener('pointermove', this.onPointerMove);
+
+      this._domElement.addEventListener('pointerdown', this.onPointerDown);
+
+      this._domElement.addEventListener('pointerup', this.onPointerCancel);
+
+      this._domElement.addEventListener('pointerleave', this.onPointerCancel);
+
+      this._domElement.addEventListener('touchmove', this.onTouchMove);
+
+      this._domElement.addEventListener('touchstart', this.onTouchStart);
+
+      this._domElement.addEventListener('touchend', this.onTouchEnd);
+    });
+
+    _defineProperty(this, "deactivate", () => {
+      this._domElement.removeEventListener('pointermove', this.onPointerMove);
+
+      this._domElement.removeEventListener('pointerdown', this.onPointerDown);
+
+      this._domElement.removeEventListener('pointerup', this.onPointerCancel);
+
+      this._domElement.removeEventListener('pointerleave', this.onPointerCancel);
+
+      this._domElement.removeEventListener('touchmove', this.onTouchMove);
+
+      this._domElement.removeEventListener('touchstart', this.onTouchStart);
+
+      this._domElement.removeEventListener('touchend', this.onTouchEnd);
+
+      this._domElement.style.cursor = '';
+    });
+
+    _defineProperty(this, "dispose", () => this.deactivate());
+
+    _defineProperty(this, "getObjects", () => this._objects);
+
+    _defineProperty(this, "getRaycaster", () => this._raycaster);
+
+    _defineProperty(this, "onMouseMove", event => {
       const rect = this._domElement.getBoundingClientRect();
+
       this._mouse.x = (event.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
+
       this._raycaster.setFromCamera(this._mouse, this._camera);
+
       if (this._selected && this.enabled) {
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection)) {
           this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix));
         }
-        this.dispatchEvent({ type: "drag", object: this._selected });
+
+        this.dispatchEvent({
+          type: 'drag',
+          object: this._selected
+        });
         return;
       }
+
       this._intersections.length = 0;
+
       this._raycaster.setFromCamera(this._mouse, this._camera);
+
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
+
       if (this._intersections.length > 0) {
         const object = this._intersections[0].object;
-        this._plane.setFromNormalAndCoplanarPoint(
-          this._camera.getWorldDirection(this._plane.normal),
-          this._worldPosition.setFromMatrixPosition(object.matrixWorld)
-        );
+
+        this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal), this._worldPosition.setFromMatrixPosition(object.matrixWorld));
+
         if (this._hovered !== object) {
-          this.dispatchEvent({ type: "hoveron", object });
-          this._domElement.style.cursor = "pointer";
+          this.dispatchEvent({
+            type: 'hoveron',
+            object
+          });
+          this._domElement.style.cursor = 'pointer';
           this._hovered = object;
         }
       } else {
         if (this._hovered !== null) {
-          this.dispatchEvent({ type: "hoveroff", object: this._hovered });
-          this._domElement.style.cursor = "auto";
+          this.dispatchEvent({
+            type: 'hoveroff',
+            object: this._hovered
+          });
+          this._domElement.style.cursor = 'auto';
           this._hovered = null;
         }
       }
-    };
-    this.onMouseDown = () => {
+    });
+
+    _defineProperty(this, "onMouseDown", () => {
       this._intersections.length = 0;
+
       this._raycaster.setFromCamera(this._mouse, this._camera);
+
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
+
       if (this._intersections.length > 0) {
         this._selected = this.transformGroup === true ? this._objects[0] : this._intersections[0].object;
+
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection) && this._selected.parent) {
           this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert();
+
           this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
         }
-        this._domElement.style.cursor = "move";
-        this.dispatchEvent({ type: "dragstart", object: this._selected });
+
+        this._domElement.style.cursor = 'move';
+        this.dispatchEvent({
+          type: 'dragstart',
+          object: this._selected
+        });
       }
-    };
-    this.onMouseCancel = () => {
+    });
+
+    _defineProperty(this, "onMouseCancel", () => {
       if (this._selected) {
-        this.dispatchEvent({ type: "dragend", object: this._selected });
+        this.dispatchEvent({
+          type: 'dragend',
+          object: this._selected
+        });
         this._selected = null;
       }
-      this._domElement.style.cursor = this._hovered ? "pointer" : "auto";
-    };
-    this.onPointerMove = (event) => {
+
+      this._domElement.style.cursor = this._hovered ? 'pointer' : 'auto';
+    });
+
+    _defineProperty(this, "onPointerMove", event => {
       switch (event.pointerType) {
-        case "mouse":
-        case "pen":
+        case 'mouse':
+        case 'pen':
           this.onMouseMove(event);
           break;
+        // TODO touch
       }
-    };
-    this.onPointerDown = (event) => {
+    });
+
+    _defineProperty(this, "onPointerDown", event => {
       switch (event.pointerType) {
-        case "mouse":
-        case "pen":
+        case 'mouse':
+        case 'pen':
           this.onMouseDown();
           break;
+        // TODO touch
       }
-    };
-    this.onPointerCancel = (event) => {
+    });
+
+    _defineProperty(this, "onPointerCancel", event => {
       switch (event.pointerType) {
-        case "mouse":
-        case "pen":
+        case 'mouse':
+        case 'pen':
           this.onMouseCancel();
           break;
+        // TODO touch
       }
-    };
-    this.onTouchMove = (event) => {
+    });
+
+    _defineProperty(this, "onTouchMove", event => {
       event.preventDefault();
       const newEvent = event.changedTouches[0];
+
       const rect = this._domElement.getBoundingClientRect();
+
       this._mouse.x = (newEvent.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((newEvent.clientY - rect.top) / rect.height) * 2 + 1;
+
       this._raycaster.setFromCamera(this._mouse, this._camera);
+
       if (this._selected && this.enabled) {
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection)) {
           this._selected.position.copy(this._intersection.sub(this._offset).applyMatrix4(this._inverseMatrix));
         }
-        this.dispatchEvent({ type: "drag", object: this._selected });
+
+        this.dispatchEvent({
+          type: 'drag',
+          object: this._selected
+        });
         return;
       }
-    };
-    this.onTouchStart = (event) => {
+    });
+
+    _defineProperty(this, "onTouchStart", event => {
       event.preventDefault();
       const newEvent = event.changedTouches[0];
+
       const rect = this._domElement.getBoundingClientRect();
+
       this._mouse.x = (newEvent.clientX - rect.left) / rect.width * 2 - 1;
       this._mouse.y = -((newEvent.clientY - rect.top) / rect.height) * 2 + 1;
       this._intersections.length = 0;
+
       this._raycaster.setFromCamera(this._mouse, this._camera);
+
       this._raycaster.intersectObjects(this._objects, true, this._intersections);
+
       if (this._intersections.length > 0) {
         this._selected = this.transformGroup === true ? this._objects[0] : this._intersections[0].object;
-        this._plane.setFromNormalAndCoplanarPoint(
-          this._camera.getWorldDirection(this._plane.normal),
-          this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld)
-        );
+
+        this._plane.setFromNormalAndCoplanarPoint(this._camera.getWorldDirection(this._plane.normal), this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
+
         if (this._raycaster.ray.intersectPlane(this._plane, this._intersection) && this._selected.parent) {
           this._inverseMatrix.copy(this._selected.parent.matrixWorld).invert();
+
           this._offset.copy(this._intersection).sub(this._worldPosition.setFromMatrixPosition(this._selected.matrixWorld));
         }
-        this._domElement.style.cursor = "move";
-        this.dispatchEvent({ type: "dragstart", object: this._selected });
+
+        this._domElement.style.cursor = 'move';
+        this.dispatchEvent({
+          type: 'dragstart',
+          object: this._selected
+        });
       }
-    };
-    this.onTouchEnd = (event) => {
+    });
+
+    _defineProperty(this, "onTouchEnd", event => {
       event.preventDefault();
+
       if (this._selected) {
-        this.dispatchEvent({ type: "dragend", object: this._selected });
+        this.dispatchEvent({
+          type: 'dragend',
+          object: this._selected
+        });
         this._selected = null;
       }
-      this._domElement.style.cursor = "auto";
-    };
+
+      this._domElement.style.cursor = 'auto';
+    });
+
     this._objects = _objects;
     this._camera = _camera;
     this._domElement = _domElement;
     this.activate();
   }
+
 }
-exports.DragControls = DragControls;
+
+export { DragControls };

package/controls/FirstPersonControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/runtime/helpers/defineProperty"),e=require("three");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=i(t);const o=new e.Vector3;class a extends e.EventDispatcher{constructor(t,i){super(),s.default(this,"object",void 0),s.default(this,"domElement",void 0),s.default(this,"enabled",!0),s.default(this,"movementSpeed",1),s.default(this,"lookSpeed",.005),s.default(this,"lookVertical",!0),s.default(this,"autoForward",!1),s.default(this,"activeLook",!0),s.default(this,"heightSpeed",!1),s.default(this,"heightCoef",1),s.default(this,"heightMin",0),s.default(this,"heightMax",1),s.default(this,"constrainVertical",!1),s.default(this,"verticalMin",0),s.default(this,"verticalMax",Math.PI),s.default(this,"mouseDragOn",!1),s.default(this,"autoSpeedFactor",0),s.default(this,"mouseX",0),s.default(this,"mouseY",0),s.default(this,"moveForward",!1),s.default(this,"moveBackward",!1),s.default(this,"moveLeft",!1),s.default(this,"moveRight",!1),s.default(this,"moveUp",!1),s.default(this,"moveDown",!1),s.default(this,"viewHalfX",0),s.default(this,"viewHalfY",0),s.default(this,"lat",0),s.default(this,"lon",0),s.default(this,"lookDirection",new e.Vector3),s.default(this,"spherical",new e.Spherical),s.default(this,"target",new e.Vector3),s.default(this,"connect",(t=>{t.setAttribute("tabindex","-1"),t.style.touchAction="none",t.addEventListener("contextmenu",this.contextmenu),t.addEventListener("mousemove",this.onMouseMove),t.addEventListener("mousedown",this.onMouseDown),t.addEventListener("mouseup",this.onMouseUp),this.domElement=t,window.addEventListener("keydown",this.onKeyDown),window.addEventListener("keyup",this.onKeyUp),this.handleResize()})),s.default(this,"dispose",(()=>{var t,e,i,s;null===(t=this.domElement)||void 0===t||t.removeEventListener("contextmenu",this.contextmenu),null===(e=this.domElement)||void 0===e||e.removeEventListener("mousedown",this.onMouseDown),null===(i=this.domElement)||void 0===i||i.removeEventListener("mousemove",this.onMouseMove),null===(s=this.domElement)||void 0===s||s.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("keydown",this.onKeyDown),window.removeEventListener("keyup",this.onKeyUp)})),s.default(this,"handleResize",(()=>{this.domElement&&(this.viewHalfX=this.domElement.offsetWidth/2,this.viewHalfY=this.domElement.offsetHeight/2)})),s.default(this,"onMouseDown",(t=>{var e;if(null===(e=this.domElement)||void 0===e||e.focus(),this.activeLook)switch(t.button){case 0:this.moveForward=!0;break;case 2:this.moveBackward=!0}this.mouseDragOn=!0})),s.default(this,"onMouseUp",(t=>{if(this.activeLook)switch(t.button){case 0:this.moveForward=!1;break;case 2:this.moveBackward=!1}this.mouseDragOn=!1})),s.default(this,"onMouseMove",(t=>{this.domElement&&(this.mouseX=t.pageX-this.domElement.offsetLeft-this.viewHalfX,this.mouseY=t.pageY-this.domElement.offsetTop-this.viewHalfY)})),s.default(this,"onKeyDown",(t=>{switch(t.code){case"ArrowUp":case"KeyW":this.moveForward=!0;break;case"ArrowLeft":case"KeyA":this.moveLeft=!0;break;case"ArrowDown":case"KeyS":this.moveBackward=!0;break;case"ArrowRight":case"KeyD":this.moveRight=!0;break;case"KeyR":this.moveUp=!0;break;case"KeyF":this.moveDown=!0}})),s.default(this,"onKeyUp",(t=>{switch(t.code){case"ArrowUp":case"KeyW":this.moveForward=!1;break;case"ArrowLeft":case"KeyA":this.moveLeft=!1;break;case"ArrowDown":case"KeyS":this.moveBackward=!1;break;case"ArrowRight":case"KeyD":this.moveRight=!1;break;case"KeyR":this.moveUp=!1;break;case"KeyF":this.moveDown=!1}})),s.default(this,"lookAt",((t,i,s)=>(t instanceof e.Vector3?this.target.copy(t):i&&s&&this.target.set(t,i,s),this.object.lookAt(this.target),this.setOrientation(),this))),s.default(this,"update",(t=>{if(!this.enabled)return;if(this.heightSpeed){const i=e.MathUtils.clamp(this.object.position.y,this.heightMin,this.heightMax)-this.heightMin;this.autoSpeedFactor=t*(i*this.heightCoef)}else this.autoSpeedFactor=0;const i=t*this.movementSpeed;(this.moveForward||this.autoForward&&!this.moveBackward)&&this.object.translateZ(-(i+this.autoSpeedFactor)),this.moveBackward&&this.object.translateZ(i),this.moveLeft&&this.object.translateX(-i),this.moveRight&&this.object.translateX(i),this.moveUp&&this.object.translateY(i),this.moveDown&&this.object.translateY(-i);let s=t*this.lookSpeed;this.activeLook||(s=0);let a=1;this.constrainVertical&&(a=Math.PI/(this.verticalMax-this.verticalMin)),this.lon-=this.mouseX*s,this.lookVertical&&(this.lat-=this.mouseY*s*a),this.lat=Math.max(-85,Math.min(85,this.lat));let h=e.MathUtils.degToRad(90-this.lat);const n=e.MathUtils.degToRad(this.lon);this.constrainVertical&&(h=e.MathUtils.mapLinear(h,0,Math.PI,this.verticalMin,this.verticalMax));const r=this.object.position;o.setFromSphericalCoords(1,h,n).add(r),this.object.lookAt(o)})),s.default(this,"contextmenu",(t=>t.preventDefault())),s.default(this,"setOrientation",(()=>{this.lookDirection.set(0,0,-1).applyQuaternion(this.object.quaternion),this.spherical.setFromVector3(this.lookDirection),this.lat=90-e.MathUtils.radToDeg(this.spherical.phi),this.lon=e.MathUtils.radToDeg(this.spherical.theta)})),this.object=t,this.domElement=i,this.setOrientation(),i&&this.connect(i)}}exports.FirstPersonControls=a;