gl-draw 0.14.21 → 0.14.22

package/dist/index.module.js

@@ -40,8 +40,8 @@ import { TransformControls as Rt } from "three/examples/jsm/controls/TransformCo
 import { EffectComposer as Me } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as Ut } from "three/examples/jsm/postprocessing/RenderPass";
 import { SSAOPass as zt } from "three/examples/jsm/postprocessing/SSAOPass";
-import { FullScreenQuad as kt } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as Ft } from "three/examples/jsm/postprocessing/OutputPass";
+import { FullScreenQuad as Ft } from "three/examples/jsm/postprocessing/Pass";
+import { OutputPass as kt } from "three/examples/jsm/postprocessing/OutputPass";
 import { ShaderPass as Nt } from "three/examples/jsm/postprocessing/ShaderPass";
 import { UnrealBloomPass as Ht } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/renderers/CSS2DRenderer";
@@ -57,7 +57,7 @@ import { GLTFLoader as De } from "three/examples/jsm/loaders/GLTFLoader";
 import { DRACOLoader as It } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as jt } from "three/examples/jsm/loaders/EXRLoader";
 import { LottieLoader as Vt } from "three/examples/jsm/loaders/LottieLoader";
-import { makePromiseCreator as Yt, generateUUID as Re } from "esus-lite";
+import { makePromiseCreator as Bt, generateUUID as Re } from "esus-lite";
 const D = {
   LEFT: 1,
   RIGHT: 2,
@@ -89,14 +89,14 @@ const D = {
   IN: 1,
   OUT: -1
 };
-function Y(l) {
+function B(l) {
   return l.isPerspectiveCamera;
 }
 function j(l) {
   return l.isOrthographicCamera;
 }
 const W = Math.PI * 2, Ue = Math.PI / 2, tt = 1e-5, ee = Math.PI / 180;
-function F(l, e, t) {
+function k(l, e, t) {
   return Math.max(e, Math.min(t, l));
 }
 function M(l, e = tt) {
@@ -119,17 +119,17 @@ function he(l, e, t, s, i = 1 / 0, r) {
   const o = 2 / s, a = o * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
   let d = l - e;
   const f = e, p = i * s;
-  d = F(d, -p, p), e = l - d;
+  d = k(d, -p, p), e = l - d;
   const y = (t.value + o * d) * r;
   t.value = (t.value - o * y) * h;
   let v = e + (d + y) * h;
   return f - l > 0 == v > f && (v = f, t.value = (v - f) / r), v;
 }
-function ke(l, e, t, s, i = 1 / 0, r, o) {
+function Fe(l, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
   const a = 2 / s, h = a * r, d = 1 / (1 + h + 0.48 * h * h + 0.235 * h * h * h);
   let f = e.x, p = e.y, y = e.z, v = l.x - f, m = l.y - p, u = l.z - y;
-  const _ = f, n = p, g = y, E = i * s, C = E * E, w = v * v + m * m + u * u;
+  const g = f, n = p, _ = y, E = i * s, C = E * E, w = v * v + m * m + u * u;
   if (w > C) {
     const ve = Math.sqrt(w);
     v = v / ve * E, m = m / ve * E, u = u / ve * E;
@@ -137,8 +137,8 @@ function ke(l, e, t, s, i = 1 / 0, r, o) {
   f = l.x - v, p = l.y - m, y = l.z - u;
   const T = (t.x + a * v) * r, P = (t.y + a * m) * r, R = (t.z + a * u) * r;
   t.x = (t.x - a * T) * d, t.y = (t.y - a * P) * d, t.z = (t.z - a * R) * d, o.x = f + (v + T) * d, o.y = p + (m + P) * d, o.z = y + (u + R) * d;
-  const V = _ - l.x, ae = n - l.y, dt = g - l.z, pt = o.x - _, mt = o.y - n, ut = o.z - g;
-  return V * pt + ae * mt + dt * ut > 0 && (o.x = _, o.y = n, o.z = g, t.x = (o.x - _) / r, t.y = (o.y - n) / r, t.z = (o.z - g) / r), o;
+  const V = g - l.x, ae = n - l.y, dt = _ - l.z, pt = o.x - g, mt = o.y - n, ut = o.z - _;
+  return V * pt + ae * mt + dt * ut > 0 && (o.x = g, o.y = n, o.z = _, t.x = (o.x - g) / r, t.y = (o.y - n) / r, t.z = (o.z - _) / r), o;
 }
 function ye(l, e) {
   e.set(0, 0), l.forEach((t) => {
@@ -148,7 +148,7 @@ function ye(l, e) {
 function Ee(l, e) {
   return j(l) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Bt {
+class Yt {
   constructor() {
     this._listeners = {};
   }
@@ -213,8 +213,8 @@ class Bt {
   }
 }
 const le = 1 / 8, Zt = /Mac/.test(navigator.platform);
-let x, Fe, ce, Oe, U, b, L, G, ie, N, H, B, Ne, He, k, re, K, Ie, Te, je, xe, we, de;
-class $ extends Bt {
+let x, ke, ce, Oe, U, b, L, G, ie, N, H, Y, Ne, He, F, re, K, Ie, Te, je, xe, we, de;
+class $ extends Yt {
   /**
      * Injects THREE as the dependency. You can then proceed to use CameraControls.
      *
@@ -256,7 +256,7 @@ class $ extends Bt {
      * @category Statics
      */
   static install(e) {
-    x = e.THREE, Fe = Object.freeze(new x.Vector3(0, 0, 0)), ce = Object.freeze(new x.Vector3(0, 1, 0)), Oe = Object.freeze(new x.Vector3(0, 0, 1)), U = new x.Vector2(), b = new x.Vector3(), L = new x.Vector3(), G = new x.Vector3(), ie = new x.Vector3(), N = new x.Vector3(), H = new x.Vector3(), B = new x.Vector3(), Ne = new x.Vector3(), He = new x.Vector3(), k = new x.Spherical(), re = new x.Spherical(), K = new x.Box3(), Ie = new x.Box3(), Te = new x.Sphere(), je = new x.Quaternion(), xe = new x.Quaternion(), we = new x.Matrix4(), de = new x.Raycaster();
+    x = e.THREE, ke = Object.freeze(new x.Vector3(0, 0, 0)), ce = Object.freeze(new x.Vector3(0, 1, 0)), Oe = Object.freeze(new x.Vector3(0, 0, 1)), U = new x.Vector2(), b = new x.Vector3(), L = new x.Vector3(), G = new x.Vector3(), ie = new x.Vector3(), N = new x.Vector3(), H = new x.Vector3(), Y = new x.Vector3(), Ne = new x.Vector3(), He = new x.Vector3(), F = new x.Spherical(), re = new x.Spherical(), K = new x.Box3(), Ie = new x.Box3(), Te = new x.Sphere(), je = new x.Quaternion(), xe = new x.Quaternion(), we = new x.Matrix4(), de = new x.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -284,14 +284,14 @@ class $ extends Bt {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = c.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = Z.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new x.Vector3(), this._focalOffsetVelocity = new x.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (n, g, E, C) => {
+    }, this._enabled = !0, this._state = c.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = Z.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new x.Vector3(), this._focalOffsetVelocity = new x.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (n, _, E, C) => {
       let w, T;
-      if (Y(this._camera)) {
+      if (B(this._camera)) {
         const P = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ee, V = P.length() * Math.tan(R * 0.5);
-        w = this.truckSpeed * n * V / this._elementRect.height, T = this.truckSpeed * g * V / this._elementRect.height;
+        w = this.truckSpeed * n * V / this._elementRect.height, T = this.truckSpeed * _ * V / this._elementRect.height;
       } else if (j(this._camera)) {
         const P = this._camera;
-        w = this.truckSpeed * n * (P.right - P.left) / P.zoom / this._elementRect.width, T = this.truckSpeed * g * (P.top - P.bottom) / P.zoom / this._elementRect.height;
+        w = this.truckSpeed * n * (P.right - P.left) / P.zoom / this._elementRect.width, T = this.truckSpeed * _ * (P.top - P.bottom) / P.zoom / this._elementRect.height;
       } else
         return;
       C ? (E ? this.setFocalOffset(
@@ -305,19 +305,19 @@ class $ extends Bt {
         this._focalOffsetEnd.z,
         !0
       ) : this.truck(w, T, !0);
-    }, this._rotateInternal = (n, g) => {
-      const E = W * this.azimuthRotateSpeed * n / this._elementRect.height, C = W * this.polarRotateSpeed * g / this._elementRect.height;
+    }, this._rotateInternal = (n, _) => {
+      const E = W * this.azimuthRotateSpeed * n / this._elementRect.height, C = W * this.polarRotateSpeed * _ / this._elementRect.height;
       this.rotate(E, C, !0);
-    }, this._dollyInternal = (n, g, E) => {
-      const C = Math.pow(0.95, -n * this.dollySpeed), w = this._sphericalEnd.radius, T = this._sphericalEnd.radius * C, P = F(
+    }, this._dollyInternal = (n, _, E) => {
+      const C = Math.pow(0.95, -n * this.dollySpeed), w = this._sphericalEnd.radius, T = this._sphericalEnd.radius * C, P = k(
         T,
         this.minDistance,
         this.maxDistance
       ), R = P - T;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(T, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(P, !0)) : this._dollyToNoClamp(P, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? T : P) - w, this._dollyControlCoord.set(g, E)), this._lastDollyDirection = Math.sign(-n);
-    }, this._zoomInternal = (n, g, E) => {
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(T, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(P, !0)) : this._dollyToNoClamp(P, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? T : P) - w, this._dollyControlCoord.set(_, E)), this._lastDollyDirection = Math.sign(-n);
+    }, this._zoomInternal = (n, _, E) => {
       const C = Math.pow(0.95, n * this.dollySpeed), w = this._zoom, T = this._zoom * C;
-      this.zoomTo(T, !0), this.dollyToCursor && (this._changedZoom += T - w, this._dollyControlCoord.set(g, E));
+      this.zoomTo(T, !0), this.dollyToCursor && (this._changedZoom += T - w, this._dollyControlCoord.set(_, E));
     }, typeof x == "undefined" && console.error(
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new x.Quaternion().setFromUnitVectors(
@@ -337,10 +337,10 @@ class $ extends Bt {
       left: c.ROTATE,
       middle: c.DOLLY,
       right: c.TRUCK,
-      wheel: Y(this._camera) ? c.DOLLY : j(this._camera) ? c.ZOOM : c.NONE
+      wheel: B(this._camera) ? c.DOLLY : j(this._camera) ? c.ZOOM : c.NONE
     }, this.touches = {
       one: c.TOUCH_ROTATE,
-      two: Y(this._camera) ? c.TOUCH_DOLLY_TRUCK : j(this._camera) ? c.TOUCH_ZOOM_TRUCK : c.NONE,
+      two: B(this._camera) ? c.TOUCH_DOLLY_TRUCK : j(this._camera) ? c.TOUCH_ZOOM_TRUCK : c.NONE,
       three: c.TOUCH_TRUCK
     };
     const s = new x.Vector2(), i = new x.Vector2(), r = new x.Vector2(), o = (n) => {
@@ -350,9 +350,9 @@ class $ extends Bt {
         if (w < this._interactiveArea.left || w > this._interactiveArea.right || T < this._interactiveArea.top || T > this._interactiveArea.bottom)
           return;
       }
-      const g = n.pointerType !== "mouse" ? null : (n.buttons & D.LEFT) === D.LEFT ? D.LEFT : (n.buttons & D.MIDDLE) === D.MIDDLE ? D.MIDDLE : (n.buttons & D.RIGHT) === D.RIGHT ? D.RIGHT : null;
-      if (g !== null) {
-        const C = this._findPointerByMouseButton(g);
+      const _ = n.pointerType !== "mouse" ? null : (n.buttons & D.LEFT) === D.LEFT ? D.LEFT : (n.buttons & D.MIDDLE) === D.MIDDLE ? D.MIDDLE : (n.buttons & D.RIGHT) === D.RIGHT ? D.RIGHT : null;
+      if (_ !== null) {
+        const C = this._findPointerByMouseButton(_);
         C && this._disposePointer(C);
       }
       if ((n.buttons & D.LEFT) === D.LEFT && this._lockedPointer)
@@ -363,7 +363,7 @@ class $ extends Bt {
         clientY: n.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: g
+        mouseButton: _
       };
       this._activePointers.push(E), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -379,7 +379,7 @@ class $ extends Bt {
       ), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, y(n);
     }, a = (n) => {
       n.cancelable && n.preventDefault();
-      const g = n.pointerId, E = this._lockedPointer || this._findPointerById(g);
+      const _ = n.pointerId, E = this._lockedPointer || this._findPointerById(_);
       if (E) {
         if (E.clientX = n.clientX, E.clientY = n.clientY, E.deltaX = n.movementX, E.deltaY = n.movementY, this._state = 0, n.pointerType === "touch")
           switch (this._activePointers.length) {
@@ -398,9 +398,9 @@ class $ extends Bt {
         v();
       }
     }, h = (n) => {
-      const g = this._findPointerById(n.pointerId);
-      if (!(g && g === this._lockedPointer)) {
-        if (g && this._disposePointer(g), n.pointerType === "touch")
+      const _ = this._findPointerById(n.pointerId);
+      if (!(_ && _ === this._lockedPointer)) {
+        if (_ && this._disposePointer(_), n.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = c.NONE;
@@ -432,7 +432,7 @@ class $ extends Bt {
         const T = performance.now();
         d - T < 1e3 && this._getClientRect(this._elementRect), d = T;
       }
-      const g = Zt ? -1 : -3, E = n.deltaMode === 1 ? n.deltaY / g : n.deltaY / (g * 10), C = this.dollyToCursor ? (n.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (n.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const _ = Zt ? -1 : -3, E = n.deltaMode === 1 ? n.deltaY / _ : n.deltaY / (_ * 10), C = this.dollyToCursor ? (n.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (n.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case c.ROTATE: {
           this._rotateInternal(n.deltaX, n.deltaY), this._isUserControllingRotate = !0;
@@ -463,7 +463,7 @@ class $ extends Bt {
     }, p = (n) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === $.ACTION.NONE) {
-          const g = n instanceof PointerEvent ? n.pointerId : 0, E = this._findPointerById(g);
+          const _ = n instanceof PointerEvent ? n.pointerId : 0, E = this._findPointerById(_);
           E && this._disposePointer(E), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             a,
@@ -504,7 +504,7 @@ class $ extends Bt {
     }, v = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, ye(this._activePointers, U);
-      const g = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, E = g ? -g.deltaX : i.x - U.x, C = g ? -g.deltaY : i.y - U.y;
+      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, E = _ ? -_.deltaX : i.x - U.x, C = _ ? -_.deltaY : i.y - U.y;
       if (i.copy(U), ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(E, C), this._isUserControllingRotate = !0), (this._state & c.DOLLY) === c.DOLLY || (this._state & c.ZOOM) === c.ZOOM) {
         const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, T = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, P = this.dollyDragInverted ? -1 : 1;
         (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
@@ -554,25 +554,25 @@ class $ extends Bt {
         u
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        _
+        g
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         a,
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", h), y());
     }, this.unlockPointer = () => {
-      var n, g, E;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (n = this._domElement) === null || n === void 0 || n.ownerDocument.exitPointerLock(), (g = this._domElement) === null || g === void 0 || g.ownerDocument.removeEventListener(
+      var n, _, E;
+      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (n = this._domElement) === null || n === void 0 || n.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
         "pointerlockchange",
         u
       ), (E = this._domElement) === null || E === void 0 || E.ownerDocument.removeEventListener(
         "pointerlockerror",
-        _
+        g
       ), this.cancel();
     };
     const u = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, _ = () => {
+    }, g = () => {
       this.unlockPointer();
     };
     this._addAllEventListeners = (n) => {
@@ -594,7 +594,7 @@ class $ extends Bt {
         u
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        _
+        g
       ));
     }, this.cancel = () => {
       this._state !== c.NONE && (this._state = c.NONE, this._activePointers.length = 0, m());
@@ -687,11 +687,11 @@ class $ extends Bt {
    * @category Properties
    */
   set interactiveArea(e) {
-    this._interactiveArea.width = F(e.width, 0, 1), this._interactiveArea.height = F(e.height, 0, 1), this._interactiveArea.x = F(
+    this._interactiveArea.width = k(e.width, 0, 1), this._interactiveArea.height = k(e.height, 0, 1), this._interactiveArea.x = k(
       e.x,
       0,
       1 - this._interactiveArea.width
-    ), this._interactiveArea.y = F(
+    ), this._interactiveArea.y = k(
       e.y,
       0,
       1 - this._interactiveArea.height
@@ -829,11 +829,11 @@ class $ extends Bt {
    */
   rotateTo(e, t, s = !1) {
     this._isUserControllingRotate = !1;
-    const i = F(
+    const i = k(
       e,
       this.minAzimuthAngle,
       this.maxAzimuthAngle
-    ), r = F(t, this.minPolarAngle, this.maxPolarAngle);
+    ), r = k(t, this.minPolarAngle, this.maxPolarAngle);
     this._sphericalEnd.theta = i, this._sphericalEnd.phi = r, this._sphericalEnd.makeSafe(), this._needsUpdate = !0, s || (this._spherical.theta = this._sphericalEnd.theta, this._spherical.phi = this._sphericalEnd.phi);
     const o = !s || S(
       this._spherical.theta,
@@ -863,7 +863,7 @@ class $ extends Bt {
    */
   dollyTo(e, t = !1) {
     return this._isUserControllingDolly = !1, this._lastDollyDirection = Z.NONE, this._changedDolly = 0, this._dollyToNoClamp(
-      F(e, this.minDistance, this.maxDistance),
+      k(e, this.minDistance, this.maxDistance),
       t
     );
   }
@@ -921,7 +921,7 @@ class $ extends Bt {
    * @category Methods
    */
   zoomTo(e, t = !1) {
-    this._isUserControllingZoom = !1, this._zoomEnd = F(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
+    this._isUserControllingZoom = !1, this._zoomEnd = k(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
     const s = !t || S(this._zoom, this._zoomEnd, this.restThreshold);
     return this._changedZoom = 0, this._createOnRestPromise(s);
   }
@@ -1032,19 +1032,19 @@ class $ extends Bt {
     m && v.multiply(xe.setFromAxisAngle(ce, f)), v.multiply(this._yAxisUpSpaceInverse);
     const u = Ie.makeEmpty();
     L.copy(d.min).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setX(d.max.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setY(d.max.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setZ(d.min.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setZ(d.max.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setY(d.min.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setX(d.min.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).applyQuaternion(v), u.expandByPoint(L), u.min.x -= i, u.min.y -= o, u.max.x += r, u.max.y += a, v.setFromUnitVectors(Oe, y), m && v.premultiply(xe.invert()), v.premultiply(this._yAxisUpSpace);
-    const _ = u.getSize(b), n = u.getCenter(L).applyQuaternion(v);
-    if (Y(this._camera)) {
-      const g = this.getDistanceToFitBox(
-        _.x,
-        _.y,
-        _.z,
+    const g = u.getSize(b), n = u.getCenter(L).applyQuaternion(v);
+    if (B(this._camera)) {
+      const _ = this.getDistanceToFitBox(
+        g.x,
+        g.y,
+        g.z,
         s
       );
       h.push(
         this.moveTo(n.x, n.y, n.z, t)
-      ), h.push(this.dollyTo(g, t)), h.push(this.setFocalOffset(0, 0, 0, t));
+      ), h.push(this.dollyTo(_, t)), h.push(this.setFocalOffset(0, 0, 0, t));
     } else if (j(this._camera)) {
-      const g = this._camera, E = g.right - g.left, C = g.top - g.bottom, w = s ? Math.max(E / _.x, C / _.y) : Math.min(E / _.x, C / _.y);
+      const _ = this._camera, E = _.right - _.left, C = _.top - _.bottom, w = s ? Math.max(E / g.x, C / g.y) : Math.min(E / g.x, C / g.y);
       h.push(
         this.moveTo(n.x, n.y, n.z, t)
       ), h.push(this.zoomTo(w, t)), h.push(this.setFocalOffset(0, 0, 0, t));
@@ -1066,7 +1066,7 @@ class $ extends Bt {
         r.center.z,
         t
       )
-    ), Y(this._camera)) {
+    ), B(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
     } else if (j(this._camera)) {
@@ -1127,19 +1127,19 @@ class $ extends Bt {
    */
   lerpLookAt(e, t, s, i, r, o, a, h, d, f, p, y, v, m = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = Z.NONE, this._changedDolly = 0;
-    const u = b.set(i, r, o), _ = L.set(e, t, s);
-    k.setFromVector3(
-      _.sub(u).applyQuaternion(this._yAxisUpSpace)
+    const u = b.set(i, r, o), g = L.set(e, t, s);
+    F.setFromVector3(
+      g.sub(u).applyQuaternion(this._yAxisUpSpace)
     );
-    const n = G.set(f, p, y), g = L.set(a, h, d);
+    const n = G.set(f, p, y), _ = L.set(a, h, d);
     re.setFromVector3(
-      g.sub(n).applyQuaternion(this._yAxisUpSpace)
+      _.sub(n).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(u.lerp(n, v));
-    const E = re.theta - k.theta, C = re.phi - k.phi, w = re.radius - k.radius;
+    const E = re.theta - F.theta, C = re.phi - F.phi, w = re.radius - F.radius;
     this._sphericalEnd.set(
-      k.radius + w * v,
-      k.phi + C * v,
-      k.theta + E * v
+      F.radius + w * v,
+      F.phi + C * v,
+      F.theta + E * v
     ), this.normalizeRotations(), this._needsUpdate = !0, m || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
     const T = !m || S(this._target.x, this._targetEnd.x, this.restThreshold) && S(this._target.y, this._targetEnd.y, this.restThreshold) && S(this._target.z, this._targetEnd.z, this.restThreshold) && S(
       this._spherical.theta,
@@ -1195,7 +1195,7 @@ class $ extends Bt {
       s,
       i
     );
-    return this._sphericalEnd.phi = F(
+    return this._sphericalEnd.phi = k(
       this._sphericalEnd.phi,
       this.minPolarAngle,
       this.maxPolarAngle
@@ -1235,9 +1235,9 @@ class $ extends Bt {
    * @category Methods
    */
   setOrbitPoint(e, t, s) {
-    this._camera.updateMatrixWorld(), N.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), H.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), B.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
+    this._camera.updateMatrixWorld(), N.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), H.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Y.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
     const i = b.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
-    N.multiplyScalar(o.x), H.multiplyScalar(o.y), B.multiplyScalar(o.z), b.copy(N).add(H).add(B), b.z = b.z + r, this.dollyTo(r, !1), this.setFocalOffset(-b.x, b.y, -b.z, !1), this.moveTo(e, t, s, !1);
+    N.multiplyScalar(o.x), H.multiplyScalar(o.y), Y.multiplyScalar(o.z), b.copy(N).add(H).add(Y), b.z = b.z + r, this.dollyTo(r, !1), this.setFocalOffset(-b.x, b.y, -b.z, !1), this.moveTo(e, t, s, !1);
   }
   /**
    * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
@@ -1456,7 +1456,7 @@ class $ extends Bt {
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
       const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-      ke(
+      Fe(
         this._target,
         this._targetEnd,
         this._targetVelocity,
@@ -1470,7 +1470,7 @@ class $ extends Bt {
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
       const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-      ke(
+      Fe(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
@@ -1494,16 +1494,16 @@ class $ extends Bt {
       );
     }
     if (this.dollyToCursor) {
-      if (Y(this._camera) && this._changedDolly !== 0) {
+      if (B(this._camera) && this._changedDolly !== 0) {
         const p = this._spherical.radius - this._lastDistance, y = this._camera, v = this._getCameraDirection(ie), m = b.copy(v).cross(y.up).normalize();
         m.lengthSq() === 0 && (m.x = 1);
-        const u = L.crossVectors(m, v), _ = this._sphericalEnd.radius * Math.tan(y.getEffectiveFOV() * ee * 0.5), g = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, E = G.copy(this._targetEnd).add(
+        const u = L.crossVectors(m, v), g = this._sphericalEnd.radius * Math.tan(y.getEffectiveFOV() * ee * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, E = G.copy(this._targetEnd).add(
           m.multiplyScalar(
-            this._dollyControlCoord.x * _ * y.aspect
+            this._dollyControlCoord.x * g * y.aspect
           )
         ).add(
-          u.multiplyScalar(this._dollyControlCoord.y * _)
-        ), C = b.copy(this._targetEnd).lerp(E, g), w = this._lastDollyDirection === Z.IN && this._spherical.radius <= this.minDistance, T = this._lastDollyDirection === Z.OUT && this.maxDistance <= this._spherical.radius;
+          u.multiplyScalar(this._dollyControlCoord.y * g)
+        ), C = b.copy(this._targetEnd).lerp(E, _), w = this._lastDollyDirection === Z.IN && this._spherical.radius <= this.minDistance, T = this._lastDollyDirection === Z.OUT && this.maxDistance <= this._spherical.radius;
         if (this.infinityDolly && (w || T)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
           const R = L.copy(v).multiplyScalar(-p);
@@ -1517,7 +1517,7 @@ class $ extends Bt {
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (y.near + y.far) / (y.near - y.far)
-        ).unproject(y), m = L.set(0, 0, -1).applyQuaternion(y.quaternion), u = G.copy(v).add(m.multiplyScalar(-v.dot(y.up))), n = -(this._zoom - p - this._zoom) / this._zoom, g = this._getCameraDirection(ie), E = this._targetEnd.dot(g), C = b.copy(this._targetEnd).lerp(u, n), w = C.dot(g), T = g.multiplyScalar(
+        ).unproject(y), m = L.set(0, 0, -1).applyQuaternion(y.quaternion), u = G.copy(v).add(m.multiplyScalar(-v.dot(y.up))), n = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ie), E = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(u, n), w = C.dot(_), T = _.multiplyScalar(
           w - E
         );
         C.sub(T), this._boundary.clampPoint(C, C);
@@ -1527,7 +1527,7 @@ class $ extends Bt {
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
     const h = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, h), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!M(this._focalOffset.x) || !M(this._focalOffset.y) || !M(this._focalOffset.z)) && (N.setFromMatrixColumn(this._camera.matrix, 0), H.setFromMatrixColumn(this._camera.matrix, 1), B.setFromMatrixColumn(this._camera.matrix, 2), N.multiplyScalar(this._focalOffset.x), H.multiplyScalar(-this._focalOffset.y), B.multiplyScalar(this._focalOffset.z), b.copy(N).add(H).add(B), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    this._spherical.radius = Math.min(this._spherical.radius, h), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!M(this._focalOffset.x) || !M(this._focalOffset.y) || !M(this._focalOffset.z)) && (N.setFromMatrixColumn(this._camera.matrix, 0), H.setFromMatrixColumn(this._camera.matrix, 1), Y.setFromMatrixColumn(this._camera.matrix, 2), N.multiplyScalar(this._focalOffset.x), H.multiplyScalar(-this._focalOffset.y), Y.multiplyScalar(this._focalOffset.z), b.copy(N).add(H).add(Y), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
       b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
@@ -1573,9 +1573,9 @@ class $ extends Bt {
    */
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
-    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = se(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = se(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = se(s.maxPolarAngle), this.minAzimuthAngle = se(s.minAzimuthAngle), this.maxAzimuthAngle = se(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), k.setFromVector3(
+    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = se(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = se(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = se(s.maxPolarAngle), this.minAzimuthAngle = se(s.minAzimuthAngle), this.maxAzimuthAngle = se(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), F.setFromVector3(
       b.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
-    ), this.rotateTo(k.theta, k.phi, t), this.dollyTo(k.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
+    ), this.rotateTo(F.theta, F.phi, t), this.dollyTo(F.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
       s.focalOffset[2],
@@ -1644,7 +1644,7 @@ class $ extends Bt {
     }
   }
   _updateNearPlaneCorners() {
-    if (Y(this._camera)) {
+    if (B(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ee, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
     } else if (j(this._camera)) {
@@ -1658,7 +1658,7 @@ class $ extends Bt {
     if (!(this.colliderMeshes.length >= 1) || Ee(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ie);
-    we.lookAt(Fe, s, this._camera.up);
+    we.lookAt(ke, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
       r.applyMatrix4(we);
@@ -1771,7 +1771,7 @@ A.EventEmitter = A;
 A.prototype._events = void 0;
 A.prototype._eventsCount = 0;
 A.prototype._maxListeners = void 0;
-var Ye = 10;
+var Be = 10;
 function _e(l) {
   if (typeof l != "function")
     throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof l);
@@ -1779,12 +1779,12 @@ function _e(l) {
 Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return Ye;
+    return Be;
   },
   set: function(l) {
     if (typeof l != "number" || l < 0 || st(l))
       throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + l + ".");
-    Ye = l;
+    Be = l;
   }
 });
 A.init = function() {
@@ -2413,7 +2413,7 @@ class hs {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const Be = new oe(), ls = new yt(), Ze = new oe(), I = new fe(), cs = new fe();
+const Ye = new oe(), ls = new yt(), Ze = new oe(), I = new fe(), cs = new fe();
 class ds {
   constructor(e = {}) {
     const t = this;
@@ -2431,54 +2431,54 @@ class ds {
         width: s,
         height: i
       };
-    }, this.render = function(_, n) {
-      const g = n.projectionMatrix.elements[5] * o;
-      n.view && n.view.enabled ? (d.style.transform = `translate( ${-n.view.offsetX * (s / n.view.width)}px, ${-n.view.offsetY * (i / n.view.height)}px )`, d.style.transform += `scale( ${n.view.fullWidth / n.view.width}, ${n.view.fullHeight / n.view.height} )`) : d.style.transform = "", _.matrixWorldAutoUpdate === !0 && _.updateMatrixWorld(), n.parent === null && n.matrixWorldAutoUpdate === !0 && n.updateMatrixWorld();
+    }, this.render = function(g, n) {
+      const _ = n.projectionMatrix.elements[5] * o;
+      n.view && n.view.enabled ? (d.style.transform = `translate( ${-n.view.offsetX * (s / n.view.width)}px, ${-n.view.offsetY * (i / n.view.height)}px )`, d.style.transform += `scale( ${n.view.fullWidth / n.view.width}, ${n.view.fullHeight / n.view.height} )`) : d.style.transform = "", g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), n.parent === null && n.matrixWorldAutoUpdate === !0 && n.updateMatrixWorld();
       let E, C;
       n.isOrthographicCamera && (E = -(n.right + n.left) / 2, C = (n.top + n.bottom) / 2);
-      const w = n.view && n.view.enabled ? n.view.height / n.view.fullHeight : 1, T = n.isOrthographicCamera ? `scale( ${w} )scale(` + g + ")translate(" + p(E) + "px," + p(C) + "px)" + y(n.matrixWorldInverse) : `scale( ${w} )translateZ(` + g + "px)" + y(n.matrixWorldInverse), R = (n.isPerspectiveCamera ? "perspective(" + g + "px) " : "") + T + "translate(" + r + "px," + o + "px)";
-      a.camera.style !== R && (f.style.transform = R, a.camera.style = R), u(_, _, n);
-    }, this.setSize = function(_, n) {
-      s = _, i = n, r = s / 2, o = i / 2, h.style.width = _ + "px", h.style.height = n + "px", d.style.width = _ + "px", d.style.height = n + "px", f.style.width = _ + "px", f.style.height = n + "px";
+      const w = n.view && n.view.enabled ? n.view.height / n.view.fullHeight : 1, T = n.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + p(E) + "px," + p(C) + "px)" + y(n.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + y(n.matrixWorldInverse), R = (n.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + T + "translate(" + r + "px," + o + "px)";
+      a.camera.style !== R && (f.style.transform = R, a.camera.style = R), u(g, g, n);
+    }, this.setSize = function(g, n) {
+      s = g, i = n, r = s / 2, o = i / 2, h.style.width = g + "px", h.style.height = n + "px", d.style.width = g + "px", d.style.height = n + "px", f.style.width = g + "px", f.style.height = n + "px";
     };
-    function p(_) {
-      return Math.abs(_) < 1e-10 ? 0 : _;
+    function p(g) {
+      return Math.abs(g) < 1e-10 ? 0 : g;
     }
-    function y(_) {
-      const n = _.elements;
+    function y(g) {
+      const n = g.elements;
       return "matrix3d(" + p(n[0]) + "," + p(-n[1]) + "," + p(n[2]) + "," + p(n[3]) + "," + p(n[4]) + "," + p(-n[5]) + "," + p(n[6]) + "," + p(n[7]) + "," + p(n[8]) + "," + p(-n[9]) + "," + p(n[10]) + "," + p(n[11]) + "," + p(n[12]) + "," + p(-n[13]) + "," + p(n[14]) + "," + p(n[15]) + ")";
     }
-    function v(_) {
-      const n = _.elements;
+    function v(g) {
+      const n = g.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + p(n[0]) + "," + p(n[1]) + "," + p(n[2]) + "," + p(n[3]) + "," + p(-n[4]) + "," + p(-n[5]) + "," + p(-n[6]) + "," + p(-n[7]) + "," + p(n[8]) + "," + p(n[9]) + "," + p(n[10]) + "," + p(n[11]) + "," + p(n[12]) + "," + p(n[13]) + "," + p(n[14]) + "," + p(n[15]) + ")");
     }
-    function m(_) {
-      _.isCSS3DObject && (_.element.style.display = "none");
-      for (let n = 0, g = _.children.length; n < g; n++)
-        m(_.children[n]);
+    function m(g) {
+      g.isCSS3DObject && (g.element.style.display = "none");
+      for (let n = 0, _ = g.children.length; n < _; n++)
+        m(g.children[n]);
     }
-    function u(_, n, g, E) {
-      if (_.visible === !1) {
-        m(_);
+    function u(g, n, _, E) {
+      if (g.visible === !1) {
+        m(g);
         return;
       }
-      if (_.isCSS3DObject) {
-        const C = _.layers.test(g.layers) === !0, w = _.element;
+      if (g.isCSS3DObject) {
+        const C = g.layers.test(_.layers) === !0, w = g.element;
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
-          _.onBeforeRender(t, n, g);
+          g.onBeforeRender(t, n, _);
           let T;
-          _.isCSS3DSprite ? (I.copy(g.matrixWorldInverse), I.transpose(), _.rotation2D !== 0 && I.multiply(cs.makeRotationZ(_.rotation2D)), _.matrixWorld.decompose(Be, ls, Ze), I.setPosition(Be), I.scale(Ze), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, T = v(I)) : T = v(_.matrixWorld);
-          const P = a.objects.get(_);
+          g.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), g.rotation2D !== 0 && I.multiply(cs.makeRotationZ(g.rotation2D)), g.matrixWorld.decompose(Ye, ls, Ze), I.setPosition(Ye), I.scale(Ze), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, T = v(I)) : T = v(g.matrixWorld);
+          const P = a.objects.get(g);
           if (P === void 0 || P.style !== T) {
             w.style.transform = T;
             const R = { style: T };
-            a.objects.set(_, R);
+            a.objects.set(g, R);
           }
-          w.parentNode !== f && f.appendChild(w), _.onAfterRender(t, n, g);
+          w.parentNode !== f && f.appendChild(w), g.onAfterRender(t, n, _);
         }
       }
-      for (let C = 0, w = _.children.length; C < w; C++)
-        u(_.children[C], n, g);
+      for (let C = 0, w = g.children.length; C < w; C++)
+        u(g.children[C], n, _);
     }
   }
 }
@@ -2502,44 +2502,44 @@ class ps {
     };
     function d(m) {
       m.isCSS2DObject && (m.element.style.display = "none");
-      for (let u = 0, _ = m.children.length; u < _; u++)
+      for (let u = 0, g = m.children.length; u < g; u++)
         d(m.children[u]);
     }
-    function f(m, u, _) {
+    function f(m, u, g) {
       if (m.visible === !1) {
         d(m);
         return;
       }
       if (m.isCSS2DObject) {
         X.setFromMatrixPosition(m.matrixWorld), X.applyMatrix4(Ge);
-        const n = X.z >= -1 && X.z <= 1 && m.layers.test(_.layers) === !0, g = m.element;
-        g.style.display = n === !0 ? "" : "none", n === !0 && (m.onBeforeRender(t, u, _), g.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (X.x * r + r) + "px," + (-X.y * o + o) + "px)", g.parentNode !== h && h.appendChild(g), m.onAfterRender(t, u, _));
+        const n = X.z >= -1 && X.z <= 1 && m.layers.test(g.layers) === !0, _ = m.element;
+        _.style.display = n === !0 ? "" : "none", n === !0 && (m.onBeforeRender(t, u, g), _.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (X.x * r + r) + "px," + (-X.y * o + o) + "px)", _.parentNode !== h && h.appendChild(_), m.onAfterRender(t, u, g));
         const E = {
-          distanceToCameraSquared: p(_, m)
+          distanceToCameraSquared: p(g, m)
         };
         a.objects.set(m, E);
       }
-      for (let n = 0, g = m.children.length; n < g; n++)
-        f(m.children[n], u, _);
+      for (let n = 0, _ = m.children.length; n < _; n++)
+        f(m.children[n], u, g);
     }
     function p(m, u) {
       return Ke.setFromMatrixPosition(m.matrixWorld), Xe.setFromMatrixPosition(u.matrixWorld), Ke.distanceToSquared(Xe);
     }
     function y(m) {
       const u = [];
-      return m.traverseVisible(function(_) {
-        _.isCSS2DObject && u.push(_);
+      return m.traverseVisible(function(g) {
+        g.isCSS2DObject && u.push(g);
       }), u;
     }
     function v(m) {
-      const u = y(m).sort(function(n, g) {
-        if (n.renderOrder !== g.renderOrder)
-          return g.renderOrder - n.renderOrder;
-        const E = a.objects.get(n).distanceToCameraSquared, C = a.objects.get(g).distanceToCameraSquared;
+      const u = y(m).sort(function(n, _) {
+        if (n.renderOrder !== _.renderOrder)
+          return _.renderOrder - n.renderOrder;
+        const E = a.objects.get(n).distanceToCameraSquared, C = a.objects.get(_).distanceToCameraSquared;
         return E - C;
-      }), _ = u.length;
-      for (let n = 0, g = u.length; n < g; n++)
-        u[n].element.style.zIndex = _ - n;
+      }), g = u.length;
+      for (let n = 0, _ = u.length; n < _; n++)
+        u[n].element.style.zIndex = g - n;
     }
   }
 }
@@ -2657,7 +2657,7 @@ const us = {
 		}`
   )
 };
-class fs extends Ft {
+class fs extends kt {
   constructor() {
     super();
     const e = us;
@@ -2666,7 +2666,7 @@ class fs extends Ft {
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
-    }), this.fsQuad = new kt(this.material);
+    }), this.fsQuad = new Ft(this.material);
   }
 }
 const _s = (l) => {
@@ -2896,8 +2896,8 @@ class $e extends O.Loader {
           o.removeEventListener("load", v, !1), o.removeEventListener("error", m, !1);
         }, v = () => {
           y(), r.needsUpdate = !0, t && t(r);
-        }, m = (_) => {
-          y(), i && i(_), this.manager.itemError(e), this.manager.itemEnd(e);
+        }, m = (g) => {
+          y(), i && i(g), this.manager.itemError(e), this.manager.itemEnd(e);
         };
         o.addEventListener("load", v, !1), o.addEventListener("error", m, !1);
         const u = window.URL.createObjectURL(d);
@@ -3037,7 +3037,7 @@ class Ss {
       const s = (a = t == null ? void 0 : t.type) != null ? a : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = Yt();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = Bt();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3156,8 +3156,8 @@ class Rs {
         for (const u of m.objArr) {
           if (!u.object3d || !u.visibleWithAncestors) continue;
           h.has(u) || (h.set(u, /* @__PURE__ */ new Map()), d.push(u));
-          const _ = h.get(u);
-          _.has(m.type) || _.set(m.type, []), _.get(m.type).push(m.cb);
+          const g = h.get(u);
+          g.has(m.type) || g.set(m.type, []), g.get(m.type).push(m.cb);
         }
       if (d.length === 0) return;
       const f = d.map((m) => m.object3d);
@@ -3360,30 +3360,37 @@ class Us extends Rs {
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const { key: d } = t;
-        let f = `${e}${d ? `#${d}` : ""}`;
-        this.objects.has(f) && (f.includes("#") ? f += `-${Re()}` : f += `#${Re()}`);
-        const p = t.target, y = (r = t.onTop) != null ? r : 0, v = (o = t.prefab) != null ? o : !1, m = (a = t.create) != null ? a : !0, u = new i().create(t);
-        let _;
-        p === null ? _ = null : typeof p == "string" ? _ = this.objects.get(p) : (h = p == null ? void 0 : p.objectType) != null && h.startsWith("BaseObject") || p ? _ = p : v ? _ = this.prefabGroup : _ = this.group, m === !1 ? u.create = () => {
-        } : m !== !0 && (u.create = () => {
-          m(u);
-        }), u.pencil = this.pencil, u.lead = this, u.key = f, u.prefab = v, u.objectType = `BaseObject#${e}`, u.objectOptions = t, this.objects.set(f, u);
-        const n = this.addBaseObject(u, _, y);
-        return this.objectsPm.set(f, n), yield n, this.objectsPm.delete(f), u;
+        const d = t.target, f = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, y = (a = t.create) != null ? a : !0, v = new i().create(t);
+        let m;
+        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (h = d == null ? void 0 : d.objectType) != null && h.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, y === !1 ? v.create = () => {
+        } : y !== !0 && (v.create = () => {
+          y(v);
+        }), v.pencil = this.pencil, v.lead = this, v.prefab = p, v.objectType = `BaseObject#${e}`, v.objectOptions = t, this.setBaseObjectKey(v, t.key, !0), this.objectsPm.set(
+          v.key,
+          this.addBaseObject(v, m, f)
+        ), yield this.objectsPm.get(v.key), this.objectsPm.delete(v.key), v;
       }
       throw new Error(`Unrecognized:${e}`);
     });
   }
-  changeBaseObjectKey(e, t, s = !0) {
-    const i = e.key;
-    this.objects.delete(i);
-    const [r] = i.split("#"), o = s ? `${r}#${t}` : `${t}`;
-    this.objects.set(o, e), e.key = o;
+  setBaseObjectKey(e, t = "", s = !0) {
+    const i = e.objectType, [, r] = i.split("#");
+    let o = s || !t ? `${r}${t ? `#${t}` : ""}` : t;
+    return this.objects.has(o) && (o.includes("#") ? o += `-${Re()}` : o += `#${Re()}`), e.key = o, this.objects.set(o, e), o;
+  }
+  // For updating an existing object's key
+  updateBaseObjectKey(e, t = "", s = !0) {
+    let i;
+    for (const [r, o] of this.objects.entries())
+      if (o === e) {
+        i = r;
+        break;
+      }
+    return i ? (this.objects.delete(i), this.setBaseObjectKey(e, t, s)) : this.setBaseObjectKey(e, t, s);
   }
   addBaseObject(e, t, s) {
     return J(this, null, function* () {
-      return yield e.create(), e.object3d && (s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render(), e;
+      yield e.create(), e.object3d && (s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render();
     });
   }
   erase(...e) {
@@ -3565,17 +3572,17 @@ const ue = class ue {
       pencil: this
     });
     this.sceneController = y, this.cameraController = p, this.controlsController = v, this.rendererController = f, this.loaderController = m, this.leadController = u;
-    const _ = this.addPage({
+    const g = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
-    if (this.showPage(_), s) {
-      const g = new ns({
+    if (this.showPage(g), s) {
+      const _ = new ns({
         container: e,
         sceneController: y,
         cameraController: p
       });
-      g.add(y.scene), this.helperController = g, i && g.addViewHelper();
+      _.add(y.scene), this.helperController = _, i && _.addViewHelper();
     }
     e.appendChild(f.renderer.domElement);
   }