gl-draw 0.14.41 → 0.15.0-beta.10

package/dist/index.module.js

@@ -1,45 +1,45 @@
-var Lt = Object.defineProperty, St = Object.defineProperties;
-var At = Object.getOwnPropertyDescriptors;
-var Ae = Object.getOwnPropertySymbols;
-var Mt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var Me = (l, e, t) => e in l ? Lt(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, U = (l, e) => {
+var At = Object.defineProperty, St = Object.defineProperties;
+var Mt = Object.getOwnPropertyDescriptors;
+var Me = Object.getOwnPropertySymbols;
+var Rt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
+var Re = (h, e, t) => e in h ? At(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, U = (h, e) => {
   for (var t in e || (e = {}))
-    Mt.call(e, t) && Me(l, t, e[t]);
-  if (Ae)
-    for (var t of Ae(e))
-      Dt.call(e, t) && Me(l, t, e[t]);
-  return l;
-}, ee = (l, e) => St(l, At(e));
-var te = (l, e, t) => new Promise((s, i) => {
-  var r = (h) => {
+    Rt.call(e, t) && Re(h, t, e[t]);
+  if (Me)
+    for (var t of Me(e))
+      Dt.call(e, t) && Re(h, t, e[t]);
+  return h;
+}, te = (h, e) => St(h, Mt(e));
+var se = (h, e, t) => new Promise((s, i) => {
+  var r = (a) => {
     try {
-      a(t.next(h));
+      n(t.next(a));
     } catch (d) {
       i(d);
     }
-  }, o = (h) => {
+  }, o = (a) => {
     try {
-      a(t.throw(h));
+      n(t.throw(a));
     } catch (d) {
       i(d);
     }
-  }, a = (h) => h.done ? s(h.value) : Promise.resolve(h.value).then(r, o);
-  a((t = t.apply(l, e)).next());
+  }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
+  n((t = t.apply(h, e)).next());
 });
-import { WebGLRenderer as Rt, Vector2 as V, Vector3 as I, PerspectiveCamera as Ut, Matrix4 as W, Scene as ot, AxesHelper as De, CameraHelper as zt, PointLightHelper as kt, DirectionalLightHelper as Ft, SpotLightHelper as Nt, HemisphereLightHelper as Ht, Box3 as nt, Box3Helper as Re, MathUtils as It, Vector4 as jt, Quaternion as at, Spherical as Vt, Sphere as Bt, Raycaster as ht, REVISION as Yt, Object3D as Zt, UniformsUtils as Wt, RawShaderMaterial as Gt, ShaderMaterial as Kt, MeshBasicMaterial as Xt, PointsMaterial as lt, SpriteMaterial as ct, Layers as qt, WebGLRenderTarget as $t, HalfFloatType as Qt, Loader as dt, Texture as fe, VideoTexture as pt, FileLoader as Le, LoadingManager as Jt, DataTexture as es, Mesh as ts } from "three";
-import { Timer as ss } from "three/examples/jsm/misc/Timer";
+import { WebGLRenderer as Ut, Vector2 as B, Vector3 as H, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as It, HemisphereLightHelper as Ht, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Gt, RawShaderMaterial as Kt, ShaderMaterial as Xt, MeshBasicMaterial as $t, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as pt, Texture as fe, VideoTexture as mt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Mesh as ss } from "three";
+import { Timer as is } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
-import is from "deepmerge";
-import rs from "stats-gl";
-import { C as os, c as ns, i as as } from "./isPlainObject.module.js";
-import { R as hs, M as mt, B as ls, G as Ue } from "./index.module2.js";
+import rs from "deepmerge";
+import os from "stats-gl";
+import { C as ns, c as as, i as ls } from "./isPlainObject.module.js";
+import { R as Pe, M as ut, B as hs, G as ze } from "./index.module2.js";
 import { RectAreaLightHelper as cs } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as ds } from "three/examples/jsm/helpers/ViewHelper";
 import { TransformControls as ps } from "three/examples/jsm/controls/TransformControls";
-import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
+import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as ms } from "three/examples/jsm/postprocessing/RenderPass";
 import { SSAOPass as us } from "three/examples/jsm/postprocessing/SSAOPass";
-import { FullScreenQuad as ke } from "three/examples/jsm/postprocessing/Pass";
+import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
 import { OutputPass as fs } from "three/examples/jsm/postprocessing/OutputPass";
 import { ShaderPass as _s } from "three/examples/jsm/postprocessing/ShaderPass";
 import { UnrealBloomPass as gs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
@@ -53,11 +53,11 @@ import "three/examples/jsm/lines/LineSegments2";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
 import "three-bvh-csg";
-import { GLTFLoader as Fe } from "three/examples/jsm/loaders/GLTFLoader";
-import { DRACOLoader as vs } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
+import { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
+import { DRACOLoader as ys } from "three/examples/jsm/loaders/DRACOLoader";
+import { EXRLoader as vs } from "three/examples/jsm/loaders/EXRLoader";
 import { LottieLoader as Cs } from "three/examples/jsm/loaders/LottieLoader";
-import { makePromiseCreator as Es, generateUUID as Ne } from "esus-lite";
+import { makePromiseCreator as Os, generateUUID as Ie } from "esus-lite";
 const M = {
   LEFT: 1,
   RIGHT: 2,
@@ -89,66 +89,66 @@ const M = {
   IN: 1,
   OUT: -1
 };
-function Y(l) {
-  return l.isPerspectiveCamera;
+function Y(h) {
+  return h.isPerspectiveCamera;
 }
-function j(l) {
-  return l.isOrthographicCamera;
+function j(h) {
+  return h.isOrthographicCamera;
 }
-const K = Math.PI * 2, He = Math.PI / 2, ut = 1e-5, se = Math.PI / 180;
-function k(l, e, t) {
-  return Math.max(e, Math.min(t, l));
+const K = Math.PI * 2, He = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
+function k(h, e, t) {
+  return Math.max(e, Math.min(t, h));
 }
-function A(l, e = ut) {
-  return Math.abs(l) < e;
+function S(h, e = ft) {
+  return Math.abs(h) < e;
 }
-function L(l, e, t = ut) {
-  return A(l - e, t);
+function P(h, e, t = ft) {
+  return S(h - e, t);
 }
-function Ie(l, e) {
-  return Math.round(l / e) * e;
+function je(h, e) {
+  return Math.round(h / e) * e;
 }
-function ie(l) {
-  return isFinite(l) ? l : l < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
+function re(h) {
+  return isFinite(h) ? h : h < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
 }
-function re(l) {
-  return Math.abs(l) < Number.MAX_VALUE ? l : l * (1 / 0);
+function oe(h) {
+  return Math.abs(h) < Number.MAX_VALUE ? h : h * (1 / 0);
 }
-function le(l, e, t, s, i = 1 / 0, r) {
+function he(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
-  const o = 2 / s, a = o * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let d = l - e;
-  const f = e, p = i * s;
-  d = k(d, -p, p), e = l - d;
-  const C = (t.value + o * d) * r;
-  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;
+  const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
+  let d = h - e;
+  const _ = e, p = i * s;
+  d = k(d, -p, p), e = h - d;
+  const O = (t.value + o * d) * r;
+  t.value = (t.value - o * O) * a;
+  let y = e + (d + O) * a;
+  return _ - h > 0 == y > _ && (y = _, t.value = (y - _) / r), y;
 }
-function je(l, e, t, s, i = 1 / 0, r, o) {
+function Be(h, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const a = 2 / s, h = a * r, d = 1 / (1 + h + 0.48 * h * h + 0.235 * h * h * h);
-  let f = e.x, p = e.y, C = e.z, v = l.x - f, m = l.y - p, u = l.z - C;
-  const g = f, n = p, _ = C, E = i * s, y = E * E, w = v * v + m * m + u * u;
-  if (w > y) {
-    const ye = Math.sqrt(w);
-    v = v / ye * E, m = m / ye * E, u = u / ye * E;
-  }
-  f = l.x - v, p = l.y - m, C = l.z - u;
-  const O = (t.x + a * v) * r, b = (t.y + a * m) * r, D = (t.z + a * u) * r;
-  t.x = (t.x - a * O) * d, t.y = (t.y - a * b) * d, t.z = (t.z - a * D) * d, o.x = f + (v + O) * d, o.y = p + (m + b) * d, o.z = C + (u + D) * d;
-  const B = g - l.x, he = n - l.y, wt = _ - l.z, xt = o.x - g, bt = o.y - n, Pt = o.z - _;
-  return B * xt + he * bt + wt * Pt > 0 && (o.x = g, o.y = n, o.z = _, t.x = (o.x - g) / r, t.y = (o.y - n) / r, t.z = (o.z - _) / r), o;
+  const n = 2 / s, a = n * r, d = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
+  let _ = e.x, p = e.y, O = e.z, y = h.x - _, m = h.y - p, u = h.z - O;
+  const f = _, l = p, g = O, C = i * s, v = C * C, b = y * y + m * m + u * u;
+  if (b > v) {
+    const ve = Math.sqrt(b);
+    y = y / ve * C, m = m / ve * C, u = u / ve * C;
+  }
+  _ = h.x - y, p = h.y - m, O = h.z - u;
+  const E = (t.x + n * y) * r, w = (t.y + n * m) * r, R = (t.z + n * u) * r;
+  t.x = (t.x - n * E) * d, t.y = (t.y - n * w) * d, t.z = (t.z - n * R) * d, o.x = _ + (y + E) * d, o.y = p + (m + w) * d, o.z = O + (u + R) * d;
+  const V = f - h.x, le = l - h.y, xt = g - h.z, wt = o.x - f, Lt = o.y - l, Pt = o.z - g;
+  return V * wt + le * Lt + xt * Pt > 0 && (o.x = f, o.y = l, o.z = g, t.x = (o.x - f) / r, t.y = (o.y - l) / r, t.z = (o.z - g) / r), o;
 }
-function Ee(l, e) {
-  e.set(0, 0), l.forEach((t) => {
+function Oe(h, e) {
+  e.set(0, 0), h.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
-  }), e.x /= l.length, e.y /= l.length;
+  }), e.x /= h.length, e.y /= h.length;
 }
-function Oe(l, e) {
-  return j(l) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+function Ee(h, e) {
+  return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Os {
+class Es {
   constructor() {
     this._listeners = {};
   }
@@ -213,10 +213,10 @@ class Os {
   }
 }
 const ce = 1 / 8, Ts = /Mac/.test(navigator.platform);
-let T, Ve, de, Te, R, x, P, X, oe, F, N, Z, Be, Ye, z, ne, q, Ze, we, We, xe, be, pe;
-class J extends Os {
+let T, Ve, de, Te, D, x, L, X, ne, F, N, Z, Ye, Ze, z, ae, $, We, be, Ge, xe, we, pe;
+class J extends Es {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), R = new T.Vector2(), x = new T.Vector3(), P = new T.Vector3(), X = new T.Vector3(), oe = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Be = new T.Vector3(), Ye = new T.Vector3(), z = new T.Spherical(), ne = new T.Spherical(), q = new T.Box3(), Ze = new T.Box3(), we = new T.Sphere(), We = new T.Quaternion(), xe = new T.Quaternion(), be = new T.Matrix4(), pe = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), x = new T.Vector3(), L = new T.Vector3(), X = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), $ = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ge = new T.Quaternion(), xe = new T.Quaternion(), we = new T.Matrix4(), pe = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -244,40 +244,40 @@ class J extends Os {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = c.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = G.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 = (n, _, E, y) => {
-      let w, O;
+    }, 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 = G.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, g, C, v) => {
+      let b, E;
       if (Y(this._camera)) {
-        const b = x.copy(this._camera.position).sub(this._target), D = this._camera.getEffectiveFOV() * se, B = b.length() * Math.tan(D * 0.5);
-        w = this.truckSpeed * n * B / this._elementRect.height, O = this.truckSpeed * _ * B / this._elementRect.height;
+        const w = x.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = w.length() * Math.tan(R * 0.5);
+        b = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * g * V / this._elementRect.height;
       } else if (j(this._camera)) {
-        const b = this._camera;
-        w = this.truckSpeed * n * (b.right - b.left) / b.zoom / this._elementRect.width, O = this.truckSpeed * _ * (b.top - b.bottom) / b.zoom / this._elementRect.height;
+        const w = this._camera;
+        b = this.truckSpeed * l * (w.right - w.left) / w.zoom / this._elementRect.width, E = this.truckSpeed * g * (w.top - w.bottom) / w.zoom / this._elementRect.height;
       } else
         return;
-      y ? (E ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+      v ? (C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + b,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, 0, !0), this.forward(-O, !0)) : E ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
-        this._focalOffsetEnd.y + O,
+      ) : this.truck(b, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + b,
+        this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, O, !0);
-    }, this._rotateInternal = (n, _) => {
-      const E = K * this.azimuthRotateSpeed * n / this._elementRect.height, y = K * this.polarRotateSpeed * _ / this._elementRect.height;
-      this.rotate(E, y, !0);
-    }, this._dollyInternal = (n, _, E) => {
-      const y = Math.pow(0.95, -n * this.dollySpeed), w = this._sphericalEnd.radius, O = this._sphericalEnd.radius * y, b = k(
-        O,
+      ) : this.truck(b, E, !0);
+    }, this._rotateInternal = (l, g) => {
+      const C = K * this.azimuthRotateSpeed * l / this._elementRect.height, v = K * this.polarRotateSpeed * g / this._elementRect.height;
+      this.rotate(C, v, !0);
+    }, this._dollyInternal = (l, g, C) => {
+      const v = Math.pow(0.95, -l * this.dollySpeed), b = this._sphericalEnd.radius, E = this._sphericalEnd.radius * v, w = k(
+        E,
         this.minDistance,
         this.maxDistance
-      ), D = b - O;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(O, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(D, !0), this._dollyToNoClamp(b, !0)) : this._dollyToNoClamp(b, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? O : b) - w, this._dollyControlCoord.set(_, E)), this._lastDollyDirection = Math.sign(-n);
-    }, this._zoomInternal = (n, _, E) => {
-      const y = Math.pow(0.95, n * this.dollySpeed), w = this._zoom, O = this._zoom * y;
-      this.zoomTo(O, !0), this.dollyToCursor && (this._changedZoom += O - w, this._dollyControlCoord.set(_, E));
+      ), R = w - E;
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(w, !0)) : this._dollyToNoClamp(w, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : w) - b, this._dollyControlCoord.set(g, C)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, g, C) => {
+      const v = Math.pow(0.95, l * this.dollySpeed), b = this._zoom, E = this._zoom * v;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - b, this._dollyControlCoord.set(g, C));
     }, typeof T == "undefined" && console.error(
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new T.Quaternion().setFromUnitVectors(
@@ -303,45 +303,45 @@ class J extends Os {
       two: Y(this._camera) ? c.TOUCH_DOLLY_TRUCK : j(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 = (n) => {
+    const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const y = this._domElement.getBoundingClientRect(), w = (n.clientX - y.left) / (y.right - y.left), O = (n.clientY - y.top) / (y.bottom - y.top);
-        if (w < this._interactiveArea.left || w > this._interactiveArea.right || O < this._interactiveArea.top || O > this._interactiveArea.bottom)
+        const v = this._domElement.getBoundingClientRect(), b = (l.clientX - v.left) / (v.right - v.left), E = (l.clientY - v.top) / (v.bottom - v.top);
+        if (b < this._interactiveArea.left || b > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
-      const _ = n.pointerType !== "mouse" ? null : (n.buttons & M.LEFT) === M.LEFT ? M.LEFT : (n.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (n.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
-      if (_ !== null) {
-        const y = this._findPointerByMouseButton(_);
-        y && this._disposePointer(y);
+      const g = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
+      if (g !== null) {
+        const v = this._findPointerByMouseButton(g);
+        v && this._disposePointer(v);
       }
-      if ((n.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
+      if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
         return;
-      const E = {
-        pointerId: n.pointerId,
-        clientX: n.clientX,
-        clientY: n.clientY,
+      const C = {
+        pointerId: l.pointerId,
+        clientX: l.clientX,
+        clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: _
+        mouseButton: g
       };
-      this._activePointers.push(E), this._domElement.ownerDocument.removeEventListener(
+      this._activePointers.push(C), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        a,
+        n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        h
+        a
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
-        a,
+        n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", h), this._isDragging = !0, C(n);
-    }, a = (n) => {
-      n.cancelable && n.preventDefault();
-      const _ = n.pointerId, E = this._lockedPointer || this._findPointerById(_);
-      if (E) {
-        if (E.clientX = n.clientX, E.clientY = n.clientY, E.deltaX = n.movementX, E.deltaY = n.movementY, this._state = 0, n.pointerType === "touch")
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, O(l);
+    }, n = (l) => {
+      l.cancelable && l.preventDefault();
+      const g = l.pointerId, C = this._lockedPointer || this._findPointerById(g);
+      if (C) {
+        if (C.clientX = l.clientX, C.clientY = l.clientY, C.deltaX = l.movementX, C.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 1:
               this._state = this.touches.one;
@@ -354,13 +354,13 @@ class J extends Os {
               break;
           }
         else
-          (!this._isDragging && this._lockedPointer || this._isDragging && (n.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (n.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (n.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        v();
+          (!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);
+        y();
       }
-    }, h = (n) => {
-      const _ = this._findPointerById(n.pointerId);
-      if (!(_ && _ === this._lockedPointer)) {
-        if (_ && this._disposePointer(_), n.pointerType === "touch")
+    }, a = (l) => {
+      const g = this._findPointerById(l.pointerId);
+      if (!(g && g === this._lockedPointer)) {
+        if (g && this._disposePointer(g), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = c.NONE;
@@ -381,72 +381,72 @@ class J extends Os {
       }
     };
     let d = -1;
-    const f = (n) => {
+    const _ = (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 O = this._domElement.getBoundingClientRect(), b = (n.clientX - O.left) / (O.right - O.left), D = (n.clientY - O.top) / (O.bottom - O.top);
-        if (b < this._interactiveArea.left || b > this._interactiveArea.right || D < this._interactiveArea.top || D > this._interactiveArea.bottom)
+        const E = this._domElement.getBoundingClientRect(), w = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
+        if (w < this._interactiveArea.left || w > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
           return;
       }
-      if (n.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
-        const O = performance.now();
-        d - O < 1e3 && this._getClientRect(this._elementRect), d = O;
+      if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
+        const E = performance.now();
+        d - E < 1e3 && this._getClientRect(this._elementRect), d = E;
       }
-      const _ = Ts ? -1 : -3, E = n.deltaMode === 1 || n.ctrlKey ? n.deltaY / _ : n.deltaY / (_ * 10), y = this.dollyToCursor ? (n.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (n.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const g = Ts ? -1 : -3, C = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / g : l.deltaY / (g * 10), v = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case c.ROTATE: {
-          this._rotateInternal(n.deltaX, n.deltaY), this._isUserControllingRotate = !0;
+          this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
           break;
         }
         case c.TRUCK: {
-          this._truckInternal(n.deltaX, n.deltaY, !1, !1), this._isUserControllingTruck = !0;
+          this._truckInternal(l.deltaX, l.deltaY, !1, !1), this._isUserControllingTruck = !0;
           break;
         }
         case c.SCREEN_PAN: {
-          this._truckInternal(n.deltaX, n.deltaY, !1, !0), this._isUserControllingTruck = !0;
+          this._truckInternal(l.deltaX, l.deltaY, !1, !0), this._isUserControllingTruck = !0;
           break;
         }
         case c.OFFSET: {
-          this._truckInternal(n.deltaX, n.deltaY, !0, !1), this._isUserControllingOffset = !0;
+          this._truckInternal(l.deltaX, l.deltaY, !0, !1), this._isUserControllingOffset = !0;
           break;
         }
         case c.DOLLY: {
-          this._dollyInternal(-E, y, w), this._isUserControllingDolly = !0;
+          this._dollyInternal(-C, v, b), this._isUserControllingDolly = !0;
           break;
         }
         case c.ZOOM: {
-          this._zoomInternal(-E, y, w), this._isUserControllingZoom = !0;
+          this._zoomInternal(-C, v, b), this._isUserControllingZoom = !0;
           break;
         }
       }
       this.dispatchEvent({ type: "control" });
-    }, p = (n) => {
+    }, p = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const _ = n instanceof PointerEvent ? n.pointerId : 0, E = this._findPointerById(_);
-          E && this._disposePointer(E), this._domElement.ownerDocument.removeEventListener(
+          const g = l instanceof PointerEvent ? l.pointerId : 0, C = this._findPointerById(g);
+          C && this._disposePointer(C), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
-            a,
+            n,
             { passive: !1 }
           ), this._domElement.ownerDocument.removeEventListener(
             "pointerup",
-            h
+            a
           );
           return;
         }
-        n.preventDefault();
+        l.preventDefault();
       }
-    }, C = (n) => {
+    }, O = (l) => {
       if (!this._enabled) return;
-      if (Ee(this._activePointers, R), this._getClientRect(this._elementRect), s.copy(R), i.copy(R), this._activePointers.length >= 2) {
-        const E = R.x - this._activePointers[1].clientX, y = R.y - this._activePointers[1].clientY, w = Math.sqrt(E * E + y * y);
-        r.set(0, w);
-        const O = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, b = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
-        i.set(O, b);
+      if (Oe(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
+        const C = D.x - this._activePointers[1].clientX, v = D.y - this._activePointers[1].clientY, b = Math.sqrt(C * C + v * v);
+        r.set(0, b);
+        const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, w = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
+        i.set(E, w);
       }
-      if (this._state = 0, !n)
+      if (this._state = 0, !l)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
-      else if ("pointerType" in n && n.pointerType === "touch")
+      else if ("pointerType" in l && l.pointerType === "touch")
         switch (this._activePointers.length) {
           case 1:
             this._state = this.touches.one;
@@ -459,39 +459,39 @@ class J extends Os {
             break;
         }
       else
-        !this._lockedPointer && (n.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (n.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (n.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
+        !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 & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & c.DOLLY) === c.DOLLY || (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & c.ZOOM) === c.ZOOM || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, v = () => {
+    }, y = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
-      this._dragNeedsUpdate = !1, Ee(this._activePointers, R);
-      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, E = _ ? -_.deltaX : i.x - R.x, y = _ ? -_.deltaY : i.y - R.y;
-      if (i.copy(R), ((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, O = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, b = this.dollyDragInverted ? -1 : 1;
+      this._dragNeedsUpdate = !1, Oe(this._activePointers, D);
+      const g = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = g ? -g.deltaX : i.x - D.x, v = g ? -g.deltaY : i.y - D.y;
+      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(C, v), this._isUserControllingRotate = !0), (this._state & c.DOLLY) === c.DOLLY || (this._state & c.ZOOM) === c.ZOOM) {
+        const b = 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, w = this.dollyDragInverted ? -1 : 1;
         (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
-          b * y * ce,
-          w,
-          O
+          w * v * ce,
+          b,
+          E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          b * y * ce,
-          w,
-          O
+          w * v * ce,
+          b,
+          E
         ), this._isUserControllingZoom = !0);
       }
       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 = R.x - this._activePointers[1].clientX, O = R.y - this._activePointers[1].clientY, b = Math.sqrt(w * w + O * O), D = r.y - b;
-        r.set(0, b);
-        const B = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, he = 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(D * ce, B, he), this._isUserControllingDolly = !0) : (this._zoomInternal(D * ce, B, he), this._isUserControllingZoom = !0);
+        const b = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, w = Math.sqrt(b * b + E * E), R = r.y - w;
+        r.set(0, w);
+        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 & 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 * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, V, le), 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" });
+      ((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(C, v, !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(C, v, !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(C, v, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
     }, m = () => {
-      Ee(this._activePointers, R), i.copy(R), 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(
+      Oe(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",
-        a,
+        n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        h
+        a
       ), this.dispatchEvent({ type: "controlend" }));
     };
     this.lockPointer = () => {
@@ -504,57 +504,57 @@ class J extends Os {
         mouseButton: null
       }, this._activePointers.push(this._lockedPointer), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        a,
+        n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        h
+        a
       ), this._domElement.requestPointerLock(), this._domElement.ownerDocument.addEventListener(
         "pointerlockchange",
         u
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        g
+        f
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
-        a,
+        n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", h), C());
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), O());
     }, this.unlockPointer = () => {
-      var n, _, E;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (n = this._domElement) === null || n === void 0 || n.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
+      var l, g, C;
+      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (g = this._domElement) === null || g === void 0 || g.ownerDocument.removeEventListener(
         "pointerlockchange",
         u
-      ), (E = this._domElement) === null || E === void 0 || E.ownerDocument.removeEventListener(
+      ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
         "pointerlockerror",
-        g
+        f
       ), this.cancel();
     };
     const u = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, g = () => {
+    }, f = () => {
       this.unlockPointer();
     };
-    this._addAllEventListeners = (n) => {
-      this._domElement = n, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", h), this._domElement.addEventListener("wheel", f, {
+    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", _, {
         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", h), 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", _, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
-        a,
+        n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        h
+        a
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockchange",
         u
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        g
+        f
       ));
     }, this.cancel = () => {
       this._state !== c.NONE && (this._state = c.NONE, this._activePointers.length = 0, m());
@@ -795,11 +795,11 @@ class J extends Os {
       this.maxAzimuthAngle
     ), r = k(t, this.minPolarAngle, this.maxPolarAngle);
     this._sphericalEnd.theta = i, this._sphericalEnd.phi = r, this._sphericalEnd.makeSafe(), this._needsUpdate = !0, s || (this._spherical.theta = this._sphericalEnd.theta, this._spherical.phi = this._sphericalEnd.phi);
-    const o = !s || L(
+    const o = !s || P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
-    ) && L(
+    ) && P(
       this._spherical.phi,
       this._sphericalEnd.phi,
       this.restThreshold
@@ -830,11 +830,11 @@ class J extends Os {
   _dollyToNoClamp(e, t = !1) {
     const s = this._sphericalEnd.radius;
     if (this.colliderMeshes.length >= 1) {
-      const o = this._collisionTest(), a = L(
+      const o = this._collisionTest(), n = P(
         o,
         this._spherical.radius
       );
-      if (!(s > e) && a) return Promise.resolve();
+      if (!(s > e) && n) return Promise.resolve();
       this._sphericalEnd.radius = Math.min(
         e,
         o
@@ -842,7 +842,7 @@ class J extends Os {
     } else
       this._sphericalEnd.radius = e;
     this._needsUpdate = !0, t || (this._spherical.radius = this._sphericalEnd.radius);
-    const r = !t || L(
+    const r = !t || P(
       this._spherical.radius,
       this._sphericalEnd.radius,
       this.restThreshold
@@ -858,9 +858,9 @@ class J extends Os {
    */
   dollyInFixed(e, t = !1) {
     this._targetEnd.add(
-      this._getCameraDirection(oe).multiplyScalar(e)
+      this._getCameraDirection(ne).multiplyScalar(e)
     ), t || this._target.copy(this._targetEnd);
-    const s = !t || L(this._target.x, this._targetEnd.x, this.restThreshold) && L(this._target.y, this._targetEnd.y, this.restThreshold) && L(this._target.z, this._targetEnd.z, this.restThreshold);
+    const s = !t || 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);
     return this._createOnRestPromise(s);
   }
   /**
@@ -882,7 +882,7 @@ class J extends Os {
    */
   zoomTo(e, t = !1) {
     this._isUserControllingZoom = !1, this._zoomEnd = k(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
-    const s = !t || L(this._zoom, this._zoomEnd, this.restThreshold);
+    const s = !t || P(this._zoom, this._zoomEnd, this.restThreshold);
     return this._changedZoom = 0, this._createOnRestPromise(s);
   }
   /**
@@ -901,7 +901,7 @@ class J extends Os {
    */
   truck(e, t, s = !1) {
     this._camera.updateMatrix(), F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), F.multiplyScalar(e), N.multiplyScalar(-t);
-    const i = x.copy(F).add(N), r = P.copy(this._targetEnd).add(i);
+    const i = x.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
     return this.moveTo(r.x, r.y, r.z, s);
   }
   /**
@@ -912,7 +912,7 @@ class J extends Os {
    */
   forward(e, t = !1) {
     x.setFromMatrixColumn(this._camera.matrix, 0), x.crossVectors(this._camera.up, x), x.multiplyScalar(e);
-    const s = P.copy(this._targetEnd).add(x);
+    const s = L.copy(this._targetEnd).add(x);
     return this.moveTo(s.x, s.y, s.z, t);
   }
   /**
@@ -941,7 +941,7 @@ class J extends Os {
     this._isUserControllingTruck = !1;
     const r = x.set(e, t, s).sub(this._targetEnd);
     this._encloseToBoundary(this._targetEnd, r, this.boundaryFriction), this._needsUpdate = !0, i || this._target.copy(this._targetEnd);
-    const o = !i || L(this._target.x, this._targetEnd.x, this.restThreshold) && L(this._target.y, this._targetEnd.y, this.restThreshold) && L(this._target.z, this._targetEnd.z, this.restThreshold);
+    const o = !i || 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);
     return this._createOnRestPromise(o);
   }
   /**
@@ -954,11 +954,11 @@ class J extends Os {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const a = x.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const n = x.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
-      a.x,
-      a.y,
-      a.z,
+      n.x,
+      n.y,
+      n.z,
       i
     );
   }
@@ -980,36 +980,36 @@ class J extends Os {
     paddingLeft: i = 0,
     paddingRight: r = 0,
     paddingBottom: o = 0,
-    paddingTop: a = 0
+    paddingTop: n = 0
   } = {}) {
-    const h = [], d = e.isBox3 ? q.copy(e) : q.setFromObject(e);
+    const a = [], d = e.isBox3 ? $.copy(e) : $.setFromObject(e);
     d.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const f = Ie(this._sphericalEnd.theta, He), p = Ie(this._sphericalEnd.phi, He);
-    h.push(this.rotateTo(f, p, t));
-    const C = x.setFromSpherical(this._sphericalEnd).normalize(), v = We.setFromUnitVectors(C, Te), m = L(Math.abs(C.y), 1);
-    m && v.multiply(xe.setFromAxisAngle(de, f)), v.multiply(this._yAxisUpSpaceInverse);
-    const u = Ze.makeEmpty();
-    P.copy(d.min).applyQuaternion(v), u.expandByPoint(P), P.copy(d.min).setX(d.max.x).applyQuaternion(v), u.expandByPoint(P), P.copy(d.min).setY(d.max.y).applyQuaternion(v), u.expandByPoint(P), P.copy(d.max).setZ(d.min.z).applyQuaternion(v), u.expandByPoint(P), P.copy(d.min).setZ(d.max.z).applyQuaternion(v), u.expandByPoint(P), P.copy(d.max).setY(d.min.y).applyQuaternion(v), u.expandByPoint(P), P.copy(d.max).setX(d.min.x).applyQuaternion(v), u.expandByPoint(P), P.copy(d.max).applyQuaternion(v), u.expandByPoint(P), u.min.x -= i, u.min.y -= o, u.max.x += r, u.max.y += a, v.setFromUnitVectors(Te, C), m && v.premultiply(xe.invert()), v.premultiply(this._yAxisUpSpace);
-    const g = u.getSize(x), n = u.getCenter(P).applyQuaternion(v);
+    const _ = je(this._sphericalEnd.theta, He), p = je(this._sphericalEnd.phi, He);
+    a.push(this.rotateTo(_, p, t));
+    const O = x.setFromSpherical(this._sphericalEnd).normalize(), y = Ge.setFromUnitVectors(O, Te), m = P(Math.abs(O.y), 1);
+    m && y.multiply(xe.setFromAxisAngle(de, _)), y.multiply(this._yAxisUpSpaceInverse);
+    const u = We.makeEmpty();
+    L.copy(d.min).applyQuaternion(y), u.expandByPoint(L), L.copy(d.min).setX(d.max.x).applyQuaternion(y), u.expandByPoint(L), L.copy(d.min).setY(d.max.y).applyQuaternion(y), u.expandByPoint(L), L.copy(d.max).setZ(d.min.z).applyQuaternion(y), u.expandByPoint(L), L.copy(d.min).setZ(d.max.z).applyQuaternion(y), u.expandByPoint(L), L.copy(d.max).setY(d.min.y).applyQuaternion(y), u.expandByPoint(L), L.copy(d.max).setX(d.min.x).applyQuaternion(y), u.expandByPoint(L), L.copy(d.max).applyQuaternion(y), u.expandByPoint(L), u.min.x -= i, u.min.y -= o, u.max.x += r, u.max.y += n, y.setFromUnitVectors(Te, O), m && y.premultiply(xe.invert()), y.premultiply(this._yAxisUpSpace);
+    const f = u.getSize(x), l = u.getCenter(L).applyQuaternion(y);
     if (Y(this._camera)) {
-      const _ = this.getDistanceToFitBox(
-        g.x,
-        g.y,
-        g.z,
+      const g = this.getDistanceToFitBox(
+        f.x,
+        f.y,
+        f.z,
         s
       );
-      h.push(
-        this.moveTo(n.x, n.y, n.z, t)
-      ), h.push(this.dollyTo(_, t)), h.push(this.setFocalOffset(0, 0, 0, t));
+      a.push(
+        this.moveTo(l.x, l.y, l.z, t)
+      ), a.push(this.dollyTo(g, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     } else if (j(this._camera)) {
-      const _ = this._camera, E = _.right - _.left, y = _.top - _.bottom, w = s ? Math.max(E / g.x, y / g.y) : Math.min(E / g.x, y / g.y);
-      h.push(
-        this.moveTo(n.x, n.y, n.z, t)
-      ), h.push(this.zoomTo(w, t)), h.push(this.setFocalOffset(0, 0, 0, t));
+      const g = this._camera, C = g.right - g.left, v = g.top - g.bottom, b = s ? Math.max(C / f.x, v / f.y) : Math.min(C / f.x, v / f.y);
+      a.push(
+        this.moveTo(l.x, l.y, l.z, t)
+      ), a.push(this.zoomTo(b, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     }
-    return Promise.all(h);
+    return Promise.all(a);
   }
   /**
    * Fit the viewport to the sphere or the bounding sphere of the object.
@@ -1018,7 +1018,7 @@ class J extends Os {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, we) : we.copy(e);
+    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, be) : be.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1030,7 +1030,7 @@ class J extends Os {
       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, a = this._camera.top - this._camera.bottom, h = 2 * r.radius, d = Math.min(o / h, a / h);
+      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);
@@ -1046,26 +1046,26 @@ class J extends Os {
    * @param enableTransition
    * @category Methods
    */
-  setLookAt(e, t, s, i, r, o, a = !1) {
+  setLookAt(e, t, s, i, r, o, n = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const h = P.set(i, r, o), d = x.set(e, t, s);
-    this._targetEnd.copy(h), this._sphericalEnd.setFromVector3(
-      d.sub(h).applyQuaternion(this._yAxisUpSpace)
-    ), this.normalizeRotations(), this._needsUpdate = !0, a || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const f = !a || L(this._target.x, this._targetEnd.x, this.restThreshold) && L(this._target.y, this._targetEnd.y, this.restThreshold) && L(this._target.z, this._targetEnd.z, this.restThreshold) && L(
+    const a = L.set(i, r, o), d = x.set(e, t, s);
+    this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
+      d.sub(a).applyQuaternion(this._yAxisUpSpace)
+    ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const _ = !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
-    ) && L(
+    ) && P(
       this._spherical.phi,
       this._sphericalEnd.phi,
       this.restThreshold
-    ) && L(
+    ) && P(
       this._spherical.radius,
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(f);
+    return this._createOnRestPromise(_);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1085,36 +1085,36 @@ class J extends Os {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, a, h, d, f, p, C, v, m = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, d, _, p, O, y, m = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const u = x.set(i, r, o), g = P.set(e, t, s);
+    const u = x.set(i, r, o), f = L.set(e, t, s);
     z.setFromVector3(
-      g.sub(u).applyQuaternion(this._yAxisUpSpace)
+      f.sub(u).applyQuaternion(this._yAxisUpSpace)
     );
-    const n = X.set(f, p, C), _ = P.set(a, h, d);
-    ne.setFromVector3(
-      _.sub(n).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(u.lerp(n, v));
-    const E = ne.theta - z.theta, y = ne.phi - z.phi, w = ne.radius - z.radius;
+    const l = X.set(_, p, O), g = L.set(n, a, d);
+    ae.setFromVector3(
+      g.sub(l).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(u.lerp(l, y));
+    const C = ae.theta - z.theta, v = ae.phi - z.phi, b = ae.radius - z.radius;
     this._sphericalEnd.set(
-      z.radius + w * v,
-      z.phi + y * v,
-      z.theta + E * v
+      z.radius + b * y,
+      z.phi + v * y,
+      z.theta + C * y
     ), this.normalizeRotations(), this._needsUpdate = !0, m || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const O = !m || L(this._target.x, this._targetEnd.x, this.restThreshold) && L(this._target.y, this._targetEnd.y, this.restThreshold) && L(this._target.z, this._targetEnd.z, this.restThreshold) && L(
+    const E = !m || 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
-    ) && L(
+    ) && P(
       this._spherical.phi,
       this._sphericalEnd.phi,
       this.restThreshold
-    ) && L(
+    ) && P(
       this._spherical.radius,
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(O);
+    return this._createOnRestPromise(E);
   }
   /**
    * Set angle and distance by given position.
@@ -1171,15 +1171,15 @@ class J extends Os {
    */
   setFocalOffset(e, t, s, i = !1) {
     this._isUserControllingOffset = !1, this._focalOffsetEnd.set(e, t, s), this._needsUpdate = !0, i || this._focalOffset.copy(this._focalOffsetEnd);
-    const r = !i || L(
+    const r = !i || P(
       this._focalOffset.x,
       this._focalOffsetEnd.x,
       this.restThreshold
-    ) && L(
+    ) && P(
       this._focalOffset.y,
       this._focalOffsetEnd.y,
       this.restThreshold
-    ) && L(
+    ) && P(
       this._focalOffset.z,
       this._focalOffsetEnd.z,
       this.restThreshold
@@ -1236,10 +1236,10 @@ class J extends Os {
    * @category Methods
    */
   getDistanceToFitBox(e, t, s, i = !1) {
-    if (Oe(this._camera, "getDistanceToFitBox"))
+    if (Ee(this._camera, "getDistanceToFitBox"))
       return this._spherical.radius;
-    const r = e / t, o = this._camera.getEffectiveFOV() * se, a = this._camera.aspect;
-    return ((i ? r > a : r < a) ? t : e / a) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
+    const r = e / t, o = this._camera.getEffectiveFOV() * ie, n = this._camera.aspect;
+    return ((i ? r > n : r < n) ? t : e / n) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
   }
   /**
    * Calculate the distance to fit the sphere.
@@ -1248,9 +1248,9 @@ class J extends Os {
    * @category Methods
    */
   getDistanceToFitSphere(e) {
-    if (Oe(this._camera, "getDistanceToFitSphere"))
+    if (Ee(this._camera, "getDistanceToFitSphere"))
       return this._spherical.radius;
-    const t = this._camera.getEffectiveFOV() * se, s = Math.atan(Math.tan(t * 0.5) * this._camera.aspect) * 2, i = 1 < this._camera.aspect ? t : s;
+    const t = this._camera.getEffectiveFOV() * ie, s = Math.atan(Math.tan(t * 0.5) * this._camera.aspect) * 2, i = 1 < this._camera.aspect ? t : s;
     return e / Math.sin(i * 0.5);
   }
   /**
@@ -1310,7 +1310,7 @@ class J extends Os {
    * @category Methods
    */
   reset(e = !1) {
-    if (!L(this._camera.up.x, this._cameraUp0.x) || !L(this._camera.up.y, this._cameraUp0.y) || !L(this._camera.up.z, this._cameraUp0.z)) {
+    if (!P(this._camera.up.x, this._cameraUp0.x) || !P(this._camera.up.y, this._cameraUp0.y) || !P(this._camera.up.z, this._cameraUp0.z)) {
       this._camera.up.copy(this._cameraUp0);
       const s = this.getPosition(x);
       this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
@@ -1356,7 +1356,7 @@ class J extends Os {
    * @category Methods
    */
   applyCameraUp() {
-    const e = x.subVectors(this._target, this._camera.position).normalize(), t = P.crossVectors(e, this._camera.up);
+    const e = x.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
     this._camera.up.crossVectors(t, e).normalize(), this._camera.updateMatrixWorld();
     const s = this.getPosition(x);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
@@ -1369,15 +1369,15 @@ class J extends Os {
    * @category Methods
    */
   update(e) {
-    const t = this._sphericalEnd.theta - this._spherical.theta, s = this._sphericalEnd.phi - this._spherical.phi, i = this._sphericalEnd.radius - this._spherical.radius, r = Be.subVectors(this._targetEnd, this._target), o = Ye.subVectors(
+    const t = this._sphericalEnd.theta - this._spherical.theta, s = this._sphericalEnd.phi - this._spherical.phi, i = this._sphericalEnd.radius - this._spherical.radius, r = Ye.subVectors(this._targetEnd, this._target), o = Ze.subVectors(
       this._focalOffsetEnd,
       this._focalOffset
-    ), a = this._zoomEnd - this._zoom;
-    if (A(t))
+    ), n = this._zoomEnd - this._zoom;
+    if (S(t))
       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,
@@ -1386,11 +1386,11 @@ class J extends Os {
         e
       ), this._needsUpdate = !0;
     }
-    if (A(s))
+    if (S(s))
       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,
@@ -1399,11 +1399,11 @@ class J extends Os {
         e
       ), this._needsUpdate = !0;
     }
-    if (A(i))
+    if (S(i))
       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,
@@ -1412,11 +1412,11 @@ class J extends Os {
         e
       ), this._needsUpdate = !0;
     }
-    if (A(r.x) && A(r.y) && A(r.z))
+    if (S(r.x) && S(r.y) && S(r.z))
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
       const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-      je(
+      Be(
         this._target,
         this._targetEnd,
         this._targetVelocity,
@@ -1426,11 +1426,11 @@ class J extends Os {
         this._target
       ), this._needsUpdate = !0;
     }
-    if (A(o.x) && A(o.y) && A(o.z))
+    if (S(o.x) && S(o.y) && S(o.z))
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
       const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-      je(
+      Be(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
@@ -1440,11 +1440,11 @@ class J extends Os {
         this._focalOffset
       ), this._needsUpdate = !0;
     }
-    if (A(a))
+    if (S(n))
       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,
@@ -1455,45 +1455,45 @@ class J extends Os {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, C = this._camera, v = this._getCameraDirection(oe), m = x.copy(v).cross(C.up).normalize();
+        const p = this._spherical.radius - this._lastDistance, O = this._camera, y = this._getCameraDirection(ne), m = x.copy(y).cross(O.up).normalize();
         m.lengthSq() === 0 && (m.x = 1);
-        const u = P.crossVectors(m, v), g = this._sphericalEnd.radius * Math.tan(C.getEffectiveFOV() * se * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, E = X.copy(this._targetEnd).add(
+        const u = L.crossVectors(m, y), f = this._sphericalEnd.radius * Math.tan(O.getEffectiveFOV() * ie * 0.5), g = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = X.copy(this._targetEnd).add(
           m.multiplyScalar(
-            this._dollyControlCoord.x * g * C.aspect
+            this._dollyControlCoord.x * f * O.aspect
           )
         ).add(
-          u.multiplyScalar(this._dollyControlCoord.y * g)
-        ), y = x.copy(this._targetEnd).lerp(E, _), w = this._lastDollyDirection === G.IN && this._spherical.radius <= this.minDistance, O = this._lastDollyDirection === G.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (w || O)) {
+          u.multiplyScalar(this._dollyControlCoord.y * f)
+        ), v = x.copy(this._targetEnd).lerp(C, g), b = this._lastDollyDirection === G.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === G.OUT && this.maxDistance <= this._spherical.radius;
+        if (this.infinityDolly && (b || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const D = P.copy(v).multiplyScalar(-p);
-          y.add(D);
+          const R = L.copy(y).multiplyScalar(-p);
+          v.add(R);
         }
-        this._boundary.clampPoint(y, y);
-        const b = P.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), this._target.add(b), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
+        this._boundary.clampPoint(v, v);
+        const w = L.subVectors(v, this._targetEnd);
+        this._targetEnd.copy(v), this._target.add(w), this._changedDolly -= p, S(this._changedDolly) && (this._changedDolly = 0);
       } else if (j(this._camera) && this._changedZoom !== 0) {
-        const p = this._zoom - this._lastZoom, C = this._camera, v = x.set(
+        const p = this._zoom - this._lastZoom, O = this._camera, y = x.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
-          (C.near + C.far) / (C.near - C.far)
-        ).unproject(C), m = P.set(0, 0, -1).applyQuaternion(C.quaternion), u = X.copy(v).add(m.multiplyScalar(-v.dot(C.up))), n = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(oe), E = this._targetEnd.dot(_), y = x.copy(this._targetEnd).lerp(u, n), w = y.dot(_), O = _.multiplyScalar(
-          w - E
+          (O.near + O.far) / (O.near - O.far)
+        ).unproject(O), m = L.set(0, 0, -1).applyQuaternion(O.quaternion), u = X.copy(y).add(m.multiplyScalar(-y.dot(O.up))), l = -(this._zoom - p - this._zoom) / this._zoom, g = this._getCameraDirection(ne), C = this._targetEnd.dot(g), v = x.copy(this._targetEnd).lerp(u, l), b = v.dot(g), E = g.multiplyScalar(
+          b - C
         );
-        y.sub(O), this._boundary.clampPoint(y, y);
-        const b = P.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), this._target.add(b), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        v.sub(E), this._boundary.clampPoint(v, v);
+        const w = L.subVectors(v, this._targetEnd);
+        this._targetEnd.copy(v), this._target.add(w), this._changedZoom -= p, S(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
-    const h = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, h), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!A(this._focalOffset.x) || !A(this._focalOffset.y) || !A(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), x.copy(F).add(N).add(Z), this._camera.position.add(x), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    const a = this._collisionTest();
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!S(this._focalOffset.x) || !S(this._focalOffset.y) || !S(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), x.copy(F).add(N).add(Z), this._camera.position.add(x), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
       x.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(a, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
+    const _ = this._needsUpdate;
+    return _ && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : _ ? (this.dispatchEvent({ type: "update" }), S(t, this.restThreshold) && S(s, this.restThreshold) && S(i, this.restThreshold) && S(r.x, this.restThreshold) && S(r.y, this.restThreshold) && S(r.z, this.restThreshold) && S(o.x, this.restThreshold) && S(o.y, this.restThreshold) && S(o.z, this.restThreshold) && S(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !_ && 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 = _, this._needsUpdate = !1, _;
   }
   /**
    * Get all state in JSON string
@@ -1503,13 +1503,13 @@ class J extends Os {
     return JSON.stringify({
       enabled: this._enabled,
       minDistance: this.minDistance,
-      maxDistance: ie(this.maxDistance),
+      maxDistance: re(this.maxDistance),
       minZoom: this.minZoom,
-      maxZoom: ie(this.maxZoom),
+      maxZoom: re(this.maxZoom),
       minPolarAngle: this.minPolarAngle,
-      maxPolarAngle: ie(this.maxPolarAngle),
-      minAzimuthAngle: ie(this.minAzimuthAngle),
-      maxAzimuthAngle: ie(this.maxAzimuthAngle),
+      maxPolarAngle: re(this.maxPolarAngle),
+      minAzimuthAngle: re(this.minAzimuthAngle),
+      maxAzimuthAngle: re(this.maxAzimuthAngle),
       smoothTime: this.smoothTime,
       draggingSmoothTime: this.draggingSmoothTime,
       dollySpeed: this.dollySpeed,
@@ -1533,7 +1533,7 @@ class J extends Os {
    */
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
-    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = re(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = re(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = re(s.maxPolarAngle), this.minAzimuthAngle = re(s.minAzimuthAngle), this.maxAzimuthAngle = re(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
+    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
       x.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
     ), this.rotateTo(z.theta, z.phi, t), this.dollyTo(z.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
@@ -1591,21 +1591,21 @@ class J extends Os {
     const i = t.lengthSq();
     if (i === 0)
       return e;
-    const r = P.copy(t).add(e), a = this._boundary.clampPoint(r, X).sub(r), h = a.lengthSq();
-    if (h === 0)
+    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, X).sub(r), a = n.lengthSq();
+    if (a === 0)
       return e.add(t);
-    if (h === i)
+    if (a === i)
       return e;
     if (s === 0)
-      return e.add(t).add(a);
+      return e.add(t).add(n);
     {
-      const d = 1 + s * h / t.dot(a);
-      return e.add(P.copy(t).multiplyScalar(d)).add(a.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() {
     if (Y(this._camera)) {
-      const e = this._camera, t = e.near, s = e.getEffectiveFOV() * se, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
+      const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
     } else if (j(this._camera)) {
       const e = this._camera, t = 1 / e.zoom, s = e.left * t, i = e.right * t, r = e.top * t, o = e.bottom * t;
@@ -1615,17 +1615,17 @@ class J extends Os {
   // lateUpdate
   _collisionTest() {
     let e = 1 / 0;
-    if (!(this.colliderMeshes.length >= 1) || Oe(this._camera, "_collisionTest"))
+    if (!(this.colliderMeshes.length >= 1) || Ee(this._camera, "_collisionTest"))
       return e;
-    const s = this._getTargetDirection(oe);
-    be.lookAt(Ve, s, this._camera.up);
+    const s = this._getTargetDirection(ne);
+    we.lookAt(Ve, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
-      const r = P.copy(this._nearPlaneCorners[i]);
-      r.applyMatrix4(be);
+      const r = L.copy(this._nearPlaneCorners[i]);
+      r.applyMatrix4(we);
       const o = X.addVectors(this._target, r);
       pe.set(o, s), pe.far = this._spherical.radius + 1;
-      const a = pe.intersectObjects(this.colliderMeshes);
-      a.length !== 0 && a[0].distance < e && (e = a[0].distance);
+      const n = pe.intersectObjects(this.colliderMeshes);
+      n.length !== 0 && n[0].distance < e && (e = n[0].distance);
     }
     return e;
   }
@@ -1692,23 +1692,23 @@ class J extends Os {
   }
   static createBoundingSphere(e, t = new T.Sphere()) {
     const s = t, i = s.center;
-    q.makeEmpty(), e.traverseVisible((o) => {
-      o.isMesh && q.expandByObject(o);
-    }), q.getCenter(i);
+    $.makeEmpty(), e.traverseVisible((o) => {
+      o.isMesh && $.expandByObject(o);
+    }), $.getCenter(i);
     let r = 0;
     return e.traverseVisible((o) => {
       if (!o.isMesh) return;
-      const a = o;
-      if (!a.geometry) return;
-      const h = a.geometry.clone();
-      h.applyMatrix4(a.matrixWorld);
-      const f = h.attributes.position;
-      for (let p = 0, C = f.count; p < C; p++)
-        x.fromBufferAttribute(f, p), r = Math.max(r, i.distanceToSquared(x));
+      const n = o;
+      if (!n.geometry) return;
+      const a = n.geometry.clone();
+      a.applyMatrix4(n.matrixWorld);
+      const _ = a.attributes.position;
+      for (let p = 0, O = _.count; p < O; p++)
+        x.fromBufferAttribute(_, p), r = Math.max(r, i.distanceToSquared(x));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Se = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ge = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
+var Se = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ke = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
   return Function.prototype.apply.call(e, t, s);
 }, ue;
 Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
@@ -1716,52 +1716,52 @@ Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymb
 } : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function ws(l) {
-  console && console.warn && console.warn(l);
+function bs(h) {
+  console && console.warn && console.warn(h);
 }
-var ft = Number.isNaN || function(e) {
+var _t = Number.isNaN || function(e) {
   return e !== e;
 };
-function S() {
-  S.init.call(this);
+function A() {
+  A.init.call(this);
 }
-Se.exports = S;
-Se.exports.once = Ls;
-S.EventEmitter = S;
-S.prototype._events = void 0;
-S.prototype._eventsCount = 0;
-S.prototype._maxListeners = void 0;
-var Ke = 10;
-function ge(l) {
-  if (typeof l != "function")
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof l);
+Se.exports = A;
+Se.exports.once = Ps;
+A.EventEmitter = A;
+A.prototype._events = void 0;
+A.prototype._eventsCount = 0;
+A.prototype._maxListeners = void 0;
+var Xe = 10;
+function ge(h) {
+  if (typeof h != "function")
+    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof h);
 }
-Object.defineProperty(S, "defaultMaxListeners", {
+Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return Ke;
+    return Xe;
   },
-  set: function(l) {
-    if (typeof l != "number" || l < 0 || ft(l))
-      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + l + ".");
-    Ke = l;
+  set: function(h) {
+    if (typeof h != "number" || h < 0 || _t(h))
+      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + h + ".");
+    Xe = h;
   }
 });
-S.init = function() {
+A.init = function() {
   (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
 };
-S.prototype.setMaxListeners = function(e) {
-  if (typeof e != "number" || e < 0 || ft(e))
+A.prototype.setMaxListeners = function(e) {
+  if (typeof e != "number" || e < 0 || _t(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 _t(l) {
-  return l._maxListeners === void 0 ? S.defaultMaxListeners : l._maxListeners;
+function gt(h) {
+  return h._maxListeners === void 0 ? A.defaultMaxListeners : h._maxListeners;
 }
-S.prototype.getMaxListeners = function() {
-  return _t(this);
+A.prototype.getMaxListeners = function() {
+  return gt(this);
 };
-S.prototype.emit = function(e) {
+A.prototype.emit = function(e) {
   for (var t = [], s = 1; s < arguments.length; s++) t.push(arguments[s]);
   var i = e === "error", r = this._events;
   if (r !== void 0)
@@ -1772,57 +1772,57 @@ S.prototype.emit = function(e) {
     var o;
     if (t.length > 0 && (o = t[0]), o instanceof Error)
       throw o;
-    var a = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
-    throw a.context = o, a;
+    var n = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
+    throw n.context = o, n;
   }
-  var h = r[e];
-  if (h === void 0)
+  var a = r[e];
+  if (a === void 0)
     return !1;
-  if (typeof h == "function")
-    Ge(h, this, t);
+  if (typeof a == "function")
+    Ke(a, this, t);
   else
-    for (var d = h.length, f = Et(h, d), s = 0; s < d; ++s)
-      Ge(f[s], this, t);
+    for (var d = a.length, _ = Et(a, d), s = 0; s < d; ++s)
+      Ke(_[s], this, t);
   return !0;
 };
-function gt(l, e, t, s) {
+function yt(h, e, t, s) {
   var i, r, o;
-  if (ge(t), r = l._events, r === void 0 ? (r = l._events = /* @__PURE__ */ Object.create(null), l._eventsCount = 0) : (r.newListener !== void 0 && (l.emit(
+  if (ge(t), r = h._events, r === void 0 ? (r = h._events = /* @__PURE__ */ Object.create(null), h._eventsCount = 0) : (r.newListener !== void 0 && (h.emit(
     "newListener",
     e,
     t.listener ? t.listener : t
-  ), 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 = _t(l), i > 0 && o.length > i && !o.warned) {
+  ), 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 = gt(h), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
-    var a = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    a.name = "MaxListenersExceededWarning", a.emitter = l, a.type = e, a.count = o.length, ws(a);
+    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, bs(n);
   }
-  return l;
+  return h;
 }
-S.prototype.addListener = function(e, t) {
-  return gt(this, e, t, !1);
+A.prototype.addListener = function(e, t) {
+  return yt(this, e, t, !1);
 };
-S.prototype.on = S.prototype.addListener;
-S.prototype.prependListener = function(e, t) {
-  return gt(this, e, t, !0);
+A.prototype.on = A.prototype.addListener;
+A.prototype.prependListener = function(e, t) {
+  return yt(this, e, t, !0);
 };
 function xs() {
   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 vt(l, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: l, type: e, listener: t }, i = xs.bind(s);
+function vt(h, e, t) {
+  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = xs.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
-S.prototype.once = function(e, t) {
+A.prototype.once = function(e, t) {
   return ge(t), this.on(e, vt(this, e, t)), this;
 };
-S.prototype.prependOnceListener = function(e, t) {
+A.prototype.prependOnceListener = function(e, t) {
   return ge(t), this.prependListener(e, vt(this, e, t)), this;
 };
-S.prototype.removeListener = function(e, t) {
-  var s, i, r, o, a;
+A.prototype.removeListener = function(e, t) {
+  var s, i, r, o, n;
   if (ge(t), i = this._events, i === void 0)
     return this;
   if (s = i[e], s === void 0)
@@ -1832,17 +1832,17 @@ S.prototype.removeListener = function(e, t) {
   else if (typeof s != "function") {
     for (r = -1, o = s.length - 1; o >= 0; o--)
       if (s[o] === t || s[o].listener === t) {
-        a = s[o].listener, r = o;
+        n = s[o].listener, r = o;
         break;
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : bs(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, a || t);
+    r === 0 ? s.shift() : ws(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
   }
   return this;
 };
-S.prototype.off = S.prototype.removeListener;
-S.prototype.removeAllListeners = function(e) {
+A.prototype.off = A.prototype.removeListener;
+A.prototype.removeAllListeners = function(e) {
   var t, s, i;
   if (s = this._events, s === void 0)
     return this;
@@ -1861,27 +1861,27 @@ S.prototype.removeAllListeners = function(e) {
       this.removeListener(e, t[i]);
   return this;
 };
-function yt(l, e, t) {
-  var s = l._events;
+function Ct(h, e, t) {
+  var s = h._events;
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ps(i) : Et(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ls(i) : Et(i, i.length);
 }
-S.prototype.listeners = function(e) {
-  return yt(this, e, !0);
+A.prototype.listeners = function(e) {
+  return Ct(this, e, !0);
 };
-S.prototype.rawListeners = function(e) {
-  return yt(this, e, !1);
+A.prototype.rawListeners = function(e) {
+  return Ct(this, e, !1);
 };
-S.listenerCount = function(l, e) {
-  return typeof l.listenerCount == "function" ? l.listenerCount(e) : Ct.call(l, e);
+A.listenerCount = function(h, e) {
+  return typeof h.listenerCount == "function" ? h.listenerCount(e) : Ot.call(h, e);
 };
-S.prototype.listenerCount = Ct;
-function Ct(l) {
+A.prototype.listenerCount = Ot;
+function Ot(h) {
   var e = this._events;
   if (e !== void 0) {
-    var t = e[l];
+    var t = e[h];
     if (typeof t == "function")
       return 1;
     if (t !== void 0)
@@ -1889,56 +1889,56 @@ function Ct(l) {
   }
   return 0;
 }
-S.prototype.eventNames = function() {
+A.prototype.eventNames = function() {
   return this._eventsCount > 0 ? ue(this._events) : [];
 };
-function Et(l, e) {
+function Et(h, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
-    t[s] = l[s];
+    t[s] = h[s];
   return t;
 }
-function bs(l, e) {
-  for (; e + 1 < l.length; e++)
-    l[e] = l[e + 1];
-  l.pop();
+function ws(h, e) {
+  for (; e + 1 < h.length; e++)
+    h[e] = h[e + 1];
+  h.pop();
 }
-function Ps(l) {
-  for (var e = new Array(l.length), t = 0; t < e.length; ++t)
-    e[t] = l[t].listener || l[t];
+function Ls(h) {
+  for (var e = new Array(h.length), t = 0; t < e.length; ++t)
+    e[t] = h[t].listener || h[t];
   return e;
 }
-function Ls(l, e) {
+function Ps(h, e) {
   return new Promise(function(t, s) {
     function i(o) {
-      l.removeListener(e, r), s(o);
+      h.removeListener(e, r), s(o);
     }
     function r() {
-      typeof l.removeListener == "function" && l.removeListener("error", i), t([].slice.call(arguments));
+      typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
     }
-    Ot(l, e, r, { once: !0 }), e !== "error" && Ss(l, i, { once: !0 });
+    Tt(h, e, r, { once: !0 }), e !== "error" && As(h, i, { once: !0 });
   });
 }
-function Ss(l, e, t) {
-  typeof l.on == "function" && Ot(l, "error", e, t);
+function As(h, e, t) {
+  typeof h.on == "function" && Tt(h, "error", e, t);
 }
-function Ot(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);
+function Tt(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);
     });
   else
-    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof l);
+    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
 }
-var ve = Se.exports;
-const As = {
+var ye = Se.exports;
+const Ss = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: os.sRGB,
+  outputColorSpace: ns.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
@@ -1950,24 +1950,24 @@ class Ms {
     const { width: t, height: s, rendererParams: i } = e, {
       alpha: r,
       devicePixelRatio: o,
-      antialias: a,
-      powerPreference: h,
+      antialias: n,
+      powerPreference: a,
       toneMappingExposure: d,
-      outputColorSpace: f,
+      outputColorSpace: _,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: C,
-      stencil: v,
+      preserveDrawingBuffer: O,
+      stencil: y,
       depth: m
-    } = i, u = new Rt({
+    } = i, u = new Ut({
       alpha: r,
-      antialias: a,
-      powerPreference: h,
+      antialias: n,
+      powerPreference: a,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: C,
-      stencil: v,
+      preserveDrawingBuffer: O,
+      stencil: y,
       depth: m
     });
-    u.setSize(t, s), u.setPixelRatio(o), u.toneMappingExposure = d, u.outputColorSpace = f, this.renderer = u;
+    u.setSize(t, s), u.setPixelRatio(o), u.toneMappingExposure = d, u.outputColorSpace = _, this.renderer = u;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -1979,35 +1979,35 @@ class Ms {
     this.renderer.render(e, t);
   }
   setViewport(e) {
-    var h, d;
-    const { x: t, y: s, width: i, height: r } = e, o = (h = e.scissor) != null ? h : !1, a = (d = e.scissorTest) != null ? d : !1;
-    this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(a));
+    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));
   }
   setViewPadding(e = 0, t = 0, s = 0, i = 0) {
-    const { width: r, height: o } = this.renderer.getSize(new V()), a = {
+    const { width: r, height: o } = this.renderer.getSize(new B()), n = {
       x: i,
       y: s,
       width: r - i - t,
       height: o - e - s
     };
-    this.setViewport(a);
+    this.setViewport(n);
   }
   dispose() {
     var e, t;
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-const Ds = {
+const Rs = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class Rs {
+class Ds {
   constructor(e) {
     this.options = e;
-    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: a } = i, h = new r({
-      antialias: a
+    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, a = new r({
+      antialias: n
     });
-    h.setSize(t, s), h.setPixelRatio(o), this.renderer = h;
+    a.setSize(t, s), a.setPixelRatio(o), this.renderer = a;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -2046,9 +2046,9 @@ let Us = class {
     return (this.mask & (1 << e | 0)) !== 0;
   }
 };
-class ae {
+class ee {
   constructor() {
-    this.event = new ve.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
+    this.event = new ye.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
     const s = new Us();
@@ -2079,21 +2079,21 @@ class ae {
     }), this.removePage(0), this.controllerMap.clear(), this.event.removeAllListeners(), this.activeControllerSet.clear();
   }
 }
-const Tt = {
+const bt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new I(0, 1, 0)
+  up: new H(0, 1, 0)
 };
-class zs extends ae {
+class zs extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
   get camera() {
     return this.controller;
   }
-  addPerspectiveCamera(e = Tt, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: a } = e, h = a != null ? a : this.width / this.height, d = new Ut(s, h, r, i);
+  addPerspectiveCamera(e = bt, t) {
+    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, d = new zt(s, a, r, i);
     return d.up = o, this.addController(d, t);
   }
   setPageActive(e) {
@@ -2160,7 +2160,7 @@ class zs extends ae {
         s[7],
         s[11],
         s[15]
-      ), { width: a, height: h } = this, d = a / h;
+      ), { 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());
     }
   }
@@ -2168,7 +2168,7 @@ class zs extends ae {
 const ks = {
   background: null
 };
-class Fs extends ae {
+class Fs extends ee {
   get scene() {
     return this.controller;
   }
@@ -2176,12 +2176,12 @@ class Fs extends ae {
     super(), this.options = e;
   }
   addScene(e, t) {
-    const s = new ot();
+    const s = new nt();
     return e != null && e.background && (s.background = e.background), this.addController(s, t);
   }
   removePage(e) {
     super.removePage(e, (t) => {
-      const s = new hs();
+      const s = new Pe();
       s.track(t), s.dispose();
     });
   }
@@ -2202,21 +2202,21 @@ class Ns {
       if (e.isScene)
         i = new De(100);
       else if (e.isCamera)
-        i = new zt(e);
+        i = new kt(e);
       else if (e.isPointLight)
-        i = new kt(e, 1);
-      else if (e.isDirectionalLight)
         i = new Ft(e, 1);
+      else if (e.isDirectionalLight)
+        i = new Nt(e, 1);
       else if (e.isSpotLight)
-        i = new Nt(e);
+        i = new It(e);
       else if (e.isHemisphereLight)
         i = new Ht(e, 10);
       else if (e.isRectAreaLight)
         i = new cs(e);
       else {
-        const r = new nt();
+        const r = new at();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
-          i = new Re(r);
+          i = new Ue(r);
           const o = i.material;
           o.userData.object = e, o.depthTest = !1, o.transparent = !0;
         } else
@@ -2256,10 +2256,10 @@ class Ns {
   update(e, t, s) {
     var r, o;
     const { cameraController: i } = this.options;
-    Object.values(this.helpers).forEach((a) => {
-      if (a.update && a.update(), a instanceof Re) {
-        const h = a.material, { object: d } = h.userData;
-        d && a.box.setFromObject(d, !0);
+    Object.values(this.helpers).forEach((n) => {
+      if (n.update && n.update(), n instanceof Ue) {
+        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()
@@ -2276,18 +2276,18 @@ class Ns {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-class Hs extends ae {
+class Is extends ee {
   constructor(e) {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
-      Vector2: V,
-      Vector3: I,
-      Vector4: jt,
-      Quaternion: at,
+      Vector2: B,
+      Vector3: H,
+      Vector4: Bt,
+      Quaternion: lt,
       Matrix4: W,
       Spherical: Vt,
-      Box3: nt,
-      Sphere: Bt,
+      Box3: at,
+      Sphere: Yt,
       Raycaster: ht
     };
     J.install({ THREE: t });
@@ -2320,29 +2320,29 @@ class Hs extends ae {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * It.DEG2RAD);
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * jt.DEG2RAD);
   }
 }
-class Is {
+class Hs {
   constructor(e) {
-    this.event = new ve.EventEmitter();
+    this.event = new ye.EventEmitter();
     const { renderer: t, scene: s, camera: i } = e, r = new ps(
       i,
       t.domElement
     );
     if (r.getHelper) {
       const o = r.getHelper();
-      if (s.add(o), +Yt < 170) {
-        const a = r._root;
-        a.dispose = () => {
-          a.traverse((h) => {
-            h.geometry && h.geometry.dispose(), h.material && h.material.dispose();
+      if (s.add(o), +Zt < 170) {
+        const n = r._root;
+        n.dispose = () => {
+          n.traverse((a) => {
+            a.geometry && a.geometry.dispose(), a.material && a.material.dispose();
           });
         }, r.dispose = () => {
-          r.disconnect(), a.dispose();
+          r.disconnect(), n.dispose();
         };
       }
-    } else r instanceof Zt && s.add(r);
+    } else r instanceof Wt && s.add(r);
     this.controls = r, this.addEvent();
   }
   get detach() {
@@ -2392,8 +2392,8 @@ class Is {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const Xe = new I(), js = new at(), qe = new I(), H = new W(), Vs = new W();
-class Bs {
+const $e = new H(), js = new lt(), qe = new H(), I = new W(), Bs = new W();
+class Vs {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2402,71 +2402,71 @@ class Bs {
   constructor(e = {}) {
     const t = this;
     let s, i, r, o;
-    const a = {
+    const n = {
       camera: { style: "" },
       objects: /* @__PURE__ */ new WeakMap()
-    }, h = e.element !== void 0 ? e.element : document.createElement("div");
-    h.style.overflow = "hidden", this.domElement = h;
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a;
     const d = document.createElement("div");
-    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() {
+    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", a.appendChild(d);
+    const _ = document.createElement("div");
+    _.style.transformStyle = "preserve-3d", d.appendChild(_), this.getSize = function() {
       return {
         width: s,
         height: i
       };
-    }, this.render = function(g, n) {
-      const _ = n.projectionMatrix.elements[5] * o;
-      n.view && n.view.enabled ? (d.style.transform = `translate( ${-n.view.offsetX * (s / n.view.width)}px, ${-n.view.offsetY * (i / n.view.height)}px )`, d.style.transform += `scale( ${n.view.fullWidth / n.view.width}, ${n.view.fullHeight / n.view.height} )`) : d.style.transform = "", g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), n.parent === null && n.matrixWorldAutoUpdate === !0 && n.updateMatrixWorld();
-      let E, y;
-      n.isOrthographicCamera && (E = -(n.right + n.left) / 2, y = (n.top + n.bottom) / 2);
-      const w = n.view && n.view.enabled ? n.view.height / n.view.fullHeight : 1, O = n.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + p(E) + "px," + p(y) + "px)" + C(n.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + C(n.matrixWorldInverse), D = (n.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + O + "translate(" + r + "px," + o + "px)";
-      a.camera.style !== D && (f.style.transform = D, a.camera.style = D), u(g, g, n);
-    }, this.setSize = function(g, n) {
-      s = g, i = n, r = s / 2, o = i / 2, h.style.width = g + "px", h.style.height = n + "px", d.style.width = g + "px", d.style.height = n + "px", f.style.width = g + "px", f.style.height = n + "px";
+    }, this.render = function(f, l) {
+      const g = l.projectionMatrix.elements[5] * o;
+      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 = "", f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
+      let C, v;
+      l.isOrthographicCamera && (C = -(l.right + l.left) / 2, v = (l.top + l.bottom) / 2);
+      const b = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${b} )scale(` + g + ")translate(" + p(C) + "px," + p(v) + "px)" + O(l.matrixWorldInverse) : `scale( ${b} )translateZ(` + g + "px)" + O(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + g + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (_.style.transform = R, n.camera.style = R), u(f, f, l);
+    }, this.setSize = function(f, l) {
+      s = f, i = l, r = s / 2, o = i / 2, a.style.width = f + "px", a.style.height = l + "px", d.style.width = f + "px", d.style.height = l + "px", _.style.width = f + "px", _.style.height = l + "px";
     };
-    function p(g) {
-      return Math.abs(g) < 1e-10 ? 0 : g;
+    function p(f) {
+      return Math.abs(f) < 1e-10 ? 0 : f;
     }
-    function C(g) {
-      const n = g.elements;
-      return "matrix3d(" + p(n[0]) + "," + p(-n[1]) + "," + p(n[2]) + "," + p(n[3]) + "," + p(n[4]) + "," + p(-n[5]) + "," + p(n[6]) + "," + p(n[7]) + "," + p(n[8]) + "," + p(-n[9]) + "," + p(n[10]) + "," + p(n[11]) + "," + p(n[12]) + "," + p(-n[13]) + "," + p(n[14]) + "," + p(n[15]) + ")";
+    function O(f) {
+      const l = f.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 v(g) {
-      const n = g.elements;
-      return "translate(-50%,-50%)" + ("matrix3d(" + p(n[0]) + "," + p(n[1]) + "," + p(n[2]) + "," + p(n[3]) + "," + p(-n[4]) + "," + p(-n[5]) + "," + p(-n[6]) + "," + p(-n[7]) + "," + p(n[8]) + "," + p(n[9]) + "," + p(n[10]) + "," + p(n[11]) + "," + p(n[12]) + "," + p(n[13]) + "," + p(n[14]) + "," + p(n[15]) + ")");
+    function y(f) {
+      const l = f.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 m(g) {
-      g.isCSS3DObject && (g.element.style.display = "none");
-      for (let n = 0, _ = g.children.length; n < _; n++)
-        m(g.children[n]);
+    function m(f) {
+      f.isCSS3DObject && (f.element.style.display = "none");
+      for (let l = 0, g = f.children.length; l < g; l++)
+        m(f.children[l]);
     }
-    function u(g, n, _, E) {
-      if (g.visible === !1) {
-        m(g);
+    function u(f, l, g, C) {
+      if (f.visible === !1) {
+        m(f);
         return;
       }
-      if (g.isCSS3DObject) {
-        const y = g.layers.test(_.layers) === !0, w = g.element;
-        if (w.style.display = y === !0 ? "" : "none", y === !0) {
-          g.onBeforeRender(t, n, _);
-          let O;
-          g.isCSS3DSprite ? (H.copy(_.matrixWorldInverse), H.transpose(), g.rotation2D !== 0 && H.multiply(Vs.makeRotationZ(g.rotation2D)), g.matrixWorld.decompose(Xe, js, qe), H.setPosition(Xe), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = v(H)) : O = v(g.matrixWorld);
-          const b = a.objects.get(g);
-          if (b === void 0 || b.style !== O) {
-            w.style.transform = O;
-            const D = { style: O };
-            a.objects.set(g, D);
+      if (f.isCSS3DObject) {
+        const v = f.layers.test(g.layers) === !0, b = f.element;
+        if (b.style.display = v === !0 ? "" : "none", v === !0) {
+          f.onBeforeRender(t, l, g);
+          let E;
+          f.isCSS3DSprite ? (I.copy(g.matrixWorldInverse), I.transpose(), f.rotation2D !== 0 && I.multiply(Bs.makeRotationZ(f.rotation2D)), f.matrixWorld.decompose($e, js, qe), I.setPosition($e), I.scale(qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = y(I)) : E = y(f.matrixWorld);
+          const w = n.objects.get(f);
+          if (w === void 0 || w.style !== E) {
+            b.style.transform = E;
+            const R = { style: E };
+            n.objects.set(f, R);
           }
-          w.parentNode !== f && f.appendChild(w), g.onAfterRender(t, n, _);
+          b.parentNode !== _ && _.appendChild(b), f.onAfterRender(t, l, g);
         }
       }
-      for (let y = 0, w = g.children.length; y < w; y++)
-        u(g.children[y], n, _);
+      for (let v = 0, b = f.children.length; v < b; v++)
+        u(f.children[v], l, g);
     }
   }
 }
-const $ = new I(), $e = new W(), Qe = new W(), Je = new I(), et = new I();
+const q = new H(), Qe = new W(), Je = new W(), et = new H(), tt = new H();
 class Ys {
   /**
    * Constructs a new CSS2D renderer.
@@ -2476,63 +2476,63 @@ class Ys {
   constructor(e = {}) {
     const t = this;
     let s, i, r, o;
-    const a = {
+    const n = {
       objects: /* @__PURE__ */ new WeakMap()
-    }, h = e.element !== void 0 ? e.element : document.createElement("div");
-    h.style.overflow = "hidden", this.domElement = h, this.getSize = function() {
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a, this.getSize = function() {
       return {
         width: s,
         height: i
       };
     }, this.render = function(m, u) {
-      m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), u.parent === null && u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), $e.copy(u.matrixWorldInverse), Qe.multiplyMatrices(u.projectionMatrix, $e), f(m, m, u), v(m);
+      m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), u.parent === null && u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), Qe.copy(u.matrixWorldInverse), Je.multiplyMatrices(u.projectionMatrix, Qe), _(m, m, u), y(m);
     }, this.setSize = function(m, u) {
-      s = m, i = u, r = s / 2, o = i / 2, h.style.width = m + "px", h.style.height = u + "px";
+      s = m, i = u, r = s / 2, o = i / 2, a.style.width = m + "px", a.style.height = u + "px";
     };
     function d(m) {
       m.isCSS2DObject && (m.element.style.display = "none");
-      for (let u = 0, g = m.children.length; u < g; u++)
+      for (let u = 0, f = m.children.length; u < f; u++)
         d(m.children[u]);
     }
-    function f(m, u, g) {
+    function _(m, u, f) {
       if (m.visible === !1) {
         d(m);
         return;
       }
       if (m.isCSS2DObject) {
-        $.setFromMatrixPosition(m.matrixWorld), $.applyMatrix4(Qe);
-        const n = $.z >= -1 && $.z <= 1 && m.layers.test(g.layers) === !0, _ = m.element;
-        _.style.display = n === !0 ? "" : "none", n === !0 && (m.onBeforeRender(t, u, g), _.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + ($.x * r + r) + "px," + (-$.y * o + o) + "px)", _.parentNode !== h && h.appendChild(_), m.onAfterRender(t, u, g));
-        const E = {
-          distanceToCameraSquared: p(g, m)
+        q.setFromMatrixPosition(m.matrixWorld), q.applyMatrix4(Je);
+        const l = q.z >= -1 && q.z <= 1 && m.layers.test(f.layers) === !0, g = m.element;
+        g.style.display = l === !0 ? "" : "none", l === !0 && (m.onBeforeRender(t, u, f), g.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", g.parentNode !== a && a.appendChild(g), m.onAfterRender(t, u, f));
+        const C = {
+          distanceToCameraSquared: p(f, m)
         };
-        a.objects.set(m, E);
+        n.objects.set(m, C);
       }
-      for (let n = 0, _ = m.children.length; n < _; n++)
-        f(m.children[n], u, g);
+      for (let l = 0, g = m.children.length; l < g; l++)
+        _(m.children[l], u, f);
     }
     function p(m, u) {
-      return Je.setFromMatrixPosition(m.matrixWorld), et.setFromMatrixPosition(u.matrixWorld), Je.distanceToSquared(et);
+      return et.setFromMatrixPosition(m.matrixWorld), tt.setFromMatrixPosition(u.matrixWorld), et.distanceToSquared(tt);
     }
-    function C(m) {
+    function O(m) {
       const u = [];
-      return m.traverseVisible(function(g) {
-        g.isCSS2DObject && u.push(g);
+      return m.traverseVisible(function(f) {
+        f.isCSS2DObject && u.push(f);
       }), u;
     }
-    function v(m) {
-      const u = C(m).sort(function(n, _) {
-        if (n.renderOrder !== _.renderOrder)
-          return _.renderOrder - n.renderOrder;
-        const E = a.objects.get(n).distanceToCameraSquared, y = a.objects.get(_).distanceToCameraSquared;
-        return E - y;
-      }), g = u.length;
-      for (let n = 0, _ = u.length; n < _; n++)
-        u[n].element.style.zIndex = g - n;
+    function y(m) {
+      const u = O(m).sort(function(l, g) {
+        if (l.renderOrder !== g.renderOrder)
+          return g.renderOrder - l.renderOrder;
+        const C = n.objects.get(l).distanceToCameraSquared, v = n.objects.get(g).distanceToCameraSquared;
+        return C - v;
+      }), f = u.length;
+      for (let l = 0, g = u.length; l < g; l++)
+        u[l].element.style.zIndex = f - l;
     }
   }
 }
-const tt = {
+const st = {
   zIndex: "auto"
 };
 class Zs {
@@ -2540,7 +2540,7 @@ class Zs {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Ys() : new Bs();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Ys() : new Vs();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -2654,20 +2654,20 @@ class Gs extends fs {
   constructor() {
     super();
     const e = Ws;
-    this.uniforms = Wt.clone(e.uniforms), this.material = new Gt({
+    this.uniforms = Gt.clone(e.uniforms), this.material = new Kt({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
-    }), this.fsQuad ? this.fsQuad = new ke(this.material) : this._fsQuad && (this._fsQuad = new ke(this.material));
+    }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
   }
 }
-const Ks = (l) => {
+const Ks = (h) => {
   const e = new _s(
-    new Kt({
+    new Xt({
       uniforms: {
         baseTexture: { value: null },
-        bloomTexture: { value: l.renderTarget2.texture },
+        bloomTexture: { value: h.renderTarget2.texture },
         bloomAlphaType: { value: 0 }
       },
       vertexShader: `
@@ -2698,19 +2698,19 @@ const Ks = (l) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Pe = 1, me = !1, Xs = new Xt({ color: "black" }), qs = new lt({
+}, Le = 1, me = !1, Xs = new $t({ color: "black" }), $s = new ct({
   color: "black",
   sizeAttenuation: !1
-}), $s = new lt({
+}), qs = new ct({
   color: "black",
   sizeAttenuation: !0
-}), Qs = new ct({
+}), Qs = new dt({
   color: "black",
   sizeAttenuation: !0
-}), Js = new ct({
+}), Js = new dt({
   color: "black",
   sizeAttenuation: !1
-}), ei = new mt({
+}), ei = new ut({
   color: "black",
   sizeAttenuation: 0,
   lineWidth: 0
@@ -2729,7 +2729,7 @@ const Ks = (l) => {
 };
 class ri {
   constructor(e) {
-    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new qt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.pipViewportState = null, this.options = e;
+    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new qt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
       rendererController: t,
       sceneController: s,
@@ -2737,20 +2737,20 @@ class ri {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: a } = r, { maxSamples: h } = o.capabilities, d = o.getDrawingBufferSize(new V()), f = new $t(
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, d = o.getDrawingBufferSize(new B()), _ = new Qt(
       d.width,
       d.height,
       {
-        samples: Math.min(a, h),
-        type: Qt
+        samples: Math.min(n, a),
+        type: Jt
       }
-    ), p = new ze(o, f), C = this.getSize();
-    p.setSize(C.width, C.height);
-    const v = new ms(
+    ), p = new ke(o, _), O = this.getSize();
+    p.setSize(O.width, O.height);
+    const y = new ms(
       s.scene,
       i.camera
     );
-    p.addPass(v), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = v, i.event.on("pageChange", (m) => {
+    p.addPass(y), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = y, i.event.on("pageChange", (m) => {
       this.changeCamera(m);
     }), s.event.on("pageChange", (m) => {
       this.changeScene(m);
@@ -2770,21 +2770,21 @@ class ri {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
   addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new V()), o = r.width, a = r.height, h = new us(t, s, o, a);
-    h.kernelRadius = e.kernelRadius, h.minDistance = e.minDistance, h.maxDistance = e.maxDistance, this.ssaoPass = h, this.finalComposer.addPass(h);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new us(t, s, o, n);
+    a.kernelRadius = e.kernelRadius, a.minDistance = e.minDistance, a.maxDistance = e.maxDistance, this.ssaoPass = a, this.finalComposer.addPass(a);
   }
   addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, a = new gs(
-      new V(window.innerWidth, window.innerHeight),
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new gs(
+      new B(window.innerWidth, window.innerHeight),
       i,
       r,
       s
     );
-    this.bloomPass = a;
-    const h = new ze(t);
-    h.renderToScreen = !1, h.addPass(this.renderPass), h.addPass(a), this.bloomComposer = h;
-    const d = Ks(h);
-    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = h, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Pe);
+    this.bloomPass = n;
+    const a = new ke(t);
+    a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
+    const d = Ks(a);
+    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Le);
   }
   setBloomSelection(e, t) {
     if (!this.bloomComposer) {
@@ -2793,7 +2793,7 @@ class ri {
     }
     e.traverse((s) => {
       const { object3d: i } = s;
-      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Pe)) : (this.bloomSelection.delete(s), i.layers.disable(Pe)));
+      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Le)) : (this.bloomSelection.delete(s), i.layers.disable(Le)));
     }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
   }
   enable() {
@@ -2816,9 +2816,9 @@ class ri {
       s.isTransformControls || s.isTransformControlsRoot || s.type === "RectAreaLightHelper" ? e.push(s) : t.push(s);
     }), t.forEach((s) => {
       s.traverse((i) => {
-        var h;
-        const r = i, o = i, a = i;
-        (h = r.material) != null && h.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Qs : o.material = Js : r.material instanceof mt ? r.material = ei : a.isPoints ? a.material.sizeAttenuation ? a.material = $s : a.material = qs : r.material = Xs);
+        var a;
+        const r = i, o = i, n = i;
+        (a = r.material) != null && a.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 = Qs : o.material = Js : r.material instanceof ut ? r.material = ei : n.isPoints ? n.material.sizeAttenuation ? n.material = qs : n.material = $s : r.material = Xs);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2831,10 +2831,10 @@ class ri {
     });
   }
   finalComposerRender() {
-    this.bloomComposerActive && this.bloomComposer ? (this.mixPass.enabled = !0, this.darkenNonBloomed(), this.bloomComposer.render(), this.restoreNonBloomed()) : this.mixPass && (this.mixPass.enabled = !1), this.finalComposer.render();
+    this.bloomComposerActive && this.bloomComposer ? (this.bloomComposerRenderIng = !0, this.mixPass.enabled = !0, this.darkenNonBloomed(), this.bloomComposer.render(), this.restoreNonBloomed(), this.bloomComposerRenderIng = !1) : this.mixPass && (this.mixPass.enabled = !1), this.finalComposer.render();
   }
   getSize() {
-    return this.renderer.getSize(new V());
+    return this.renderer.getSize(new B());
   }
   render() {
     if (!this.active) return;
@@ -2842,7 +2842,7 @@ class ri {
     if (this.finalComposerRender(), this.pipViewportState) {
       e.setPageActive(31), e.setAspect(
         this.pipViewportState.width / this.pipViewportState.height
-      ), t.setViewport(ee(U({}, this.pipViewportState), {
+      ), t.setViewport(te(U({}, this.pipViewportState), {
         scissor: !0,
         scissorTest: !0
       })), this.finalComposerRender(), e.setPageActive(s.activeIndex);
@@ -2862,7 +2862,7 @@ class ri {
     this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomSelection.clear(), this.finalComposer.dispose(), (e = this.bloomComposer) == null || e.dispose();
   }
 }
-class st extends dt {
+class it extends pt {
   constructor(e) {
     super(e), this.options = { type: "image" };
   }
@@ -2871,22 +2871,22 @@ class st extends dt {
   }
   load(e, t, s, i) {
     let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new pt(o)) : r = new fe();
-    const a = new Le(this.manager);
-    return a.setResponseType("blob"), a.setRequestHeader(this.requestHeader), a.setPath(this.path), a.setWithCredentials(this.withCredentials), a.load(
+    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new mt(o)) : r = new fe();
+    const n = new Ae(this.manager);
+    return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
-      (h) => {
-        let d = h;
-        const f = e.split(".").pop(), p = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
-        d = d.slice(0, h.size, p);
-        const C = () => {
-          o.removeEventListener("load", v, !1), o.removeEventListener("error", m, !1);
-        }, v = () => {
-          C(), r.needsUpdate = !0, t && t(r);
-        }, m = (g) => {
-          C(), i && i(g), this.manager.itemError(e), this.manager.itemEnd(e);
+      (a) => {
+        let d = a;
+        const _ = e.split(".").pop(), p = this.options.type === "image" ? `image/${_ || "png"}` : `video/${_ || "mp4"}`;
+        d = d.slice(0, a.size, p);
+        const O = () => {
+          o.removeEventListener("load", y, !1), o.removeEventListener("error", m, !1);
+        }, y = () => {
+          O(), r.needsUpdate = !0, t && t(r);
+        }, m = (f) => {
+          O(), i && i(f), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", v, !1), o.addEventListener("error", m, !1);
+        o.addEventListener("load", y, !1), o.addEventListener("error", m, !1);
         const u = window.URL.createObjectURL(d);
         o.src = u;
       },
@@ -2895,16 +2895,16 @@ class st extends dt {
     ), r;
   }
 }
-class oi extends dt {
+class oi extends pt {
   constructor(e) {
     super(e);
   }
   load(e, t, s, i) {
-    const r = new Le(this.manager);
+    const r = new Ae(this.manager);
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
-        const a = o, h = new DecompressionStream("gzip"), d = a.stream().pipeThrough(h);
+        const n = o, a = new DecompressionStream("gzip"), d = n.stream().pipeThrough(a);
         new Response(d).json().then((p) => {
           t == null || t(p);
         }).catch((p) => {
@@ -2927,10 +2927,10 @@ const ni = {
 };
 class ai {
   constructor(e) {
-    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ve.EventEmitter(), this.options = U({
+    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ye.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
       prefix: ""
-    }, e), this.loadingManager = new Jt(
+    }, e), this.loadingManager = new es(
       () => {
       },
       (t, s, i) => {
@@ -2974,21 +2974,21 @@ class ai {
   }
   getLoader(e, t) {
     if (e === "images")
-      return this.textureLoader || (this.textureLoader = new st(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
+      return this.textureLoader || (this.textureLoader = new it(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
     if (e === "media")
-      return this.videoTextureLoader || (this.videoTextureLoader = new st(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
+      return this.videoTextureLoader || (this.videoTextureLoader = new it(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Fe(this.loadingManager), this.dracoLoader = new vs(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
+      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new ys(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
     if (e === "gltf")
-      return this.gltfLoader || (this.gltfLoader = new Fe(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
+      return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
       return this.lottieLoader || (this.lottieLoader = new Cs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
       return this.gzipJsonLoader || (this.gzipJsonLoader = new oi(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
-      return this.jsonLoader || (this.jsonLoader = new Le(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
+      return this.jsonLoader || (this.jsonLoader = new Ae(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
     if (e === "exr")
-      return this.exrLoader || (this.exrLoader = new ys(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
+      return this.exrLoader || (this.exrLoader = new vs(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
   }
   add(e, t) {
     typeof e == "string" && (e = [e]), e.forEach((s) => {
@@ -3007,11 +3007,11 @@ class ai {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof fe || t instanceof es || t instanceof pt) && e.set(s, t);
+      (t instanceof fe || t instanceof ts || t instanceof mt) && e.set(s, t);
     }), e;
   }
   loadAll() {
-    return te(this, null, function* () {
+    return se(this, null, function* () {
       const e = this.loadObj.filter((t) => !this.delLoadArr.includes(t.src));
       return yield Promise.all(
         e.map((t) => this.load(t.src, t))
@@ -3019,12 +3019,12 @@ class ai {
     });
   }
   load(e, t) {
-    return te(this, null, function* () {
-      var a, h;
-      const s = (a = t == null ? void 0 : t.type) != null ? a : this.getAssetType(e);
+    return se(this, null, function* () {
+      var n, a;
+      const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = Es();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = Os();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3034,9 +3034,9 @@ class ai {
       try {
         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 && ns({ texture: d });
-          const f = (h = t == null ? void 0 : t.anisotropy) != null ? h : this.options.anisotropy;
-          d.anisotropy = f;
+          (t == null ? void 0 : t.colorCorrection) !== !1 && as({ texture: d });
+          const _ = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          d.anisotropy = _;
         }
         return d;
       } catch (d) {
@@ -3052,18 +3052,18 @@ class ai {
     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((h) => {
+      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((a) => {
         [
-          h.map,
-          h.emissiveMap,
-          h.normalMap,
-          h.roughnessMap,
-          h.metalnessMap,
-          h.aoMap
+          a.map,
+          a.emissiveMap,
+          a.normalMap,
+          a.roughnessMap,
+          a.metalnessMap,
+          a.aoMap
         ].forEach((d) => {
           if (d) {
-            const f = this.getSrcByAsset(d, s);
-            f && t.add(f);
+            const _ = this.getSrcByAsset(d, s);
+            _ && t.add(_);
           }
         });
       });
@@ -3078,10 +3078,10 @@ class ai {
     this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-const hi = {
+const li = {
   prefix: ""
 };
-class li extends ae {
+class hi extends ee {
   get loader() {
     return this.controller;
   }
@@ -3089,7 +3089,7 @@ class li extends ae {
     super(), this.options = e;
   }
   addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new ai(ee(U({}, s), {
+    const { loaderParams: s } = this.options, i = new ai(te(U({}, s), {
       scene: e
     }));
     return this.addController(i, t);
@@ -3100,20 +3100,20 @@ class li extends ae {
     });
   }
 }
-class ci extends ls {
+class ci extends hs {
   constructor(e) {
     super(), this.options = U({}, e);
   }
   create() {
     var e;
-    this.object3d = (e = this.options.scene) != null ? e : new ot();
+    this.object3d = (e = this.options.scene) != null ? e : new nt();
   }
 }
-function it(l) {
+function rt(h) {
   let e = !1, t = [];
   return function(...s) {
     t = s, e || (e = !0, requestAnimationFrame(() => {
-      e = !1, l(...t);
+      e = !1, h(...t);
     }));
   };
 }
@@ -3127,33 +3127,33 @@ class di {
   }
   addPickListener(e) {
     const t = /* @__PURE__ */ new Set(["move", "enter", "leave"]), s = /* @__PURE__ */ new Set(["down", "downOutside", "click"]), i = (r) => {
-      var v;
+      var y;
       if (!this.enabled)
         return;
       r.preventDefault();
-      const o = e === "move" ? t : s, a = [];
+      const o = e === "move" ? t : s, n = [];
       if (this.pickFunctionsMap.forEach((m) => {
-        o.has(m.type) && a.push(ee(U({}, m), {
+        o.has(m.type) && n.push(te(U({}, m), {
           objArr: m.objArr instanceof Function ? m.objArr() : m.objArr
         }));
-      }), a.length === 0) return;
+      }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear();
-      const h = this.objCallbackMap, d = [];
-      for (const m of a)
+      const a = this.objCallbackMap, d = [];
+      for (const m of n)
         for (const u of m.objArr) {
           if (!u.object3d || !u.visibleWithAncestors) continue;
-          h.has(u) || (h.set(u, /* @__PURE__ */ new Map()), d.push(u));
-          const g = h.get(u);
-          g.has(m.type) || g.set(m.type, []), g.get(m.type).push(m.cb);
+          a.has(u) || (a.set(u, /* @__PURE__ */ new Map()), d.push(u));
+          const f = a.get(u);
+          f.has(m.type) || f.set(m.type, []), f.get(m.type).push(m.cb);
         }
       if (d.length === 0) return;
-      const f = d.map((m) => m.object3d);
-      f.forEach((m) => {
+      const _ = d.map((m) => m.object3d);
+      _.forEach((m) => {
         m.isGroup && m.traverse((u) => {
-          u instanceof ts && f.push(u);
+          u instanceof ss && _.push(u);
         });
       });
-      const p = (v = this.pencil.pick(r, f, !1)) == null ? void 0 : v.intersects;
+      const p = (y = this.pencil.pick(r, _, !1)) == null ? void 0 : y.intersects;
       if (!p || p.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
@@ -3161,12 +3161,12 @@ class di {
         const m = p[0];
         this.processIntersection(m, r, e);
       }
-      const C = this.prevActiveObjects;
-      this.prevActiveObjects = this.activeObjects, this.activeObjects = C, this.activeObjects.clear();
+      const O = this.prevActiveObjects;
+      this.prevActiveObjects = this.activeObjects, this.activeObjects = O, this.activeObjects.clear();
     };
     this.domElement.addEventListener(
       `pointer${e}`,
-      it(i),
+      rt(i),
       { passive: !1 }
     );
   }
@@ -3177,8 +3177,8 @@ class di {
     const i = this.objCallbackMap, r = e.index || -1;
     let o = e.object;
     for (; o; ) {
-      const a = this.pencil.lead.objMap.get(o);
-      a && i.has(a) && this.activeObjects.add(a), o = o.parent;
+      const n = this.pencil.lead.objMap.get(o);
+      n && i.has(n) && this.activeObjects.add(n), o = o.parent;
     }
     s === "move" ? this.handleLeaveEvents(t) : s === "down" && this.handleDownOutside(t), this.processObjectHierarchy(t, s, r);
   }
@@ -3188,48 +3188,48 @@ class di {
     const o = () => {
       r = !0;
     };
-    for (const a of this.activeObjects) {
+    for (const n of this.activeObjects) {
       if (r) break;
-      const h = i.get(a);
-      if (h)
+      const a = i.get(n);
+      if (a)
         if (t === "move") {
-          const d = h.get("enter");
-          if (d && !this.prevActiveObjects.has(a))
+          const d = a.get("enter");
+          if (d && !this.prevActiveObjects.has(n))
             for (const p of d)
               p({
-                baseObject: a,
+                baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const f = h.get("move");
-          if (f)
-            for (const p of f)
+          const _ = a.get("move");
+          if (_)
+            for (const p of _)
               p({
-                baseObject: a,
+                baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
         } else {
-          const d = h.get("down");
+          const d = a.get("down");
           if (d)
             for (const p of d)
               p({
-                baseObject: a,
+                baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const f = h.get("click");
-          if (f) {
-            const p = (C) => {
-              C.preventDefault();
-              const v = 5;
-              if (!r && Math.abs(C.clientX - e.clientX) <= v && Math.abs(C.clientY - e.clientY) <= v)
-                for (const m of f)
+          const _ = a.get("click");
+          if (_) {
+            const p = (O) => {
+              O.preventDefault();
+              const y = 5;
+              if (!r && Math.abs(O.clientX - e.clientX) <= y && Math.abs(O.clientY - e.clientY) <= y)
+                for (const m of _)
                   m({
-                    baseObject: a,
+                    baseObject: n,
                     mouseEvent: e,
                     sp: o,
                     intersectionIndex: s
@@ -3268,9 +3268,9 @@ class di {
     i === "mousemove" ? i = "move" : i === "mouseenter" ? i = "enter" : i === "mouseleave" && (i = "leave"), this.pickFunctionsMapIndex += 1;
     const r = this.pickFunctionsMapIndex;
     return this.pickFunctionsMap.set(r, { objArr: e, type: i, cb: s }), this.pickListener.move || Array.from(this.pickFunctionsMap.values()).some(
-      (a) => ["move", "enter", "leave"].includes(a.type)
+      (n) => ["move", "enter", "leave"].includes(n.type)
     ) && (this.pickListener.move = !0, this.addPickListener("move")), this.pickListener.down || Array.from(this.pickFunctionsMap.values()).some(
-      (a) => ["down", "downOutside", "click"].includes(a.type)
+      (n) => ["down", "downOutside", "click"].includes(n.type)
     ) && (this.pickListener.down = !0, this.addPickListener("down")), r;
   }
   removePick(e) {
@@ -3281,16 +3281,16 @@ class di {
       return console.warn("handlePickNode:err:不支持 downOutside"), -1;
     this.pickNodeFunctionsMapIndex += 1;
     const i = this.pickNodeFunctionsMapIndex, r = e instanceof Function ? e() : e, o = [];
-    for (const a of r) {
-      const h = a;
-      h.element.style.pointerEvents = "auto";
+    for (const n of r) {
+      const a = n;
+      a.element.style.pointerEvents = "auto";
       const d = (p) => {
         this.enabled && (p.preventDefault(), s({
-          baseObject: h,
+          baseObject: a,
           mouseEvent: p
         }));
-      }, f = `pointer${t}`;
-      h.element.addEventListener(f, it(d), !1), o.push({ arr: h, type: f, listener: d });
+      }, _ = `pointer${t}`;
+      a.element.addEventListener(_, rt(d), !1), o.push({ arr: a, type: _, listener: d });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -3314,7 +3314,7 @@ class pi extends di {
   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 ci({
       scene: t.scene
-    }), this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new Ue(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new Ue(), 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);
+    }), this.mList = t.mList, this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.mList = this.mList, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new ze(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.mList = this.mList, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new ze(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.mList = this.mList, 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();
@@ -3337,29 +3337,29 @@ class pi extends di {
   getAllObject(e, t) {
     e.includes("#") && console.warn("getAllObject:err:不支持 #", e);
     const { key: s } = t || {}, i = `${e}${s ? `#${s}` : ""}`, r = [];
-    return this.objects.forEach((o, a) => {
-      (a.startsWith(s ? i : `${i}#`) || a === i) && r.push(o);
+    return this.objects.forEach((o, n) => {
+      (n.startsWith(s ? i : `${i}#`) || n === i) && r.push(o);
     }), r;
   }
   draw(e, t, s) {
-    return te(this, null, function* () {
-      var r, o, a, h;
+    return se(this, null, function* () {
+      var r, o, n, a;
       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 = (a = t.create) != null ? a : !0, v = new i().create(t);
+        const d = t.target, _ = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, O = (n = t.create) != null ? n : !0, y = new i().create(t);
         let m;
-        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (h = d == null ? void 0 : d.objectType) != null && h.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, C === !1 ? v.create = () => {
-        } : C !== !0 && (v.create = () => {
-          C(v);
-        }), v.pencil = this.pencil, v.lead = this, v.prefab = p, v.objectType = `BaseObject#${e}`, v.objectOptions = t, this.setBaseObjectKey(
-          v,
+        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (a = d == null ? void 0 : d.objectType) != null && a.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, O === !1 ? y.create = () => {
+        } : O !== !0 && (y.create = () => {
+          O(y);
+        }), y.pencil = this.pencil, y.lead = this, y.mList = this.mList, y.prefab = p, y.objectType = `BaseObject#${e}`, y.objectOptions = t, this.setBaseObjectKey(
+          y,
           t.key ? `$t:#${t.key}` : "$t:",
           m == null ? void 0 : m.key
         ), this.objectsPm.set(
-          v.key,
-          this.addBaseObject(v, m, f)
-        ), yield this.objectsPm.get(v.key), this.objectsPm.delete(v.key), v;
+          y,
+          this.addBaseObject(y, m, _)
+        ), yield this.objectsPm.get(y), this.objectsPm.delete(y), y;
       }
       throw new Error(`Unrecognized:${e}`);
     });
@@ -3368,33 +3368,29 @@ class pi extends di {
     const i = e.objectType, [, r] = i.split("#");
     let o = t.replace("$t:", r);
     if (s) {
-      const [, a] = s.split("#");
-      o = o.replace("$p:", a);
+      const [, n] = s.split("#");
+      o = o.replace("$p:", n);
     }
-    return this.objects.has(o) && (o.includes("#") ? o += `-${Ne()}` : o += `#${Ne()}`), e.key = o, this.objects.set(o, e), o;
+    return this.objects.has(o) && (o.includes("#") ? o += `-${Ie()}` : o += `#${Ie()}`), e.key = o, this.objects.set(o, e), o;
   }
   updateBaseObjectKey(e, t) {
     var o;
     let s;
-    for (const [a, h] of this.objects.entries())
-      if (h === e) {
-        s = a;
+    for (const [n, a] of this.objects.entries())
+      if (a === e) {
+        s = n;
         break;
       }
-    const i = (o = e.parent) == null ? void 0 : o.key;
-    if (!s)
-      return this.setBaseObjectKey(e, t, i);
-    this.objects.delete(s);
-    const r = this.setBaseObjectKey(e, t, i);
-    return this.pencil.event.emit("updateKey", e, r, s), r;
+    const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
+    return s && this.objects.delete(s), this.pencil.event.emit("updateKey", e, r, s), r;
   }
   addBaseObject(e, t, s) {
-    return te(this, null, function* () {
-      yield e.create(), e.object3d && (s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render(), this.pencil.event.emit("draw", e);
+    return se(this, null, function* () {
+      yield e.create(), e.object3d && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e), s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render(), this.pencil.event.emit("draw", e);
     });
   }
   erase(...e) {
-    this.handleErase(!0, ...e), this.pencil.event.emit("erase", ...e);
+    this.handleErase(!0, ...e);
   }
   eraseWithoutMaterial(...e) {
     this.handleErase(!1, ...e);
@@ -3408,9 +3404,9 @@ class pi extends di {
       } else
         i.push(s);
       i.forEach((r) => {
-        e ? r.dispose() : r.disposeWithOutMaterial();
+        r.disposeMaterialIfNotUsed = e, r.dispose();
       });
-    });
+    }), this.pencil.event.emit("erase", ...t);
   }
   update(e, t) {
     this.objects.forEach((s) => {
@@ -3433,18 +3429,19 @@ class pi extends di {
     }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
   }
 }
-class mi extends ae {
+class mi extends ee {
   get lead() {
     return this.controller;
   }
   constructor(e) {
     super(), this.options = e;
   }
-  addLead(e, t) {
-    const { pencil: s } = this.options, i = new pi(s, {
-      scene: e
+  addLead(e, t, s) {
+    const { pencil: i } = this.options, r = new pi(i, {
+      scene: e,
+      mList: t
     });
-    return this.addController(i, t);
+    return this.addController(r, s);
   }
   removePage(e) {
     super.removePage(e, (t) => {
@@ -3462,11 +3459,194 @@ class mi extends ae {
     });
   }
 }
+class ui {
+  constructor(e) {
+    this.materials = /* @__PURE__ */ new Map(), this.fixBaseObjects = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
+  }
+  add(e, t) {
+    this.materials.set(e, t);
+    const s = {
+      object3d: new Proxy(
+        {
+          material: t
+        },
+        {
+          set: (i, r, o) => {
+            var n;
+            if (r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng)) {
+              const a = i.material;
+              return i.material = o, this.materials.set(e, o), this.disposeMaterial(a), this.syncChangeMaterial(a, o), !0;
+            }
+            return Reflect.set(i, r, o);
+          }
+        }
+      )
+    };
+    this.fixBaseObjects.set(e, s);
+  }
+  get(e) {
+    const t = this.materials.get(e);
+    return t || console.warn(`Material with key "${e}" not found.`), t;
+  }
+  getKey(e) {
+    for (const [t, s] of this.materials.entries())
+      if (s === e)
+        return t;
+  }
+  getFixBaseObject(e) {
+    const t = this.fixBaseObjects.get(e);
+    return t || null;
+  }
+  addMultiple(e, t) {
+    for (const [s, i] of Object.entries(t)) {
+      const r = `${e}#${s}`;
+      i && this.add(r, i);
+    }
+  }
+  getMultiple(e) {
+    const t = {}, s = `${e}#`;
+    let i = !1;
+    for (const [r, o] of this.materials.entries())
+      if (r.startsWith(s)) {
+        const n = r.substring(s.length);
+        t[n] = o, i = !0;
+      }
+    return i ? t : null;
+  }
+  copyMultiple(e, t) {
+    const s = {}, i = `${e}#`;
+    for (const [r, o] of this.materials.entries())
+      if (r.startsWith(i)) {
+        const n = r.substring(i.length), a = o.clone();
+        s[n] = a;
+        const d = `${t}#${n}`;
+        this.add(d, a);
+      }
+    return s;
+  }
+  disposeMaterial(e) {
+    if (!e) return;
+    const t = new Pe();
+    t.track([e]), t.dispose();
+  }
+  remove(e) {
+    const t = this.materials.get(e);
+    t && this.disposeMaterial(t), this.materials.delete(e), this.fixBaseObjects.delete(e);
+  }
+  removeByMaterial(e) {
+    [...this.materials.entries()].some(([t, s]) => s === e ? (this.remove(t), !0) : !1);
+  }
+  proxyBaseObject(e) {
+    const t = e.object3d, s = (i) => new Proxy(i, {
+      set: (r, o, n) => {
+        if (typeof o == "string" && !isNaN(Number(o))) {
+          const a = Number(o);
+          if (a >= 0 && a < r.length) {
+            const d = r[a];
+            return this.rmBaseObjectMap(e, d), r[a] = n, this.addBaseObjectMap(e), !0;
+          }
+        }
+        return Reflect.set(r, o, n);
+      }
+    });
+    e.materialList && (e.materialList = new Proxy(e.materialList, {
+      set: (i, r, o) => {
+        if (typeof r == "string") {
+          const n = i[r];
+          return n && (Array.isArray(n) ? n.forEach((a) => this.rmBaseObjectMap(e, a)) : this.rmBaseObjectMap(e, n)), i[r] = o, o && this.addBaseObjectMap(e), !0;
+        }
+        return Reflect.set(i, r, o);
+      },
+      deleteProperty: (i, r) => {
+        if (typeof r == "string" && i[r]) {
+          const o = i[r];
+          Array.isArray(o) ? o.forEach((n) => this.rmBaseObjectMap(e, n)) : this.rmBaseObjectMap(e, o);
+        }
+        return Reflect.deleteProperty(i, r);
+      }
+    })), e.object3d = new Proxy(t, {
+      set: (i, r, o) => {
+        var n;
+        return r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng) ? e.materialList && Object.values(e.materialList).includes(o) ? (i.material = o, !0) : (this.rmBaseObjectMap(e), i.material = o, this.addBaseObjectMap(e), !0) : Reflect.set(i, r, o);
+      },
+      get: (i, r) => {
+        var o;
+        if (r === "material" && !((o = this.pencil.composerController) != null && o.bloomComposerRenderIng)) {
+          const n = i.material;
+          if (Array.isArray(n) && !n.hasOwnProperty("__isProxy")) {
+            const a = s(n);
+            Object.defineProperty(a, "__isProxy", {
+              value: !0,
+              enumerable: !1
+            }), i.material = a;
+          }
+        }
+        return Reflect.get(i, r);
+      }
+    });
+  }
+  addBaseObjectMap(e) {
+    console.log("addBaseObjectMap", e);
+    const t = e.object3d;
+    t.material && (Array.isArray(t.material) ? t.material : [t.material]).forEach((i) => {
+      const r = this.materialBaseObjectMap.get(i);
+      r ? r.add(e) : this.materialBaseObjectMap.set(i, /* @__PURE__ */ new Set([e]));
+    }), e.materialList && Object.values(e.materialList).forEach((s) => {
+      s && (Array.isArray(s) ? s : [s]).forEach((r) => {
+        const o = this.materialBaseObjectMap.get(r);
+        o ? o.add(e) : this.materialBaseObjectMap.set(r, /* @__PURE__ */ new Set([e]));
+      });
+    });
+  }
+  rmBaseObjectMap(e, t, s = !0) {
+    this.materialBaseObjectMap.forEach((i, r) => {
+      t && r !== t || i.has(e) && (i.delete(e), i.size === 0 && s && (this.materialBaseObjectMap.delete(r), this.disposeMaterial(r)));
+    });
+  }
+  syncChangeMaterial(e, t) {
+    const s = this.materialBaseObjectMap.get(e);
+    s && s.forEach((i) => {
+      const r = i.object3d, o = r.material;
+      if (Array.isArray(o)) {
+        const n = o.indexOf(e);
+        n !== -1 && (o[n] = t);
+      } else o === e && (r.material = t);
+      i.materialList && Object.keys(i.materialList).forEach((n) => {
+        const a = i.materialList[n];
+        if (Array.isArray(a)) {
+          const d = a.indexOf(e);
+          d !== -1 && (a[d] = t);
+        } else a === e && (i.materialList[n] = t);
+      });
+    });
+  }
+  dispose() {
+    const e = new Pe();
+    e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.fixBaseObjects.clear(), this.materialBaseObjectMap.clear();
+  }
+}
+class fi extends ee {
+  get mList() {
+    return this.controller;
+  }
+  constructor(e) {
+    super(), this.options = e;
+  }
+  addMList(e, t) {
+    const { pencil: s } = this.options, i = new ui(s);
+    return this.addController(i, t);
+  }
+  removePage(e) {
+    super.removePage(e, (t) => {
+      t.dispose();
+    });
+  }
+}
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ve.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
-      isMergeableObject: as
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new H(), this._cameraTarget = new H(), this.event = new ye.EventEmitter(), this.timer = new is(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = rs(_e.options, e, {
+      isMergeableObject: ls
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3474,10 +3654,10 @@ const _e = class _e {
       transformControls: i
     } = this.options;
     if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), i && this.initTransformControls(), s) {
-      const a = new rs({
+      const n = new os({
         horizontal: !1
       });
-      a.dom.style.position = "absolute", a.init(this.renderer), t.appendChild(a.dom), this.stats = a;
+      n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
     }
     this.initResizeObserver(), this.tweenUpdateRaf();
   }
@@ -3511,6 +3691,9 @@ const _e = class _e {
   get lead() {
     return this.leadController.lead;
   }
+  get mList() {
+    return this.mListController.mList;
+  }
   tweenUpdateRaf() {
     Ce.update(), this.TweenRaf = requestAnimationFrame(this.tweenUpdateRaf.bind(this));
   }
@@ -3525,19 +3708,21 @@ const _e = class _e {
       t,
       s
     ), r = this.sceneController.addScene(e, s);
-    return r.add(i), this.controlsController.addCameraControls(i, s), this.loaderController.addLoader(r, s), this.leadController.addLead(r, s), this.pageCountIndex = s, s;
+    r.add(i), this.controlsController.addCameraControls(i, s), this.loaderController.addLoader(r, s);
+    const o = this.mListController.addMList(null, s);
+    return this.leadController.addLead(r, o, s), this.pageCountIndex = s, s;
   }
   removePage(e) {
-    this.cameraController.removePage(e), this.sceneController.removePage(e), this.controlsController.removePage(e), this.loaderController.removePage(e), this.leadController.removePage(e), this.pageCountIndex === e && (this.pageCountIndex -= 1), this.pageActiveIndex === e && (this.render(), this.showPage(0));
+    this.cameraController.removePage(e), this.sceneController.removePage(e), this.controlsController.removePage(e), this.loaderController.removePage(e), this.mListController.removePage(e), this.leadController.removePage(e), this.pageCountIndex === e && (this.pageCountIndex -= 1), this.pageActiveIndex === e && (this.render(), this.showPage(0));
   }
   showPage(e) {
     var s;
     if (e === this.pageActiveIndex) return;
     const t = this.scene;
-    this.sceneController.setPageActive(e), t && ((s = this.cssRendererController) == null || s.render(t, this.camera)), this.cameraController.setPageActive(e), this.controlsController.setPageActive(e), this.loaderController.setPageActive(e), this.leadController.setPageActive(e), this.pageActiveIndex = e;
+    this.sceneController.setPageActive(e), t && ((s = this.cssRendererController) == null || s.render(t, this.camera)), this.cameraController.setPageActive(e), this.controlsController.setPageActive(e), this.loaderController.setPageActive(e), this.mListController.setPageActive(e), this.leadController.setPageActive(e), this.pageActiveIndex = e;
   }
   init() {
-    var n;
+    var g;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3545,46 +3730,48 @@ const _e = class _e {
       viewHelper: i,
       renderer: r,
       controls: o,
-      loader: a
-    } = this.options, { width: h, height: d } = this.getSize(), f = t ? new Rs({
-      width: h,
+      loader: n
+    } = this.options, { width: a, height: d } = this.getSize(), _ = t ? new Ds({
+      width: a,
       height: d,
       renderer: t.WebGPURenderer,
-      rendererParams: Ds
+      rendererParams: Rs
     }) : new Ms({
-      width: h,
+      width: a,
       height: d,
-      rendererParams: ee(U({}, r), {
+      rendererParams: te(U({}, r), {
         antialias: !1
       })
     }), p = new zs({
-      width: h,
+      width: a,
       height: d
-    }), C = new Fs({}), v = new Hs({
+    }), O = new Fs({}), y = new Is({
       controlsParams: {
-        domElement: (n = o == null ? void 0 : o.domElement) != null ? n : f.renderer.domElement
+        domElement: (g = o == null ? void 0 : o.domElement) != null ? g : _.renderer.domElement
       }
-    }), m = new li({
+    }), m = new hi({
       loaderParams: U({
-        anisotropy: f.renderer.capabilities.getMaxAnisotropy()
-      }, a)
-    }), u = new mi({
+        anisotropy: _.renderer.capabilities.getMaxAnisotropy()
+      }, n)
+    }), u = new fi({
+      pencil: this
+    }), f = new mi({
       pencil: this
     });
-    this.sceneController = C, this.cameraController = p, this.controlsController = v, this.rendererController = f, this.loaderController = m, this.leadController = u;
-    const g = this.addPage({
+    this.sceneController = O, this.cameraController = p, this.controlsController = y, this.rendererController = _, this.loaderController = m, this.mListController = u, this.leadController = f;
+    const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
-    if (this.showPage(g), s) {
-      const _ = new Ns({
+    if (this.showPage(l), s) {
+      const C = new Ns({
         container: e,
-        sceneController: C,
+        sceneController: O,
         cameraController: p
       });
-      _.add(C.scene), this.helperController = _, i && _.addViewHelper();
+      C.add(O.scene), this.helperController = C, i && C.addViewHelper();
     }
-    e.appendChild(f.renderer.domElement);
+    e.appendChild(_.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3615,7 +3802,7 @@ const _e = class _e {
     }
   }
   initTransformControls() {
-    const e = new Is({
+    const e = new Hs({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3651,16 +3838,16 @@ const _e = class _e {
       rendererController: i,
       cameraController: r,
       composerController: o,
-      cssRendererController: a,
-      leadController: h
-    } = this, d = this.renderer.getSize(new V());
-    d.x === e && d.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), a == null || a.setSize(e, t), h.setSize(e, t), this.installPlugins.forEach((f) => {
+      cssRendererController: n,
+      leadController: a
+    } = 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((_) => {
       var p;
-      (p = f.setSize) == null || p.call(f, e, t);
+      (p = _.setSize) == null || p.call(_, e, t);
     }), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
-    var a;
+    var n;
     this.userSetDprCache = e;
     const { width: t, height: s } = this.getSize();
     let i = Math.sqrt(this.maxBackufferArea / (t * s));
@@ -3673,12 +3860,12 @@ const _e = class _e {
       r
     );
     const o = this.renderer.getPixelRatio();
-    r !== o && (this.rendererController.setPixelRatio(r), (a = this.composerController) == null || a.setPixelRatio(r));
+    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, a = new V(), h = o.getBoundingClientRect();
-    if (a.x = (e.clientX - h.left) / (h.right - h.left) * 2 - 1, a.y = -((e.clientY - h.top) / (h.bottom - h.top)) * 2 + 1, this.camera && this.scene) {
-      i.setFromCamera(a, this.camera);
+    const { 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 d = i.intersectObjects(
         t || this.scene.children,
         s
@@ -3692,19 +3879,19 @@ const _e = class _e {
     }
   }
   render() {
-    var s, i, r, o, a, h;
+    var s, i, r, o, n, a;
     if (!this.camera || !this.scene)
       return;
     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((d) => {
-      var f;
-      (f = d.update) == null || f.call(d, e, t);
+      var _;
+      (_ = d.update) == null || _.call(d, e, t);
     }), (s = this.helperController) == null || s.update(
       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), (a = this.cssRendererController) == null || a.render(this.scene, this.camera), (h = this.stats) == null || h.update(), this.event.emit("render", { delta: e, elapsed: t });
+    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (a = this.stats) == null || a.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");
@@ -3742,11 +3929,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, a, h, d, f, p, C, v;
-    this.stop(), this.timer.dispose(), Ce.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(), (a = this.helperController) == null || a.dispose(), (h = this.composerController) == null || h.dispose(), (d = this.rendererController) == null || d.dispose(), (f = this.loaderController) == null || f.dispose(), (p = this.leadController) == null || p.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (C = this.stats) == null || C.dom.remove(), (v = this.renderer) == null || v.domElement.remove();
+    var e, t, s, i, r, o, n, a, d, _, p, O, y, m;
+    this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((u) => {
+      var f;
+      (f = u.dispose) == null || f.call(u);
+    }), (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(), (_ = this.loaderController) == null || _.dispose(), (p = this.leadController) == null || p.dispose(), (O = this.mListController) == null || O.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (y = this.stats) == null || y.dom.remove(), (m = this.renderer) == null || m.domElement.remove();
   }
 };
 _e.options = {
@@ -3755,26 +3942,26 @@ _e.options = {
   viewHelper: me,
   controls: !0,
   transformControls: me,
-  renderer: As,
+  renderer: Ss,
   composer: ii,
   scene: ks,
-  camera: Tt,
+  camera: bt,
   bloom: !1,
   bloomParams: si,
   ssao: !1,
-  loader: hi,
+  loader: li,
   ssaoParams: ti,
   css2DRenderer: !1,
-  css2DRendererParams: U({}, tt),
+  css2DRendererParams: U({}, st),
   css3DRenderer: !1,
-  css3DRendererParams: U({}, tt)
+  css3DRendererParams: U({}, st)
 };
-let rt = _e;
-const Ki = J.ACTION;
+let ot = _e;
+const $i = J.ACTION;
 export {
-  ls as BaseObject,
-  rt as Pencil,
-  hs as ResourceTracker,
-  Ki as cameraControlsAction,
-  rt as default
+  hs as BaseObject,
+  ot as Pencil,
+  Pe as ResourceTracker,
+  $i as cameraControlsAction,
+  ot as default
 };