gl-draw 0.14.34 → 0.14.35

package/dist/index.module.js

@@ -13,18 +13,18 @@ var Se = (l, e, t) => e in l ? _t(l, e, { enumerable: !0, configurable: !0, writ
 var J = (l, e, t) => new Promise((s, i) => {
   var r = (h) => {
     try {
-      n(t.next(h));
+      a(t.next(h));
     } catch (d) {
       i(d);
     }
   }, o = (h) => {
     try {
-      n(t.throw(h));
+      a(t.throw(h));
     } catch (d) {
       i(d);
     }
-  }, n = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(r, o);
-  n((t = t.apply(l, e)).next());
+  }, a = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(r, o);
+  a((t = t.apply(l, e)).next());
 });
 import * as O from "three";
 import { Vector3 as oe, Quaternion as Et, Matrix4 as fe, UniformsUtils as Ot, RawShaderMaterial as Tt } from "three";
@@ -49,6 +49,7 @@ import "three/examples/jsm/renderers/CSS3DRenderer";
 import "d3-geo";
 import "d3-geo-projection";
 import "three/examples/jsm/lights/RectAreaLightUniformsLib";
+import "three/examples/jsm/utils/BufferGeometryUtils";
 import "three/examples/jsm/lines/LineSegments2";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
@@ -116,7 +117,7 @@ function se(l) {
 }
 function he(l, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
-  const o = 2 / s, n = o * r, h = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
+  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;
@@ -127,18 +128,18 @@ function he(l, e, t, s, i = 1 / 0, r) {
 }
 function Fe(l, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, h = n * r, d = 1 / (1 + h + 0.48 * h * h + 0.235 * h * h * h);
+  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, C = e.z, v = l.x - f, m = l.y - p, u = l.z - C;
-  const g = f, a = p, _ = C, E = i * s, y = E * E, w = v * v + m * m + u * u;
+  const g = f, n = p, _ = C, E = i * s, y = E * E, w = v * v + m * m + u * u;
   if (w > y) {
     const ve = Math.sqrt(w);
     v = v / ve * E, m = m / ve * E, u = u / ve * E;
   }
   f = l.x - v, p = l.y - m, C = l.z - u;
-  const T = (t.x + n * v) * r, P = (t.y + n * m) * r, R = (t.z + n * u) * r;
-  t.x = (t.x - n * T) * d, t.y = (t.y - n * P) * d, t.z = (t.z - n * R) * d, o.x = f + (v + T) * d, o.y = p + (m + P) * d, o.z = C + (u + R) * d;
-  const V = g - l.x, ae = a - l.y, pt = _ - l.z, mt = o.x - g, ut = o.y - a, ft = o.z - _;
-  return V * mt + ae * ut + pt * ft > 0 && (o.x = g, o.y = a, o.z = _, t.x = (o.x - g) / r, t.y = (o.y - a) / r, t.z = (o.z - _) / r), o;
+  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 = C + (u + R) * d;
+  const V = g - l.x, ae = n - l.y, pt = _ - l.z, mt = o.x - g, ut = o.y - n, ft = o.z - _;
+  return V * mt + ae * ut + pt * ft > 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 Ce(l, e) {
   e.set(0, 0), l.forEach((t) => {
@@ -284,14 +285,14 @@ class $ extends Yt {
    */
   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 = (a, _, E, y) => {
+    }, 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, y) => {
       let w, T;
       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 * a * V / this._elementRect.height, T = this.truckSpeed * _ * 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 * a * (P.right - P.left) / P.zoom / this._elementRect.width, T = this.truckSpeed * _ * (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;
       y ? (E ? this.setFocalOffset(
@@ -305,18 +306,18 @@ class $ extends Yt {
         this._focalOffsetEnd.z,
         !0
       ) : this.truck(w, T, !0);
-    }, this._rotateInternal = (a, _) => {
-      const E = W * this.azimuthRotateSpeed * a / this._elementRect.height, y = W * this.polarRotateSpeed * _ / this._elementRect.height;
+    }, this._rotateInternal = (n, _) => {
+      const E = W * this.azimuthRotateSpeed * n / this._elementRect.height, y = W * this.polarRotateSpeed * _ / this._elementRect.height;
       this.rotate(E, y, !0);
-    }, this._dollyInternal = (a, _, E) => {
-      const y = Math.pow(0.95, -a * this.dollySpeed), w = this._sphericalEnd.radius, T = this._sphericalEnd.radius * y, P = F(
+    }, this._dollyInternal = (n, _, E) => {
+      const y = Math.pow(0.95, -n * this.dollySpeed), w = this._sphericalEnd.radius, T = this._sphericalEnd.radius * y, P = F(
         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(_, E)), this._lastDollyDirection = Math.sign(-a);
-    }, this._zoomInternal = (a, _, E) => {
-      const y = Math.pow(0.95, a * this.dollySpeed), w = this._zoom, T = this._zoom * y;
+      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 y = Math.pow(0.95, n * this.dollySpeed), w = this._zoom, T = this._zoom * y;
       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."
@@ -343,45 +344,45 @@ class $ extends Yt {
       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 = (a) => {
+    const s = new x.Vector2(), i = new x.Vector2(), r = new x.Vector2(), o = (n) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const y = this._domElement.getBoundingClientRect(), w = (a.clientX - y.left) / (y.right - y.left), T = (a.clientY - y.top) / (y.bottom - y.top);
+        const y = this._domElement.getBoundingClientRect(), w = (n.clientX - y.left) / (y.right - y.left), T = (n.clientY - y.top) / (y.bottom - y.top);
         if (w < this._interactiveArea.left || w > this._interactiveArea.right || T < this._interactiveArea.top || T > this._interactiveArea.bottom)
           return;
       }
-      const _ = a.pointerType !== "mouse" ? null : (a.buttons & D.LEFT) === D.LEFT ? D.LEFT : (a.buttons & D.MIDDLE) === D.MIDDLE ? D.MIDDLE : (a.buttons & D.RIGHT) === D.RIGHT ? D.RIGHT : null;
+      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 y = this._findPointerByMouseButton(_);
         y && this._disposePointer(y);
       }
-      if ((a.buttons & D.LEFT) === D.LEFT && this._lockedPointer)
+      if ((n.buttons & D.LEFT) === D.LEFT && this._lockedPointer)
         return;
       const E = {
-        pointerId: a.pointerId,
-        clientX: a.clientX,
-        clientY: a.clientY,
+        pointerId: n.pointerId,
+        clientX: n.clientX,
+        clientY: n.clientY,
         deltaX: 0,
         deltaY: 0,
         mouseButton: _
       };
       this._activePointers.push(E), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
         h
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, C(a);
-    }, n = (a) => {
-      a.cancelable && a.preventDefault();
-      const _ = a.pointerId, E = this._lockedPointer || this._findPointerById(_);
+      ), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, C(n);
+    }, a = (n) => {
+      n.cancelable && n.preventDefault();
+      const _ = n.pointerId, E = this._lockedPointer || this._findPointerById(_);
       if (E) {
-        if (E.clientX = a.clientX, E.clientY = a.clientY, E.deltaX = a.movementX, E.deltaY = a.movementY, this._state = 0, a.pointerType === "touch")
+        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) {
             case 1:
               this._state = this.touches.one;
@@ -394,13 +395,13 @@ class $ extends Yt {
               break;
           }
         else
-          (!this._isDragging && this._lockedPointer || this._isDragging && (a.buttons & D.LEFT) === D.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (a.buttons & D.MIDDLE) === D.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (a.buttons & D.RIGHT) === D.RIGHT && (this._state = this._state | this.mouseButtons.right);
+          (!this._isDragging && this._lockedPointer || this._isDragging && (n.buttons & D.LEFT) === D.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (n.buttons & D.MIDDLE) === D.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (n.buttons & D.RIGHT) === D.RIGHT && (this._state = this._state | this.mouseButtons.right);
         v();
       }
-    }, h = (a) => {
-      const _ = this._findPointerById(a.pointerId);
+    }, h = (n) => {
+      const _ = this._findPointerById(n.pointerId);
       if (!(_ && _ === this._lockedPointer)) {
-        if (_ && this._disposePointer(_), a.pointerType === "touch")
+        if (_ && this._disposePointer(_), n.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = c.NONE;
@@ -421,33 +422,33 @@ class $ extends Yt {
       }
     };
     let d = -1;
-    const f = (a) => {
+    const f = (n) => {
       if (!this._domElement || !this._enabled || this.mouseButtons.wheel === c.NONE) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const T = this._domElement.getBoundingClientRect(), P = (a.clientX - T.left) / (T.right - T.left), R = (a.clientY - T.top) / (T.bottom - T.top);
+        const T = this._domElement.getBoundingClientRect(), P = (n.clientX - T.left) / (T.right - T.left), R = (n.clientY - T.top) / (T.bottom - T.top);
         if (P < this._interactiveArea.left || P > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
           return;
       }
-      if (a.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
+      if (n.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
         const T = performance.now();
         d - T < 1e3 && this._getClientRect(this._elementRect), d = T;
       }
-      const _ = Zt ? -1 : -3, E = a.deltaMode === 1 ? a.deltaY / _ : a.deltaY / (_ * 10), y = this.dollyToCursor ? (a.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (a.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const _ = Zt ? -1 : -3, E = n.deltaMode === 1 || n.ctrlKey ? n.deltaY / _ : n.deltaY / (_ * 10), y = 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(a.deltaX, a.deltaY), this._isUserControllingRotate = !0;
+          this._rotateInternal(n.deltaX, n.deltaY), this._isUserControllingRotate = !0;
           break;
         }
         case c.TRUCK: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !1), this._isUserControllingTruck = !0;
+          this._truckInternal(n.deltaX, n.deltaY, !1, !1), this._isUserControllingTruck = !0;
           break;
         }
         case c.SCREEN_PAN: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !0), this._isUserControllingTruck = !0;
+          this._truckInternal(n.deltaX, n.deltaY, !1, !0), this._isUserControllingTruck = !0;
           break;
         }
         case c.OFFSET: {
-          this._truckInternal(a.deltaX, a.deltaY, !0, !1), this._isUserControllingOffset = !0;
+          this._truckInternal(n.deltaX, n.deltaY, !0, !1), this._isUserControllingOffset = !0;
           break;
         }
         case c.DOLLY: {
@@ -460,13 +461,13 @@ class $ extends Yt {
         }
       }
       this.dispatchEvent({ type: "control" });
-    }, p = (a) => {
+    }, p = (n) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === $.ACTION.NONE) {
-          const _ = a instanceof PointerEvent ? a.pointerId : 0, E = this._findPointerById(_);
+          const _ = n instanceof PointerEvent ? n.pointerId : 0, E = this._findPointerById(_);
           E && this._disposePointer(E), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
-            n,
+            a,
             { passive: !1 }
           ), this._domElement.ownerDocument.removeEventListener(
             "pointerup",
@@ -474,9 +475,9 @@ class $ extends Yt {
           );
           return;
         }
-        a.preventDefault();
+        n.preventDefault();
       }
-    }, C = (a) => {
+    }, C = (n) => {
       if (!this._enabled) return;
       if (Ce(this._activePointers, U), this._getClientRect(this._elementRect), s.copy(U), i.copy(U), this._activePointers.length >= 2) {
         const E = U.x - this._activePointers[1].clientX, y = U.y - this._activePointers[1].clientY, w = Math.sqrt(E * E + y * y);
@@ -484,9 +485,9 @@ class $ extends Yt {
         const T = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, P = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
         i.set(T, P);
       }
-      if (this._state = 0, !a)
+      if (this._state = 0, !n)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
-      else if ("pointerType" in a && a.pointerType === "touch")
+      else if ("pointerType" in n && n.pointerType === "touch")
         switch (this._activePointers.length) {
           case 1:
             this._state = this.touches.one;
@@ -499,7 +500,7 @@ class $ extends Yt {
             break;
         }
       else
-        !this._lockedPointer && (a.buttons & D.LEFT) === D.LEFT && (this._state = this._state | this.mouseButtons.left), (a.buttons & D.MIDDLE) === D.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (a.buttons & D.RIGHT) === D.RIGHT && (this._state = this._state | this.mouseButtons.right);
+        !this._lockedPointer && (n.buttons & D.LEFT) === D.LEFT && (this._state = this._state | this.mouseButtons.left), (n.buttons & D.MIDDLE) === D.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (n.buttons & D.RIGHT) === D.RIGHT && (this._state = this._state | this.mouseButtons.right);
       ((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._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & c.DOLLY) === c.DOLLY || (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & c.ZOOM) === c.ZOOM || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
     }, v = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
@@ -527,7 +528,7 @@ class $ extends Yt {
     }, m = () => {
       Ce(this._activePointers, U), i.copy(U), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
@@ -544,7 +545,7 @@ class $ extends Yt {
         mouseButton: null
       }, this._activePointers.push(this._lockedPointer), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
@@ -557,12 +558,12 @@ class $ extends Yt {
         g
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", h), C());
     }, this.unlockPointer = () => {
-      var a, _, E;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (a = this._domElement) === null || a === void 0 || a.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.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(
@@ -575,8 +576,8 @@ class $ extends Yt {
     }, g = () => {
       this.unlockPointer();
     };
-    this._addAllEventListeners = (a) => {
-      this._domElement = a, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", h), this._domElement.addEventListener("wheel", f, {
+    this._addAllEventListeners = (n) => {
+      this._domElement = n, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", h), this._domElement.addEventListener("wheel", f, {
         passive: !1
       }), this._domElement.addEventListener("contextmenu", p);
     }, this._removeAllEventListeners = () => {
@@ -584,7 +585,7 @@ class $ extends Yt {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        n,
+        a,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
@@ -870,11 +871,11 @@ class $ extends Yt {
   _dollyToNoClamp(e, t = !1) {
     const s = this._sphericalEnd.radius;
     if (this.colliderMeshes.length >= 1) {
-      const o = this._collisionTest(), n = S(
+      const o = this._collisionTest(), a = S(
         o,
         this._spherical.radius
       );
-      if (!(s > e) && n) return Promise.resolve();
+      if (!(s > e) && a) return Promise.resolve();
       this._sphericalEnd.radius = Math.min(
         e,
         o
@@ -994,11 +995,11 @@ class $ extends Yt {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const n = b.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const a = b.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
-      n.x,
-      n.y,
-      n.z,
+      a.x,
+      a.y,
+      a.z,
       i
     );
   }
@@ -1020,7 +1021,7 @@ class $ extends Yt {
     paddingLeft: i = 0,
     paddingRight: r = 0,
     paddingBottom: o = 0,
-    paddingTop: n = 0
+    paddingTop: a = 0
   } = {}) {
     const h = [], d = e.isBox3 ? K.copy(e) : K.setFromObject(e);
     d.isEmpty() && (console.warn(
@@ -1031,8 +1032,8 @@ class $ extends Yt {
     const C = b.setFromSpherical(this._sphericalEnd).normalize(), v = Ve.setFromUnitVectors(C, Oe), m = S(Math.abs(C.y), 1);
     m && v.multiply(xe.setFromAxisAngle(ce, f)), v.multiply(this._yAxisUpSpaceInverse);
     const u = je.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 += n, v.setFromUnitVectors(Oe, C), m && v.premultiply(xe.invert()), v.premultiply(this._yAxisUpSpace);
-    const g = u.getSize(b), a = u.getCenter(L).applyQuaternion(v);
+    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, C), m && v.premultiply(xe.invert()), v.premultiply(this._yAxisUpSpace);
+    const g = u.getSize(b), n = u.getCenter(L).applyQuaternion(v);
     if (B(this._camera)) {
       const _ = this.getDistanceToFitBox(
         g.x,
@@ -1041,12 +1042,12 @@ class $ extends Yt {
         s
       );
       h.push(
-        this.moveTo(a.x, a.y, a.z, t)
+        this.moveTo(n.x, n.y, n.z, t)
       ), h.push(this.dollyTo(_, t)), h.push(this.setFocalOffset(0, 0, 0, t));
     } else if (j(this._camera)) {
       const _ = this._camera, E = _.right - _.left, y = _.top - _.bottom, w = s ? Math.max(E / g.x, y / g.y) : Math.min(E / g.x, y / g.y);
       h.push(
-        this.moveTo(a.x, a.y, a.z, t)
+        this.moveTo(n.x, n.y, n.z, t)
       ), h.push(this.zoomTo(w, t)), h.push(this.setFocalOffset(0, 0, 0, t));
     }
     return Promise.all(h);
@@ -1070,7 +1071,7 @@ class $ extends Yt {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
     } else if (j(this._camera)) {
-      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, h = 2 * r.radius, d = Math.min(o / h, n / h);
+      const o = this._camera.right - this._camera.left, a = this._camera.top - this._camera.bottom, h = 2 * r.radius, d = Math.min(o / h, a / h);
       s.push(this.zoomTo(d, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
@@ -1086,13 +1087,13 @@ class $ extends Yt {
    * @param enableTransition
    * @category Methods
    */
-  setLookAt(e, t, s, i, r, o, n = !1) {
+  setLookAt(e, t, s, i, r, o, a = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = Z.NONE, this._changedDolly = 0;
     const h = L.set(i, r, o), d = b.set(e, t, s);
     this._targetEnd.copy(h), this._sphericalEnd.setFromVector3(
       d.sub(h).applyQuaternion(this._yAxisUpSpace)
-    ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const f = !n || 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.normalizeRotations(), this._needsUpdate = !0, a || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const f = !a || 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,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1125,16 +1126,16 @@ class $ extends Yt {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, h, d, f, p, C, v, m = !1) {
+  lerpLookAt(e, t, s, i, r, o, a, h, d, f, p, C, 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), g = L.set(e, t, s);
     k.setFromVector3(
       g.sub(u).applyQuaternion(this._yAxisUpSpace)
     );
-    const a = G.set(f, p, C), _ = L.set(n, h, d);
+    const n = G.set(f, p, C), _ = L.set(a, h, d);
     re.setFromVector3(
-      _.sub(a).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(u.lerp(a, v));
+      _.sub(n).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(u.lerp(n, v));
     const E = re.theta - k.theta, y = re.phi - k.phi, w = re.radius - k.radius;
     this._sphericalEnd.set(
       k.radius + w * v,
@@ -1278,8 +1279,8 @@ class $ extends Yt {
   getDistanceToFitBox(e, t, s, i = !1) {
     if (Ee(this._camera, "getDistanceToFitBox"))
       return this._spherical.radius;
-    const r = e / t, o = this._camera.getEffectiveFOV() * ee, n = this._camera.aspect;
-    return ((i ? r > n : r < n) ? t : e / n) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
+    const r = e / t, o = this._camera.getEffectiveFOV() * ee, a = this._camera.aspect;
+    return ((i ? r > a : r < a) ? t : e / a) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
   }
   /**
    * Calculate the distance to fit the sphere.
@@ -1412,7 +1413,7 @@ class $ extends Yt {
     const t = this._sphericalEnd.theta - this._spherical.theta, s = this._sphericalEnd.phi - this._spherical.phi, i = this._sphericalEnd.radius - this._spherical.radius, r = He.subVectors(this._targetEnd, this._target), o = Ie.subVectors(
       this._focalOffsetEnd,
       this._focalOffset
-    ), n = this._zoomEnd - this._zoom;
+    ), a = this._zoomEnd - this._zoom;
     if (M(t))
       this._thetaVelocity.value = 0, this._spherical.theta = this._sphericalEnd.theta;
     else {
@@ -1480,7 +1481,7 @@ class $ extends Yt {
         this._focalOffset
       ), this._needsUpdate = !0;
     }
-    if (M(n))
+    if (M(a))
       this._zoomVelocity.value = 0, this._zoom = this._zoomEnd;
     else {
       const p = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
@@ -1517,7 +1518,7 @@ class $ extends Yt {
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (C.near + C.far) / (C.near - C.far)
-        ).unproject(C), m = L.set(0, 0, -1).applyQuaternion(C.quaternion), u = G.copy(v).add(m.multiplyScalar(-v.dot(C.up))), a = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ie), E = this._targetEnd.dot(_), y = b.copy(this._targetEnd).lerp(u, a), w = y.dot(_), T = _.multiplyScalar(
+        ).unproject(C), m = L.set(0, 0, -1).applyQuaternion(C.quaternion), u = G.copy(v).add(m.multiplyScalar(-v.dot(C.up))), n = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ie), E = this._targetEnd.dot(_), y = b.copy(this._targetEnd).lerp(u, n), w = y.dot(_), T = _.multiplyScalar(
           w - E
         );
         y.sub(T), this._boundary.clampPoint(y, y);
@@ -1533,7 +1534,7 @@ class $ extends Yt {
       1
     );
     const f = this._needsUpdate;
-    return f && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : f ? (this.dispatchEvent({ type: "update" }), M(t, this.restThreshold) && M(s, this.restThreshold) && M(i, this.restThreshold) && M(r.x, this.restThreshold) && M(r.y, this.restThreshold) && M(r.z, this.restThreshold) && M(o.x, this.restThreshold) && M(o.y, this.restThreshold) && M(o.z, this.restThreshold) && M(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
+    return f && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : f ? (this.dispatchEvent({ type: "update" }), M(t, this.restThreshold) && M(s, this.restThreshold) && M(i, this.restThreshold) && M(r.x, this.restThreshold) && M(r.y, this.restThreshold) && M(r.z, this.restThreshold) && M(o.x, this.restThreshold) && M(o.y, this.restThreshold) && M(o.z, this.restThreshold) && M(a, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
   }
   /**
    * Get all state in JSON string
@@ -1631,16 +1632,16 @@ class $ extends Yt {
     const i = t.lengthSq();
     if (i === 0)
       return e;
-    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, G).sub(r), h = n.lengthSq();
+    const r = L.copy(t).add(e), a = this._boundary.clampPoint(r, G).sub(r), h = a.lengthSq();
     if (h === 0)
       return e.add(t);
     if (h === i)
       return e;
     if (s === 0)
-      return e.add(t).add(n);
+      return e.add(t).add(a);
     {
-      const d = 1 + s * h / t.dot(n);
-      return e.add(L.copy(t).multiplyScalar(d)).add(n.multiplyScalar(1 - s));
+      const d = 1 + s * h / t.dot(a);
+      return e.add(L.copy(t).multiplyScalar(d)).add(a.multiplyScalar(1 - s));
     }
   }
   _updateNearPlaneCorners() {
@@ -1664,8 +1665,8 @@ class $ extends Yt {
       r.applyMatrix4(we);
       const o = G.addVectors(this._target, r);
       de.set(o, s), de.far = this._spherical.radius + 1;
-      const n = de.intersectObjects(this.colliderMeshes);
-      n.length !== 0 && n[0].distance < e && (e = n[0].distance);
+      const a = de.intersectObjects(this.colliderMeshes);
+      a.length !== 0 && a[0].distance < e && (e = a[0].distance);
     }
     return e;
   }
@@ -1738,10 +1739,10 @@ class $ extends Yt {
     let r = 0;
     return e.traverseVisible((o) => {
       if (!o.isMesh) return;
-      const n = o;
-      if (!n.geometry) return;
-      const h = n.geometry.clone();
-      h.applyMatrix4(n.matrixWorld);
+      const a = o;
+      if (!a.geometry) return;
+      const h = a.geometry.clone();
+      h.applyMatrix4(a.matrixWorld);
       const f = h.attributes.position;
       for (let p = 0, C = f.count; p < C; p++)
         b.fromBufferAttribute(f, p), r = Math.max(r, i.distanceToSquared(b));
@@ -1812,8 +1813,8 @@ A.prototype.emit = function(e) {
     var o;
     if (t.length > 0 && (o = t[0]), o instanceof Error)
       throw o;
-    var n = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
-    throw n.context = o, n;
+    var a = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
+    throw a.context = o, a;
   }
   var h = r[e];
   if (h === void 0)
@@ -1835,8 +1836,8 @@ function ot(l, e, t, s) {
     o = r[e] = t, ++l._eventsCount;
   else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = rt(l), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
-    var n = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    n.name = "MaxListenersExceededWarning", n.emitter = l, n.type = e, n.count = o.length, Wt(n);
+    var a = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
+    a.name = "MaxListenersExceededWarning", a.emitter = l, a.type = e, a.count = o.length, Wt(a);
   }
   return l;
 }
@@ -1862,7 +1863,7 @@ A.prototype.prependOnceListener = function(e, t) {
   return _e(t), this.prependListener(e, nt(this, e, t)), this;
 };
 A.prototype.removeListener = function(e, t) {
-  var s, i, r, o, n;
+  var s, i, r, o, a;
   if (_e(t), i = this._events, i === void 0)
     return this;
   if (s = i[e], s === void 0)
@@ -1872,12 +1873,12 @@ A.prototype.removeListener = function(e, t) {
   else if (typeof s != "function") {
     for (r = -1, o = s.length - 1; o >= 0; o--)
       if (s[o] === t || s[o].listener === t) {
-        n = s[o].listener, r = o;
+        a = s[o].listener, r = o;
         break;
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : Kt(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
+    r === 0 ? s.shift() : Kt(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, a || t);
   }
   return this;
 };
@@ -1990,7 +1991,7 @@ class Jt {
     const { width: t, height: s, rendererParams: i } = e, {
       alpha: r,
       devicePixelRatio: o,
-      antialias: n,
+      antialias: a,
       powerPreference: h,
       toneMappingExposure: d,
       outputColorSpace: f,
@@ -2000,7 +2001,7 @@ class Jt {
       depth: m
     } = i, u = new O.WebGLRenderer({
       alpha: r,
-      antialias: n,
+      antialias: a,
       powerPreference: h,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: C,
@@ -2020,17 +2021,17 @@ class Jt {
   }
   setViewport(e) {
     var h, d;
-    const { x: t, y: s, width: i, height: r } = e, o = (h = e.scissor) != null ? h : !1, n = (d = e.scissorTest) != null ? d : !1;
-    this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(n));
+    const { x: t, y: s, width: i, height: r } = e, o = (h = e.scissor) != null ? h : !1, a = (d = e.scissorTest) != null ? d : !1;
+    this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(a));
   }
   setViewPadding(e = 0, t = 0, s = 0, i = 0) {
-    const { width: r, height: o } = this.renderer.getSize(new O.Vector2()), n = {
+    const { width: r, height: o } = this.renderer.getSize(new O.Vector2()), a = {
       x: i,
       y: s,
       width: r - i - t,
       height: o - e - s
     };
-    this.setViewport(n);
+    this.setViewport(a);
   }
   dispose() {
     var e, t;
@@ -2044,8 +2045,8 @@ const es = {
 class ts {
   constructor(e) {
     this.options = e;
-    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, h = new r({
-      antialias: n
+    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: a } = i, h = new r({
+      antialias: a
     });
     h.setSize(t, s), h.setPixelRatio(o), this.renderer = h;
   }
@@ -2133,7 +2134,7 @@ class is extends ne {
     return this.controller;
   }
   addPerspectiveCamera(e = dt, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: n } = e, h = n != null ? n : this.width / this.height, d = new O.PerspectiveCamera(s, h, r, i);
+    const { fov: s, far: i, near: r, up: o, aspect: a } = e, h = a != null ? a : this.width / this.height, d = new O.PerspectiveCamera(s, h, r, i);
     return d.up = o, this.addController(d, t);
   }
   setPageActive(e) {
@@ -2200,7 +2201,7 @@ class is extends ne {
         s[7],
         s[11],
         s[15]
-      ), { width: n, height: h } = this, d = n / h;
+      ), { width: a, height: h } = this, d = a / h;
       (this.camera.fov !== t.fov || this.camera.aspect !== d || !this.camera.matrixWorld.equals(r) || !this.camera.matrixWorldInverse.equals(o)) && (this.camera.fov = t.fov, this.camera.updateProjectionMatrix(), this.camera.matrixAutoUpdate = !1, this.camera.matrixWorld.copy(r), this.camera.matrixWorldInverse.copy(o), this.camera.aspect = d, this.camera.updateProjectionMatrix());
     }
   }
@@ -2296,10 +2297,10 @@ class ns {
   update(e, t, s) {
     var r, o;
     const { cameraController: i } = this.options;
-    Object.values(this.helpers).forEach((n) => {
-      if (n.update && n.update(), n instanceof O.Box3Helper) {
-        const h = n.material, { object: d } = h.userData;
-        d && n.box.setFromObject(d, !0);
+    Object.values(this.helpers).forEach((a) => {
+      if (a.update && a.update(), a instanceof O.Box3Helper) {
+        const h = a.material, { object: d } = h.userData;
+        d && a.box.setFromObject(d, !0);
       }
     }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
       ...i.camera.position.toArray()
@@ -2361,13 +2362,13 @@ class hs {
     if (r.getHelper) {
       const o = r.getHelper();
       if (s.add(o), +O.REVISION < 170) {
-        const n = r._root;
-        n.dispose = () => {
-          n.traverse((h) => {
+        const a = r._root;
+        a.dispose = () => {
+          a.traverse((h) => {
             h.geometry && h.geometry.dispose(), h.material && h.material.dispose();
           });
         }, r.dispose = () => {
-          r.disconnect(), n.dispose();
+          r.disconnect(), a.dispose();
         };
       }
     } else r instanceof O.Object3D && s.add(r);
@@ -2430,7 +2431,7 @@ class ds {
   constructor(e = {}) {
     const t = this;
     let s, i, r, o;
-    const n = {
+    const a = {
       camera: { style: "" },
       objects: /* @__PURE__ */ new WeakMap()
     }, h = e.element !== void 0 ? e.element : document.createElement("div");
@@ -2443,33 +2444,33 @@ class ds {
         width: s,
         height: i
       };
-    }, this.render = function(g, a) {
-      const _ = a.projectionMatrix.elements[5] * o;
-      a.view && a.view.enabled ? (d.style.transform = `translate( ${-a.view.offsetX * (s / a.view.width)}px, ${-a.view.offsetY * (i / a.view.height)}px )`, d.style.transform += `scale( ${a.view.fullWidth / a.view.width}, ${a.view.fullHeight / a.view.height} )`) : d.style.transform = "", g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), a.parent === null && a.matrixWorldAutoUpdate === !0 && a.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, y;
-      a.isOrthographicCamera && (E = -(a.right + a.left) / 2, y = (a.top + a.bottom) / 2);
-      const w = a.view && a.view.enabled ? a.view.height / a.view.fullHeight : 1, T = a.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + p(E) + "px," + p(y) + "px)" + C(a.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + C(a.matrixWorldInverse), R = (a.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + T + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (f.style.transform = R, n.camera.style = R), u(g, g, a);
-    }, this.setSize = function(g, a) {
-      s = g, i = a, r = s / 2, o = i / 2, h.style.width = g + "px", h.style.height = a + "px", d.style.width = g + "px", d.style.height = a + "px", f.style.width = g + "px", f.style.height = a + "px";
+      n.isOrthographicCamera && (E = -(n.right + n.left) / 2, y = (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(` + _ + ")translate(" + p(E) + "px," + p(y) + "px)" + C(n.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + C(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(g) {
       return Math.abs(g) < 1e-10 ? 0 : g;
     }
     function C(g) {
-      const a = g.elements;
-      return "matrix3d(" + p(a[0]) + "," + p(-a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(a[4]) + "," + p(-a[5]) + "," + p(a[6]) + "," + p(a[7]) + "," + p(a[8]) + "," + p(-a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(-a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")";
+      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(g) {
-      const a = g.elements;
-      return "translate(-50%,-50%)" + ("matrix3d(" + p(a[0]) + "," + p(a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(-a[4]) + "," + p(-a[5]) + "," + p(-a[6]) + "," + p(-a[7]) + "," + p(a[8]) + "," + p(a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")");
+      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(g) {
       g.isCSS3DObject && (g.element.style.display = "none");
-      for (let a = 0, _ = g.children.length; a < _; a++)
-        m(g.children[a]);
+      for (let n = 0, _ = g.children.length; n < _; n++)
+        m(g.children[n]);
     }
-    function u(g, a, _, E) {
+    function u(g, n, _, E) {
       if (g.visible === !1) {
         m(g);
         return;
@@ -2477,20 +2478,20 @@ class ds {
       if (g.isCSS3DObject) {
         const y = g.layers.test(_.layers) === !0, w = g.element;
         if (w.style.display = y === !0 ? "" : "none", y === !0) {
-          g.onBeforeRender(t, a, _);
+          g.onBeforeRender(t, n, _);
           let T;
           g.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), g.rotation2D !== 0 && I.multiply(cs.makeRotationZ(g.rotation2D)), g.matrixWorld.decompose(Ze, ls, We), I.setPosition(Ze), I.scale(We), 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 = n.objects.get(g);
+          const P = a.objects.get(g);
           if (P === void 0 || P.style !== T) {
             w.style.transform = T;
             const R = { style: T };
-            n.objects.set(g, R);
+            a.objects.set(g, R);
           }
-          w.parentNode !== f && f.appendChild(w), g.onAfterRender(t, a, _);
+          w.parentNode !== f && f.appendChild(w), g.onAfterRender(t, n, _);
         }
       }
       for (let y = 0, w = g.children.length; y < w; y++)
-        u(g.children[y], a, _);
+        u(g.children[y], n, _);
     }
   }
 }
@@ -2504,7 +2505,7 @@ class ps {
   constructor(e = {}) {
     const t = this;
     let s, i, r, o;
-    const n = {
+    const a = {
       objects: /* @__PURE__ */ new WeakMap()
     }, h = e.element !== void 0 ? e.element : document.createElement("div");
     h.style.overflow = "hidden", this.domElement = h, this.getSize = function() {
@@ -2529,15 +2530,15 @@ class ps {
       }
       if (m.isCSS2DObject) {
         X.setFromMatrixPosition(m.matrixWorld), X.applyMatrix4(Ke);
-        const a = X.z >= -1 && X.z <= 1 && m.layers.test(g.layers) === !0, _ = m.element;
-        _.style.display = a === !0 ? "" : "none", a === !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 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(g, m)
         };
-        n.objects.set(m, E);
+        a.objects.set(m, E);
       }
-      for (let a = 0, _ = m.children.length; a < _; a++)
-        f(m.children[a], u, g);
+      for (let n = 0, _ = m.children.length; n < _; n++)
+        f(m.children[n], u, g);
     }
     function p(m, u) {
       return Xe.setFromMatrixPosition(m.matrixWorld), qe.setFromMatrixPosition(u.matrixWorld), Xe.distanceToSquared(qe);
@@ -2549,14 +2550,14 @@ class ps {
       }), u;
     }
     function v(m) {
-      const u = C(m).sort(function(a, _) {
-        if (a.renderOrder !== _.renderOrder)
-          return _.renderOrder - a.renderOrder;
-        const E = n.objects.get(a).distanceToCameraSquared, y = n.objects.get(_).distanceToCameraSquared;
+      const u = C(m).sort(function(n, _) {
+        if (n.renderOrder !== _.renderOrder)
+          return _.renderOrder - n.renderOrder;
+        const E = a.objects.get(n).distanceToCameraSquared, y = a.objects.get(_).distanceToCameraSquared;
         return E - y;
       }), g = u.length;
-      for (let a = 0, _ = u.length; a < _; a++)
-        u[a].element.style.zIndex = g - a;
+      for (let n = 0, _ = u.length; n < _; n++)
+        u[n].element.style.zIndex = g - n;
     }
   }
 }
@@ -2765,13 +2766,13 @@ class bs {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: h } = o.capabilities, d = o.getDrawingBufferSize(
+    const { multisampling: a } = r, { maxSamples: h } = o.capabilities, d = o.getDrawingBufferSize(
       new O.Vector2()
     ), f = new O.WebGLRenderTarget(
       d.width,
       d.height,
       {
-        samples: Math.min(n, h),
+        samples: Math.min(a, h),
         type: O.HalfFloatType
       }
     ), p = new Me(o, f), C = this.getSize();
@@ -2800,19 +2801,19 @@ class bs {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
   addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new O.Vector2()), o = r.width, n = r.height, h = new kt(t, s, o, n);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new O.Vector2()), o = r.width, a = r.height, h = new kt(t, s, o, a);
     h.kernelRadius = e.kernelRadius, h.minDistance = e.minDistance, h.maxDistance = e.maxDistance, this.ssaoPass = h, this.finalComposer.addPass(h);
   }
   addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new Ht(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, a = new Ht(
       new O.Vector2(window.innerWidth, window.innerHeight),
       i,
       r,
       s
     );
-    this.bloomPass = n;
+    this.bloomPass = a;
     const h = new Me(t);
-    h.renderToScreen = !1, h.addPass(this.renderPass), h.addPass(n), this.bloomComposer = h;
+    h.renderToScreen = !1, h.addPass(this.renderPass), h.addPass(a), this.bloomComposer = h;
     const d = _s(h);
     d.uniforms.bloomAlphaType.value = o, this.bloomComposer = h, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(be);
   }
@@ -2847,8 +2848,8 @@ class bs {
     }), t.forEach((s) => {
       s.traverse((i) => {
         var h;
-        const r = i, o = i, n = i;
-        (h = r.material) != null && h.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Cs : o.material = Es : r.material instanceof tt ? r.material = Os : n.isPoints ? n.material.sizeAttenuation ? n.material = ys : n.material = vs : r.material = gs);
+        const r = i, o = i, a = i;
+        (h = r.material) != null && h.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Cs : o.material = Es : r.material instanceof tt ? r.material = Os : a.isPoints ? a.material.sizeAttenuation ? a.material = ys : a.material = vs : r.material = gs);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2902,8 +2903,8 @@ class Qe extends O.Loader {
   load(e, t, s, i) {
     let r, o;
     this.options.type === "image" ? (o = document.createElement("img"), r = new O.Texture(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new O.VideoTexture(o)) : r = new O.Texture();
-    const n = new O.FileLoader(this.manager);
-    return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
+    const a = new O.FileLoader(this.manager);
+    return a.setResponseType("blob"), a.setRequestHeader(this.requestHeader), a.setPath(this.path), a.setWithCredentials(this.withCredentials), a.load(
       e,
       (h) => {
         let d = h;
@@ -2934,7 +2935,7 @@ class Ps extends O.Loader {
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
-        const n = o, h = new DecompressionStream("gzip"), d = n.stream().pipeThrough(h);
+        const a = o, h = new DecompressionStream("gzip"), d = a.stream().pipeThrough(h);
         new Response(d).json().then((p) => {
           t == null || t(p);
         }).catch((p) => {
@@ -3050,8 +3051,8 @@ class Ss {
   }
   load(e, t) {
     return J(this, null, function* () {
-      var n, h;
-      const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
+      var a, h;
+      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 = Bt();
@@ -3161,15 +3162,15 @@ class Rs {
       if (!this.enabled)
         return;
       r.preventDefault();
-      const o = e === "move" ? t : s, n = [];
+      const o = e === "move" ? t : s, a = [];
       if (this.pickFunctionsMap.forEach((m) => {
-        o.has(m.type) && n.push(Q(z({}, m), {
+        o.has(m.type) && a.push(Q(z({}, m), {
           objArr: m.objArr instanceof Function ? m.objArr() : m.objArr
         }));
-      }), n.length === 0) return;
+      }), a.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear();
       const h = this.objCallbackMap, d = [];
-      for (const m of n)
+      for (const m of a)
         for (const u of m.objArr) {
           if (!u.object3d || !u.visibleWithAncestors) continue;
           h.has(u) || (h.set(u, /* @__PURE__ */ new Map()), d.push(u));
@@ -3207,8 +3208,8 @@ class Rs {
     const i = this.objCallbackMap, r = e.index || -1;
     let o = e.object;
     for (; o; ) {
-      const n = this.pencil.lead.objMap.get(o);
-      n && i.has(n) && this.activeObjects.add(n), o = o.parent;
+      const a = this.pencil.lead.objMap.get(o);
+      a && i.has(a) && this.activeObjects.add(a), o = o.parent;
     }
     s === "move" ? this.handleLeaveEvents(t) : s === "down" && this.handleDownOutside(t), this.processObjectHierarchy(t, s, r);
   }
@@ -3218,16 +3219,16 @@ class Rs {
     const o = () => {
       r = !0;
     };
-    for (const n of this.activeObjects) {
+    for (const a of this.activeObjects) {
       if (r) break;
-      const h = i.get(n);
+      const h = i.get(a);
       if (h)
         if (t === "move") {
           const d = h.get("enter");
-          if (d && !this.prevActiveObjects.has(n))
+          if (d && !this.prevActiveObjects.has(a))
             for (const p of d)
               p({
-                baseObject: n,
+                baseObject: a,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
@@ -3236,7 +3237,7 @@ class Rs {
           if (f)
             for (const p of f)
               p({
-                baseObject: n,
+                baseObject: a,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
@@ -3246,7 +3247,7 @@ class Rs {
           if (d)
             for (const p of d)
               p({
-                baseObject: n,
+                baseObject: a,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
@@ -3259,7 +3260,7 @@ class Rs {
               if (!r && Math.abs(C.clientX - e.clientX) <= v && Math.abs(C.clientY - e.clientY) <= v)
                 for (const m of f)
                   m({
-                    baseObject: n,
+                    baseObject: a,
                     mouseEvent: e,
                     sp: o,
                     intersectionIndex: s
@@ -3298,9 +3299,9 @@ class Rs {
     i === "mousemove" ? i = "move" : i === "mouseenter" ? i = "enter" : i === "mouseleave" && (i = "leave"), this.pickFunctionsMapIndex += 1;
     const r = this.pickFunctionsMapIndex;
     return this.pickFunctionsMap.set(r, { objArr: e, type: i, cb: s }), this.pickListener.move || Array.from(this.pickFunctionsMap.values()).some(
-      (n) => ["move", "enter", "leave"].includes(n.type)
+      (a) => ["move", "enter", "leave"].includes(a.type)
     ) && (this.pickListener.move = !0, this.addPickListener("move")), this.pickListener.down || Array.from(this.pickFunctionsMap.values()).some(
-      (n) => ["down", "downOutside", "click"].includes(n.type)
+      (a) => ["down", "downOutside", "click"].includes(a.type)
     ) && (this.pickListener.down = !0, this.addPickListener("down")), r;
   }
   removePick(e) {
@@ -3311,8 +3312,8 @@ class Rs {
       return console.warn("handlePickNode:err:不支持 downOutside"), -1;
     this.pickNodeFunctionsMapIndex += 1;
     const i = this.pickNodeFunctionsMapIndex, r = e instanceof Function ? e() : e, o = [];
-    for (const n of r) {
-      const h = n;
+    for (const a of r) {
+      const h = a;
       h.element.style.pointerEvents = "auto";
       const d = (p) => {
         this.enabled && (p.preventDefault(), s({
@@ -3367,17 +3368,17 @@ class Us extends Rs {
   getAllObject(e, t) {
     e.includes("#") && console.warn("getAllObject:err:不支持 #", e);
     const { key: s } = t || {}, i = `${e}${s ? `#${s}` : ""}`, r = [];
-    return this.objects.forEach((o, n) => {
-      (n.startsWith(s ? i : `${i}#`) || n === i) && r.push(o);
+    return this.objects.forEach((o, a) => {
+      (a.startsWith(s ? i : `${i}#`) || a === i) && r.push(o);
     }), r;
   }
   draw(e, t, s) {
     return J(this, null, function* () {
-      var r, o, n, h;
+      var r, o, a, h;
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const d = t.target, f = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, C = (n = t.create) != null ? n : !0, v = new i().create(t);
+        const d = t.target, f = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, C = (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, C === !1 ? v.create = () => {
         } : C !== !0 && (v.create = () => {
@@ -3398,17 +3399,17 @@ class Us extends Rs {
     const i = e.objectType, [, r] = i.split("#");
     let o = t.replace("$t:", r);
     if (s) {
-      const [, n] = s.split("#");
-      o = o.replace("$p:", n);
+      const [, a] = s.split("#");
+      o = o.replace("$p:", a);
     }
     return this.objects.has(o) && (o.includes("#") ? o += `-${Ue()}` : o += `#${Ue()}`), e.key = o, this.objects.set(o, e), o;
   }
   updateBaseObjectKey(e, t) {
     var o;
     let s;
-    for (const [n, h] of this.objects.entries())
+    for (const [a, h] of this.objects.entries())
       if (h === e) {
-        s = n;
+        s = a;
         break;
       }
     const i = (o = e.parent) == null ? void 0 : o.key;
@@ -3504,10 +3505,10 @@ const ue = class ue {
       transformControls: i
     } = this.options;
     if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), i && this.initTransformControls(), s) {
-      const n = new bt({
+      const a = new bt({
         horizontal: !1
       });
-      n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
+      a.dom.style.position = "absolute", a.init(this.renderer), t.appendChild(a.dom), this.stats = a;
     }
     this.initResizeObserver(), this.tweenUpdateRaf();
   }
@@ -3567,7 +3568,7 @@ const ue = class ue {
     this.sceneController.setPageActive(e), t && ((s = this.cssRendererController) == null || s.render(t, this.camera)), this.cameraController.setPageActive(e), this.controlsController.setPageActive(e), this.loaderController.setPageActive(e), this.leadController.setPageActive(e), this.pageActiveIndex = e;
   }
   init() {
-    var a;
+    var n;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3575,7 +3576,7 @@ const ue = class ue {
       viewHelper: i,
       renderer: r,
       controls: o,
-      loader: n
+      loader: a
     } = this.options, { width: h, height: d } = this.getSize(), f = t ? new ts({
       width: h,
       height: d,
@@ -3592,12 +3593,12 @@ const ue = class ue {
       height: d
     }), C = new os({}), v = new as({
       controlsParams: {
-        domElement: (a = o == null ? void 0 : o.domElement) != null ? a : f.renderer.domElement
+        domElement: (n = o == null ? void 0 : o.domElement) != null ? n : f.renderer.domElement
       }
     }), m = new Ms({
       loaderParams: z({
         anisotropy: f.renderer.capabilities.getMaxAnisotropy()
-      }, n)
+      }, a)
     }), u = new zs({
       pencil: this
     });
@@ -3681,16 +3682,16 @@ const ue = class ue {
       rendererController: i,
       cameraController: r,
       composerController: o,
-      cssRendererController: n,
+      cssRendererController: a,
       leadController: h
     } = this, d = this.renderer.getSize(new O.Vector2());
-    d.x === e && d.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), h.setSize(e, t), this.installPlugins.forEach((f) => {
+    d.x === e && d.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), a == null || a.setSize(e, t), h.setSize(e, t), this.installPlugins.forEach((f) => {
       var p;
       (p = f.setSize) == null || p.call(f, e, t);
     }), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
-    var n;
+    var a;
     this.userSetDprCache = e;
     const { width: t, height: s } = this.getSize();
     let i = Math.sqrt(this.maxBackufferArea / (t * s));
@@ -3703,12 +3704,12 @@ const ue = class ue {
       r
     );
     const o = this.renderer.getPixelRatio();
-    r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r));
+    r !== o && (this.rendererController.setPixelRatio(r), (a = this.composerController) == null || a.setPixelRatio(r));
   }
   pick(e, t, s = !0) {
-    const { raycaster: i, options: r } = this, { container: o } = r, n = new O.Vector2(), h = o.getBoundingClientRect();
-    if (n.x = (e.clientX - h.left) / (h.right - h.left) * 2 - 1, n.y = -((e.clientY - h.top) / (h.bottom - h.top)) * 2 + 1, this.camera && this.scene) {
-      i.setFromCamera(n, this.camera);
+    const { raycaster: i, options: r } = this, { container: o } = r, a = new O.Vector2(), h = o.getBoundingClientRect();
+    if (a.x = (e.clientX - h.left) / (h.right - h.left) * 2 - 1, a.y = -((e.clientY - h.top) / (h.bottom - h.top)) * 2 + 1, this.camera && this.scene) {
+      i.setFromCamera(a, this.camera);
       const d = i.intersectObjects(
         t || this.scene.children,
         s
@@ -3722,7 +3723,7 @@ const ue = class ue {
     }
   }
   render() {
-    var s, i, r, o, n, h;
+    var s, i, r, o, a, h;
     if (!this.camera || !this.scene)
       return;
     this.timer.update(), ye.update();
@@ -3734,7 +3735,7 @@ const ue = class ue {
       e,
       this.controlsController,
       this.cameraTarget
-    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (h = this.stats) == null || h.update(), this.event.emit("render", { delta: e, elapsed: t });
+    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (a = this.cssRendererController) == null || a.render(this.scene, this.camera), (h = this.stats) == null || h.update(), this.event.emit("render", { delta: e, elapsed: t });
   }
   start() {
     window.cancelAnimationFrame(this.TweenRaf), this.renderer.setAnimationLoop(this.render.bind(this)), this.event.emit("start");
@@ -3772,11 +3773,11 @@ const ue = class ue {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, h, d, f, p, C, v;
+    var e, t, s, i, r, o, a, h, d, f, p, C, v;
     this.stop(), this.timer.dispose(), ye.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((m) => {
       var u;
       (u = m.dispose) == null || u.call(m);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (h = this.composerController) == null || h.dispose(), (d = this.rendererController) == null || d.dispose(), (f = this.loaderController) == null || f.dispose(), (p = this.leadController) == null || p.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (C = this.stats) == null || C.dom.remove(), (v = this.renderer) == null || v.domElement.remove();
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (a = this.helperController) == null || a.dispose(), (h = this.composerController) == null || h.dispose(), (d = this.rendererController) == null || d.dispose(), (f = this.loaderController) == null || f.dispose(), (p = this.leadController) == null || p.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (C = this.stats) == null || C.dom.remove(), (v = this.renderer) == null || v.domElement.remove();
   }
 };
 ue.options = {
@@ -3800,11 +3801,11 @@ ue.options = {
   css3DRendererParams: z({}, $e)
 };
 let et = ue;
-const fi = $.ACTION;
+const _i = $.ACTION;
 export {
   Mt as BaseObject,
   et as Pencil,
   At as ResourceTracker,
-  fi as cameraControlsAction,
+  _i as cameraControlsAction,
   et as default
 };