gl-draw 0.16.0-beta.1 → 0.16.0-beta.3

package/dist/index.module.js

@@ -14,14 +14,14 @@ var se = (h, e, t) => new Promise((s, i) => {
   var r = (a) => {
     try {
       n(t.next(a));
-    } catch (c) {
-      i(c);
+    } catch (d) {
+      i(d);
     }
   }, o = (a) => {
     try {
       n(t.throw(a));
-    } catch (c) {
-      i(c);
+    } catch (d) {
+      i(d);
     }
   }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(h, e)).next());
@@ -61,7 +61,7 @@ const M = {
   LEFT: 1,
   RIGHT: 2,
   MIDDLE: 4
-}, d = Object.freeze({
+}, c = Object.freeze({
   NONE: 0,
   ROTATE: 1,
   TRUCK: 2,
@@ -116,26 +116,26 @@ function oe(h) {
 function ce(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
   const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
-  let c = h - e;
-  const f = e, p = i * s;
-  c = k(c, -p, p), e = h - c;
-  const v = (t.value + o * c) * r;
+  let d = h - e;
+  const m = e, p = i * s;
+  d = k(d, -p, p), e = h - d;
+  const v = (t.value + o * d) * r;
   t.value = (t.value - o * v) * a;
-  let m = e + (c + v) * a;
-  return f - h > 0 == m > f && (m = f, t.value = (m - f) / r), m;
+  let u = e + (d + v) * a;
+  return m - h > 0 == u > m && (u = m, t.value = (u - m) / r), u;
 }
 function Be(h, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let f = e.x, p = e.y, v = e.z, m = h.x - f, u = h.y - p, g = h.z - v;
-  const y = f, l = p, _ = v, O = i * s, C = O * O, w = m * m + u * u + g * g;
+  const n = 2 / s, a = n * r, d = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
+  let m = e.x, p = e.y, v = e.z, u = h.x - m, f = h.y - p, g = h.z - v;
+  const y = m, l = p, _ = v, O = i * s, C = O * O, w = u * u + f * f + g * g;
   if (w > C) {
     const ve = Math.sqrt(w);
-    m = m / ve * O, u = u / ve * O, g = g / ve * O;
+    u = u / ve * O, f = f / ve * O, g = g / ve * O;
   }
-  f = h.x - m, p = h.y - u, v = h.z - g;
-  const E = (t.x + n * m) * r, x = (t.y + n * u) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * c, t.y = (t.y - n * x) * c, t.z = (t.z - n * R) * c, o.x = f + (m + E) * c, o.y = p + (u + x) * c, o.z = v + (g + R) * c;
+  m = h.x - u, p = h.y - f, v = h.z - g;
+  const E = (t.x + n * u) * r, x = (t.y + n * f) * r, R = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * d, t.y = (t.y - n * x) * d, t.z = (t.z - n * R) * d, o.x = m + (u + E) * d, o.y = p + (f + x) * d, o.z = v + (g + R) * d;
   const V = y - h.x, le = l - h.y, bt = _ - h.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - _;
   return V * xt + le * Lt + bt * Pt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
@@ -222,7 +222,7 @@ class J extends ws {
    * @category Statics
    */
   static get ACTION() {
-    return d;
+    return c;
   }
   /**
    * Creates a `CameraControls` instance.
@@ -243,7 +243,7 @@ class J extends ws {
    */
   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 = d.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 = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, 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 = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
       let w, E;
       if (Y(this._camera)) {
         const x = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
@@ -282,7 +282,7 @@ class J extends ws {
     ), this._camera = e, this._yAxisUpSpace = new T.Quaternion().setFromUnitVectors(
       this._camera.up,
       pe
-    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
+    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = c.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
       b.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
     ), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
       new T.Vector3(),
@@ -293,14 +293,14 @@ class J extends ws {
       new T.Vector3(-1 / 0, -1 / 0, -1 / 0),
       new T.Vector3(1 / 0, 1 / 0, 1 / 0)
     ), this._cameraUp0 = this._camera.up.clone(), this._target0 = this._target.clone(), this._position0 = this._camera.position.clone(), this._zoom0 = this._zoom, this._focalOffset0 = this._focalOffset.clone(), this._dollyControlCoord = new T.Vector2(), this.mouseButtons = {
-      left: d.ROTATE,
-      middle: d.DOLLY,
-      right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
+      left: c.ROTATE,
+      middle: c.DOLLY,
+      right: c.TRUCK,
+      wheel: Y(this._camera) ? c.DOLLY : H(this._camera) ? c.ZOOM : c.NONE
     }, this.touches = {
-      one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
-      three: d.TOUCH_TRUCK
+      one: c.TOUCH_ROTATE,
+      two: Y(this._camera) ? c.TOUCH_DOLLY_TRUCK : H(this._camera) ? c.TOUCH_ZOOM_TRUCK : c.NONE,
+      three: c.TOUCH_TRUCK
     };
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
@@ -354,7 +354,7 @@ class J extends ws {
           }
         else
           (!this._isDragging && this._lockedPointer || this._isDragging && (l.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        m();
+        u();
       }
     }, a = (l) => {
       const _ = this._findPointerById(l.pointerId);
@@ -362,7 +362,7 @@ class J extends ws {
         if (_ && this._disposePointer(_), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
-              this._state = d.NONE;
+              this._state = c.NONE;
               break;
             case 1:
               this._state = this.touches.one;
@@ -375,45 +375,45 @@ class J extends ws {
               break;
           }
         else
-          this._state = d.NONE;
-        u();
+          this._state = c.NONE;
+        f();
       }
     };
-    let c = -1;
-    const f = (l) => {
-      if (!this._domElement || !this._enabled || this.mouseButtons.wheel === d.NONE) return;
+    let d = -1;
+    const m = (l) => {
+      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 E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
         if (x < this._interactiveArea.left || x > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
           return;
       }
-      if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === d.ROTATE || this.mouseButtons.wheel === d.TRUCK) {
+      if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
         const E = performance.now();
-        c - E < 1e3 && this._getClientRect(this._elementRect), c = E;
+        d - E < 1e3 && this._getClientRect(this._elementRect), d = E;
       }
       const _ = bs ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), C = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
-        case d.ROTATE: {
+        case c.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
           break;
         }
-        case d.TRUCK: {
+        case c.TRUCK: {
           this._truckInternal(l.deltaX, l.deltaY, !1, !1), this._isUserControllingTruck = !0;
           break;
         }
-        case d.SCREEN_PAN: {
+        case c.SCREEN_PAN: {
           this._truckInternal(l.deltaX, l.deltaY, !1, !0), this._isUserControllingTruck = !0;
           break;
         }
-        case d.OFFSET: {
+        case c.OFFSET: {
           this._truckInternal(l.deltaX, l.deltaY, !0, !1), this._isUserControllingOffset = !0;
           break;
         }
-        case d.DOLLY: {
+        case c.DOLLY: {
           this._dollyInternal(-O, C, w), this._isUserControllingDolly = !0;
           break;
         }
-        case d.ZOOM: {
+        case c.ZOOM: {
           this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
           break;
         }
@@ -459,14 +459,14 @@ class J extends ws {
         }
       else
         !this._lockedPointer && (l.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-      ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.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 & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, m = () => {
+      ((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" });
+    }, u = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
       const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = _ ? -_.deltaX : i.x - D.x, C = _ ? -_.deltaY : i.y - D.y;
-      if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
+      if (i.copy(D), ((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(O, 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, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
-        (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
+        (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
           x * C * de,
           w,
           E
@@ -476,14 +476,14 @@ class J extends ws {
           E
         ), this._isUserControllingZoom = !0);
       }
-      if ((this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) {
+      if ((this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) {
         const w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(w * w + E * E), R = r.y - x;
         r.set(0, x);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
-        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
+        (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (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._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, u = () => {
+      ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !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._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
+    }, f = () => {
       Ee(this._activePointers, D), i.copy(D), 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,
@@ -535,11 +535,11 @@ class J extends ws {
       this.unlockPointer();
     };
     this._addAllEventListeners = (l) => {
-      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", f, {
+      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", m, {
         passive: !1
       }), this._domElement.addEventListener("contextmenu", p);
     }, this._removeAllEventListeners = () => {
-      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", f, {
+      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", m, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -556,7 +556,7 @@ class J extends ws {
         y
       ));
     }, this.cancel = () => {
-      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
+      this._state !== c.NONE && (this._state = c.NONE, this._activePointers.length = 0, f());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -981,17 +981,17 @@ class J extends ws {
     paddingBottom: o = 0,
     paddingTop: n = 0
   } = {}) {
-    const a = [], c = e.isBox3 ? X.copy(e) : X.setFromObject(e);
-    c.isEmpty() && (console.warn(
+    const a = [], d = e.isBox3 ? X.copy(e) : X.setFromObject(e);
+    d.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const f = He(this._sphericalEnd.theta, je), p = He(this._sphericalEnd.phi, je);
-    a.push(this.rotateTo(f, p, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), m = Ke.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
-    u && m.multiply(xe.setFromAxisAngle(pe, f)), m.multiply(this._yAxisUpSpaceInverse);
+    const m = He(this._sphericalEnd.theta, je), p = He(this._sphericalEnd.phi, je);
+    a.push(this.rotateTo(m, p, t));
+    const v = b.setFromSpherical(this._sphericalEnd).normalize(), u = Ke.setFromUnitVectors(v, we), f = P(Math.abs(v.y), 1);
+    f && u.multiply(xe.setFromAxisAngle(pe, m)), u.multiply(this._yAxisUpSpaceInverse);
     const g = We.makeEmpty();
-    L.copy(c.min).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).applyQuaternion(m), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, m.setFromUnitVectors(we, v), u && m.premultiply(xe.invert()), m.premultiply(this._yAxisUpSpace);
-    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(m);
+    L.copy(d.min).applyQuaternion(u), g.expandByPoint(L), L.copy(d.min).setX(d.max.x).applyQuaternion(u), g.expandByPoint(L), L.copy(d.min).setY(d.max.y).applyQuaternion(u), g.expandByPoint(L), L.copy(d.max).setZ(d.min.z).applyQuaternion(u), g.expandByPoint(L), L.copy(d.min).setZ(d.max.z).applyQuaternion(u), g.expandByPoint(L), L.copy(d.max).setY(d.min.y).applyQuaternion(u), g.expandByPoint(L), L.copy(d.max).setX(d.min.x).applyQuaternion(u), g.expandByPoint(L), L.copy(d.max).applyQuaternion(u), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, u.setFromUnitVectors(we, v), f && u.premultiply(xe.invert()), u.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(u);
     if (Y(this._camera)) {
       const _ = this.getDistanceToFitBox(
         y.x,
@@ -1029,8 +1029,8 @@ class J extends ws {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
     } else if (H(this._camera)) {
-      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, c = Math.min(o / a, n / a);
-      s.push(this.zoomTo(c, t));
+      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, d = Math.min(o / a, n / a);
+      s.push(this.zoomTo(d, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
   }
@@ -1047,11 +1047,11 @@ class J extends ws {
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const a = L.set(i, r, o), c = b.set(e, t, s);
+    const a = L.set(i, r, o), d = b.set(e, t, s);
     this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
-      c.sub(a).applyQuaternion(this._yAxisUpSpace)
+      d.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const f = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    const m = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1064,7 +1064,7 @@ class J extends ws {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(f);
+    return this._createOnRestPromise(m);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1084,23 +1084,23 @@ class J extends ws {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, c, f, p, v, m, u = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, d, m, p, v, u, f = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
     const g = b.set(i, r, o), y = L.set(e, t, s);
     z.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(f, p, v), _ = L.set(n, a, c);
+    const l = G.set(m, p, v), _ = L.set(n, a, d);
     ae.setFromVector3(
       _.sub(l).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(g.lerp(l, m));
+    ), this._targetEnd.copy(g.lerp(l, u));
     const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
     this._sphericalEnd.set(
-      z.radius + w * m,
-      z.phi + C * m,
-      z.theta + O * m
-    ), this.normalizeRotations(), this._needsUpdate = !0, u || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const E = !u || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+      z.radius + w * u,
+      z.phi + C * u,
+      z.theta + O * u
+    ), this.normalizeRotations(), this._needsUpdate = !0, f || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const E = !f || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1454,10 +1454,10 @@ class J extends ws {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, v = this._camera, m = this._getCameraDirection(ne), u = b.copy(m).cross(v.up).normalize();
-        u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, m), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
-          u.multiplyScalar(
+        const p = this._spherical.radius - this._lastDistance, v = this._camera, u = this._getCameraDirection(ne), f = b.copy(u).cross(v.up).normalize();
+        f.lengthSq() === 0 && (f.x = 1);
+        const g = L.crossVectors(f, u), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
+          f.multiplyScalar(
             this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
@@ -1465,18 +1465,18 @@ class J extends ws {
         ), C = b.copy(this._targetEnd).lerp(O, _), w = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
         if (this.infinityDolly && (w || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const R = L.copy(m).multiplyScalar(-p);
+          const R = L.copy(u).multiplyScalar(-p);
           C.add(R);
         }
         this._boundary.clampPoint(C, C);
         const x = L.subVectors(C, this._targetEnd);
         this._targetEnd.copy(C), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
       } else if (H(this._camera) && this._changedZoom !== 0) {
-        const p = this._zoom - this._lastZoom, v = this._camera, m = b.set(
+        const p = this._zoom - this._lastZoom, v = this._camera, u = b.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(m).add(u.multiplyScalar(-m.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
+        ).unproject(v), f = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(u).add(f.multiplyScalar(-u.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
           w - O
         );
         C.sub(E), this._boundary.clampPoint(C, C);
@@ -1491,8 +1491,8 @@ class J extends ws {
       b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       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" }), A(t, this.restThreshold) && A(s, this.restThreshold) && A(i, this.restThreshold) && A(r.x, this.restThreshold) && A(r.y, this.restThreshold) && A(r.z, this.restThreshold) && A(o.x, this.restThreshold) && A(o.y, this.restThreshold) && A(o.z, this.restThreshold) && A(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;
+    const m = this._needsUpdate;
+    return m && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : m ? (this.dispatchEvent({ type: "update" }), A(t, this.restThreshold) && A(s, this.restThreshold) && A(i, this.restThreshold) && A(r.x, this.restThreshold) && A(r.y, this.restThreshold) && A(r.z, this.restThreshold) && A(o.x, this.restThreshold) && A(o.y, this.restThreshold) && A(o.z, this.restThreshold) && A(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !m && 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 = m, this._needsUpdate = !1, m;
   }
   /**
    * Get all state in JSON string
@@ -1598,8 +1598,8 @@ class J extends ws {
     if (s === 0)
       return e.add(t).add(n);
     {
-      const c = 1 + s * a / t.dot(n);
-      return e.add(L.copy(t).multiplyScalar(c)).add(n.multiplyScalar(1 - s));
+      const d = 1 + s * a / t.dot(n);
+      return e.add(L.copy(t).multiplyScalar(d)).add(n.multiplyScalar(1 - s));
     }
   }
   _updateNearPlaneCorners() {
@@ -1701,9 +1701,9 @@ class J extends ws {
       if (!n.geometry) return;
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
-      const f = a.attributes.position;
-      for (let p = 0, v = f.count; p < v; p++)
-        b.fromBufferAttribute(f, p), r = Math.max(r, i.distanceToSquared(b));
+      const m = a.attributes.position;
+      for (let p = 0, v = m.count; p < v; p++)
+        b.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(b));
     }), s.radius = Math.sqrt(r), s;
   }
 }
@@ -1780,8 +1780,8 @@ S.prototype.emit = function(e) {
   if (typeof a == "function")
     $e(a, this, t);
   else
-    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
-      $e(f[s], this, t);
+    for (var d = a.length, m = Et(a, d), s = 0; s < d; ++s)
+      $e(m[s], this, t);
   return !0;
 };
 function yt(h, e, t, s) {
@@ -2005,8 +2005,8 @@ class Ds extends ee {
     return this.controller;
   }
   addPerspectiveCamera(e = wt, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, c = new kt(s, a, r, i);
-    return c.up = o, this.addController(c, t);
+    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, d = new kt(s, a, r, i);
+    return d.up = o, this.addController(d, t);
   }
   setPageActive(e) {
     super.setPageActive(e, (t, s) => {
@@ -2072,8 +2072,8 @@ class Ds extends ee {
         s[7],
         s[11],
         s[15]
-      ), { width: n, height: a } = this, c = n / a;
-      (this.camera.fov !== t.fov || this.camera.aspect !== c || !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 = c, this.camera.updateProjectionMatrix());
+      ), { width: n, height: a } = this, d = n / a;
+      (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());
     }
   }
 }
@@ -2258,23 +2258,23 @@ class Ws {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), f = new Vt(
-      c.width,
-      c.height,
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, d = o.getDrawingBufferSize(new B()), m = new Vt(
+      d.width,
+      d.height,
       {
         samples: Math.min(n, a),
         type: Yt
       }
-    ), p = new ke(o, f), v = this.getSize();
+    ), p = new ke(o, m), v = this.getSize();
     p.setSize(v.width, v.height);
-    const m = new hs(
+    const u = new hs(
       s.scene,
       i.camera
     );
-    p.addPass(m), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = m, i.event.on("pageChange", (u) => {
-      this.changeCamera(u);
-    }), s.event.on("pageChange", (u) => {
-      this.changeScene(u);
+    p.addPass(u), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = u, i.event.on("pageChange", (f) => {
+      this.changeCamera(f);
+    }), s.event.on("pageChange", (f) => {
+      this.changeScene(f);
     });
   }
   changeCamera(e) {
@@ -2304,8 +2304,8 @@ class Ws {
     this.bloomPass = n;
     const a = new ke(t);
     a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
-    const c = Us(a);
-    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Oe);
+    const d = Us(a);
+    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Oe);
   }
   setBloomSelection(e, t) {
     if (!this.bloomComposer) {
@@ -2337,9 +2337,9 @@ class Ws {
       i.isTransformControls || i.isTransformControlsRoot || i.type === "RectAreaLightHelper" ? e.push(i) : t.push(i);
     }), t.forEach((i) => {
       i.traverse((r) => {
-        var c;
+        var d;
         const o = r, n = r, a = r;
-        if ((c = o.material) != null && c.isShadowMaterial)
+        if ((d = o.material) != null && d.isShadowMaterial)
           e.push(o);
         else if (o.material && this.bloomLayer.test(o.layers) === !1) {
           if (o.material.transparent === !0 && (o.material.opacity !== 1 || o.material.alphaMap)) {
@@ -2458,23 +2458,23 @@ class Xs {
       objects: /* @__PURE__ */ new WeakMap()
     }, a = e.element !== void 0 ? e.element : document.createElement("div");
     a.style.overflow = "hidden", this.domElement = a;
-    const c = document.createElement("div");
-    c.style.transformOrigin = "0 0", c.style.pointerEvents = "none", a.appendChild(c);
-    const f = document.createElement("div");
-    f.style.transformStyle = "preserve-3d", c.appendChild(f), this.getSize = function() {
+    const d = document.createElement("div");
+    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", a.appendChild(d);
+    const m = document.createElement("div");
+    m.style.transformStyle = "preserve-3d", d.appendChild(m), this.getSize = function() {
       return {
         width: s,
         height: i
       };
     }, this.render = function(y, l) {
       const _ = l.projectionMatrix.elements[5] * o;
-      l.view && l.view.enabled ? (c.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, c.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : c.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
+      l.view && l.view.enabled ? (d.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, d.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : d.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
       let O, C;
       l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
       const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + p(O) + "px," + p(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (f.style.transform = R, n.camera.style = R), g(y, y, l);
+      n.camera.style !== R && (m.style.transform = R, n.camera.style = R), g(y, y, l);
     }, this.setSize = function(y, l) {
-      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", c.style.width = y + "px", c.style.height = l + "px", f.style.width = y + "px", f.style.height = l + "px";
+      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", d.style.width = y + "px", d.style.height = l + "px", m.style.width = y + "px", m.style.height = l + "px";
     };
     function p(y) {
       return Math.abs(y) < 1e-10 ? 0 : y;
@@ -2483,18 +2483,18 @@ class Xs {
       const l = y.elements;
       return "matrix3d(" + p(l[0]) + "," + p(-l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(l[4]) + "," + p(-l[5]) + "," + p(l[6]) + "," + p(l[7]) + "," + p(l[8]) + "," + p(-l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(-l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")";
     }
-    function m(y) {
+    function u(y) {
       const l = y.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + p(l[0]) + "," + p(l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(-l[4]) + "," + p(-l[5]) + "," + p(-l[6]) + "," + p(-l[7]) + "," + p(l[8]) + "," + p(l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")");
     }
-    function u(y) {
+    function f(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
       for (let l = 0, _ = y.children.length; l < _; l++)
-        u(y.children[l]);
+        f(y.children[l]);
     }
     function g(y, l, _, O) {
       if (y.visible === !1) {
-        u(y);
+        f(y);
         return;
       }
       if (y.isCSS3DObject) {
@@ -2502,14 +2502,14 @@ class Xs {
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, _);
           let E;
-          y.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(qe, $s, Qe), I.setPosition(qe), I.scale(Qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = m(I)) : E = m(y.matrixWorld);
+          y.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(qe, $s, Qe), I.setPosition(qe), I.scale(Qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = u(I)) : E = u(y.matrixWorld);
           const x = n.objects.get(y);
           if (x === void 0 || x.style !== E) {
             w.style.transform = E;
             const R = { style: E };
             n.objects.set(y, R);
           }
-          w.parentNode !== f && f.appendChild(w), y.onAfterRender(t, l, _);
+          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, _);
         }
       }
       for (let C = 0, w = y.children.length; C < w; C++)
@@ -2535,44 +2535,44 @@ class qs {
         width: s,
         height: i
       };
-    }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Je.copy(g.matrixWorldInverse), et.multiplyMatrices(g.projectionMatrix, Je), f(u, u, g), m(u);
-    }, this.setSize = function(u, g) {
-      s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
+    }, this.render = function(f, g) {
+      f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Je.copy(g.matrixWorldInverse), et.multiplyMatrices(g.projectionMatrix, Je), m(f, f, g), u(f);
+    }, this.setSize = function(f, g) {
+      s = f, i = g, r = s / 2, o = i / 2, a.style.width = f + "px", a.style.height = g + "px";
     };
-    function c(u) {
-      u.isCSS2DObject && (u.element.style.display = "none");
-      for (let g = 0, y = u.children.length; g < y; g++)
-        c(u.children[g]);
+    function d(f) {
+      f.isCSS2DObject && (f.element.style.display = "none");
+      for (let g = 0, y = f.children.length; g < y; g++)
+        d(f.children[g]);
     }
-    function f(u, g, y) {
-      if (u.visible === !1) {
-        c(u);
+    function m(f, g, y) {
+      if (f.visible === !1) {
+        d(f);
         return;
       }
-      if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(et);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
-        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
+      if (f.isCSS2DObject) {
+        q.setFromMatrixPosition(f.matrixWorld), q.applyMatrix4(et);
+        const l = q.z >= -1 && q.z <= 1 && f.layers.test(y.layers) === !0, _ = f.element;
+        _.style.display = l === !0 ? "" : "none", l === !0 && (f.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * f.center.x + "%," + -100 * f.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), f.onAfterRender(t, g, y));
         const O = {
-          distanceToCameraSquared: p(y, u)
+          distanceToCameraSquared: p(y, f)
         };
-        n.objects.set(u, O);
+        n.objects.set(f, O);
       }
-      for (let l = 0, _ = u.children.length; l < _; l++)
-        f(u.children[l], g, y);
+      for (let l = 0, _ = f.children.length; l < _; l++)
+        m(f.children[l], g, y);
     }
-    function p(u, g) {
-      return tt.setFromMatrixPosition(u.matrixWorld), st.setFromMatrixPosition(g.matrixWorld), tt.distanceToSquared(st);
+    function p(f, g) {
+      return tt.setFromMatrixPosition(f.matrixWorld), st.setFromMatrixPosition(g.matrixWorld), tt.distanceToSquared(st);
     }
-    function v(u) {
+    function v(f) {
       const g = [];
-      return u.traverseVisible(function(y) {
+      return f.traverseVisible(function(y) {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function m(u) {
-      const g = v(u).sort(function(l, _) {
+    function u(f) {
+      const g = v(f).sort(function(l, _) {
         if (l.renderOrder !== _.renderOrder)
           return _.renderOrder - l.renderOrder;
         const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(_).distanceToCameraSquared;
@@ -2674,8 +2674,8 @@ class Js {
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
       if (n.update && n.update(), n instanceof Ue) {
-        const a = n.material, { object: c } = a.userData;
-        c && n.box.setFromObject(c, !0);
+        const a = n.material, { object: d } = a.userData;
+        d && n.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()
@@ -2715,27 +2715,27 @@ class ei {
         return;
       r.preventDefault();
       const o = e === "move" ? t : s, n = [];
-      if (this.pickFunctionsMap.forEach((m) => {
-        o.has(m.type) && n.push(te(U({}, m), {
-          objArr: m.objArr instanceof Function ? m.objArr() : m.objArr
+      if (this.pickFunctionsMap.forEach((u) => {
+        o.has(u.type) && n.push(te(U({}, u), {
+          objArr: u.objArr instanceof Function ? u.objArr() : u.objArr
         }));
       }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
-      for (const m of n)
-        for (const u of m.objArr) {
-          if (!u.object3d || !u.visibleWithAncestors) continue;
-          a.has(u) || a.set(u, /* @__PURE__ */ new Map());
-          const g = a.get(u);
-          g.has(m.type) || g.set(m.type, []), g.get(m.type).push(m.cb);
+      for (const u of n)
+        for (const f of u.objArr) {
+          if (!f.object3d || !f.visibleWithAncestors) continue;
+          a.has(f) || a.set(f, /* @__PURE__ */ new Map());
+          const g = a.get(f);
+          g.has(u.type) || g.set(u.type, []), g.get(u.type).push(u.cb);
         }
       if (a.size === 0) return;
-      const c = [...a.keys()].map((m) => m.object3d), f = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
-      if (!f || f.length === 0)
+      const d = [...a.keys()].map((u) => u.object3d), m = (v = this.pencil.pick(r, d, !0)) == null ? void 0 : v.intersects;
+      if (!m || m.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        const m = f[0];
-        this.processIntersection(m, r, e);
+        const u = m[0];
+        this.processIntersection(u, r, e);
       }
       const p = this.prevActiveObjects;
       this.prevActiveObjects = this.activeObjects, this.activeObjects = p, this.activeObjects.clear();
@@ -2766,9 +2766,9 @@ class ei {
       const a = i.get(n);
       if (a)
         if (t === "move") {
-          const c = a.get("enter");
-          if (c && !this.prevActiveObjects.has(n))
-            for (const p of c)
+          const d = a.get("enter");
+          if (d && !this.prevActiveObjects.has(n))
+            for (const p of d)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2776,9 +2776,9 @@ class ei {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("move");
-          if (f)
-            for (const p of f)
+          const m = a.get("move");
+          if (m)
+            for (const p of m)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2787,9 +2787,9 @@ class ei {
                 intersectionIndex: s
               });
         } else {
-          const c = a.get("down");
-          if (c)
-            for (const p of c)
+          const d = a.get("down");
+          if (d)
+            for (const p of d)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2797,14 +2797,14 @@ class ei {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("click");
-          if (f) {
+          const m = a.get("click");
+          if (m) {
             const p = (v) => {
               v.preventDefault();
-              const m = 5;
-              if (!r && Math.abs(v.clientX - e.clientX) <= m && Math.abs(v.clientY - e.clientY) <= m)
-                for (const u of f)
-                  u({
+              const u = 5;
+              if (!r && Math.abs(v.clientX - e.clientX) <= u && Math.abs(v.clientY - e.clientY) <= u)
+                for (const f of m)
+                  f({
                     baseObject: n,
                     realBaseObject: this.activeObject,
                     mouseEvent: e,
@@ -2861,13 +2861,13 @@ class ei {
     for (const n of r) {
       const a = n;
       a.element.style.pointerEvents = "auto";
-      const c = (p) => {
+      const d = (p) => {
         this.enabled && (p.preventDefault(), s({
           baseObject: a,
           mouseEvent: p
         }));
-      }, f = `pointer${t}`;
-      a.element.addEventListener(f, rt(c), !1), o.push({ arr: a, type: f, listener: c });
+      }, m = `pointer${t}`;
+      a.element.addEventListener(m, rt(d), !1), o.push({ arr: a, type: m, listener: d });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -2954,35 +2954,35 @@ class ti extends ei {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var r, o, n, a;
+      var r, o, n;
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const c = t.target, f = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, m = new i().create(t);
+        const a = t.target, d = (r = t.onTop) != null ? r : 0, m = (o = t.prefab) != null ? o : !1, p = (n = t.create) != null ? n : !0, v = new i().create(t);
         let u;
-        return c === null ? u = null : typeof c == "string" ? u = this.objects.get(c) : (a = c == null ? void 0 : c.objectType) != null && a.startsWith("BaseObject") || c ? u = c : p ? u = this.prefabGroup : u = this.group, v === !1 ? m.create = () => {
-        } : v !== !0 && (m.create = () => {
-          v(m);
-        }), m.pencil = this.pencil, m.lead = this, m.mList = this.mList, m.prefab = p, m.objectType = `BaseObject#${e}`, m.objectOptions = t, this.setBaseObjectKey(
-          m,
+        return a === null ? u = null : typeof a == "string" ? u = this.objects.get(a) : a != null && a.isBaseObject || a ? u = a : m ? u = this.prefabGroup : u = this.group, p === !1 ? v.create = () => {
+        } : p !== !0 && (v.create = () => {
+          p(v);
+        }), v.pencil = this.pencil, v.lead = this, v.mList = this.mList, v.isPrefab = m, v.objectType = `${e}`, v.objectOptions = t, this.setBaseObjectKey(
+          v,
           t.key ? `$t:#${t.key}` : "$t:",
           u == null ? void 0 : u.key
         ), this.objectsPm.set(
-          m,
-          this.addBaseObject(m, u, f)
-        ), yield this.objectsPm.get(m), this.objectsPm.delete(m), m;
+          v,
+          this.addBaseObject(v, u, d)
+        ), yield this.objectsPm.get(v), this.objectsPm.delete(v), v;
       }
       throw new Error(`Unrecognized:${e}`);
     });
   }
   setBaseObjectKey(e, t, s) {
-    const i = e.objectType, [, r] = i.split("#");
-    let o = t.replace("$t:", r);
+    const i = e.objectType;
+    let r = t.replace("$t:", i);
     if (s) {
-      const [, n] = s.split("#");
-      o = o.replace("$p:", n);
+      const [, o] = s.split("#");
+      r = r.replace("$p:", o);
     }
-    return this.objects.has(o) && (o.includes("#") ? o += `-${Ne()}` : o += `#${Ne()}`), e.key = o, this.objects.set(o, e), o;
+    return this.objects.has(r) && (r.includes("#") ? r += `-${Ne()}` : r += `#${Ne()}`), e.key = r, this.objects.set(r, e), r;
   }
   updateBaseObjectKey(e, t) {
     var o;
@@ -3089,8 +3089,8 @@ class ii extends mt {
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
-        const n = o, a = new DecompressionStream("gzip"), c = n.stream().pipeThrough(a);
-        new Response(c).json().then((p) => {
+        const n = o, a = new DecompressionStream("gzip"), d = n.stream().pipeThrough(a);
+        new Response(d).json().then((p) => {
           t == null || t(p);
         }).catch((p) => {
           i == null || i(p);
@@ -3115,18 +3115,18 @@ class ot extends mt {
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
       (a) => {
-        let c = a;
-        const f = e.split(".").pop(), p = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
-        c = c.slice(0, a.size, p);
+        let d = a;
+        const m = e.split(".").pop(), p = this.options.type === "image" ? `image/${m || "png"}` : `video/${m || "mp4"}`;
+        d = d.slice(0, a.size, p);
         const v = () => {
-          o.removeEventListener("load", m, !1), o.removeEventListener("error", u, !1);
-        }, m = () => {
+          o.removeEventListener("load", u, !1), o.removeEventListener("error", f, !1);
+        }, u = () => {
           v(), r.needsUpdate = !0, t && t(r);
-        }, u = (y) => {
+        }, f = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", m, !1), o.addEventListener("error", u, !1);
-        const g = window.URL.createObjectURL(c);
+        o.addEventListener("load", u, !1), o.addEventListener("error", f, !1);
+        const g = window.URL.createObjectURL(d);
         o.src = g;
       },
       s,
@@ -3250,13 +3250,13 @@ class oi {
       }
       const o = this.getLoader(s, t);
       try {
-        const c = yield o.loadAsync(e);
-        if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          const f = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
-          c.anisotropy = f;
+        const d = yield o.loadAsync(e);
+        if (this.assets.set(e, d), r.resolve(d), s === "images" || s === "media" || s === "exr" || s === "lottie") {
+          const m = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          d.anisotropy = m;
         }
-        return c;
-      } catch (c) {
+        return d;
+      } catch (d) {
         r.reject(`Failed to load ${e}`);
         return;
       }
@@ -3277,10 +3277,10 @@ class oi {
           a.roughnessMap,
           a.metalnessMap,
           a.aoMap
-        ].forEach((c) => {
-          if (c) {
-            const f = this.getSrcByAsset(c, s);
-            f && t.add(f);
+        ].forEach((d) => {
+          if (d) {
+            const m = this.getSrcByAsset(d, s);
+            m && t.add(m);
           }
         });
       });
@@ -3396,8 +3396,8 @@ class li {
       if (r.startsWith(i)) {
         const n = r.substring(i.length), a = o.clone();
         s[n] = a;
-        const c = `${t}#${n}`;
-        this.add(c, a);
+        const d = `${t}#${n}`;
+        this.add(d, a);
       }
     return s;
   }
@@ -3422,15 +3422,15 @@ class li {
       if ("__isProxy" in o)
         return o;
       const n = new Proxy(o, {
-        set: (a, c, f) => {
-          if (typeof c == "string" && !Number.isNaN(Number(c))) {
-            const p = Number(c);
+        set: (a, d, m) => {
+          if (typeof d == "string" && !Number.isNaN(Number(d))) {
+            const p = Number(d);
             if (p >= 0 && p < a.length) {
               const v = a[p];
-              return this.rmBaseObjectMap(e, v), a[p] = f, f && (this.applyColorSpaceToMaterials(f), this.addBaseObjectMap(e)), !0;
+              return this.rmBaseObjectMap(e, v), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
             }
           }
-          return a[c] = f, !0;
+          return a[d] = m, !0;
         }
       });
       return Object.defineProperty(n, "__isProxy", {
@@ -3443,8 +3443,8 @@ class li {
     }), e.materialList = new Proxy(e.materialList, {
       set: (o, n, a) => {
         if (typeof n == "string") {
-          const c = o[n];
-          return this.rmBaseObjectMap(e, c), o[n] = a, a && (this.applyColorSpaceToMaterials(a), this.addBaseObjectMap(e)), !0;
+          const d = o[n];
+          return this.rmBaseObjectMap(e, d), o[n] = a, a && (this.applyColorSpaceToMaterials(a), this.addBaseObjectMap(e)), !0;
         }
         return o[n] = a, !0;
       },
@@ -3452,8 +3452,8 @@ class li {
         if (typeof n == "string" && o[n]) {
           const a = o[n];
           if (Array.isArray(a)) {
-            const c = s(a);
-            return c !== a && (o[n] = c), c;
+            const d = s(a);
+            return d !== a && (o[n] = d), d;
           }
           return a;
         }
@@ -3530,11 +3530,11 @@ class li {
         n !== -1 && (o[n] = t);
       } else o === e && (r.material = t);
       i.materialList && Object.keys(i.materialList).forEach((n) => {
-        var c;
-        const a = (c = i.materialList) == null ? void 0 : c[n];
+        var d;
+        const a = (d = i.materialList) == null ? void 0 : d[n];
         if (Array.isArray(a)) {
-          const f = a.indexOf(e);
-          f !== -1 && (a[f] = t);
+          const m = a.indexOf(e);
+          m !== -1 && (a[m] = t);
         } else a === e && i.materialList && (i.materialList[n] = t);
       });
     });
@@ -3581,22 +3581,22 @@ class di {
       devicePixelRatio: o,
       antialias: n,
       powerPreference: a,
-      toneMappingExposure: c,
-      outputColorSpace: f,
+      toneMappingExposure: d,
+      outputColorSpace: m,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: m,
-      depth: u
+      stencil: u,
+      depth: f
     } = i, g = new rs({
       alpha: r,
       antialias: n,
       powerPreference: a,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: m,
-      depth: u
+      stencil: u,
+      depth: f
     });
-    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = f, this.renderer = g;
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = d, g.outputColorSpace = m, this.renderer = g;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -3608,8 +3608,8 @@ class di {
     this.renderer.render(e, t);
   }
   setViewport(e) {
-    var a, c;
-    const { x: t, y: s, width: i, height: r } = e, o = (a = e.scissor) != null ? a : !1, n = (c = e.scissorTest) != null ? c : !1;
+    var a, d;
+    const { x: t, y: s, width: i, height: r } = e, o = (a = e.scissor) != null ? a : !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));
   }
   dispose() {
@@ -3824,28 +3824,28 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: a, height: c } = this.getSize(), f = t ? new _i({
+    } = this.options, { width: a, height: d } = this.getSize(), m = t ? new _i({
       width: a,
-      height: c,
+      height: d,
       //@ts-ignore
       renderer: this.options.WebGPURenderer,
       rendererParams: fi
     }) : new di({
       width: a,
-      height: c,
+      height: d,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
     });
-    this.rendererController = f;
+    this.rendererController = m;
     const p = new Ds({
       width: a,
-      height: c
-    }), v = new mi({}), m = new Ks({
+      height: d
+    }), v = new mi({}), u = new Ks({
       controlsParams: {
-        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : f.renderer.domElement
+        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : m.renderer.domElement
       }
-    }), u = new ai({
+    }), f = new ai({
       loaderParams: U({
         anisotropy: this.maxAnisotropy
       }, n)
@@ -3854,7 +3854,7 @@ const _e = class _e {
     }), y = new si({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = p, this.controlsController = m, this.loaderController = u, this.mListController = g, this.leadController = y;
+    this.sceneController = v, this.cameraController = p, this.controlsController = u, this.loaderController = f, this.mListController = g, this.leadController = y;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
@@ -3867,7 +3867,7 @@ const _e = class _e {
       });
       O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(f.renderer.domElement);
+    e.appendChild(m.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3936,11 +3936,11 @@ const _e = class _e {
       composerController: o,
       cssRendererController: n,
       leadController: a
-    } = this, c = this.renderer.getSize(new B());
-    c.x === e && c.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), a.setSize(e, t), this.installPlugins.forEach((f) => {
+    } = this, d = this.renderer.getSize(new B());
+    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), a.setSize(e, t), this.installPlugins.forEach((m) => {
       var p;
-      (p = f.setSize) == null || p.call(f, e, t);
-    }), this.viewPadding.some((f) => f !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
+      (p = m.setSize) == null || p.call(m, e, t);
+    }), this.viewPadding.some((m) => m !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
     var n;
@@ -3971,15 +3971,15 @@ const _e = class _e {
     const { raycaster: i, options: r } = this, { container: o } = r, n = new B(), a = o.getBoundingClientRect();
     if (n.x = (e.clientX - a.left) / (a.right - a.left) * 2 - 1, n.y = -((e.clientY - a.top) / (a.bottom - a.top)) * 2 + 1, this.camera && this.scene) {
       i.setFromCamera(n, this.camera);
-      const c = i.intersectObjects(
+      const d = i.intersectObjects(
         t || this.scene.children,
         s
       );
-      if (c.length)
+      if (d.length)
         return {
-          object: c[0].object,
-          index: c[0].index,
-          intersects: c
+          object: d[0].object,
+          index: d[0].index,
+          intersects: d
         };
     }
   }
@@ -3989,9 +3989,9 @@ const _e = class _e {
       return;
     this.event.emit("beforeRender"), this.timer.update(), Ce.update();
     const e = this.timer.getDelta(), t = this.timer.getElapsed();
-    this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((c) => {
-      var f;
-      (f = c.update) == null || f.call(c, e, t);
+    this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((d) => {
+      var m;
+      (m = d.update) == null || m.call(d, e, t);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
@@ -4036,11 +4036,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, c, f, p, v, m, u;
+    var e, t, s, i, r, o, n, a, d, m, p, v, u, f;
     this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
       var y;
       (y = g.dispose) == null || y.call(g);
-    }), (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(), (a = this.composerController) == null || a.dispose(), (c = this.rendererController) == null || c.dispose(), (f = this.loaderController) == null || f.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (m = this.stats) == null || m.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
+    }), (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(), (a = this.composerController) == null || a.dispose(), (d = this.rendererController) == null || d.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (u = this.stats) == null || u.dom.remove(), (f = this.renderer) == null || f.domElement.remove(), this._isDispose = !0;
   }
 };
 _e.options = {