gl-draw 0.14.29 → 0.14.31

package/dist/index.module.js

@@ -2,29 +2,29 @@ var ft = Object.defineProperty, _t = Object.defineProperties;
 var gt = Object.getOwnPropertyDescriptors;
 var Le = Object.getOwnPropertySymbols;
 var vt = Object.prototype.hasOwnProperty, yt = Object.prototype.propertyIsEnumerable;
-var Se = (h, e, t) => e in h ? ft(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, z = (h, e) => {
+var Se = (l, e, t) => e in l ? ft(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, z = (l, e) => {
   for (var t in e || (e = {}))
-    vt.call(e, t) && Se(h, t, e[t]);
+    vt.call(e, t) && Se(l, t, e[t]);
   if (Le)
     for (var t of Le(e))
-      yt.call(e, t) && Se(h, t, e[t]);
-  return h;
-}, Q = (h, e) => _t(h, gt(e));
-var J = (h, e, t) => new Promise((s, i) => {
-  var r = (l) => {
+      yt.call(e, t) && Se(l, t, e[t]);
+  return l;
+}, Q = (l, e) => _t(l, gt(e));
+var J = (l, e, t) => new Promise((s, i) => {
+  var r = (h) => {
     try {
-      n(t.next(l));
+      n(t.next(h));
     } catch (d) {
       i(d);
     }
-  }, o = (l) => {
+  }, o = (h) => {
     try {
-      n(t.throw(l));
+      n(t.throw(h));
     } catch (d) {
       i(d);
     }
-  }, n = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(r, o);
-  n((t = t.apply(h, e)).next());
+  }, n = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(r, o);
+  n((t = t.apply(l, e)).next());
 });
 import * as O from "three";
 import { Vector3 as oe, Quaternion as Ct, Matrix4 as fe, UniformsUtils as Et, RawShaderMaterial as Ot } from "three";
@@ -89,64 +89,64 @@ const D = {
   IN: 1,
   OUT: -1
 };
-function B(h) {
-  return h.isPerspectiveCamera;
+function B(l) {
+  return l.isPerspectiveCamera;
 }
-function j(h) {
-  return h.isOrthographicCamera;
+function j(l) {
+  return l.isOrthographicCamera;
 }
 const W = Math.PI * 2, Ue = Math.PI / 2, tt = 1e-5, ee = Math.PI / 180;
-function F(h, e, t) {
-  return Math.max(e, Math.min(t, h));
+function F(l, e, t) {
+  return Math.max(e, Math.min(t, l));
 }
-function M(h, e = tt) {
-  return Math.abs(h) < e;
+function M(l, e = tt) {
+  return Math.abs(l) < e;
 }
-function S(h, e, t = tt) {
-  return M(h - e, t);
+function S(l, e, t = tt) {
+  return M(l - e, t);
 }
-function ze(h, e) {
-  return Math.round(h / e) * e;
+function ze(l, e) {
+  return Math.round(l / e) * e;
 }
-function te(h) {
-  return isFinite(h) ? h : h < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
+function te(l) {
+  return isFinite(l) ? l : l < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
 }
-function se(h) {
-  return Math.abs(h) < Number.MAX_VALUE ? h : h * (1 / 0);
+function se(l) {
+  return Math.abs(l) < Number.MAX_VALUE ? l : l * (1 / 0);
 }
-function le(h, e, t, s, i = 1 / 0, r) {
+function he(l, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
-  const o = 2 / s, n = o * r, l = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
-  let d = h - e;
+  const o = 2 / s, n = o * r, h = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
+  let d = l - e;
   const f = e, p = i * s;
-  d = F(d, -p, p), e = h - d;
+  d = F(d, -p, p), e = l - d;
   const C = (t.value + o * d) * r;
-  t.value = (t.value - o * C) * l;
-  let v = e + (d + C) * l;
-  return f - h > 0 == v > f && (v = f, t.value = (v - f) / r), v;
+  t.value = (t.value - o * C) * h;
+  let v = e + (d + C) * h;
+  return f - l > 0 == v > f && (v = f, t.value = (v - f) / r), v;
 }
-function ke(h, e, t, s, i = 1 / 0, r, o) {
+function ke(l, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, l = n * r, d = 1 / (1 + l + 0.48 * l * l + 0.235 * l * l * l);
-  let f = e.x, p = e.y, C = e.z, v = h.x - f, m = h.y - p, u = h.z - C;
+  const n = 2 / s, h = n * 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;
   if (w > y) {
     const ve = Math.sqrt(w);
     v = v / ve * E, m = m / ve * E, u = u / ve * E;
   }
-  f = h.x - v, p = h.y - m, C = h.z - u;
+  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 - h.x, ae = a - h.y, dt = _ - h.z, pt = o.x - g, mt = o.y - a, ut = o.z - _;
+  const V = g - l.x, ae = a - l.y, dt = _ - l.z, pt = o.x - g, mt = o.y - a, ut = o.z - _;
   return V * pt + ae * mt + dt * ut > 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;
 }
-function Ce(h, e) {
-  e.set(0, 0), h.forEach((t) => {
+function Ce(l, e) {
+  e.set(0, 0), l.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
-  }), e.x /= h.length, e.y /= h.length;
+  }), e.x /= l.length, e.y /= l.length;
 }
-function Ee(h, e) {
-  return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+function Ee(l, e) {
+  return j(l) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class Yt {
   constructor() {
@@ -212,7 +212,7 @@ class Yt {
     }
   }
 }
-const he = 1 / 8, Zt = /Mac/.test(navigator.platform);
+const le = 1 / 8, Zt = /Mac/.test(navigator.platform);
 let x, Fe, ce, Oe, U, b, L, G, ie, N, H, Y, Ne, He, k, re, K, Ie, Te, je, xe, we, de;
 class $ extends Yt {
   /**
@@ -371,12 +371,12 @@ class $ extends Yt {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        h
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), this._isDragging = !0, C(a);
+      ), 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(_);
@@ -397,7 +397,7 @@ class $ extends Yt {
           (!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);
         v();
       }
-    }, l = (a) => {
+    }, h = (a) => {
       const _ = this._findPointerById(a.pointerId);
       if (!(_ && _ === this._lockedPointer)) {
         if (_ && this._disposePointer(_), a.pointerType === "touch")
@@ -470,7 +470,7 @@ class $ extends Yt {
             { passive: !1 }
           ), this._domElement.ownerDocument.removeEventListener(
             "pointerup",
-            l
+            h
           );
           return;
         }
@@ -508,11 +508,11 @@ class $ extends Yt {
       if (i.copy(U), ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(E, y), this._isUserControllingRotate = !0), (this._state & c.DOLLY) === c.DOLLY || (this._state & c.ZOOM) === c.ZOOM) {
         const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, T = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, P = this.dollyDragInverted ? -1 : 1;
         (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
-          P * y * he,
+          P * y * le,
           w,
           T
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          P * y * he,
+          P * y * le,
           w,
           T
         ), this._isUserControllingZoom = !0);
@@ -521,7 +521,7 @@ class $ extends Yt {
         const w = U.x - this._activePointers[1].clientX, T = U.y - this._activePointers[1].clientY, P = Math.sqrt(w * w + T * T), R = r.y - P;
         r.set(0, P);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, ae = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 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 * he, V, ae), this._isUserControllingDolly = !0) : (this._zoomInternal(R * he, V, ae), 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 * le, V, ae), this._isUserControllingDolly = !0) : (this._zoomInternal(R * le, V, ae), this._isUserControllingZoom = !0);
       }
       ((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(E, y, !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(E, y, !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(E, y, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
     }, m = () => {
@@ -531,7 +531,7 @@ class $ extends Yt {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        h
       ), this.dispatchEvent({ type: "controlend" }));
     };
     this.lockPointer = () => {
@@ -548,7 +548,7 @@ class $ extends Yt {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        h
       ), this._domElement.requestPointerLock(), this._domElement.ownerDocument.addEventListener(
         "pointerlockchange",
         u
@@ -559,7 +559,7 @@ class $ extends Yt {
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), C());
+      ), 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(
@@ -576,11 +576,11 @@ class $ extends Yt {
       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", l), this._domElement.addEventListener("wheel", f, {
+      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, {
         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", l), 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", h), this._domElement.removeEventListener("wheel", f, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -588,7 +588,7 @@ class $ extends Yt {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        h
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockchange",
         u
@@ -1022,12 +1022,12 @@ class $ extends Yt {
     paddingBottom: o = 0,
     paddingTop: n = 0
   } = {}) {
-    const l = [], d = e.isBox3 ? K.copy(e) : K.setFromObject(e);
+    const h = [], d = e.isBox3 ? K.copy(e) : K.setFromObject(e);
     d.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
     const f = ze(this._sphericalEnd.theta, Ue), p = ze(this._sphericalEnd.phi, Ue);
-    l.push(this.rotateTo(f, p, t));
+    h.push(this.rotateTo(f, p, t));
     const C = b.setFromSpherical(this._sphericalEnd).normalize(), v = je.setFromUnitVectors(C, Oe), m = S(Math.abs(C.y), 1);
     m && v.multiply(xe.setFromAxisAngle(ce, f)), v.multiply(this._yAxisUpSpaceInverse);
     const u = Ie.makeEmpty();
@@ -1040,16 +1040,16 @@ class $ extends Yt {
         g.z,
         s
       );
-      l.push(
+      h.push(
         this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.dollyTo(_, t)), l.push(this.setFocalOffset(0, 0, 0, t));
+      ), h.push(this.dollyTo(_, t)), h.push(this.setFocalOffset(0, 0, 0, t));
     } else if (j(this._camera)) {
       const _ = 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);
-      l.push(
+      h.push(
         this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.zoomTo(w, t)), l.push(this.setFocalOffset(0, 0, 0, t));
+      ), h.push(this.zoomTo(w, t)), h.push(this.setFocalOffset(0, 0, 0, t));
     }
-    return Promise.all(l);
+    return Promise.all(h);
   }
   /**
    * Fit the viewport to the sphere or the bounding sphere of the object.
@@ -1070,7 +1070,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, l = 2 * r.radius, d = Math.min(o / l, n / l);
+      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);
       s.push(this.zoomTo(d, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
@@ -1088,9 +1088,9 @@ class $ extends Yt {
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = Z.NONE, this._changedDolly = 0;
-    const l = L.set(i, r, o), d = b.set(e, t, s);
-    this._targetEnd.copy(l), this._sphericalEnd.setFromVector3(
-      d.sub(l).applyQuaternion(this._yAxisUpSpace)
+    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._spherical.theta,
@@ -1125,13 +1125,13 @@ class $ extends Yt {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, l, d, f, p, C, v, m = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, 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, l, d);
+    const a = G.set(f, p, C), _ = L.set(n, h, d);
     re.setFromVector3(
       _.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(u.lerp(a, v));
@@ -1417,7 +1417,7 @@ class $ extends Yt {
       this._thetaVelocity.value = 0, this._spherical.theta = this._sphericalEnd.theta;
     else {
       const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.theta = le(
+      this._spherical.theta = he(
         this._spherical.theta,
         this._sphericalEnd.theta,
         this._thetaVelocity,
@@ -1430,7 +1430,7 @@ class $ extends Yt {
       this._phiVelocity.value = 0, this._spherical.phi = this._sphericalEnd.phi;
     else {
       const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.phi = le(
+      this._spherical.phi = he(
         this._spherical.phi,
         this._sphericalEnd.phi,
         this._phiVelocity,
@@ -1443,7 +1443,7 @@ class $ extends Yt {
       this._radiusVelocity.value = 0, this._spherical.radius = this._sphericalEnd.radius;
     else {
       const p = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.radius = le(
+      this._spherical.radius = he(
         this._spherical.radius,
         this._sphericalEnd.radius,
         this._radiusVelocity,
@@ -1484,7 +1484,7 @@ class $ extends Yt {
       this._zoomVelocity.value = 0, this._zoom = this._zoomEnd;
     else {
       const p = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
-      this._zoom = le(
+      this._zoom = he(
         this._zoom,
         this._zoomEnd,
         this._zoomVelocity,
@@ -1526,8 +1526,8 @@ class $ extends Yt {
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
-    const l = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, l), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!M(this._focalOffset.x) || !M(this._focalOffset.y) || !M(this._focalOffset.z)) && (N.setFromMatrixColumn(this._camera.matrix, 0), H.setFromMatrixColumn(this._camera.matrix, 1), Y.setFromMatrixColumn(this._camera.matrix, 2), N.multiplyScalar(this._focalOffset.x), H.multiplyScalar(-this._focalOffset.y), Y.multiplyScalar(this._focalOffset.z), b.copy(N).add(H).add(Y), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    const h = this._collisionTest();
+    this._spherical.radius = Math.min(this._spherical.radius, h), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!M(this._focalOffset.x) || !M(this._focalOffset.y) || !M(this._focalOffset.z)) && (N.setFromMatrixColumn(this._camera.matrix, 0), H.setFromMatrixColumn(this._camera.matrix, 1), Y.setFromMatrixColumn(this._camera.matrix, 2), N.multiplyScalar(this._focalOffset.x), H.multiplyScalar(-this._focalOffset.y), Y.multiplyScalar(this._focalOffset.z), b.copy(N).add(H).add(Y), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
       b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
@@ -1631,15 +1631,15 @@ 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), l = n.lengthSq();
-    if (l === 0)
+    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, G).sub(r), h = n.lengthSq();
+    if (h === 0)
       return e.add(t);
-    if (l === i)
+    if (h === i)
       return e;
     if (s === 0)
       return e.add(t).add(n);
     {
-      const d = 1 + s * l / t.dot(n);
+      const d = 1 + s * h / t.dot(n);
       return e.add(L.copy(t).multiplyScalar(d)).add(n.multiplyScalar(1 - s));
     }
   }
@@ -1740,9 +1740,9 @@ class $ extends Yt {
       if (!o.isMesh) return;
       const n = o;
       if (!n.geometry) return;
-      const l = n.geometry.clone();
-      l.applyMatrix4(n.matrixWorld);
-      const f = l.attributes.position;
+      const h = n.geometry.clone();
+      h.applyMatrix4(n.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));
     }), s.radius = Math.sqrt(r), s;
@@ -1756,8 +1756,8 @@ q && typeof q.ownKeys == "function" ? me = q.ownKeys : Object.getOwnPropertySymb
 } : me = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function Wt(h) {
-  console && console.warn && console.warn(h);
+function Wt(l) {
+  console && console.warn && console.warn(l);
 }
 var st = Number.isNaN || function(e) {
   return e !== e;
@@ -1772,19 +1772,19 @@ A.prototype._events = void 0;
 A.prototype._eventsCount = 0;
 A.prototype._maxListeners = void 0;
 var Be = 10;
-function _e(h) {
-  if (typeof h != "function")
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof h);
+function _e(l) {
+  if (typeof l != "function")
+    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof l);
 }
 Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
     return Be;
   },
-  set: function(h) {
-    if (typeof h != "number" || h < 0 || st(h))
-      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + h + ".");
-    Be = h;
+  set: function(l) {
+    if (typeof l != "number" || l < 0 || st(l))
+      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + l + ".");
+    Be = l;
   }
 });
 A.init = function() {
@@ -1795,8 +1795,8 @@ A.prototype.setMaxListeners = function(e) {
     throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + e + ".");
   return this._maxListeners = e, this;
 };
-function it(h) {
-  return h._maxListeners === void 0 ? A.defaultMaxListeners : h._maxListeners;
+function it(l) {
+  return l._maxListeners === void 0 ? A.defaultMaxListeners : l._maxListeners;
 }
 A.prototype.getMaxListeners = function() {
   return it(this);
@@ -1815,30 +1815,30 @@ A.prototype.emit = function(e) {
     var n = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
     throw n.context = o, n;
   }
-  var l = r[e];
-  if (l === void 0)
+  var h = r[e];
+  if (h === void 0)
     return !1;
-  if (typeof l == "function")
-    Ve(l, this, t);
+  if (typeof h == "function")
+    Ve(h, this, t);
   else
-    for (var d = l.length, f = lt(l, d), s = 0; s < d; ++s)
+    for (var d = h.length, f = ht(h, d), s = 0; s < d; ++s)
       Ve(f[s], this, t);
   return !0;
 };
-function rt(h, e, t, s) {
+function rt(l, e, t, s) {
   var i, r, o;
-  if (_e(t), r = h._events, r === void 0 ? (r = h._events = /* @__PURE__ */ Object.create(null), h._eventsCount = 0) : (r.newListener !== void 0 && (h.emit(
+  if (_e(t), r = l._events, r === void 0 ? (r = l._events = /* @__PURE__ */ Object.create(null), l._eventsCount = 0) : (r.newListener !== void 0 && (l.emit(
     "newListener",
     e,
     t.listener ? t.listener : t
-  ), r = h._events), o = r[e]), o === void 0)
-    o = r[e] = t, ++h._eventsCount;
-  else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = it(h), i > 0 && o.length > i && !o.warned) {
+  ), r = l._events), o = r[e]), o === void 0)
+    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 = it(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 = h, n.type = e, n.count = o.length, Wt(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = l, n.type = e, n.count = o.length, Wt(n);
   }
-  return h;
+  return l;
 }
 A.prototype.addListener = function(e, t) {
   return rt(this, e, t, !1);
@@ -1851,8 +1851,8 @@ function Gt() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function ot(h, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = Gt.bind(s);
+function ot(l, e, t) {
+  var s = { fired: !1, wrapFn: void 0, target: l, type: e, listener: t }, i = Gt.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
 A.prototype.once = function(e, t) {
@@ -1901,12 +1901,12 @@ A.prototype.removeAllListeners = function(e) {
       this.removeListener(e, t[i]);
   return this;
 };
-function nt(h, e, t) {
-  var s = h._events;
+function nt(l, e, t) {
+  var s = l._events;
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Xt(i) : lt(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Xt(i) : ht(i, i.length);
 }
 A.prototype.listeners = function(e) {
   return nt(this, e, !0);
@@ -1914,14 +1914,14 @@ A.prototype.listeners = function(e) {
 A.prototype.rawListeners = function(e) {
   return nt(this, e, !1);
 };
-A.listenerCount = function(h, e) {
-  return typeof h.listenerCount == "function" ? h.listenerCount(e) : at.call(h, e);
+A.listenerCount = function(l, e) {
+  return typeof l.listenerCount == "function" ? l.listenerCount(e) : at.call(l, e);
 };
 A.prototype.listenerCount = at;
-function at(h) {
+function at(l) {
   var e = this._events;
   if (e !== void 0) {
-    var t = e[h];
+    var t = e[l];
     if (typeof t == "function")
       return 1;
     if (t !== void 0)
@@ -1932,44 +1932,44 @@ function at(h) {
 A.prototype.eventNames = function() {
   return this._eventsCount > 0 ? me(this._events) : [];
 };
-function lt(h, e) {
+function ht(l, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
-    t[s] = h[s];
+    t[s] = l[s];
   return t;
 }
-function Kt(h, e) {
-  for (; e + 1 < h.length; e++)
-    h[e] = h[e + 1];
-  h.pop();
+function Kt(l, e) {
+  for (; e + 1 < l.length; e++)
+    l[e] = l[e + 1];
+  l.pop();
 }
-function Xt(h) {
-  for (var e = new Array(h.length), t = 0; t < e.length; ++t)
-    e[t] = h[t].listener || h[t];
+function Xt(l) {
+  for (var e = new Array(l.length), t = 0; t < e.length; ++t)
+    e[t] = l[t].listener || l[t];
   return e;
 }
-function qt(h, e) {
+function qt(l, e) {
   return new Promise(function(t, s) {
     function i(o) {
-      h.removeListener(e, r), s(o);
+      l.removeListener(e, r), s(o);
     }
     function r() {
-      typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
+      typeof l.removeListener == "function" && l.removeListener("error", i), t([].slice.call(arguments));
     }
-    ht(h, e, r, { once: !0 }), e !== "error" && $t(h, i, { once: !0 });
+    lt(l, e, r, { once: !0 }), e !== "error" && $t(l, i, { once: !0 });
   });
 }
-function $t(h, e, t) {
-  typeof h.on == "function" && ht(h, "error", e, t);
+function $t(l, e, t) {
+  typeof l.on == "function" && lt(l, "error", e, t);
 }
-function ht(h, e, t, s) {
-  if (typeof h.on == "function")
-    s.once ? h.once(e, t) : h.on(e, t);
-  else if (typeof h.addEventListener == "function")
-    h.addEventListener(e, function i(r) {
-      s.once && h.removeEventListener(e, i), t(r);
+function lt(l, e, t, s) {
+  if (typeof l.on == "function")
+    s.once ? l.once(e, t) : l.on(e, t);
+  else if (typeof l.addEventListener == "function")
+    l.addEventListener(e, function i(r) {
+      s.once && l.removeEventListener(e, i), t(r);
     });
   else
-    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
+    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof l);
 }
 var ge = Pe.exports;
 const Qt = {
@@ -1991,7 +1991,7 @@ class Jt {
       alpha: r,
       devicePixelRatio: o,
       antialias: n,
-      powerPreference: l,
+      powerPreference: h,
       toneMappingExposure: d,
       outputColorSpace: f,
       logarithmicDepthBuffer: p,
@@ -2001,7 +2001,7 @@ class Jt {
     } = i, u = new O.WebGLRenderer({
       alpha: r,
       antialias: n,
-      powerPreference: l,
+      powerPreference: h,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: C,
       stencil: v,
@@ -2019,8 +2019,8 @@ class Jt {
     this.renderer.render(e, t);
   }
   setViewport(e) {
-    var l, d;
-    const { x: t, y: s, width: i, height: r } = e, o = (l = e.scissor) != null ? l : !1, n = (d = e.scissorTest) != null ? d : !1;
+    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));
   }
   setViewPadding(e = 0, t = 0, s = 0, i = 0) {
@@ -2044,10 +2044,10 @@ const es = {
 class ts {
   constructor(e) {
     this.options = e;
-    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, l = new r({
+    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, h = new r({
       antialias: n
     });
-    l.setSize(t, s), l.setPixelRatio(o), this.renderer = l;
+    h.setSize(t, s), h.setPixelRatio(o), this.renderer = h;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -2133,7 +2133,7 @@ class is extends ne {
     return this.controller;
   }
   addPerspectiveCamera(e = ct, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: n } = e, l = n != null ? n : this.width / this.height, d = new O.PerspectiveCamera(s, l, r, i);
+    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);
     return d.up = o, this.addController(d, t);
   }
   setSize(e, t) {
@@ -2193,7 +2193,7 @@ class is extends ne {
         s[7],
         s[11],
         s[15]
-      ), { width: n, height: l } = this, d = n / l;
+      ), { width: n, height: h } = this, d = n / 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());
     }
   }
@@ -2291,7 +2291,7 @@ class ns {
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
       if (n.update && n.update(), n instanceof O.Box3Helper) {
-        const l = n.material, { object: d } = l.userData;
+        const h = n.material, { object: d } = h.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(
@@ -2344,7 +2344,7 @@ class as extends ne {
     super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * O.MathUtils.DEG2RAD);
   }
 }
-class ls {
+class hs {
   constructor(e) {
     this.event = new ge.EventEmitter();
     const { renderer: t, scene: s, camera: i } = e, r = new Rt(
@@ -2356,8 +2356,8 @@ class ls {
       if (s.add(o), +O.REVISION < 170) {
         const n = r._root;
         n.dispose = () => {
-          n.traverse((l) => {
-            l.geometry && l.geometry.dispose(), l.material && l.material.dispose();
+          n.traverse((h) => {
+            h.geometry && h.geometry.dispose(), h.material && h.material.dispose();
           });
         }, r.dispose = () => {
           r.disconnect(), n.dispose();
@@ -2413,7 +2413,7 @@ class ls {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const Ye = new oe(), hs = new Ct(), Ze = new oe(), I = new fe(), cs = new fe();
+const Ye = new oe(), ls = new Ct(), Ze = new oe(), I = new fe(), cs = new fe();
 class ds {
   constructor(e = {}) {
     const t = this;
@@ -2421,10 +2421,10 @@ class ds {
     const n = {
       camera: { style: "" },
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l;
+    }, h = e.element !== void 0 ? e.element : document.createElement("div");
+    h.style.overflow = "hidden", this.domElement = h;
     const d = document.createElement("div");
-    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", l.appendChild(d);
+    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", h.appendChild(d);
     const f = document.createElement("div");
     f.style.transformStyle = "preserve-3d", d.appendChild(f), this.getSize = function() {
       return {
@@ -2439,7 +2439,7 @@ class ds {
       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, l.style.width = g + "px", l.style.height = a + "px", d.style.width = g + "px", d.style.height = a + "px", f.style.width = g + "px", f.style.height = a + "px";
+      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";
     };
     function p(g) {
       return Math.abs(g) < 1e-10 ? 0 : g;
@@ -2467,7 +2467,7 @@ class ds {
         if (w.style.display = y === !0 ? "" : "none", y === !0) {
           g.onBeforeRender(t, a, _);
           let T;
-          g.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), g.rotation2D !== 0 && I.multiply(cs.makeRotationZ(g.rotation2D)), g.matrixWorld.decompose(Ye, hs, Ze), I.setPosition(Ye), I.scale(Ze), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, T = v(I)) : T = v(g.matrixWorld);
+          g.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), g.rotation2D !== 0 && I.multiply(cs.makeRotationZ(g.rotation2D)), g.matrixWorld.decompose(Ye, ls, Ze), I.setPosition(Ye), I.scale(Ze), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, T = v(I)) : T = v(g.matrixWorld);
           const P = n.objects.get(g);
           if (P === void 0 || P.style !== T) {
             w.style.transform = T;
@@ -2489,8 +2489,8 @@ class ps {
     let s, i, r, o;
     const n = {
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l, this.getSize = function() {
+    }, h = e.element !== void 0 ? e.element : document.createElement("div");
+    h.style.overflow = "hidden", this.domElement = h, this.getSize = function() {
       return {
         width: s,
         height: i
@@ -2498,7 +2498,7 @@ class ps {
     }, this.render = function(m, u) {
       m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), u.parent === null && u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), We.copy(u.matrixWorldInverse), Ge.multiplyMatrices(u.projectionMatrix, We), f(m, m, u), v(m);
     }, this.setSize = function(m, u) {
-      s = m, i = u, r = s / 2, o = i / 2, l.style.width = m + "px", l.style.height = u + "px";
+      s = m, i = u, r = s / 2, o = i / 2, h.style.width = m + "px", h.style.height = u + "px";
     };
     function d(m) {
       m.isCSS2DObject && (m.element.style.display = "none");
@@ -2513,7 +2513,7 @@ class ps {
       if (m.isCSS2DObject) {
         X.setFromMatrixPosition(m.matrixWorld), X.applyMatrix4(Ge);
         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 !== l && l.appendChild(_), m.onAfterRender(t, u, g));
+        _.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 E = {
           distanceToCameraSquared: p(g, m)
         };
@@ -2669,12 +2669,12 @@ class fs extends Ft {
     }), this.fsQuad = new kt(this.material);
   }
 }
-const _s = (h) => {
+const _s = (l) => {
   const e = new Nt(
     new O.ShaderMaterial({
       uniforms: {
         baseTexture: { value: null },
-        bloomTexture: { value: h.renderTarget2.texture },
+        bloomTexture: { value: l.renderTarget2.texture },
         bloomAlphaType: { value: 0 }
       },
       vertexShader: `
@@ -2744,13 +2744,13 @@ class bs {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: l } = o.capabilities, d = o.getDrawingBufferSize(
+    const { multisampling: n } = r, { maxSamples: h } = o.capabilities, d = o.getDrawingBufferSize(
       new O.Vector2()
     ), f = new O.WebGLRenderTarget(
       d.width,
       d.height,
       {
-        samples: Math.min(n, l),
+        samples: Math.min(n, h),
         type: O.HalfFloatType
       }
     ), p = new Me(o, f), C = this.getSize();
@@ -2779,8 +2779,8 @@ 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, l = new zt(t, s, o, n);
-    l.kernelRadius = e.kernelRadius, l.minDistance = e.minDistance, l.maxDistance = e.maxDistance, this.ssaoPass = l, this.finalComposer.addPass(l);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new O.Vector2()), o = r.width, n = r.height, h = new zt(t, s, o, n);
+    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(
@@ -2790,25 +2790,20 @@ class bs {
       s
     );
     this.bloomPass = n;
-    const l = new Me(t);
-    l.renderToScreen = !1, l.addPass(this.renderPass), l.addPass(n), this.bloomComposer = l;
-    const d = _s(l);
-    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = l, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(be);
+    const h = new Me(t);
+    h.renderToScreen = !1, h.addPass(this.renderPass), h.addPass(n), 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);
   }
-  toggleBloomSelection(e, t) {
+  setBloomSelection(e, t) {
     if (!this.bloomComposer) {
       console.warn("err:pencil.options.bloom");
       return;
     }
     const { object3d: s } = e;
-    if (!s)
-      return;
-    let i = t;
-    t === void 0 && (i = !this.bloomSelection.has(s)), i ? (this.bloomSelection.add(s), s.traverse((r) => {
-      r.layers.enable(be);
-    })) : (this.bloomSelection.delete(s), s.traverse((r) => {
-      r.layers.disable(be);
-    })), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
+    s && (e.traverse((i) => {
+      t ? (this.bloomSelection.add(i), e.object3d.layers.enable(be)) : (this.bloomSelection.delete(i), e.object3d.layers.disable(be));
+    }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0);
   }
   enable() {
     this.active || (this.active = !0);
@@ -2830,9 +2825,9 @@ class bs {
       s.isTransformControls || s.isTransformControlsRoot || s.type === "RectAreaLightHelper" ? e.push(s) : t.push(s);
     }), t.forEach((s) => {
       s.traverse((i) => {
-        var l;
+        var h;
         const r = i, o = i, n = i;
-        (l = r.material) != null && l.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 et ? r.material = Os : n.isPoints ? n.material.sizeAttenuation ? n.material = ys : n.material = vs : r.material = gs);
+        (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 et ? r.material = Os : n.isPoints ? n.material.sizeAttenuation ? n.material = ys : n.material = vs : r.material = gs);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2888,10 +2883,10 @@ class $e extends O.Loader {
     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(
       e,
-      (l) => {
-        let d = l;
+      (h) => {
+        let d = h;
         const f = e.split(".").pop(), p = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
-        d = d.slice(0, l.size, p);
+        d = d.slice(0, h.size, p);
         const C = () => {
           o.removeEventListener("load", v, !1), o.removeEventListener("error", m, !1);
         }, v = () => {
@@ -2917,7 +2912,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, l = new DecompressionStream("gzip"), d = n.stream().pipeThrough(l);
+        const n = o, h = new DecompressionStream("gzip"), d = n.stream().pipeThrough(h);
         new Response(d).json().then((p) => {
           t == null || t(p);
         }).catch((p) => {
@@ -3033,7 +3028,7 @@ class Ss {
   }
   load(e, t) {
     return J(this, null, function* () {
-      var n, l;
+      var n, h;
       const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
@@ -3048,7 +3043,7 @@ class Ss {
         const d = yield o.loadAsync(e);
         if (this.assets.set(e, d), r.resolve(d), s === "images" || s === "media" || s === "exr" || s === "lottie") {
           (t == null ? void 0 : t.colorCorrection) !== !1 && Pt({ texture: d });
-          const f = (l = t == null ? void 0 : t.anisotropy) != null ? l : this.options.anisotropy;
+          const f = (h = t == null ? void 0 : t.anisotropy) != null ? h : this.options.anisotropy;
           d.anisotropy = f;
         }
         return d;
@@ -3065,14 +3060,14 @@ class Ss {
     const t = /* @__PURE__ */ new Set(), s = this.textureAssets;
     e.traverse((r) => {
       const o = r;
-      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((l) => {
+      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((h) => {
         [
-          l.map,
-          l.emissiveMap,
-          l.normalMap,
-          l.roughnessMap,
-          l.metalnessMap,
-          l.aoMap
+          h.map,
+          h.emissiveMap,
+          h.normalMap,
+          h.roughnessMap,
+          h.metalnessMap,
+          h.aoMap
         ].forEach((d) => {
           if (d) {
             const f = this.getSrcByAsset(d, s);
@@ -3122,11 +3117,11 @@ class Ds extends At {
     this.object3d = (e = this.options.scene) != null ? e : new O.Scene();
   }
 }
-function Qe(h) {
+function Qe(l) {
   let e = !1, t = [];
   return function(...s) {
     t = s, e || (e = !0, requestAnimationFrame(() => {
-      e = !1, h(...t);
+      e = !1, l(...t);
     }));
   };
 }
@@ -3151,12 +3146,12 @@ class Rs {
         }));
       }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear();
-      const l = this.objCallbackMap, d = [];
+      const h = this.objCallbackMap, d = [];
       for (const m of n)
         for (const u of m.objArr) {
           if (!u.object3d || !u.visibleWithAncestors) continue;
-          l.has(u) || (l.set(u, /* @__PURE__ */ new Map()), d.push(u));
-          const g = l.get(u);
+          h.has(u) || (h.set(u, /* @__PURE__ */ new Map()), d.push(u));
+          const g = h.get(u);
           g.has(m.type) || g.set(m.type, []), g.get(m.type).push(m.cb);
         }
       if (d.length === 0) return;
@@ -3203,10 +3198,10 @@ class Rs {
     };
     for (const n of this.activeObjects) {
       if (r) break;
-      const l = i.get(n);
-      if (l)
+      const h = i.get(n);
+      if (h)
         if (t === "move") {
-          const d = l.get("enter");
+          const d = h.get("enter");
           if (d && !this.prevActiveObjects.has(n))
             for (const p of d)
               p({
@@ -3215,7 +3210,7 @@ class Rs {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = l.get("move");
+          const f = h.get("move");
           if (f)
             for (const p of f)
               p({
@@ -3225,7 +3220,7 @@ class Rs {
                 intersectionIndex: s
               });
         } else {
-          const d = l.get("down");
+          const d = h.get("down");
           if (d)
             for (const p of d)
               p({
@@ -3234,7 +3229,7 @@ class Rs {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = l.get("click");
+          const f = h.get("click");
           if (f) {
             const p = (C) => {
               C.preventDefault();
@@ -3295,15 +3290,15 @@ class Rs {
     this.pickNodeFunctionsMapIndex += 1;
     const i = this.pickNodeFunctionsMapIndex, r = e instanceof Function ? e() : e, o = [];
     for (const n of r) {
-      const l = n;
-      l.element.style.pointerEvents = "auto";
+      const h = n;
+      h.element.style.pointerEvents = "auto";
       const d = (p) => {
         this.enabled && (p.preventDefault(), s({
-          baseObject: l,
+          baseObject: h,
           mouseEvent: p
         }));
       }, f = `pointer${t}`;
-      l.element.addEventListener(f, Qe(d), !1), o.push({ arr: l, type: f, listener: d });
+      h.element.addEventListener(f, Qe(d), !1), o.push({ arr: h, type: f, listener: d });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -3327,7 +3322,7 @@ class Us extends Rs {
   constructor(e, t) {
     super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.scene = new Ds({
       scene: t.scene
-    }), this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.key = "Scene", this.group = new Ae(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.key = "@Group", this.prefabGroup = new Ae(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.key = "@PrefabGroup", this.scene.add(this.group.object3d, this.prefabGroup.object3d), this.objects.set("@Scene", this.scene), this.objects.set("@Group", this.group), this.objects.set("@PrefabGroup", this.prefabGroup), this.objMap.set(this.scene.object3d, this.scene), this.objMap.set(this.group.object3d, this.group), this.objMap.set(this.prefabGroup.object3d, this.prefabGroup);
+    }), this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new Ae(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new Ae(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.key = "@PrefabGroup", this.prefabGroup.object3d.name = "预制组", this.scene.add(this.group.object3d, this.prefabGroup.object3d), this.objects.set("@Scene", this.scene), this.objects.set("@Group", this.group), this.objects.set("@PrefabGroup", this.prefabGroup), this.objMap.set(this.scene.object3d, this.scene), this.objMap.set(this.group.object3d, this.group), this.objMap.set(this.prefabGroup.object3d, this.prefabGroup);
   }
   get objectsPromise() {
     return this.objectsPm.values();
@@ -3356,13 +3351,13 @@ class Us extends Rs {
   }
   draw(e, t, s) {
     return J(this, null, function* () {
-      var r, o, n, l;
+      var r, o, n, 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);
         let m;
-        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (l = d == null ? void 0 : d.objectType) != null && l.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, C === !1 ? v.create = () => {
+        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 = () => {
           C(v);
         }), v.pencil = this.pencil, v.lead = this, v.prefab = p, v.objectType = `BaseObject#${e}`, v.objectOptions = t, this.setBaseObjectKey(
@@ -3389,8 +3384,8 @@ class Us extends Rs {
   updateBaseObjectKey(e, t) {
     var o;
     let s;
-    for (const [n, l] of this.objects.entries())
-      if (l === e) {
+    for (const [n, h] of this.objects.entries())
+      if (h === e) {
         s = n;
         break;
       }
@@ -3559,19 +3554,19 @@ const ue = class ue {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: l, height: d } = this.getSize(), f = t ? new ts({
-      width: l,
+    } = this.options, { width: h, height: d } = this.getSize(), f = t ? new ts({
+      width: h,
       height: d,
       renderer: t.WebGPURenderer,
       rendererParams: es
     }) : new Jt({
-      width: l,
+      width: h,
       height: d,
       rendererParams: Q(z({}, r), {
         antialias: !1
       })
     }), p = new is({
-      width: l,
+      width: h,
       height: d
     }), C = new os({}), v = new as({
       controlsParams: {
@@ -3628,7 +3623,7 @@ const ue = class ue {
     }
   }
   initTransformControls() {
-    const e = new ls({
+    const e = new hs({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3665,9 +3660,9 @@ const ue = class ue {
       cameraController: r,
       composerController: o,
       cssRendererController: n,
-      leadController: l
+      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), l.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), n == null || n.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 }));
@@ -3689,8 +3684,8 @@ const ue = class ue {
     r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r));
   }
   pick(e, t, s = !0) {
-    const { raycaster: i, options: r } = this, { container: o } = r, n = new O.Vector2(), l = o.getBoundingClientRect();
-    if (n.x = (e.clientX - l.left) / (l.right - l.left) * 2 - 1, n.y = -((e.clientY - l.top) / (l.bottom - l.top)) * 2 + 1, this.camera && this.scene) {
+    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 d = i.intersectObjects(
         t || this.scene.children,
@@ -3705,7 +3700,7 @@ const ue = class ue {
     }
   }
   render() {
-    var s, i, r, o, n, l;
+    var s, i, r, o, n, h;
     if (!this.camera || !this.scene)
       return;
     this.timer.update(), ye.update();
@@ -3717,7 +3712,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), (l = this.stats) == null || l.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), (n = this.cssRendererController) == null || n.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");
@@ -3768,11 +3763,11 @@ const ue = class ue {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, l, d, f, p, C, v;
+    var e, t, s, i, r, o, n, 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(), (l = this.composerController) == null || l.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(), (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();
   }
 };
 ue.options = {