locar 0.1.5 → 0.1.7

package/dist/locar.es.js

@@ -1,97 +1,49 @@
-import * as m from "three";
-import { Vector3 as C, Euler as w, Quaternion as I, EventDispatcher as R, MathUtils as g } from "three";
-class T {
+import * as g from "three";
+import { Vector3 as T, Euler as C, Quaternion as E, EventDispatcher as _, MathUtils as u } from "three";
+class w {
   /**
    * Create a SphMercProjection.
    */
   constructor() {
-    this.EARTH = 4007501668e-2, this.HALF_EARTH = 2003750834e-2;
-  }
-  /**
-   * Project a longitude and latitude into Spherical Mercator.
-   * @param {number} lon - the longitude.
-   * @param {number} lat - the latitude.
-   * @return {Array} Two-member array containing easting and northing.
-   */
-  project(t, i) {
-    return [this.#t(t), this.#l(i)];
-  }
-  /**
-   * Unproject a Spherical Mercator easting and northing.
-   * @param {Array} projected - Two-member array containing easting and northing
-   * @return {Array} Two-member array containing longitude and latitude
-   */
-  unproject(t) {
-    return [this.#e(t[0]), this.#s(t[1])];
-  }
-  #t(t) {
-    return t / 180 * this.HALF_EARTH;
-  }
-  #l(t) {
-    var i = Math.log(Math.tan((90 + t) * Math.PI / 360)) / (Math.PI / 180);
-    return i * this.HALF_EARTH / 180;
-  }
-  #e(t) {
-    return t / this.HALF_EARTH * 180;
-  }
-  #s(t) {
-    var i = t / this.HALF_EARTH * 180;
-    return i = 180 / Math.PI * (2 * Math.atan(Math.exp(i * Math.PI / 180)) - Math.PI / 2), i;
-  }
-  /**
-   * Return the projection's ID.
-   * @return {string} The value "epsg:3857".
-   */
-  getID() {
-    return "epsg:3857";
+    this.project = (e, s) => [this.#t(e), this.#e(s)], this.unproject = (e) => [this.#i(e[0]), this.#s(e[1])], this.#t = (e) => e / 180 * this.HALF_EARTH, this.#e = (e) => {
+      var s = Math.log(Math.tan((90 + e) * Math.PI / 360)) / (Math.PI / 180);
+      return s * this.HALF_EARTH / 180;
+    }, this.#i = (e) => e / this.HALF_EARTH * 180, this.#s = (e) => {
+      var s = e / this.HALF_EARTH * 180;
+      return s = 180 / Math.PI * (2 * Math.atan(Math.exp(s * Math.PI / 180)) - Math.PI / 2), s;
+    }, this.getID = () => "epsg:3857", this.EARTH = 4007501668e-2, this.HALF_EARTH = 2003750834e-2;
   }
+  #t;
+  #e;
+  #i;
+  #s;
 }
-class A {
+class y {
   constructor() {
-    this.eventHandlers = {};
-  }
-  /**
-   * Add an event handler.
-   * @param {string} eventName - the event to handle.
-   * @param {Function} eventHandler - the event handler function.
-   */
-  on(t, i) {
-    this.eventHandlers[t] === void 0 && (this.eventHandlers[t] = []), this.eventHandlers[t].push(i);
-  }
-  /**
-   * Emit an event.
-   * @param {string} eventName - the event to emit.
-   * @param ...params - parameters to pass to the event handlers.
-   */
-  emit(t, ...i) {
-    this.eventHandlers[t]?.forEach((e) => {
-      e(...i);
-    });
-  }
-  /**
-   * Remove an event handler.
-   * @param {string} eventName - the event to remove a handler from. 
-   * @param {Function} eventHandler - the event handler function to remove.
-   */
-  off(t, i) {
-    if (this.eventHandlers[t]) {
-      const e = this.eventHandlers[t].indexOf(i);
-      e > -1 && this.eventHandlers[t].splice(e, 1);
-    }
+    this.on = (e, s) => {
+      this.eventHandlers[e] === void 0 && (this.eventHandlers[e] = []), this.eventHandlers[e].push(s);
+    }, this.emit = (e, ...s) => {
+      this.eventHandlers[e]?.forEach((t) => {
+        t(...s);
+      });
+    }, this.off = (e, s) => {
+      if (this.eventHandlers[e]) {
+        const t = this.eventHandlers[e].indexOf(s);
+        t > -1 && this.eventHandlers[e].splice(t, 1);
+      }
+    }, this.eventHandlers = {};
   }
 }
-class k extends A {
+class F extends y {
   #t;
-  // eslint-disable-next-line no-unused-private-class-members
-  #l;
   #e;
-  #s;
-  #c;
-  #o;
   #i;
-  #r;
+  #s;
   #a;
   #n;
+  #l;
+  #r;
+  #o;
   /**
    * @param {THREE.Scene} scene - The Three.js scene to use.
    * @param {THREE.Camera} camera - The Three.js camera to use. Should usually
@@ -100,8 +52,8 @@ class k extends A {
    * setGpsOptions() below.
    * @param {Object} serverLogger - an object which can optionally log GPS position to a server for debugging. null by default, so no logging will be done. This object should implement a sendData() method to send data (2nd arg) to a given endpoint (1st arg). Please see source code for details. Ensure you comply with privacy laws (GDPR or equivalent) if implementing this.
    */
-  constructor(t, i, e = {}, c = null) {
-    super(), this.scene = t, this.camera = i, this.#t = new T(), this.#e = null, this.#s = 0, this.#c = 100, this.#o = null, this.setGpsOptions(e), this.#i = null, this.#r = 0, this.#a = 0, this.#n = c;
+  constructor(e, s, t = {}, c = null) {
+    super(), this.scene = e, this.camera = s, this.#t = new w(), this.#e = null, this.#i = 0, this.#s = 100, this.#a = null, this.setGpsOptions(t), this.#n = null, this.#l = 0, this.#r = 0, this.#o = c;
   }
   /**
    * Set the projection to use.
@@ -109,8 +61,8 @@ class k extends A {
    * taking longitude and latitude as arguments and returning an array
    * containing easting and northing.
    */
-  setProjection(t) {
-    this.#t = t;
+  setProjection(e) {
+    this.#t = e;
   }
   /**
    * Set the GPS options.
@@ -119,8 +71,8 @@ class k extends A {
    * must move to process a new GPS reading, and the latter specifies the
    * minimum accuracy, in metres, for a GPS reading to be counted.
    */
-  setGpsOptions(t = {}) {
-    t.gpsMinDistance !== void 0 && (this.#s = t.gpsMinDistance), t.gpsMinAccuracy !== void 0 && (this.#c = t.gpsMinAccuracy);
+  setGpsOptions(e = {}) {
+    e.gpsMinDistance !== void 0 && (this.#i = e.gpsMinDistance), e.gpsMinAccuracy !== void 0 && (this.#s = e.gpsMinAccuracy);
   }
   /**
    * Start the GPS on a real device
@@ -128,19 +80,19 @@ class k extends A {
    * GPS errors can be handled by handling the gpserror event.
    */
   async startGps() {
-    if (this.#n) {
-      const i = await (await this.#n.sendData("/gps/start", {
-        gpsMinDistance: this.#s,
-        gpsMinAccuracy: this.#c
+    if (this.#o) {
+      const s = await (await this.#o.sendData("/gps/start", {
+        gpsMinDistance: this.#i,
+        gpsMinAccuracy: this.#s
       })).json();
-      this.#a = i.session;
+      this.#r = s.session;
     }
-    return this.#o === null ? (this.#o = navigator.geolocation.watchPosition(
-      (t) => {
-        this.#h(t);
+    return this.#a === null ? (this.#a = navigator.geolocation.watchPosition(
+      (e) => {
+        this.#h(e);
       },
-      (t) => {
-        this.emit("gpserror", t);
+      (e) => {
+        this.emit("gpserror", e);
       },
       {
         enableHighAccuracy: !0
@@ -153,7 +105,7 @@ class k extends A {
    * stopped (i.e. it was never started).
    */
   stopGps() {
-    return this.#o !== null ? (navigator.geolocation.clearWatch(this.#o), this.#o = null, !0) : !1;
+    return this.#a !== null ? (navigator.geolocation.clearWatch(this.#a), this.#a = null, !0) : !1;
   }
   /**
    * Send a fake GPS signal. Useful for testing on a desktop or laptop.
@@ -164,11 +116,11 @@ class k extends A {
    * @param {number} acc - The accuracy of the GPS reading in metres. May be
    * ignored if lower than the specified minimum accuracy.
    */
-  fakeGps(t, i, e = null, c = 0) {
-    e !== null && this.setElevation(e), this.#h({
+  fakeGps(e, s, t = null, c = 0) {
+    t !== null && this.setElevation(t), this.#h({
       coords: {
-        longitude: t,
-        latitude: i,
+        longitude: e,
+        latitude: s,
         accuracy: c
       }
     });
@@ -184,13 +136,13 @@ class k extends A {
    * @param {number} lat - The latitude.
    * @return {Array} a two member array containing the WebGL x and z coordinates
    */
-  lonLatToWorldCoords(t, i) {
-    const e = this.#t.project(t, i);
-    if (this.#i)
-      e[0] -= this.#i[0], e[1] -= this.#i[1];
+  lonLatToWorldCoords(e, s) {
+    const t = this.#t.project(e, s);
+    if (this.#n)
+      t[0] -= this.#n[0], t[1] -= this.#n[1];
     else
       throw "No initial position determined";
-    return [e[0], -e[1]];
+    return [t[0], -t[1]];
   }
   /**
    * Add a new AR object at a given latitude, longitude and elevation.
@@ -202,68 +154,68 @@ class k extends A {
    * @param {Object} properties - properties describing the object (for example,
    * the contents of the GeoJSON properties field).
    */
-  add(t, i, e, c, h = {}) {
-    t.properties = h, this.#d(t, i, e, c), this.scene.add(t), this.#n?.sendData("/object/new", {
-      position: t.position,
-      x: t.position.x,
-      z: t.position.z,
-      session: this.#a,
+  add(e, s, t, c, h = {}) {
+    e.properties = h, this.#c(e, s, t, c), this.scene.add(e), this.#o?.sendData("/object/new", {
+      position: e.position,
+      x: e.position.x,
+      z: e.position.z,
+      session: this.#r,
       properties: h
     });
   }
-  #d(t, i, e, c) {
-    const h = this.lonLatToWorldCoords(i, e);
-    c !== void 0 && (t.position.y = c), [t.position.x, t.position.z] = h;
+  #c(e, s, t, c) {
+    const h = this.lonLatToWorldCoords(s, t);
+    c !== void 0 && (e.position.y = c), [e.position.x, e.position.z] = h;
   }
   /**
    * Set the elevation (y coordinate) of the camera.
    * @param {number} elev - the elevation in metres.
    */
-  setElevation(t) {
-    this.camera.position.y = t;
-  }
-  #u(t, i) {
-    this.#i = this.#t.project(t, i);
-  }
-  #h(t) {
-    let i = Number.MAX_VALUE;
-    this.#r++, this.#n?.sendData("/gps/new", {
-      gpsCount: this.#r,
-      lat: t.coords.latitude,
-      lon: t.coords.longitude,
-      acc: t.coords.accuracy,
-      session: this.#a
-    }), t.coords.accuracy <= this.#c && (this.#e === null ? this.#e = {
-      latitude: t.coords.latitude,
-      longitude: t.coords.longitude
-    } : i = this.#g(this.#e, t.coords), i >= this.#s && (this.#e.longitude = t.coords.longitude, this.#e.latitude = t.coords.latitude, this.#i || (this.#u(
-      t.coords.longitude,
-      t.coords.latitude
-    ), this.#n?.sendData("/worldorigin/new", {
-      gpsCount: this.#r,
-      lat: t.coords.latitude,
-      lon: t.coords.longitude,
-      session: this.#a,
-      initialPosition: this.#i
-    })), this.#d(
+  setElevation(e) {
+    this.camera.position.y = e;
+  }
+  #d(e, s) {
+    this.#n = this.#t.project(e, s);
+  }
+  #h(e) {
+    let s = Number.MAX_VALUE;
+    this.#l++, this.#o?.sendData("/gps/new", {
+      gpsCount: this.#l,
+      lat: e.coords.latitude,
+      lon: e.coords.longitude,
+      acc: e.coords.accuracy,
+      session: this.#r
+    }), e.coords.accuracy <= this.#s && (this.#e === null ? this.#e = {
+      latitude: e.coords.latitude,
+      longitude: e.coords.longitude
+    } : s = this.#u(this.#e, e.coords), s >= this.#i && (this.#e.longitude = e.coords.longitude, this.#e.latitude = e.coords.latitude, this.#n || (this.#d(
+      e.coords.longitude,
+      e.coords.latitude
+    ), this.#o?.sendData("/worldorigin/new", {
+      gpsCount: this.#l,
+      lat: e.coords.latitude,
+      lon: e.coords.longitude,
+      session: this.#r,
+      initialPosition: this.#n
+    })), this.#c(
       this.camera,
-      t.coords.longitude,
-      t.coords.latitude
-    ), this.#n?.sendData("/gps/accepted", {
-      gpsCount: this.#r,
+      e.coords.longitude,
+      e.coords.latitude
+    ), this.#o?.sendData("/gps/accepted", {
+      gpsCount: this.#l,
       cameraX: this.camera.position.x,
       cameraZ: this.camera.position.z,
-      session: this.#a,
-      distMoved: i
-    }), this.emit("gpsupdate", { position: t, distMoved: i })));
+      session: this.#r,
+      distMoved: s
+    }), this.emit("gpsupdate", { position: e, distMoved: s })));
   }
   /**
    * Calculate haversine distance between two lat/lon pairs.
    *
    * Taken from original A-Frame AR.js location-based components
    */
-  #g(t, i) {
-    const e = m.MathUtils.degToRad(i.longitude - t.longitude), c = m.MathUtils.degToRad(i.latitude - t.latitude), h = Math.sin(c / 2) * Math.sin(c / 2) + Math.cos(m.MathUtils.degToRad(t.latitude)) * Math.cos(m.MathUtils.degToRad(i.latitude)) * (Math.sin(e / 2) * Math.sin(e / 2));
+  #u(e, s) {
+    const t = g.MathUtils.degToRad(s.longitude - e.longitude), c = g.MathUtils.degToRad(s.latitude - e.latitude), h = Math.sin(c / 2) * Math.sin(c / 2) + Math.cos(g.MathUtils.degToRad(e.latitude)) * Math.cos(g.MathUtils.degToRad(s.latitude)) * (Math.sin(t / 2) * Math.sin(t / 2));
     return 2 * Math.atan2(Math.sqrt(h), Math.sqrt(1 - h)) * 6371e3;
   }
   /**
@@ -275,296 +227,206 @@ class k extends A {
     return this.#e;
   }
 }
-class W extends A {
-  #t;
-  /**
-   * Create a Webcam.
-   * @param constraints {Object} - options to use for initialising the camera.
-   * This is the same constraints object as used by standard MediaDevices API.
-   * @param {string} videoElementSelector - selector to obtain the HTML video
-   * element to render the webcam feed. If a falsy value (e.g. null or
-   * undefined), a video element will be created.
-   */
-  constructor(t = { video: { facingMode: "environment" } }, i) {
-    super(), this.sceneWebcam = new m.Scene(), i ? this.#t = document.querySelector(i) : (this.#t = document.createElement("video"), this.#t.setAttribute("autoplay", !0), this.#t.setAttribute("playsinline", !0), this.#t.style.display = "none", document.body.appendChild(this.#t)), this.texture = new m.VideoTexture(this.#t), navigator.mediaDevices && navigator.mediaDevices.getUserMedia ? navigator.mediaDevices.getUserMedia(t).then((e) => {
-      this.#t.addEventListener("loadedmetadata", () => {
-        this.#t.setAttribute("width", this.#t.videoWidth), this.#t.setAttribute("height", this.#t.videoHeight), this.#t.play(), this.emit("webcamstarted", { texture: this.texture });
-      }), this.#t.srcObject = e;
-    }).catch((e) => {
-      this.emit("webcamerror", {
-        code: e.name,
-        message: e.message
-      });
-    }) : this.emit("webcamerror", {
-      code: "LOCAR_NO_MEDIA_DEVICES_API",
-      message: "Media devices API not supported"
-    });
-  }
-  /**
-   * Free up the memory associated with the webcam.
-   * Should be called when your application closes.
-   */
-  dispose() {
-    this.texture.dispose();
-  }
-}
-const b = "locar-device-orientation-permission-modal", D = "locar-device-orientation-permission-button", S = "locar-device-orientation-permission-message", N = "locar-device-orientation-permission-inner", L = "locar-device-orientation-permission-button-inner", P = "This immersive website requires access to your device motion sensors.", O = navigator.userAgent.match(/iPhone|iPad|iPod/i) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints != null && navigator.maxTouchPoints > 1, x = new C(0, 0, 1), y = new w(), H = new I(), F = new I(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5));
-class V extends R {
+const R = "locar-device-orientation-permission-modal", P = "locar-device-orientation-permission-button", b = "locar-device-orientation-permission-message", D = "locar-device-orientation-permission-inner", S = "locar-device-orientation-permission-button-inner", I = "This immersive website requires access to your device motion sensors.", p = navigator.userAgent.match(/iPhone|iPad|iPod/i) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints != null && navigator.maxTouchPoints > 1, N = new T(0, 0, 1), A = new C(), x = new E(), L = new E(-Math.sqrt(0.5), 0, 0, Math.sqrt(0.5)), M = 2 * Math.PI, f = 0.5 * Math.PI;
+class q extends _ {
   /**
    * Create an instance of DeviceOrientationControls.
    * @param {Object} object - the object to attach the controls to
    * (usually your Three.js camera)
-   * @param {Object} options - options for DeviceOrientationControls: currently accepts smoothingFactor, enablePermissionDialog
+   * @param {Object} options - options for DeviceOrientationControls:
+   * currently accepts smoothingFactor (< 1), enablePermissionDialog, orientationChangeThreshold (radians)
    */
-  constructor(t, i = {}) {
-    super(), this.eventEmitter = new A();
-    const e = this;
-    this.object = t, this.object.rotation.reorder("YXZ"), this.enabled = !0, this.deviceOrientation = null, this.screenOrientation = 0, this.alphaOffset = 0, this.orientationOffset = 0, this.initialOffset = null, this.lastCompassY = void 0, this.lastOrientation = null, this.TWO_PI = 2 * Math.PI, this.HALF_PI = 0.5 * Math.PI, this.orientationChangeEventName = "ondeviceorientationabsolute" in window ? "deviceorientationabsolute" : "deviceorientation", this.smoothingFactor = i.smoothingFactor || 1, this.enablePermissionDialog = i.enablePermissionDialog ?? !0, this.enableInlineStyling = i.enableStyling ?? !0, this.preferConfirmDialog = i.preferConfirmDialog ?? !1;
-    const c = function({
-      alpha: n,
-      beta: s,
-      gamma: a,
-      webkitCompassHeading: r
-    }) {
-      if (O) {
-        const o = 360 - r;
-        e.alphaOffset = g.degToRad(o - n), e.deviceOrientation = { alpha: n, beta: s, gamma: a, webkitCompassHeading: r };
+  constructor(e, s = {}) {
+    super(), this.init = () => {
+      window.DeviceOrientationEvent === void 0 ? this.eventEmitter.emit("deviceorientationerror", {
+        code: "LOCAR_DEVICE_ORIENTATION_NOT_SUPPORTED",
+        message: "Device orientation API not supported"
+      }) : window.isSecureContext === !1 ? this.eventEmitter.emit("deviceorientationerror", {
+        code: "LOCAR_DEVICE_ORIENTATION_NO_HTTPS",
+        message: "DeviceOrientationEvent is only available in secure contexts (https)"
+      }) : typeof window.DeviceOrientationEvent.requestPermission == "function" && this.enablePermissionDialog ? this.obtainPermissionGesture() : this.eventEmitter.emit("deviceorientationgranted", { target: this });
+    }, this.eventEmitter = new y();
+    const t = this;
+    this.object = e, this.object.rotation.reorder("YXZ"), this.enabled = !0, this.deviceOrientation = null, this.screenOrientation = 0, this.alphaOffset = 0, this.orientationOffset = 0, this.initialOffset = null, this.lastCompassY = void 0, this.lastOrientation = null, this.orientationChangeEventName = "ondeviceorientationabsolute" in window ? "deviceorientationabsolute" : "deviceorientation", this.smoothingFactor = s.smoothingFactor || 1, this.enablePermissionDialog = s.enablePermissionDialog ?? !0, this.enableInlineStyling = s.enableStyling ?? !0, this.preferConfirmDialog = s.preferConfirmDialog ?? !1, this.orientationChangeThreshold = s.orientationChangeThreshold ?? 0;
+    const c = (i) => {
+      let { alpha: n, beta: a, gamma: r, webkitCompassHeading: o } = i;
+      if (n = n ?? 0, a = a ?? 0, r = r ?? 0, o = o ?? 0, p) {
+        const l = 360 - o;
+        t.alphaOffset = u.degToRad(l - n), t.deviceOrientation = { alpha: n, beta: a, gamma: r, webkitCompassHeading: o };
       } else
-        n < 0 && (n += 360), e.deviceOrientation = { alpha: n, beta: s, gamma: a };
+        n < 0 && (n += 360), t.deviceOrientation = { alpha: n, beta: a, gamma: r };
       window.dispatchEvent(
         new CustomEvent("camera-rotation-change", {
-          detail: { cameraRotation: t.rotation }
+          detail: { cameraRotation: e.rotation }
         })
       );
-    }, h = function() {
-      e.screenOrientation = window.orientation || 0, O && (e.screenOrientation === 90 ? e.orientationOffset = -e.HALF_PI : e.screenOrientation === -90 ? e.orientationOffset = e.HALF_PI : e.orientationOffset = 0);
-    }, E = function(n, s, a, r, o) {
-      y.set(a, s, -r, "YXZ"), n.setFromEuler(y), n.multiply(F), n.multiply(H.setFromAxisAngle(x, -o));
+    }, h = () => {
+      t.screenOrientation = window.screen.orientation?.angle ?? 0, p && (t.screenOrientation === 90 ? t.orientationOffset = -f : t.screenOrientation === -90 ? t.orientationOffset = f : t.orientationOffset = 0);
+    }, O = (i, n, a, r, o) => {
+      A.set(a, n, -r, "YXZ"), i.setFromEuler(A), i.multiply(L), i.multiply(x.setFromAxisAngle(N, -o));
     };
-    this.connect = function() {
+    this.connect = () => {
       h(), window.addEventListener(
         "orientationchange",
         h
       ), window.addEventListener(
-        e.orientationChangeEventName,
+        t.orientationChangeEventName,
         c
-      ), e.enabled = !0;
-    }, this.disconnect = function() {
+      ), t.enabled = !0;
+    }, this.disconnect = () => {
       window.removeEventListener(
         "orientationchange",
         h
       ), window.removeEventListener(
-        e.orientationChangeEventName,
+        t.orientationChangeEventName,
         c
-      ), e.enabled = !1, e.initialOffset = !1, e.deviceOrientation = null;
-    }, this.requestOrientationPermissions = function() {
-      window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then((n) => {
-        n === "granted" ? this.eventEmitter.emit("deviceorientationgranted", {
+      ), t.enabled = !1, t.initialOffset = !1, t.deviceOrientation = null;
+    }, this.requestOrientationPermissions = () => {
+      window.DeviceOrientationEvent !== void 0 && typeof window.DeviceOrientationEvent.requestPermission == "function" ? window.DeviceOrientationEvent.requestPermission().then((i) => {
+        i === "granted" ? this.eventEmitter.emit("deviceorientationgranted", {
           target: this
         }) : this.eventEmitter.emit("deviceorientationerror", {
           code: "LOCAR_DEVICE_ORIENTATION_PERMISSION_DENIED",
           message: "Permission for device orientation denied - AR will not work correctly"
         });
-      }).catch(function(n) {
+      }).catch((i) => {
         this.eventEmitter.emit("deviceorientationerror", {
           code: "LOCAR_DEVICE_ORIENTATION_PERMISSION_FAILED",
           message: "Permission request for device orientation failed - AR will not work correctly",
-          error: JSON.stringify(n, null, 2)
+          error: JSON.stringify(i, null, 2)
         });
       }) : this.eventEmitter.emit("deviceorientationerror", {
         code: "LOCAR_DEVICE_ORIENTATION_INTERNAL_ERROR",
         message: "Internal error: no requestPermission() found although requestOrientationPermissions() was called - please raise an issue on GitHub"
       });
-    }, this.update = function({ theta: n = 0 } = { theta: 0 }) {
-      if (e.enabled === !1) return;
-      const s = e.deviceOrientation;
-      if (s) {
-        let a = s.alpha ? g.degToRad(s.alpha) + e.alphaOffset : 0, r = s.beta ? g.degToRad(s.beta) : 0, o = s.gamma ? g.degToRad(s.gamma) : 0;
-        const f = e.screenOrientation ? g.degToRad(e.screenOrientation) : 0;
-        if (e.smoothingFactor < 1) {
-          if (e.lastOrientation) {
-            const d = e.smoothingFactor;
-            a = e._getSmoothedAngle(
-              a,
-              e.lastOrientation.alpha,
-              d
-            ), r = e._getSmoothedAngle(
-              r + Math.PI,
-              e.lastOrientation.beta,
-              d
-            ), o = e._getSmoothedAngle(
-              o + e.HALF_PI,
-              e.lastOrientation.gamma,
-              d,
+    }, this.update = () => {
+      if (t.enabled === !1) return;
+      const i = t.deviceOrientation;
+      if (i) {
+        let n = i.alpha ? u.degToRad(i.alpha) + t.alphaOffset : 0, a = i.beta ? u.degToRad(i.beta) : 0, r = i.gamma ? u.degToRad(i.gamma) : 0;
+        const o = t.screenOrientation ? u.degToRad(t.screenOrientation) : 0;
+        if (t.smoothingFactor < 1)
+          if (t.lastOrientation) {
+            const l = t.smoothingFactor;
+            n = t._getSmoothedAngle(
+              n,
+              t.lastOrientation.alpha,
+              l
+            ), a = t._getSmoothedAngle(
+              a + Math.PI,
+              t.lastOrientation.beta,
+              l
+            ), r = t._getSmoothedAngle(
+              r + f,
+              t.lastOrientation.gamma,
+              l,
               Math.PI
             );
           } else
-            r += Math.PI, o += e.HALF_PI;
-          e.lastOrientation = {
-            alpha: a,
-            beta: r,
-            gamma: o
-          };
-        }
-        if (O) {
-          const d = new I();
-          E(
-            d,
-            a,
-            e.smoothingFactor < 1 ? r - Math.PI : r,
-            e.smoothingFactor < 1 ? o - Math.PI / 2 : o,
-            f
+            a += Math.PI, r += f;
+        if (t.lastOrientation && (n = t._calcAngleWithThreshold(
+          n,
+          t.lastOrientation.alpha
+        ), a = t._calcAngleWithThreshold(
+          a,
+          t.lastOrientation.beta
+        ), r = t._calcAngleWithThreshold(
+          r,
+          t.lastOrientation.gamma
+        )), p) {
+          const l = new E();
+          O(
+            l,
+            n,
+            t.smoothingFactor < 1 ? a - Math.PI : a,
+            t.smoothingFactor < 1 ? r - Math.PI / 2 : r,
+            o
           );
-          const u = new w().setFromQuaternion(
-            d,
+          const v = new C().setFromQuaternion(
+            l,
             "YXZ"
           );
-          let p = g.degToRad(360 - s.webkitCompassHeading);
-          e.smoothingFactor < 1 && e.lastCompassY !== void 0 && (p = e._getSmoothedAngle(
-            p,
-            e.lastCompassY,
-            e.smoothingFactor
-          )), e.lastCompassY = p, u.y = p + (e.orientationOffset || 0), d.setFromEuler(u), e.object.quaternion.copy(d);
+          let d = u.degToRad(
+            360 - (i.webkitCompassHeading ?? 0)
+          );
+          t.smoothingFactor < 1 && t.lastCompassY !== void 0 && (d = t._getSmoothedAngle(
+            d,
+            t.lastCompassY,
+            t.smoothingFactor
+          )), t.lastCompassY = d, v.y = d + (t.orientationOffset || 0), l.setFromEuler(v), t.object.quaternion.copy(l);
         } else
-          E(
-            e.object.quaternion,
-            O ? a + e.alphaOffset : a,
-            e.smoothingFactor < 1 ? r - Math.PI : r,
-            e.smoothingFactor < 1 ? o - Math.PI / 2 : o,
-            f
+          O(
+            t.object.quaternion,
+            p ? n + t.alphaOffset : n,
+            t.smoothingFactor < 1 ? a - Math.PI : a,
+            t.smoothingFactor < 1 ? r - f : r,
+            o
           );
+        t.lastOrientation = {
+          alpha: n,
+          beta: a,
+          gamma: r
+        };
       }
-    }, this.getCorrectedHeading = function() {
-      const { deviceOrientation: n } = e;
-      if (!n) return 0;
-      let s = 0;
-      return O ? (s = 360 - n.webkitCompassHeading, e.orientationOffset && (s += e.orientationOffset * (180 / Math.PI), s = (s + 360) % 360)) : (n.absolute === !0 || e.orientationChangeEventName, s = n.alpha ? n.alpha : 0, s = (360 - s) % 360, s < 0 && (s += 360)), s;
-    }, this._orderAngle = function(n, s, a = e.TWO_PI) {
-      return s > n && Math.abs(s - n) < a / 2 || n > s && Math.abs(s - n) > a / 2 ? { left: n, right: s } : { left: s, right: n };
-    }, this._getSmoothedAngle = function(n, s, a, r = e.TWO_PI) {
-      const o = e._orderAngle(n, s, r), f = o.left, d = o.right;
-      o.left = 0, o.right -= f, o.right < 0 && (o.right += r);
-      let u = d == s ? (1 - a) * o.right + a * o.left : a * o.right + (1 - a) * o.left;
-      return u += f, u >= r && (u -= r), u;
-    }, this.updateAlphaOffset = function() {
-      e.initialOffset = !1;
-    }, this.dispose = function() {
-      e.disconnect();
-    }, this.getAlpha = function() {
-      const { deviceOrientation: n } = e;
-      return n && n.alpha ? g.degToRad(n.alpha) + e.alphaOffset : 0;
-    }, this.getBeta = function() {
-      const { deviceOrientation: n } = e;
-      return n && n.beta ? g.degToRad(n.beta) : 0;
-    }, this.getGamma = function() {
-      const { deviceOrientation: n } = e;
-      return n && n.gamma ? g.degToRad(n.gamma) : 0;
-    }, this.createObtainPermissionGestureDialog = function() {
+    }, this.getCorrectedHeading = () => {
+      const { deviceOrientation: i } = t;
+      if (!i) return 0;
+      let n = 0;
+      return p ? (n = 360 - (i.webkitCompassHeading ?? 0), t.orientationOffset && (n += t.orientationOffset * (180 / Math.PI), n = (n + 360) % 360)) : (i.absolute === !0 || t.orientationChangeEventName, n = i.alpha ? i.alpha : 0, n = (360 - n) % 360, n < 0 && (n += 360)), n;
+    }, this._calcAngleWithThreshold = (i, n) => Math.abs(i - n) < t.orientationChangeThreshold ? n : i, this._orderAngle = (i, n, a = M) => n > i && Math.abs(n - i) < a / 2 || i > n && Math.abs(n - i) > a / 2 ? { left: i, right: n } : { left: n, right: i }, this._getSmoothedAngle = (i, n, a, r = M) => {
+      const o = t._orderAngle(i, n, r), l = o.left, v = o.right;
+      o.left = 0, o.right -= l, o.right < 0 && (o.right += r);
+      let d = v == n ? (1 - a) * o.right + a * o.left : a * o.right + (1 - a) * o.left;
+      return d += l, d >= r && (d -= r), d;
+    }, this.updateAlphaOffset = () => {
+      t.initialOffset = !1;
+    }, this.dispose = () => {
+      t.disconnect();
+    }, this.getAlpha = () => {
+      const { deviceOrientation: i } = t;
+      return i && i.alpha ? u.degToRad(i.alpha) + t.alphaOffset : 0;
+    }, this.getBeta = () => {
+      const { deviceOrientation: i } = t;
+      return i && i.beta ? u.degToRad(i.beta) : 0;
+    }, this.getGamma = () => {
+      const { deviceOrientation: i } = t;
+      return i && i.gamma ? u.degToRad(i.gamma) : 0;
+    }, this.createObtainPermissionGestureDialog = () => {
+      const i = document.createElement("div");
+      i.classList.add(R);
       const n = document.createElement("div");
-      n.classList.add(b);
-      const s = document.createElement("div");
-      s.classList.add(N);
+      n.classList.add(D);
       const a = document.createElement("div");
-      a.classList.add(S);
+      a.classList.add(b);
       const r = document.createElement("div");
-      r.classList.add(L);
+      r.classList.add(S);
       const o = document.createElement("button");
-      if (o.classList.add(D), document.body.appendChild(n), this.enableInlineStyling === !0) {
-        const d = {
-          fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
-          display: "flex",
-          position: "fixed",
-          zIndex: 1e5,
-          justifyContent: "center",
-          alignItems: "center",
-          backgroundColor: "rgba(0,0,0,0.2)",
-          inset: 0,
-          padding: "20px"
-        }, u = {
-          backgroundColor: "rgba(220, 220, 220, 0.85)",
-          padding: "6px 0",
-          borderRadius: "10px",
-          width: "100%",
-          maxWidth: "400px"
-        }, p = {
-          padding: "10px 12px",
-          textAlign: "center",
-          fontWeight: 400,
-          fontSize: "13px",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
-        }, M = {
-          display: "block",
-          textAlign: "center",
-          textDecoration: "none",
-          borderTop: "rgb(180,180,180) solid 1px"
-        }, _ = {
-          display: "block",
-          width: "100%",
-          textAlign: "center",
-          appearance: "none",
-          background: "none",
-          border: "none",
-          outline: "none",
-          padding: "10px",
-          fontWeight: 400,
-          fontSize: "16px",
-          color: "#2e7cf1",
-          cursor: "pointer"
-        };
-        for (let l in d)
-          n.style[l] = d[l];
-        for (let l in u)
-          s.style[l] = u[l];
-        for (let l in p)
-          a.style[l] = p[l];
-        for (let l in M)
-          r.style[l] = M[l];
-        for (let l in _)
-          o.style[l] = _[l];
-      }
-      n.appendChild(s), s.appendChild(a), s.appendChild(r), a.appendChild(
-        document.createTextNode(P)
+      o.classList.add(P), document.body.appendChild(i), this.enableInlineStyling === !0 && (i.style.fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", i.style.display = "flex", i.style.position = "fixed", i.style.zIndex = "100000", i.style.justifyContent = "center", i.style.alignItems = "center", i.style.backgroundColor = "rgba(0,0,0,0.2)", i.style.inset = "0", i.style.padding = "20px", n.style.backgroundColor = "rgba(220, 220, 220, 0.85)", n.style.padding = "6px 0", n.style.borderRadius = "10px", n.style.width = "100%", n.style.maxWidth = "400px", a.style.padding = "10px 12px", a.style.textAlign = "center", a.style.fontWeight = "400", a.style.fontSize = "13px", a.style.display = "flex", a.style.justifyContent = "center", a.style.alignItems = "center", r.style.display = "block", r.style.textAlign = "center", r.style.textDecoration = "none", r.style.borderTop = "rgb(180,180,180) solid 1px", o.style.display = "block", o.style.width = "100%", o.style.textAlign = "center", o.style.appearance = "none", o.style.background = "none", o.style.border = "none", o.style.outline = "none", o.style.padding = "10px", o.style.fontWeight = "400", o.style.fontSize = "16px", o.style.color = "#2e7cf1", o.style.cursor = "pointer"), i.appendChild(n), n.appendChild(a), n.appendChild(r), a.appendChild(
+        document.createTextNode(I)
       );
-      const f = () => {
-        this.requestOrientationPermissions(), n.style.display = "none";
+      const l = () => {
+        this.requestOrientationPermissions(), i.style.display = "none";
       };
-      o.addEventListener("click", f), o.appendChild(document.createTextNode("OK")), r.appendChild(o), document.body.appendChild(n);
-    }, this.obtainPermissionGesture = function() {
-      this.preferConfirmDialog === !0 ? window.confirm(P) && this.requestOrientationPermissions() : this.createObtainPermissionGestureDialog();
+      o.addEventListener("click", l), o.appendChild(document.createTextNode("OK")), r.appendChild(o), document.body.appendChild(i);
+    }, this.obtainPermissionGesture = () => {
+      this.preferConfirmDialog === !0 ? window.confirm(I) && this.requestOrientationPermissions() : this.createObtainPermissionGestureDialog();
     };
   }
-  on(t, i) {
-    this.eventEmitter.on(t, i);
-  }
-  /**
-   * Initialise device orientation controls.
-   * Should be called after you have created the DeviceOrientationControls
-   * object and set up the deviceorientationgranted and deviceorientationerror
-   * event handlers.
-   */
-  init() {
-    window.DeviceOrientationEvent === void 0 ? this.eventEmitter.emit("deviceorientationerror", {
-      code: "LOCAR_DEVICE_ORIENTATION_NOT_SUPPORTED",
-      message: "Device orientation API not supported"
-    }) : window.isSecureContext === !1 ? this.eventEmitter.emit("deviceorientationerror", {
-      code: "LOCAR_DEVICE_ORIENTATION_NO_HTTPS",
-      message: "DeviceOrientationEvent is only available in secure contexts (https)"
-    }) : typeof window.DeviceOrientationEvent.requestPermission == "function" && this.enablePermissionDialog ? this.obtainPermissionGesture() : this.eventEmitter.emit("deviceorientationgranted", { target: this });
+  on(e, s) {
+    this.eventEmitter.on(e, s);
   }
 }
-class j {
+class W {
   /**
    * Create a ClickHandler.
    * @param {THREE.WebGLRenderer} - The Three.js renderer on which the click
    * events will be handled.
    */
-  constructor(t) {
-    this.raycaster = new m.Raycaster(), this.normalisedMousePosition = new m.Vector2(null, null), t.domElement.addEventListener("click", (i) => {
-      this.normalisedMousePosition.set(
-        i.clientX / t.domElement.clientWidth * 2 - 1,
-        -(i.clientY / t.domElement.clientHeight * 2) + 1
+  constructor(e) {
+    this.raycaster = new g.Raycaster(), this.normalisedMousePosition = null, e.domElement.addEventListener("click", (s) => {
+      this.normalisedMousePosition = new g.Vector2(
+        s.clientX / e.domElement.clientWidth * 2 - 1,
+        -(s.clientY / e.domElement.clientHeight * 2) + 1
       );
     });
   }
@@ -576,22 +438,61 @@ class j {
    * cast into.
    * @return {Array} - array of all intersected objects.
    */
-  raycast(t, i) {
-    if (this.normalisedMousePosition.x !== null && this.normalisedMousePosition.y !== null) {
-      this.raycaster.setFromCamera(this.normalisedMousePosition, t);
-      const e = this.raycaster.intersectObjects(i.children, !1);
-      return this.normalisedMousePosition.set(null, null), e;
+  raycast(e, s) {
+    if (this.normalisedMousePosition !== null) {
+      this.raycaster.setFromCamera(this.normalisedMousePosition, e);
+      const t = this.raycaster.intersectObjects(s.children, !1);
+      return this.normalisedMousePosition = null, t;
     }
     return [];
   }
 }
-const U = "0.1.5";
+class V extends y {
+  #t;
+  /**
+   * Create a Webcam.
+   * @param constraints {Object} - options to use for initialising the camera.
+   * This is the same constraints object as used by standard MediaDevices API.
+   * @param {string} videoElementSelector - selector to obtain the HTML video
+   * element to render the webcam feed. If a falsy value (e.g. null or
+   * undefined), a video element will be created.
+   */
+  constructor(e = { video: { facingMode: "environment" } }, s) {
+    super(), this.sceneWebcam = new g.Scene(), s ? this.#t = document.querySelector(s) : (this.#t = document.createElement("video"), this.#t.setAttribute("autoplay", "true"), this.#t.setAttribute("playsinline", "true"), this.#t.style.display = "none", document.body.appendChild(this.#t)), this.texture = this.#t ? new g.VideoTexture(this.#t) : null, navigator.mediaDevices && navigator.mediaDevices.getUserMedia ? navigator.mediaDevices.getUserMedia(e).then((t) => {
+      this.#t?.addEventListener("loadedmetadata", () => {
+        this.#t?.setAttribute(
+          "width",
+          this.#t?.videoWidth.toString() ?? "0"
+        ), this.#t?.setAttribute(
+          "height",
+          this.#t?.videoHeight.toString() ?? "0"
+        ), this.#t?.play(), this.emit("webcamstarted", { texture: this.texture });
+      }), this.#t && (this.#t.srcObject = t);
+    }).catch((t) => {
+      this.emit("webcamerror", {
+        code: t.name,
+        message: t.message
+      });
+    }) : this.emit("webcamerror", {
+      code: "LOCAR_NO_MEDIA_DEVICES_API",
+      message: "Media devices API not supported"
+    });
+  }
+  /**
+   * Free up the memory associated with the webcam.
+   * Should be called when your application closes.
+   */
+  dispose() {
+    this.texture?.dispose();
+  }
+}
+const j = "0.1.7";
 export {
-  j as ClickHandler,
-  V as DeviceOrientationControls,
-  A as EventEmitter,
-  k as LocationBased,
-  T as SphMercProjection,
-  W as Webcam,
-  U as version
+  W as ClickHandler,
+  q as DeviceOrientationControls,
+  y as EventEmitter,
+  F as LocationBased,
+  w as SphMercProjection,
+  V as Webcam,
+  j as version
 };