gl-draw 0.17.0-beta.40 → 0.17.0-beta.41

package/dist/index.module.js

@@ -1,13 +1,13 @@
 var Pt = Object.defineProperty, St = Object.defineProperties;
 var At = Object.getOwnPropertyDescriptors;
 var De = Object.getOwnPropertySymbols;
-var Mt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var Re = (c, e, t) => e in c ? Pt(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, U = (c, e) => {
+var Mt = Object.prototype.hasOwnProperty, Rt = Object.prototype.propertyIsEnumerable;
+var Ue = (c, e, t) => e in c ? Pt(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, D = (c, e) => {
   for (var t in e || (e = {}))
-    Mt.call(e, t) && Re(c, t, e[t]);
+    Mt.call(e, t) && Ue(c, t, e[t]);
   if (De)
     for (var t of De(e))
-      Dt.call(e, t) && Re(c, t, e[t]);
+      Rt.call(e, t) && Ue(c, t, e[t]);
   return c;
 }, te = (c, e) => St(c, At(e));
 var se = (c, e, t) => new Promise((s, i) => {
@@ -27,11 +27,11 @@ var se = (c, e, t) => new Promise((s, i) => {
   n((t = t.apply(c, e)).next());
 });
 import * as Oe from "@tweenjs/tween.js";
-import Rt from "deepmerge";
+import Dt from "deepmerge";
 import Ut from "stats-gl";
-import { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as jt, MeshBasicMaterial as Nt, PointsMaterial as ot, SpriteMaterial as nt, Color as It, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as at, Spherical as Wt, Box3 as lt, Sphere as Kt, Raycaster as ht, AxesHelper as Ue, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as ke, Scene as ct, Group as Ce, Camera as Jt, Loader as dt, FileLoader as Ae, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
+import { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as jt, MeshBasicMaterial as Nt, PointsMaterial as ot, SpriteMaterial as nt, Color as It, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as at, Spherical as Wt, Box3 as lt, Sphere as Kt, Raycaster as ht, AxesHelper as ke, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as ze, Scene as ct, Group as Ce, Camera as Jt, Loader as dt, FileLoader as Me, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
 import { M as pt, B as as, a as ls, R as Se, I as he } from "./index.module2.js";
-import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
+import { EffectComposer as Fe } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as hs } from "three/examples/jsm/postprocessing/RenderPass";
 import { SSAOPass as cs } from "three/examples/jsm/postprocessing/SSAOPass";
 import { UnrealBloomPass as ds } from "three/examples/jsm/postprocessing/UnrealBloomPass";
@@ -47,16 +47,16 @@ import "three/examples/jsm/lights/RectAreaLightUniformsLib";
 import "three/examples/jsm/lines/LineSegments2";
 import { ShaderPass as ps } from "three/examples/jsm/postprocessing/ShaderPass";
 import { OutputPass as ms } from "three/examples/jsm/postprocessing/OutputPass";
-import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
+import { FullScreenQuad as je } from "three/examples/jsm/postprocessing/Pass";
 import { RectAreaLightHelper as us } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as fs } from "three/examples/jsm/helpers/ViewHelper";
 import { generateUUID as _s, makePromiseCreator as gs } from "esus-lite";
-import { DRACOLoader as vs } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
-import { GLTFLoader as je } 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 { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
 import { LottieLoader as Os } from "three/examples/jsm/loaders/LottieLoader";
-import { a as Cs, C as Es, i as Ts } from "./isPlainObject.module.js";
-import { TransformControls as bs } from "three/examples/jsm/controls/TransformControls";
+import { a as Cs, C as Es, i as bs } from "./isPlainObject.module.js";
+import { TransformControls as Ts } from "three/examples/jsm/controls/TransformControls";
 const M = {
   LEFT: 1,
   RIGHT: 2,
@@ -94,7 +94,7 @@ function Y(c) {
 function H(c) {
   return c.isOrthographicCamera;
 }
-const $ = Math.PI * 2, Ne = Math.PI / 2, mt = 1e-5, ie = Math.PI / 180;
+const $ = Math.PI * 2, Ie = Math.PI / 2, mt = 1e-5, ie = Math.PI / 180;
 function z(c, e, t) {
   return Math.max(e, Math.min(t, c));
 }
@@ -104,7 +104,7 @@ function A(c, e = mt) {
 function P(c, e, t = mt) {
   return A(c - e, t);
 }
-function Ie(c, e) {
+function He(c, e) {
   return Math.round(c / e) * e;
 }
 function re(c) {
@@ -119,32 +119,32 @@ function ce(c, e, t, s, i = 1 / 0, r) {
   let h = c - e;
   const m = e, p = i * s;
   h = z(h, -p, p), e = c - h;
-  const y = (t.value + o * h) * r;
-  t.value = (t.value - o * y) * a;
-  let f = e + (h + y) * a;
+  const v = (t.value + o * h) * r;
+  t.value = (t.value - o * v) * a;
+  let f = e + (h + v) * a;
   return m - c > 0 == f > m && (f = m, t.value = (f - m) / r), f;
 }
-function He(c, e, t, s, i = 1 / 0, r, o) {
+function Be(c, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
   const n = 2 / s, a = n * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let m = e.x, p = e.y, y = e.z, f = c.x - m, u = c.y - p, g = c.z - y;
-  const v = m, l = p, _ = y, C = i * s, O = C * C, b = f * f + u * u + g * g;
-  if (b > O) {
-    const ye = Math.sqrt(b);
-    f = f / ye * C, u = u / ye * C, g = g / ye * C;
-  }
-  m = c.x - f, p = c.y - u, y = c.z - g;
-  const E = (t.x + n * f) * r, x = (t.y + n * u) * r, D = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * h, t.y = (t.y - n * x) * h, t.z = (t.z - n * D) * h, o.x = m + (f + E) * h, o.y = p + (u + x) * h, o.z = y + (g + D) * h;
-  const V = v - c.x, le = l - c.y, bt = _ - c.z, wt = o.x - v, xt = o.y - l, Lt = o.z - _;
-  return V * wt + le * xt + bt * Lt > 0 && (o.x = v, o.y = l, o.z = _, t.x = (o.x - v) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
+  let m = e.x, p = e.y, v = e.z, f = c.x - m, u = c.y - p, g = c.z - v;
+  const y = m, l = p, _ = v, C = i * s, O = C * C, T = f * f + u * u + g * g;
+  if (T > O) {
+    const ve = Math.sqrt(T);
+    f = f / ve * C, u = u / ve * C, g = g / ve * C;
+  }
+  m = c.x - f, p = c.y - u, v = c.z - g;
+  const E = (t.x + n * f) * r, x = (t.y + n * u) * r, R = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * h, t.y = (t.y - n * x) * h, t.z = (t.z - n * R) * h, o.x = m + (f + E) * h, o.y = p + (u + x) * h, o.z = v + (g + R) * h;
+  const V = y - c.x, le = l - c.y, Tt = _ - c.z, wt = o.x - y, xt = o.y - l, Lt = o.z - _;
+  return V * wt + le * xt + Tt * Lt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
 function Ee(c, e) {
   e.set(0, 0), c.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
   }), e.x /= c.length, e.y /= c.length;
 }
-function Te(c, e) {
+function be(c, e) {
   return H(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class ws {
@@ -212,10 +212,10 @@ class ws {
   }
 }
 const de = 1 / 8, xs = /Mac/.test(navigator.platform);
-let T, Be, pe, be, R, w, L, G, ne, F, j, Z, Ve, Ye, k, ae, X, Ze, we, We, xe, Le, me;
+let b, Ve, pe, Te, U, w, L, G, ne, F, j, Z, Ye, Ze, k, ae, X, We, we, Ke, xe, Le, me;
 class J extends ws {
   static install(e) {
-    T = e.THREE, Be = Object.freeze(new T.Vector3(0, 0, 0)), pe = Object.freeze(new T.Vector3(0, 1, 0)), be = Object.freeze(new T.Vector3(0, 0, 1)), R = new T.Vector2(), w = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), j = new T.Vector3(), Z = new T.Vector3(), Ve = new T.Vector3(), Ye = new T.Vector3(), k = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), Ze = new T.Box3(), we = new T.Sphere(), We = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), me = new T.Raycaster();
+    b = e.THREE, Ve = Object.freeze(new b.Vector3(0, 0, 0)), pe = Object.freeze(new b.Vector3(0, 1, 0)), Te = Object.freeze(new b.Vector3(0, 0, 1)), U = new b.Vector2(), w = new b.Vector3(), L = new b.Vector3(), G = new b.Vector3(), ne = new b.Vector3(), F = new b.Vector3(), j = new b.Vector3(), Z = new b.Vector3(), Ye = new b.Vector3(), Ze = new b.Vector3(), k = new b.Spherical(), ae = new b.Spherical(), X = new b.Box3(), We = new b.Box3(), we = new b.Sphere(), Ke = new b.Quaternion(), xe = new b.Quaternion(), Le = new b.Matrix4(), me = new b.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -243,56 +243,56 @@ class J extends ws {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, C, O) => {
-      let b, E;
+    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new b.Vector3(), this._focalOffsetVelocity = new b.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, C, O) => {
+      let T, E;
       if (Y(this._camera)) {
-        const x = w.copy(this._camera.position).sub(this._target), D = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(D * 0.5);
-        b = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
+        const x = w.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
+        T = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
       } else if (H(this._camera)) {
         const x = this._camera;
-        b = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
+        T = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
       O ? (C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
+        this._focalOffsetEnd.x + T,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
+      ) : this.truck(T, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + T,
         this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, E, !0);
+      ) : this.truck(T, E, !0);
     }, this._rotateInternal = (l, _) => {
       const C = $ * this.azimuthRotateSpeed * l / this._elementRect.height, O = $ * this.polarRotateSpeed * _ / this._elementRect.height;
       this.rotate(C, O, !0);
     }, this._dollyInternal = (l, _, C) => {
-      const O = Math.pow(0.95, -l * this.dollySpeed), b = this._sphericalEnd.radius, E = this._sphericalEnd.radius * O, x = z(
+      const O = Math.pow(0.95, -l * this.dollySpeed), T = this._sphericalEnd.radius, E = this._sphericalEnd.radius * O, x = z(
         E,
         this.minDistance,
         this.maxDistance
-      ), D = x - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(D, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - b, this._dollyControlCoord.set(_, C)), this._lastDollyDirection = Math.sign(-l);
+      ), R = x - E;
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - T, this._dollyControlCoord.set(_, C)), this._lastDollyDirection = Math.sign(-l);
     }, this._zoomInternal = (l, _, C) => {
-      const O = Math.pow(0.95, l * this.dollySpeed), b = this._zoom, E = this._zoom * O;
-      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - b, this._dollyControlCoord.set(_, C));
-    }, typeof T == "undefined" && console.error(
+      const O = Math.pow(0.95, l * this.dollySpeed), T = this._zoom, E = this._zoom * O;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - T, this._dollyControlCoord.set(_, C));
+    }, typeof b == "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(
+    ), this._camera = e, this._yAxisUpSpace = new b.Quaternion().setFromUnitVectors(
       this._camera.up,
       pe
-    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
+    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new b.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new b.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new b.Spherical().setFromVector3(
       w.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
     ), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
-      new T.Vector3(),
-      new T.Vector3(),
-      new T.Vector3(),
-      new T.Vector3()
-    ], this._updateNearPlaneCorners(), this._boundary = new T.Box3(
-      new T.Vector3(-1 / 0, -1 / 0, -1 / 0),
-      new T.Vector3(1 / 0, 1 / 0, 1 / 0)
-    ), this._cameraUp0 = this._camera.up.clone(), this._target0 = this._target.clone(), this._position0 = this._camera.position.clone(), this._zoom0 = this._zoom, this._focalOffset0 = this._focalOffset.clone(), this._dollyControlCoord = new T.Vector2(), this.mouseButtons = {
+      new b.Vector3(),
+      new b.Vector3(),
+      new b.Vector3(),
+      new b.Vector3()
+    ], this._updateNearPlaneCorners(), this._boundary = new b.Box3(
+      new b.Vector3(-1 / 0, -1 / 0, -1 / 0),
+      new b.Vector3(1 / 0, 1 / 0, 1 / 0)
+    ), this._cameraUp0 = this._camera.up.clone(), this._target0 = this._target.clone(), this._position0 = this._camera.position.clone(), this._zoom0 = this._zoom, this._focalOffset0 = this._focalOffset.clone(), this._dollyControlCoord = new b.Vector2(), this.mouseButtons = {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
@@ -302,11 +302,11 @@ class J extends ws {
       two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
       three: d.TOUCH_TRUCK
     };
-    const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
+    const s = new b.Vector2(), i = new b.Vector2(), r = new b.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 O = this._domElement.getBoundingClientRect(), b = (l.clientX - O.left) / (O.right - O.left), E = (l.clientY - O.top) / (O.bottom - O.top);
-        if (b < this._interactiveArea.left || b > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
+        const O = this._domElement.getBoundingClientRect(), T = (l.clientX - O.left) / (O.right - O.left), E = (l.clientY - O.top) / (O.bottom - O.top);
+        if (T < this._interactiveArea.left || T > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
       const _ = 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;
@@ -335,7 +335,7 @@ class J extends ws {
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, y(l);
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
     }, n = (l) => {
       l.cancelable && l.preventDefault();
       const _ = l.pointerId, C = this._lockedPointer || this._findPointerById(_);
@@ -383,15 +383,15 @@ class J extends ws {
     const m = (l) => {
       if (!this._domElement || !this._enabled || this.mouseButtons.wheel === d.NONE) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), D = (l.clientY - E.top) / (E.bottom - E.top);
-        if (x < this._interactiveArea.left || x > this._interactiveArea.right || D < this._interactiveArea.top || D > this._interactiveArea.bottom)
+        const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
+        if (x < this._interactiveArea.left || x > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
           return;
       }
       if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === d.ROTATE || this.mouseButtons.wheel === d.TRUCK) {
         const E = performance.now();
         h - E < 1e3 && this._getClientRect(this._elementRect), h = E;
       }
-      const _ = xs ? -1 : -3, C = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), O = 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;
+      const _ = xs ? -1 : -3, C = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), O = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, T = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case d.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
@@ -410,11 +410,11 @@ class J extends ws {
           break;
         }
         case d.DOLLY: {
-          this._dollyInternal(-C, O, b), this._isUserControllingDolly = !0;
+          this._dollyInternal(-C, O, T), this._isUserControllingDolly = !0;
           break;
         }
         case d.ZOOM: {
-          this._zoomInternal(-C, O, b), this._isUserControllingZoom = !0;
+          this._zoomInternal(-C, O, T), this._isUserControllingZoom = !0;
           break;
         }
       }
@@ -435,11 +435,11 @@ class J extends ws {
         }
         l.preventDefault();
       }
-    }, y = (l) => {
+    }, v = (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 C = R.x - this._activePointers[1].clientX, O = R.y - this._activePointers[1].clientY, b = Math.sqrt(C * C + O * O);
-        r.set(0, b);
+      if (Ee(this._activePointers, U), this._getClientRect(this._elementRect), s.copy(U), i.copy(U), this._activePointers.length >= 2) {
+        const C = U.x - this._activePointers[1].clientX, O = U.y - this._activePointers[1].clientY, T = Math.sqrt(C * C + O * O);
+        r.set(0, T);
         const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
         i.set(E, x);
       }
@@ -462,29 +462,29 @@ class J extends ws {
       ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
     }, f = () => {
       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, C = _ ? -_.deltaX : i.x - R.x, O = _ ? -_.deltaY : i.y - R.y;
-      if (i.copy(R), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, O), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.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, x = this.dollyDragInverted ? -1 : 1;
+      this._dragNeedsUpdate = !1, Ee(this._activePointers, U);
+      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = _ ? -_.deltaX : i.x - U.x, O = _ ? -_.deltaY : i.y - U.y;
+      if (i.copy(U), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, O), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
+        const T = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
           x * O * de,
-          b,
+          T,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
           x * O * de,
-          b,
+          T,
           E
         ), this._isUserControllingZoom = !0);
       }
       if ((this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) {
-        const b = R.x - this._activePointers[1].clientX, E = R.y - this._activePointers[1].clientY, x = Math.sqrt(b * b + E * E), D = r.y - x;
+        const T = U.x - this._activePointers[1].clientX, E = U.y - this._activePointers[1].clientY, x = Math.sqrt(T * T + E * E), R = r.y - x;
         r.set(0, x);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
-        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(D * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(D * de, V, le), this._isUserControllingZoom = !0);
+        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(C, O, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(C, O, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(C, O, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
     }, u = () => {
-      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(
+      Ee(this._activePointers, U), i.copy(U), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
@@ -513,12 +513,12 @@ class J extends ws {
         g
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        v
+        y
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", a), y());
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
       var l, _, C;
       this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
@@ -526,12 +526,12 @@ class J extends ws {
         g
       ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
         "pointerlockerror",
-        v
+        y
       ), this.cancel();
     };
     const g = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, v = () => {
+    }, y = () => {
       this.unlockPointer();
     };
     this._addAllEventListeners = (l) => {
@@ -553,7 +553,7 @@ class J extends ws {
         g
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        v
+        y
       ));
     }, this.cancel = () => {
       this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
@@ -985,28 +985,28 @@ class J extends ws {
     h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const m = Ie(this._sphericalEnd.theta, Ne), p = Ie(this._sphericalEnd.phi, Ne);
+    const m = He(this._sphericalEnd.theta, Ie), p = He(this._sphericalEnd.phi, Ie);
     a.push(this.rotateTo(m, p, t));
-    const y = w.setFromSpherical(this._sphericalEnd).normalize(), f = We.setFromUnitVectors(y, be), u = P(Math.abs(y.y), 1);
+    const v = w.setFromSpherical(this._sphericalEnd).normalize(), f = Ke.setFromUnitVectors(v, Te), u = P(Math.abs(v.y), 1);
     u && f.multiply(xe.setFromAxisAngle(pe, m)), f.multiply(this._yAxisUpSpaceInverse);
-    const g = Ze.makeEmpty();
-    L.copy(h.min).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).applyQuaternion(f), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, f.setFromUnitVectors(be, y), u && f.premultiply(xe.invert()), f.premultiply(this._yAxisUpSpace);
-    const v = g.getSize(w), l = g.getCenter(L).applyQuaternion(f);
+    const g = We.makeEmpty();
+    L.copy(h.min).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).applyQuaternion(f), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, f.setFromUnitVectors(Te, v), u && f.premultiply(xe.invert()), f.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(w), l = g.getCenter(L).applyQuaternion(f);
     if (Y(this._camera)) {
       const _ = this.getDistanceToFitBox(
-        v.x,
-        v.y,
-        v.z,
+        y.x,
+        y.y,
+        y.z,
         s
       );
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     } else if (H(this._camera)) {
-      const _ = this._camera, C = _.right - _.left, O = _.top - _.bottom, b = s ? Math.max(C / v.x, O / v.y) : Math.min(C / v.x, O / v.y);
+      const _ = this._camera, C = _.right - _.left, O = _.top - _.bottom, T = s ? Math.max(C / y.x, O / y.y) : Math.min(C / y.x, O / y.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));
+      ), a.push(this.zoomTo(T, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     }
     return Promise.all(a);
   }
@@ -1084,19 +1084,19 @@ class J extends ws {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, y, f, u = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, v, f, u = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const g = w.set(i, r, o), v = L.set(e, t, s);
+    const g = w.set(i, r, o), y = L.set(e, t, s);
     k.setFromVector3(
-      v.sub(g).applyQuaternion(this._yAxisUpSpace)
+      y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(m, p, y), _ = L.set(n, a, h);
+    const l = G.set(m, p, v), _ = L.set(n, a, h);
     ae.setFromVector3(
       _.sub(l).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(g.lerp(l, f));
-    const C = ae.theta - k.theta, O = ae.phi - k.phi, b = ae.radius - k.radius;
+    const C = ae.theta - k.theta, O = ae.phi - k.phi, T = ae.radius - k.radius;
     this._sphericalEnd.set(
-      k.radius + b * f,
+      k.radius + T * f,
       k.phi + O * f,
       k.theta + C * f
     ), this.normalizeRotations(), this._needsUpdate = !0, u || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
@@ -1224,7 +1224,7 @@ class J extends ws {
       this._viewport = null;
       return;
     }
-    this._viewport = this._viewport || new T.Vector4(), typeof e == "number" ? this._viewport.set(e, t, s, i) : this._viewport.copy(e);
+    this._viewport = this._viewport || new b.Vector4(), typeof e == "number" ? this._viewport.set(e, t, s, i) : this._viewport.copy(e);
   }
   /**
    * Calculate the distance to fit the box.
@@ -1235,7 +1235,7 @@ class J extends ws {
    * @category Methods
    */
   getDistanceToFitBox(e, t, s, i = !1) {
-    if (Te(this._camera, "getDistanceToFitBox"))
+    if (be(this._camera, "getDistanceToFitBox"))
       return this._spherical.radius;
     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;
@@ -1247,7 +1247,7 @@ class J extends ws {
    * @category Methods
    */
   getDistanceToFitSphere(e) {
-    if (Te(this._camera, "getDistanceToFitSphere"))
+    if (be(this._camera, "getDistanceToFitSphere"))
       return this._spherical.radius;
     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);
@@ -1259,7 +1259,7 @@ class J extends ws {
    * @category Methods
    */
   getTarget(e, t = !0) {
-    return (e && e.isVector3 ? e : new T.Vector3()).copy(t ? this._targetEnd : this._target);
+    return (e && e.isVector3 ? e : new b.Vector3()).copy(t ? this._targetEnd : this._target);
   }
   /**
    * Returns the camera position.
@@ -1268,7 +1268,7 @@ class J extends ws {
    * @category Methods
    */
   getPosition(e, t = !0) {
-    return (e && e.isVector3 ? e : new T.Vector3()).setFromSpherical(t ? this._sphericalEnd : this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(t ? this._targetEnd : this._target);
+    return (e && e.isVector3 ? e : new b.Vector3()).setFromSpherical(t ? this._sphericalEnd : this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(t ? this._targetEnd : this._target);
   }
   /**
    * Returns the spherical coordinates of the orbit.
@@ -1277,7 +1277,7 @@ class J extends ws {
    * @category Methods
    */
   getSpherical(e, t = !0) {
-    return (e || new T.Spherical()).copy(t ? this._sphericalEnd : this._spherical);
+    return (e || new b.Spherical()).copy(t ? this._sphericalEnd : this._spherical);
   }
   /**
    * Returns the focal offset, which is how much the camera appears to be translated in screen parallel coordinates.
@@ -1286,7 +1286,7 @@ class J extends ws {
    * @category Methods
    */
   getFocalOffset(e, t = !0) {
-    return (e && e.isVector3 ? e : new T.Vector3()).copy(
+    return (e && e.isVector3 ? e : new b.Vector3()).copy(
       t ? this._focalOffsetEnd : this._focalOffset
     );
   }
@@ -1368,7 +1368,7 @@ class J extends ws {
    * @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 = Ve.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
     ), n = this._zoomEnd - this._zoom;
@@ -1415,7 +1415,7 @@ class J extends ws {
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
       const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-      He(
+      Be(
         this._target,
         this._targetEnd,
         this._targetVelocity,
@@ -1429,7 +1429,7 @@ class J extends ws {
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
       const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-      He(
+      Be(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
@@ -1454,30 +1454,30 @@ class J extends ws {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, y = this._camera, f = this._getCameraDirection(ne), u = w.copy(f).cross(y.up).normalize();
+        const p = this._spherical.radius - this._lastDistance, v = this._camera, f = this._getCameraDirection(ne), u = w.copy(f).cross(v.up).normalize();
         u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, f), v = this._sphericalEnd.radius * Math.tan(y.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = G.copy(this._targetEnd).add(
+        const g = L.crossVectors(u, f), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = G.copy(this._targetEnd).add(
           u.multiplyScalar(
-            this._dollyControlCoord.x * v * y.aspect
+            this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
-          g.multiplyScalar(this._dollyControlCoord.y * v)
-        ), O = w.copy(this._targetEnd).lerp(C, _), b = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (b || E)) {
+          g.multiplyScalar(this._dollyControlCoord.y * y)
+        ), O = w.copy(this._targetEnd).lerp(C, _), T = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
+        if (this.infinityDolly && (T || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const D = L.copy(f).multiplyScalar(-p);
-          O.add(D);
+          const R = L.copy(f).multiplyScalar(-p);
+          O.add(R);
         }
         this._boundary.clampPoint(O, O);
         const x = L.subVectors(O, this._targetEnd);
         this._targetEnd.copy(O), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
       } else if (H(this._camera) && this._changedZoom !== 0) {
-        const p = this._zoom - this._lastZoom, y = this._camera, f = w.set(
+        const p = this._zoom - this._lastZoom, v = this._camera, f = w.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
-          (y.near + y.far) / (y.near - y.far)
-        ).unproject(y), u = L.set(0, 0, -1).applyQuaternion(y.quaternion), g = G.copy(f).add(u.multiplyScalar(-f.dot(y.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), C = this._targetEnd.dot(_), O = w.copy(this._targetEnd).lerp(g, l), b = O.dot(_), E = _.multiplyScalar(
-          b - C
+          (v.near + v.far) / (v.near - v.far)
+        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(f).add(u.multiplyScalar(-f.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), C = this._targetEnd.dot(_), O = w.copy(this._targetEnd).lerp(g, l), T = O.dot(_), E = _.multiplyScalar(
+          T - C
         );
         O.sub(E), this._boundary.clampPoint(O, O);
         const x = L.subVectors(O, this._targetEnd);
@@ -1614,10 +1614,10 @@ class J extends ws {
   // lateUpdate
   _collisionTest() {
     let e = 1 / 0;
-    if (!(this.colliderMeshes.length >= 1) || Te(this._camera, "_collisionTest"))
+    if (!(this.colliderMeshes.length >= 1) || be(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ne);
-    Le.lookAt(Be, s, this._camera.up);
+    Le.lookAt(Ve, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
       r.applyMatrix4(Le);
@@ -1689,7 +1689,7 @@ class J extends ws {
       ".draggingDampingFactor has been deprecated. use draggingSmoothTime (in seconds) instead."
     );
   }
-  static createBoundingSphere(e, t = new T.Sphere()) {
+  static createBoundingSphere(e, t = new b.Sphere()) {
     const s = t, i = s.center;
     X.makeEmpty(), e.traverseVisible((o) => {
       o.isMesh && X.expandByObject(o);
@@ -1702,12 +1702,12 @@ class J extends ws {
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
       const m = a.attributes.position;
-      for (let p = 0, y = m.count; p < y; p++)
+      for (let p = 0, v = m.count; p < v; p++)
         w.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(w));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Me = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ke = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
+var Re = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, $e = 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) {
@@ -1724,13 +1724,13 @@ var ut = Number.isNaN || function(e) {
 function S() {
   S.init.call(this);
 }
-Me.exports = S;
-Me.exports.once = Ms;
+Re.exports = S;
+Re.exports.once = Ms;
 S.EventEmitter = S;
 S.prototype._events = void 0;
 S.prototype._eventsCount = 0;
 S.prototype._maxListeners = void 0;
-var $e = 10;
+var Ge = 10;
 function ge(c) {
   if (typeof c != "function")
     throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof c);
@@ -1738,12 +1738,12 @@ function ge(c) {
 Object.defineProperty(S, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return $e;
+    return Ge;
   },
   set: function(c) {
     if (typeof c != "number" || c < 0 || ut(c))
       throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + c + ".");
-    $e = c;
+    Ge = c;
   }
 });
 S.init = function() {
@@ -1778,10 +1778,10 @@ S.prototype.emit = function(e) {
   if (a === void 0)
     return !1;
   if (typeof a == "function")
-    Ke(a, this, t);
+    $e(a, this, t);
   else
     for (var h = a.length, m = Ot(a, h), s = 0; s < h; ++s)
-      Ke(m[s], this, t);
+      $e(m[s], this, t);
   return !0;
 };
 function _t(c, e, t, s) {
@@ -1860,7 +1860,7 @@ S.prototype.removeAllListeners = function(e) {
       this.removeListener(e, t[i]);
   return this;
 };
-function vt(c, e, t) {
+function yt(c, e, t) {
   var s = c._events;
   if (s === void 0)
     return [];
@@ -1868,16 +1868,16 @@ function vt(c, e, t) {
   return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? As(i) : Ot(i, i.length);
 }
 S.prototype.listeners = function(e) {
-  return vt(this, e, !0);
+  return yt(this, e, !0);
 };
 S.prototype.rawListeners = function(e) {
-  return vt(this, e, !1);
+  return yt(this, e, !1);
 };
 S.listenerCount = function(c, e) {
-  return typeof c.listenerCount == "function" ? c.listenerCount(e) : yt.call(c, e);
+  return typeof c.listenerCount == "function" ? c.listenerCount(e) : vt.call(c, e);
 };
-S.prototype.listenerCount = yt;
-function yt(c) {
+S.prototype.listenerCount = vt;
+function vt(c) {
   var e = this._events;
   if (e !== void 0) {
     var t = e[c];
@@ -1914,10 +1914,10 @@ function Ms(c, e) {
     function r() {
       typeof c.removeListener == "function" && c.removeListener("error", i), t([].slice.call(arguments));
     }
-    Ct(c, e, r, { once: !0 }), e !== "error" && Ds(c, i, { once: !0 });
+    Ct(c, e, r, { once: !0 }), e !== "error" && Rs(c, i, { once: !0 });
   });
 }
-function Ds(c, e, t) {
+function Rs(c, e, t) {
   typeof c.on == "function" && Ct(c, "error", e, t);
 }
 function Ct(c, e, t, s) {
@@ -1930,7 +1930,7 @@ function Ct(c, e, t, s) {
   else
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof c);
 }
-var ve = Me.exports;
+var ye = Re.exports;
 let Et = class {
   constructor() {
     this.mask = 1;
@@ -1965,7 +1965,7 @@ let Et = class {
 };
 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 Et();
@@ -1997,20 +1997,20 @@ class ee {
     }), 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)
 };
-class Rs extends ee {
+class Ds 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) {
+  addPerspectiveCamera(e = bt, t) {
     const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, h = new kt(s, a, r, i);
     return h.up = o, this.addController(h, t);
   }
@@ -2222,7 +2222,7 @@ class zs extends ms {
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
       fragmentShader: e.fragmentShader
-    }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
+    }), this.fsQuad ? this.fsQuad = new je(this.material) : this._fsQuad && (this._fsQuad = new je(this.material));
   }
 }
 const Fs = new Nt({ color: "black" }), js = new ot({
@@ -2241,7 +2241,7 @@ const Fs = new Nt({ color: "black" }), js = new ot({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
-}), Ge = new It(0), Vs = {
+}), Xe = new It(0), Vs = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
@@ -2271,8 +2271,8 @@ class Ws {
         samples: Math.min(n, a),
         type: Vt
       }
-    ), p = new ze(o, m), y = this.getSize();
-    p.setSize(y.width, y.height);
+    ), p = new Fe(o, m), v = this.getSize();
+    p.setSize(v.width, v.height);
     const f = new hs(
       s.scene,
       i.camera
@@ -2308,7 +2308,7 @@ class Ws {
       s
     );
     this.bloomPass = n;
-    const a = new ze(t);
+    const a = new Fe(t);
     a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
     const h = Us(a);
     h.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(h), this.mixPass = h, this.bloomLayer.set(as);
@@ -2352,13 +2352,13 @@ class Ws {
       this.bloomVisible[i.uuid] = i.visible, i.visible = !1;
     });
     const s = this.scene.background;
-    this.scene.userData._backgroundOriginal = s, this.scene.background = Ge;
+    this.scene.userData._backgroundOriginal = s, this.scene.background = Xe;
   }
   restoreNonBloomed() {
     if (this.scene.traverse((e) => {
       const t = e;
       this.bloomMaterials[t.uuid] ? (t.material = this.bloomMaterials[t.uuid], delete this.bloomMaterials[t.uuid]) : this.bloomVisible[t.uuid] !== void 0 && (t.visible = this.bloomVisible[t.uuid], delete this.bloomVisible[t.uuid]);
-    }), this.scene.background === Ge) {
+    }), this.scene.background === Xe) {
       const e = this.scene.userData._backgroundOriginal;
       e && (this.scene.background = e, delete this.scene.userData._backgroundOriginal);
     }
@@ -2375,7 +2375,7 @@ class Ws {
     if (this.finalComposerRender(), this.pipViewportState) {
       e.setPageActive(31), e.setAspect(
         this.pipViewportState.width / this.pipViewportState.height
-      ), t.setViewport(te(U({}, this.pipViewportState), {
+      ), t.setViewport(te(D({}, this.pipViewportState), {
         scissor: !0,
         scissorTest: !0
       })), this.finalComposerRender(), e.setPageActive(s.activeIndex);
@@ -2442,7 +2442,7 @@ class Ks extends ee {
     super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Yt.DEG2RAD);
   }
 }
-const q = new I(), Xe = new W(), qe = new W(), Qe = new I(), Je = new I();
+const q = new I(), qe = new W(), Qe = new W(), Je = new I(), et = new I();
 class $s {
   /**
    * Constructs a new CSS2D renderer.
@@ -2461,54 +2461,54 @@ class $s {
         height: i
       };
     }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Xe.copy(g.matrixWorldInverse), qe.multiplyMatrices(g.projectionMatrix, Xe), m(u, u, g), this.sortObjects && f(u);
+      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), qe.copy(g.matrixWorldInverse), Qe.multiplyMatrices(g.projectionMatrix, qe), m(u, u, g), this.sortObjects && f(u);
     }, this.setSize = function(u, g) {
       s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
     };
     function h(u) {
       u.isCSS2DObject && (u.element.style.display = "none");
-      for (let g = 0, v = u.children.length; g < v; g++)
+      for (let g = 0, y = u.children.length; g < y; g++)
         h(u.children[g]);
     }
-    function m(u, g, v) {
+    function m(u, g, y) {
       if (u.visible === !1) {
         h(u);
         return;
       }
       if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(qe);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(v.layers) === !0, _ = u.element;
-        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, v), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, v));
+        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Qe);
+        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
+        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
         const C = {
-          distanceToCameraSquared: p(v, u)
+          distanceToCameraSquared: p(y, u)
         };
         n.objects.set(u, C);
       }
       for (let l = 0, _ = u.children.length; l < _; l++)
-        m(u.children[l], g, v);
+        m(u.children[l], g, y);
     }
     function p(u, g) {
-      return Qe.setFromMatrixPosition(u.matrixWorld), Je.setFromMatrixPosition(g.matrixWorld), Qe.distanceToSquared(Je);
+      return Je.setFromMatrixPosition(u.matrixWorld), et.setFromMatrixPosition(g.matrixWorld), Je.distanceToSquared(et);
     }
-    function y(u) {
+    function v(u) {
       const g = [];
-      return u.traverseVisible(function(v) {
-        v.isCSS2DObject && g.push(v);
+      return u.traverseVisible(function(y) {
+        y.isCSS2DObject && g.push(y);
       }), g;
     }
     function f(u) {
-      const g = y(u).sort(function(l, _) {
+      const g = v(u).sort(function(l, _) {
         if (l.renderOrder !== _.renderOrder)
           return _.renderOrder - l.renderOrder;
         const C = n.objects.get(l).distanceToCameraSquared, O = n.objects.get(_).distanceToCameraSquared;
         return C - O;
-      }), v = g.length;
+      }), y = g.length;
       for (let l = 0, _ = g.length; l < _; l++)
-        g[l].element.style.zIndex = v - l;
+        g[l].element.style.zIndex = y - l;
     }
   }
 }
-const et = new I(), Gs = new at(), tt = new I(), N = new W(), Xs = new W();
+const tt = new I(), Gs = new at(), st = new I(), N = new W(), Xs = new W();
 class qs {
   /**
    * Constructs a new CSS3D renderer.
@@ -2531,67 +2531,239 @@ class qs {
         width: s,
         height: i
       };
-    }, this.render = function(v, l) {
+    }, this.render = function(y, l) {
       const _ = l.projectionMatrix.elements[5] * o;
-      l.view && l.view.enabled ? (h.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, h.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : h.style.transform = "", v.matrixWorldAutoUpdate === !0 && v.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
+      l.view && l.view.enabled ? (h.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, h.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : h.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
       let C, O;
       l.isOrthographicCamera && (C = -(l.right + l.left) / 2, O = (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(` + _ + ")translate(" + p(C) + "px," + p(O) + "px)" + y(l.matrixWorldInverse) : `scale( ${b} )translateZ(` + _ + "px)" + y(l.matrixWorldInverse), D = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== D && (m.style.transform = D, n.camera.style = D), g(v, v, l);
-    }, this.setSize = function(v, l) {
-      s = v, i = l, r = s / 2, o = i / 2, a.style.width = v + "px", a.style.height = l + "px", h.style.width = v + "px", h.style.height = l + "px", m.style.width = v + "px", m.style.height = l + "px";
+      const T = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${T} )scale(` + _ + ")translate(" + p(C) + "px," + p(O) + "px)" + v(l.matrixWorldInverse) : `scale( ${T} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (m.style.transform = R, n.camera.style = R), g(y, y, l);
+    }, this.setSize = function(y, l) {
+      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", h.style.width = y + "px", h.style.height = l + "px", m.style.width = y + "px", m.style.height = l + "px";
     };
-    function p(v) {
-      return Math.abs(v) < 1e-10 ? 0 : v;
+    function p(y) {
+      return Math.abs(y) < 1e-10 ? 0 : y;
     }
-    function y(v) {
-      const l = v.elements;
+    function v(y) {
+      const l = y.elements;
       return "matrix3d(" + p(l[0]) + "," + p(-l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(l[4]) + "," + p(-l[5]) + "," + p(l[6]) + "," + p(l[7]) + "," + p(l[8]) + "," + p(-l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(-l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")";
     }
-    function f(v) {
-      const l = v.elements;
+    function f(y) {
+      const l = y.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + p(l[0]) + "," + p(l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(-l[4]) + "," + p(-l[5]) + "," + p(-l[6]) + "," + p(-l[7]) + "," + p(l[8]) + "," + p(l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")");
     }
-    function u(v) {
-      v.isCSS3DObject && (v.element.style.display = "none");
-      for (let l = 0, _ = v.children.length; l < _; l++)
-        u(v.children[l]);
+    function u(y) {
+      y.isCSS3DObject && (y.element.style.display = "none");
+      for (let l = 0, _ = y.children.length; l < _; l++)
+        u(y.children[l]);
     }
-    function g(v, l, _, C) {
-      if (v.visible === !1) {
-        u(v);
+    function g(y, l, _, C) {
+      if (y.visible === !1) {
+        u(y);
         return;
       }
-      if (v.isCSS3DObject) {
-        const O = v.layers.test(_.layers) === !0, b = v.element;
-        if (b.style.display = O === !0 ? "" : "none", O === !0) {
-          v.onBeforeRender(t, l, _);
+      if (y.isCSS3DObject) {
+        const O = y.layers.test(_.layers) === !0, T = y.element;
+        if (T.style.display = O === !0 ? "" : "none", O === !0) {
+          y.onBeforeRender(t, l, _);
           let E;
-          v.isCSS3DSprite ? (N.copy(_.matrixWorldInverse), N.transpose(), v.rotation2D !== 0 && N.multiply(Xs.makeRotationZ(v.rotation2D)), v.matrixWorld.decompose(et, Gs, tt), N.setPosition(et), N.scale(tt), N.elements[3] = 0, N.elements[7] = 0, N.elements[11] = 0, N.elements[15] = 1, E = f(N)) : E = f(v.matrixWorld);
-          const x = n.objects.get(v);
+          y.isCSS3DSprite ? (N.copy(_.matrixWorldInverse), N.transpose(), y.rotation2D !== 0 && N.multiply(Xs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(tt, Gs, st), N.setPosition(tt), N.scale(st), N.elements[3] = 0, N.elements[7] = 0, N.elements[11] = 0, N.elements[15] = 1, E = f(N)) : E = f(y.matrixWorld);
+          const x = n.objects.get(y);
           if (x === void 0 || x.style !== E) {
-            b.style.transform = E;
-            const D = { style: E };
-            n.objects.set(v, D);
+            T.style.transform = E;
+            const R = { style: E };
+            n.objects.set(y, R);
           }
-          b.parentNode !== m && m.appendChild(b), v.onAfterRender(t, l, _);
+          T.parentNode !== m && m.appendChild(T), y.onAfterRender(t, l, _);
         }
       }
-      for (let O = 0, b = v.children.length; O < b; O++)
-        g(v.children[O], l, _);
+      for (let O = 0, T = y.children.length; O < T; O++)
+        g(y.children[O], l, _);
     }
   }
 }
-const st = {
+class Qs {
+  constructor(e = {}) {
+    this.labels = /* @__PURE__ */ new Map(), this.lastUpdateTime = 0, this.isUpdating = !1, this.options = D({
+      padding: 2,
+      enabled: !1,
+      throttleTime: 16,
+      // ~60fps
+      viewportMargin: 50
+    }, e);
+  }
+  /**
+   * 添加标签到碰撞检测系统
+   * @param node Node 实例
+   * @param options 配置项，priority 越大越优先显示，不传则使用 node.options.priority
+   */
+  add(e, t = {}) {
+    var s, i;
+    this.labels.set(e, {
+      node: e,
+      priority: (i = (s = t.priority) != null ? s : e.options.priority) != null ? i : 0,
+      visible: !0
+    });
+  }
+  /**
+   * 移除标签
+   */
+  remove(e) {
+    this.labels.delete(e);
+  }
+  /**
+   * 更新标签优先级
+   */
+  setPriority(e, t) {
+    const s = this.labels.get(e);
+    s && (s.priority = t);
+  }
+  /**
+   * 批量添加标签
+   */
+  addBatch(e, t) {
+    e.forEach((s, i) => {
+      this.add(s, {
+        priority: t ? t(s, i) : 0
+      });
+    });
+  }
+  /**
+   * 启用/禁用碰撞检测
+   */
+  setEnabled(e) {
+    this.options.enabled = e, e || this.labels.forEach((t) => {
+      this.setNodeVisibility(t.node, !0), t.visible = !0;
+    });
+  }
+  /**
+   * 更新碰撞检测（在渲染循环中调用）
+   */
+  update(e) {
+    if (!this.options.enabled) return;
+    const t = performance.now();
+    t - this.lastUpdateTime < this.options.throttleTime || (this.lastUpdateTime = t, this.camera = e, !this.isUpdating && (this.isUpdating = !0, this.animationFrameId = requestAnimationFrame(() => {
+      this.performCollisionDetection(), this.isUpdating = !1;
+    })));
+  }
+  /**
+   * 强制立即更新
+   */
+  forceUpdate() {
+    this.camera && this.performCollisionDetection();
+  }
+  performCollisionDetection() {
+    const { padding: e, viewportMargin: t } = this.options, s = window.innerWidth, i = window.innerHeight, r = [];
+    this.labels.forEach((n) => {
+      const a = n.node.element;
+      if (!a) return;
+      const h = a.style.display === "none";
+      h && (a.style.visibility = "hidden", a.style.display = "");
+      const m = a.getBoundingClientRect();
+      if (h && (a.style.display = "none", a.style.visibility = ""), m.width === 0 || m.height === 0) return;
+      m.right >= -t && m.left <= s + t && m.bottom >= -t && m.top <= i + t ? (n.bounds = m, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
+    }), r.sort((n, a) => a.priority - n.priority);
+    const o = [];
+    for (const n of r) {
+      if (!n.bounds) continue;
+      this.checkCollision(
+        n.bounds,
+        o,
+        e
+      ) ? (this.setNodeVisibility(n.node, !1), n.visible = !1) : (this.setNodeVisibility(n.node, !0), n.visible = !0, o.push(n.bounds));
+    }
+  }
+  /**
+   * 检测矩形是否与已占用区域碰撞
+   */
+  checkCollision(e, t, s) {
+    for (const i of t)
+      if (this.rectsIntersect(e, i, s))
+        return !0;
+    return !1;
+  }
+  /**
+   * 检测两个矩形是否相交（包含 padding）
+   */
+  rectsIntersect(e, t, s) {
+    return !(e.right + s < t.left || e.left - s > t.right || e.bottom + s < t.top || e.top - s > t.bottom);
+  }
+  /**
+   * 设置节点可见性
+   */
+  setNodeVisibility(e, t) {
+    const s = e.element;
+    s && (t ? s.style.opacity = "1" : s.style.opacity = "0");
+  }
+  /**
+   * 获取当前可见的标签数量
+   */
+  getVisibleCount() {
+    let e = 0;
+    return this.labels.forEach((t) => {
+      t.visible && e++;
+    }), e;
+  }
+  /**
+   * 获取所有标签数量
+   */
+  getTotalCount() {
+    return this.labels.size;
+  }
+  /**
+   * 调试执行碰撞检测（带详细日志）
+   */
+  debugRun() {
+    const { padding: e, viewportMargin: t } = this.options, s = window.innerWidth, i = window.innerHeight;
+    console.log("=== CollisionManager debugRun ==="), console.log("padding:", e, "viewportMargin:", t);
+    const r = [];
+    this.labels.forEach((n) => {
+      const a = n.node.element;
+      if (!a) {
+        console.log("Skipping: element is null");
+        return;
+      }
+      const h = a.style.display === "none";
+      h && (a.style.visibility = "hidden", a.style.display = "");
+      const m = a.getBoundingClientRect();
+      if (h && (a.style.display = "none", a.style.visibility = ""), m.width === 0 || m.height === 0) {
+        console.log("Skipping: rect is 0", m);
+        return;
+      }
+      const p = m.right >= -t && m.left <= s + t && m.bottom >= -t && m.top <= i + t;
+      console.log(`Entry priority=${n.priority}, inViewport=${p}`), p ? (n.bounds = m, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
+    }), console.log("Entries in viewport:", r.length), r.sort((n, a) => a.priority - n.priority), console.log("Sorted entries:", r.map((n) => n.priority));
+    const o = [];
+    for (const n of r) {
+      if (!n.bounds) continue;
+      const a = this.checkCollision(n.bounds, o, e);
+      console.log(`Processing priority=${n.priority}, hasCollision=${a}, occupiedRects.length=${o.length}`), a ? (this.setNodeVisibility(n.node, !1), n.visible = !1) : (this.setNodeVisibility(n.node, !0), n.visible = !0, o.push(n.bounds));
+    }
+    console.log("Final visible count:", this.getVisibleCount());
+  }
+  /**
+   * 清空所有标签
+   */
+  clear() {
+    this.labels.clear();
+  }
+  /**
+   * 销毁管理器
+   */
+  dispose() {
+    this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.labels.clear();
+  }
+}
+const Ae = {
   zIndex: "auto"
 };
-class Qs {
-  constructor(e) {
-    this.container = e;
+class Js {
+  constructor(e, t) {
+    this.container = e, this.collisionManager = new Qs(t == null ? void 0 : t.collision);
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new $s() : new qs();
-    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);
+    const s = D(D({}, Ae), t), i = s.container || this.container, r = i.offsetWidth, o = i.offsetHeight, n = e === "css2d" ? new $s() : new qs();
+    n.domElement.style.position = "absolute", n.domElement.style.top = "0", n.domElement.style.pointerEvents = "none", n.domElement.style.zIndex = s.zIndex, n.setSize(r, o), i.appendChild(n.domElement), e === "css2d" ? this.css2Drenderer = n : e === "css3d" && (this.css3Drenderer = n);
   }
   setSize(e, t) {
     var s, i;
@@ -2599,14 +2771,14 @@ class Qs {
   }
   render(e, t) {
     var s, i;
-    (s = this.css2Drenderer) == null || s.render(e, t), (i = this.css3Drenderer) == null || i.render(e, t);
+    (s = this.css2Drenderer) == null || s.render(e, t), (i = this.css3Drenderer) == null || i.render(e, t), this.collisionManager.update(t);
   }
   dispose() {
     var e, t;
-    (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0;
+    (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0, this.collisionManager.dispose();
   }
 }
-class Js {
+class ei {
   constructor(e) {
     this.helpers = {}, this.options = e;
   }
@@ -2615,7 +2787,7 @@ class Js {
     let i = this.helpers[t];
     if (i === void 0) {
       if (e.isScene)
-        i = new Ue(100);
+        i = new ke(100);
       else if (e.isCamera)
         i = new $t(e);
       else if (e.isPointLight)
@@ -2631,7 +2803,7 @@ class Js {
       else {
         const r = new lt();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
-          i = new ke(r);
+          i = new ze(r);
           const o = i.material;
           o.userData.object = e, o.userData.lastMatrixWorld = e.matrixWorld.clone(), o.depthTest = !1, o.transparent = !0;
         } else
@@ -2663,7 +2835,7 @@ class Js {
   }
   removeAllExcludeScene() {
     Object.keys(this.helpers).forEach((e) => {
-      this.helpers[e] instanceof Ue || this.remove({
+      this.helpers[e] instanceof ke || this.remove({
         uuid: e
       });
     });
@@ -2672,7 +2844,7 @@ class Js {
     var r, o;
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
-      if (n.update && n.update(), n instanceof ke) {
+      if (n.update && n.update(), n instanceof ze) {
         const a = n.material, { object: h, lastMatrixWorld: m } = a.userData;
         h && !h.matrixWorld.equals(
           m || h.matrixWorld
@@ -2701,7 +2873,7 @@ function Pe(c) {
     }));
   };
 }
-class ei {
+class ti {
   constructor(e) {
     var t;
     this.enabled = !0, this.pickFunctionsMap = /* @__PURE__ */ new Map(), this.pickNodeFunctionsMap = /* @__PURE__ */ new Map(), this.pickFunctionsMapIndex = -1, this.pickNodeFunctionsMapIndex = -1, this.activeObjects = /* @__PURE__ */ new Set(), this.activeObject = null, this.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
@@ -2711,13 +2883,13 @@ class ei {
   }
   addPickListener(e) {
     const t = /* @__PURE__ */ new Set(["move", "enter", "leave", "enterOnStop"]), s = /* @__PURE__ */ new Set(["down", "downOutside", "click"]), i = (r) => {
-      var y;
+      var v;
       if (!this.enabled)
         return;
       r.preventDefault();
       const o = e === "move" ? t : s, n = [];
       if (this.pickFunctionsMap.forEach((f) => {
-        o.has(f.type) && n.push(te(U({}, f), {
+        o.has(f.type) && n.push(te(D({}, f), {
           objArr: f.objArr instanceof Function ? f.objArr() : f.objArr
         }));
       }), n.length === 0) return;
@@ -2731,7 +2903,7 @@ class ei {
           g.has(f.type) || g.set(f.type, []), g.get(f.type).push(f.cb);
         }
       if (a.size === 0) return;
-      const h = [...a.keys()].map((f) => f.object3d), m = (y = this.pencil.pick(r, h, !1)) == null ? void 0 : y.intersects;
+      const h = [...a.keys()].map((f) => f.object3d), m = (v = this.pencil.pick(r, h, !1)) == null ? void 0 : v.intersects;
       if (!m || m.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
@@ -2804,10 +2976,10 @@ class ei {
               });
           const m = a.get("click");
           if (m) {
-            const p = (y) => {
-              y.preventDefault();
+            const p = (v) => {
+              v.preventDefault();
               const f = 5;
-              if (!r && Math.abs(y.clientX - e.clientX) <= f && Math.abs(y.clientY - e.clientY) <= f)
+              if (!r && Math.abs(v.clientX - e.clientX) <= f && Math.abs(v.clientY - e.clientY) <= f)
                 for (const u of m)
                   u({
                     baseObject: n,
@@ -2979,7 +3151,7 @@ class ei {
     this.moveStopTimer !== null && (clearTimeout(this.moveStopTimer), this.moveStopTimer = null), this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.lastMoveActiveObjects.clear(), this.triggeredEnterOnStopObjects.clear(), this.objCallbackMap.clear(), this.cursorObjects.clear();
   }
 }
-class ti extends ei {
+class si extends ti {
   constructor(e, t) {
     super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectWrapChindIdMap = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new ct(), {
       key: "@Scene",
@@ -3001,7 +3173,7 @@ class ti extends ei {
     return this.objectsPm.values();
   }
   createBaseObject(e, t = {}) {
-    const s = U({
+    const s = D({
       mList: !0
     }, t);
     e instanceof Ce && (e.raycast = (r, o) => r.intersectObjects(e.children, !0, o));
@@ -3048,12 +3220,12 @@ class ti extends ei {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var p, y, f;
+      var p, v, f;
       const i = this.objectNamesToFactories.get(String(e));
       if (!i)
         throw new Error(`Unrecognized factory: ${String(e)}`);
       t || (t = {}), t.target === void 0 && (t.target = s);
-      const r = t.target, o = (p = t.onTop) != null ? p : 0, n = (y = t.prefab) != null ? y : !1, a = (f = t.create) != null ? f : !0, h = new i().create(t);
+      const r = t.target, o = (p = t.onTop) != null ? p : 0, n = (v = t.prefab) != null ? v : !1, a = (f = t.create) != null ? f : !0, h = new i().create(t);
       let m;
       if (r === null)
         m = null;
@@ -3161,7 +3333,7 @@ class ti extends ei {
     }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectWrapChindIdMap.clear(), this.objectNamesToFactories.clear();
   }
 }
-class si extends ee {
+class ii extends ee {
   get lead() {
     return this.controller;
   }
@@ -3169,7 +3341,7 @@ class si extends ee {
     super(), this.options = e;
   }
   addLead(e, t, s) {
-    const { pencil: i } = this.options, r = new ti(i, {
+    const { pencil: i } = this.options, r = new si(i, {
       scene: e,
       mList: t
     });
@@ -3191,12 +3363,12 @@ class si extends ee {
     });
   }
 }
-class ii extends dt {
+class ri extends dt {
   constructor(e) {
     super(e);
   }
   load(e, t, s, i) {
-    const r = new Ae(this.manager);
+    const r = new Me(this.manager);
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
@@ -3222,19 +3394,19 @@ class it 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 es(o)) : r = new fe();
-    const n = new Ae(this.manager);
+    const n = new Me(this.manager);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
       (a) => {
         let h = a;
         const m = e.split(".").pop(), p = this.options.type === "image" ? `image/${m || "png"}` : `video/${m || "mp4"}`;
         h = h.slice(0, a.size, p);
-        const y = () => {
+        const v = () => {
           o.removeEventListener("load", f, !1), o.removeEventListener("error", u, !1);
         }, f = () => {
-          y(), r.needsUpdate = !0, t && t(r);
-        }, u = (v) => {
-          y(), i && i(v), this.manager.itemError(e), this.manager.itemEnd(e);
+          v(), r.needsUpdate = !0, t && t(r);
+        }, u = (y) => {
+          v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
         o.addEventListener("load", f, !1), o.addEventListener("error", u, !1);
         const g = window.URL.createObjectURL(h);
@@ -3245,7 +3417,7 @@ class it extends dt {
     ), r;
   }
 }
-const ri = {
+const oi = {
   images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
@@ -3254,9 +3426,9 @@ const ri = {
   exr: ["exr"],
   lottie: ["lottie.json"]
 };
-class oi {
+class ni {
   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 = D({
       simpleTexture4deleted: !1,
       prefix: ""
     }, e), this.loadingManager = new ts(
@@ -3297,7 +3469,7 @@ class oi {
       if (e.endsWith("json.gzip") || e.endsWith("json.gz"))
         return "gzipJson";
     } else return;
-    for (const [i, r] of Object.entries(ri))
+    for (const [i, r] of Object.entries(oi))
       if (r.includes(t))
         return i;
   }
@@ -3307,21 +3479,21 @@ class oi {
     if (e === "media")
       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 je(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 je(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 Os(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
-      return this.gzipJsonLoader || (this.gzipJsonLoader = new ii(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
+      return this.gzipJsonLoader || (this.gzipJsonLoader = new ri(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
-      return this.jsonLoader || (this.jsonLoader = new Ae(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
+      return this.jsonLoader || (this.jsonLoader = new Me(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) => {
-      const i = U({
+      const i = D({
         src: s
       }, t);
       this.loadObj.push(i);
@@ -3406,10 +3578,10 @@ class oi {
     this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-const ni = {
+const ai = {
   prefix: ""
 };
-class ai extends ee {
+class li extends ee {
   get loader() {
     return this.controller;
   }
@@ -3417,7 +3589,7 @@ class ai extends ee {
     super(), this.options = e;
   }
   addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new oi(te(U({}, s), {
+    const { loaderParams: s } = this.options, i = new ni(te(D({}, s), {
       scene: e
     }));
     return this.addController(i, t);
@@ -3428,7 +3600,7 @@ class ai extends ee {
     });
   }
 }
-class li {
+class hi {
   constructor(e) {
     this.materials = /* @__PURE__ */ new Map(), this.fixBaseObjects = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
   }
@@ -3537,8 +3709,8 @@ class li {
           if (typeof h == "string" && !Number.isNaN(Number(h))) {
             const p = Number(h);
             if (p >= 0 && p < a.length) {
-              const y = a[p];
-              return this.rmBaseObjectMap(e, y), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
+              const v = a[p];
+              return this.rmBaseObjectMap(e, v), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
             }
           }
           return a[h] = m, !0;
@@ -3655,7 +3827,7 @@ class li {
     e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.fixBaseObjects.clear(), this.materialBaseObjectMap.clear();
   }
 }
-class hi extends ee {
+class ci extends ee {
   get mList() {
     return this.controller;
   }
@@ -3663,7 +3835,7 @@ class hi extends ee {
     super(), this.options = e;
   }
   addMList(e, t) {
-    const { pencil: s } = this.options, i = new li(s);
+    const { pencil: s } = this.options, i = new hi(s);
     return this.addController(i, t);
   }
   removePage(e) {
@@ -3672,7 +3844,7 @@ class hi extends ee {
     });
   }
 }
-const ci = {
+const di = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
@@ -3684,7 +3856,7 @@ const ci = {
   stencil: !1,
   depth: !1
 };
-class di {
+class pi {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i } = e, {
@@ -3695,7 +3867,7 @@ class di {
       toneMappingExposure: h,
       outputColorSpace: m,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: y,
+      preserveDrawingBuffer: v,
       stencil: f,
       depth: u
     } = i, g = new is({
@@ -3703,7 +3875,7 @@ class di {
       antialias: n,
       powerPreference: a,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: y,
+      preserveDrawingBuffer: v,
       stencil: f,
       depth: u
     });
@@ -3728,10 +3900,10 @@ class di {
     this.setSize(0, 0), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose(), (s = this.renderer) == null || s.forceContextLoss();
   }
 }
-const pi = {
+const mi = {
   background: null
 };
-class mi extends ee {
+class ui extends ee {
   get scene() {
     return this.controller;
   }
@@ -3754,10 +3926,10 @@ class mi extends ee {
     });
   }
 }
-class ui {
+class fi {
   constructor(e) {
-    this.event = new ve.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new bs(
+    this.event = new ye.EventEmitter();
+    const { renderer: t, scene: s, camera: i } = e, r = new Ts(
       i,
       t.domElement
     );
@@ -3823,11 +3995,11 @@ class ui {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const fi = {
+const _i = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class _i {
+class gi {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, a = new r({
@@ -3849,8 +4021,8 @@ class _i {
 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 ns(), this.userData = {}, this.pageActiveIndex = 0, this.pages = new Et(), this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this._isDispose = !1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Rt(_e.options, e, {
-      isMergeableObject: Ts
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ye.EventEmitter(), this.timer = new ns(), this.userData = {}, this.pageActiveIndex = 0, this.pages = new Et(), this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this._isDispose = !1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Dt(_e.options, e, {
+      isMergeableObject: bs
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3935,48 +4107,48 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: a, height: h } = this.getSize(), m = t ? new _i({
+    } = this.options, { width: a, height: h } = this.getSize(), m = t ? new gi({
       width: a,
       height: h,
       //@ts-ignore
       renderer: this.options.WebGPURenderer,
-      rendererParams: fi
-    }) : new di({
+      rendererParams: _i
+    }) : new pi({
       width: a,
       height: h,
-      rendererParams: te(U({}, r), {
+      rendererParams: te(D({}, r), {
         antialias: !1
       })
     });
     this.rendererController = m;
-    const p = new Rs({
+    const p = new Ds({
       width: a,
       height: h
-    }), y = new mi({}), f = new Ks({
+    }), v = new ui({}), f = new Ks({
       controlsParams: {
         domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : m.renderer.domElement
       }
-    }), u = new ai({
-      loaderParams: U({
+    }), u = new li({
+      loaderParams: D({
         anisotropy: this.maxAnisotropy
       }, n)
-    }), g = new hi({
+    }), g = new ci({
       pencil: this
-    }), v = new si({
+    }), y = new ii({
       pencil: this
     });
-    this.sceneController = y, this.cameraController = p, this.controlsController = f, this.loaderController = u, this.mListController = g, this.leadController = v;
+    this.sceneController = v, this.cameraController = p, this.controlsController = f, this.loaderController = u, this.mListController = g, this.leadController = y;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
     if (this.showPage(l), s) {
-      const C = new Js({
+      const C = new ei({
         container: e,
-        sceneController: y,
+        sceneController: v,
         cameraController: p
       });
-      C.add(y.scene), this.helperController = C, i && C.addViewHelper();
+      C.add(v.scene), this.helperController = C, i && C.addViewHelper();
     }
     e.appendChild(m.renderer.domElement);
   }
@@ -3993,7 +4165,7 @@ const _e = class _e {
       cameraController: this.cameraController,
       composerParams: r
     });
-    this.composerController = o, e && o.addBloomPass(U({}, t)), s && o.addSSAOPass(U({}, i)), o.addOutputPass();
+    this.composerController = o, e && o.addBloomPass(D({}, t)), s && o.addSSAOPass(D({}, i)), o.addOutputPass();
   }
   initCSSRenderer() {
     const {
@@ -4004,12 +4176,12 @@ const _e = class _e {
       css3DRendererParams: r
     } = this.options;
     if (t || s) {
-      const o = new Qs(e);
+      const o = new Js(e, i);
       t && o.addRenderer("css2d", i), s && o.addRenderer("css3d", r), this.cssRendererController = o;
     }
   }
   initTransformControls() {
-    const e = new ui({
+    const e = new fi({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -4147,11 +4319,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, h, m, p, y, f, u;
+    var e, t, s, i, r, o, n, a, h, m, p, v, f, u;
     this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Oe.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
-      var v;
-      (v = g.dispose) == null || v.call(g);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (y = this.mListController) == null || y.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (f = this.stats) == null || f.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
+      var y;
+      (y = g.dispose) == null || y.call(g);
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (f = this.stats) == null || f.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
   }
 };
 _e.options = {
@@ -4160,26 +4332,26 @@ _e.options = {
   viewHelper: he,
   controls: !0,
   transformControls: he,
-  renderer: ci,
+  renderer: di,
   composer: Zs,
-  scene: pi,
-  camera: Tt,
+  scene: mi,
+  camera: bt,
   bloom: !1,
   bloomParams: Ys,
   ssao: !1,
-  loader: ni,
+  loader: ai,
   ssaoParams: Vs,
   css2DRenderer: !1,
-  css2DRendererParams: U({}, st),
+  css2DRendererParams: D({}, Ae),
   css3DRenderer: !1,
-  css3DRendererParams: U({}, st)
+  css3DRendererParams: D({}, Ae)
 };
 let rt = _e;
-const Xi = J.ACTION;
+const qi = J.ACTION;
 export {
   ls as BaseObject,
   rt as Pencil,
   Se as ResourceTracker,
-  Xi as cameraControlsAction,
+  qi as cameraControlsAction,
   rt as default
 };