gl-draw 0.17.0-beta.4 → 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 Me = Object.getOwnPropertySymbols;
+var De = Object.getOwnPropertySymbols;
 var Mt = Object.prototype.hasOwnProperty, Rt = 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 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]);
-  if (Me)
-    for (var t of Me(e))
-      Rt.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))
+      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) => {
@@ -26,15 +26,15 @@ var se = (c, e, t) => new Promise((s, i) => {
   }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(c, e)).next());
 });
-import * as Ce from "@tweenjs/tween.js";
+import * as Oe from "@tweenjs/tween.js";
 import Dt from "deepmerge";
 import Ut from "stats-gl";
-import { Vector3 as j, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as Nt, MeshBasicMaterial as It, PointsMaterial as nt, SpriteMaterial as at, Color as jt, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as lt, Spherical as Wt, Box3 as ht, Sphere as Kt, Raycaster as ct, AxesHelper as De, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as Ue, Scene as dt, Group as ke, Camera as Jt, Loader as pt, FileLoader as Se, 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 mt, B as Oe, a as as, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
-import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as ls } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as hs } from "three/examples/jsm/postprocessing/SSAOPass";
-import { UnrealBloomPass as cs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+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 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";
 import "three/examples/jsm/lines/LineMaterial";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/renderers/CSS2DRenderer";
@@ -45,17 +45,17 @@ import "three/examples/jsm/utils/BufferGeometryUtils";
 import "three-bvh-csg";
 import "three/examples/jsm/lights/RectAreaLightUniformsLib";
 import "three/examples/jsm/lines/LineSegments2";
-import { ShaderPass as ds } from "three/examples/jsm/postprocessing/ShaderPass";
-import { OutputPass as ps } from "three/examples/jsm/postprocessing/OutputPass";
-import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { RectAreaLightHelper as ms } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as us } from "three/examples/jsm/helpers/ViewHelper";
-import { generateUUID as fs, makePromiseCreator as _s } from "esus-lite";
-import { DRACOLoader as gs } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
+import { ShaderPass as ps } from "three/examples/jsm/postprocessing/ShaderPass";
+import { OutputPass as ms } from "three/examples/jsm/postprocessing/OutputPass";
+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 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 vs } from "three/examples/jsm/loaders/LottieLoader";
-import { a as Cs, C as Os, i as Es } from "./isPlainObject.module.js";
+import { LottieLoader as Os } from "three/examples/jsm/loaders/LottieLoader";
+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,
@@ -94,17 +94,17 @@ function Y(c) {
 function H(c) {
   return c.isOrthographicCamera;
 }
-const $ = Math.PI * 2, Ie = Math.PI / 2, ut = 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));
 }
-function A(c, e = ut) {
+function A(c, e = mt) {
   return Math.abs(c) < e;
 }
-function P(c, e, t = ut) {
+function P(c, e, t = mt) {
   return A(c - e, t);
 }
-function je(c, e) {
+function He(c, e) {
   return Math.round(c / e) * e;
 }
 function re(c) {
@@ -121,30 +121,30 @@ function ce(c, e, t, s, i = 1 / 0, r) {
   h = z(h, -p, p), e = c - h;
   const v = (t.value + o * h) * r;
   t.value = (t.value - o * v) * a;
-  let _ = e + (h + v) * a;
-  return m - c > 0 == _ > m && (_ = m, t.value = (_ - m) / r), _;
+  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, v = e.z, _ = c.x - m, u = c.y - p, g = c.z - v;
-  const y = m, l = p, f = v, O = i * s, C = O * O, w = _ * _ + u * u + g * g;
-  if (w > C) {
-    const ve = Math.sqrt(w);
-    _ = _ / ve * O, u = u / ve * O, g = g / ve * O;
-  }
-  m = c.x - _, p = c.y - u, v = c.z - g;
-  const E = (t.x + n * _) * r, b = (t.y + n * u) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * h, t.y = (t.y - n * b) * h, t.z = (t.z - n * R) * h, o.x = m + (_ + E) * h, o.y = p + (u + b) * h, o.z = v + (g + R) * h;
-  const V = y - c.x, le = l - c.y, wt = f - c.z, xt = o.x - y, bt = o.y - l, Lt = o.z - f;
-  return V * xt + le * bt + wt * Lt > 0 && (o.x = y, o.y = l, o.z = f, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - f) / 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, we, D, x, L, G, ne, F, N, Z, Ve, Ye, k, ae, X, Ze, xe, We, be, 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)), we = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), x = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = 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(), xe = new T.Sphere(), We = new T.Quaternion(), be = 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, f, O, C) => {
-      let w, 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 b = x.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = b.length() * Math.tan(R * 0.5);
-        w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * f * 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 b = this._camera;
-        w = this.truckSpeed * l * (b.right - b.left) / b.zoom / this._elementRect.width, E = this.truckSpeed * f * (b.top - b.bottom) / b.zoom / this._elementRect.height;
+        const x = this._camera;
+        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;
-      C ? (O ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+      O ? (C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + T,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+      ) : 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(w, E, !0);
-    }, this._rotateInternal = (l, f) => {
-      const O = $ * this.azimuthRotateSpeed * l / this._elementRect.height, C = $ * this.polarRotateSpeed * f / this._elementRect.height;
-      this.rotate(O, C, !0);
-    }, this._dollyInternal = (l, f, O) => {
-      const C = Math.pow(0.95, -l * this.dollySpeed), w = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, b = z(
+      ) : 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), T = this._sphericalEnd.radius, E = this._sphericalEnd.radius * O, x = z(
         E,
         this.minDistance,
         this.maxDistance
-      ), R = b - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(b, !0)) : this._dollyToNoClamp(b, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : b) - w, this._dollyControlCoord.set(f, O)), this._lastDollyDirection = Math.sign(-l);
-    }, this._zoomInternal = (l, f, O) => {
-      const C = Math.pow(0.95, l * this.dollySpeed), w = this._zoom, E = this._zoom * C;
-      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - w, this._dollyControlCoord.set(f, O));
-    }, typeof T == "undefined" && console.error(
+      ), 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), 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(
-      x.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
+    ), 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,29 +302,29 @@ 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 C = this._domElement.getBoundingClientRect(), w = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
-        if (w < this._interactiveArea.left || w > 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 f = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
-      if (f !== null) {
-        const C = this._findPointerByMouseButton(f);
-        C && this._disposePointer(C);
+      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;
+      if (_ !== null) {
+        const O = this._findPointerByMouseButton(_);
+        O && this._disposePointer(O);
       }
       if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
         return;
-      const O = {
+      const C = {
         pointerId: l.pointerId,
         clientX: l.clientX,
         clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: f
+        mouseButton: _
       };
-      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
+      this._activePointers.push(C), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
@@ -338,9 +338,9 @@ class J extends ws {
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
     }, n = (l) => {
       l.cancelable && l.preventDefault();
-      const f = l.pointerId, O = this._lockedPointer || this._findPointerById(f);
-      if (O) {
-        if (O.clientX = l.clientX, O.clientY = l.clientY, O.deltaX = l.movementX, O.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
+      const _ = l.pointerId, C = this._lockedPointer || this._findPointerById(_);
+      if (C) {
+        if (C.clientX = l.clientX, C.clientY = l.clientY, C.deltaX = l.movementX, C.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 1:
               this._state = this.touches.one;
@@ -354,12 +354,12 @@ class J extends ws {
           }
         else
           (!this._isDragging && this._lockedPointer || this._isDragging && (l.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        _();
+        f();
       }
     }, a = (l) => {
-      const f = this._findPointerById(l.pointerId);
-      if (!(f && f === this._lockedPointer)) {
-        if (f && this._disposePointer(f), l.pointerType === "touch")
+      const _ = this._findPointerById(l.pointerId);
+      if (!(_ && _ === this._lockedPointer)) {
+        if (_ && this._disposePointer(_), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = d.NONE;
@@ -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(), b = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
-        if (b < this._interactiveArea.left || b > this._interactiveArea.right || R < this._interactiveArea.top || R > 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 f = xs ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / f : l.deltaY / (f * 10), C = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      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(-O, C, w), this._isUserControllingDolly = !0;
+          this._dollyInternal(-C, O, T), this._isUserControllingDolly = !0;
           break;
         }
         case d.ZOOM: {
-          this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
+          this._zoomInternal(-C, O, T), this._isUserControllingZoom = !0;
           break;
         }
       }
@@ -422,8 +422,8 @@ class J extends ws {
     }, p = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const f = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(f);
-          O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
+          const _ = l instanceof PointerEvent ? l.pointerId : 0, C = this._findPointerById(_);
+          C && this._disposePointer(C), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
             { passive: !1 }
@@ -437,11 +437,11 @@ class J extends ws {
       }
     }, v = (l) => {
       if (!this._enabled) return;
-      if (Ee(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
-        const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, w = Math.sqrt(O * O + C * C);
-        r.set(0, w);
-        const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, b = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
-        i.set(E, 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);
       }
       if (this._state = 0, !l)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
@@ -460,31 +460,31 @@ class J extends ws {
       else
         !this._lockedPointer && (l.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
       ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, _ = () => {
+    }, f = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
-      this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
-      const f = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = f ? -f.deltaX : i.x - D.x, C = f ? -f.deltaY : i.y - D.y;
-      if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
-        const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, b = 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(
-          b * C * de,
-          w,
+          x * O * de,
+          T,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          b * C * de,
-          w,
+          x * O * de,
+          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 w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, b = Math.sqrt(w * w + E * E), R = r.y - b;
-        r.set(0, b);
+        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(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
+      ((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, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
+      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 }
@@ -520,11 +520,11 @@ class J extends ws {
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var l, f, O;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (f = this._domElement) === null || f === void 0 || f.ownerDocument.removeEventListener(
+      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(
         "pointerlockchange",
         g
-      ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
+      ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
         "pointerlockerror",
         y
       ), this.cancel();
@@ -899,8 +899,8 @@ class J extends ws {
    * @category Methods
    */
   truck(e, t, s = !1) {
-    this._camera.updateMatrix(), F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), F.multiplyScalar(e), N.multiplyScalar(-t);
-    const i = x.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
+    this._camera.updateMatrix(), F.setFromMatrixColumn(this._camera.matrix, 0), j.setFromMatrixColumn(this._camera.matrix, 1), F.multiplyScalar(e), j.multiplyScalar(-t);
+    const i = w.copy(F).add(j), r = L.copy(this._targetEnd).add(i);
     return this.moveTo(r.x, r.y, r.z, s);
   }
   /**
@@ -910,8 +910,8 @@ class J extends ws {
    * @category Methods
    */
   forward(e, t = !1) {
-    x.setFromMatrixColumn(this._camera.matrix, 0), x.crossVectors(this._camera.up, x), x.multiplyScalar(e);
-    const s = L.copy(this._targetEnd).add(x);
+    w.setFromMatrixColumn(this._camera.matrix, 0), w.crossVectors(this._camera.up, w), w.multiplyScalar(e);
+    const s = L.copy(this._targetEnd).add(w);
     return this.moveTo(s.x, s.y, s.z, t);
   }
   /**
@@ -921,10 +921,10 @@ class J extends ws {
    * @category Methods
    */
   elevate(e, t = !1) {
-    return x.copy(this._camera.up).multiplyScalar(e), this.moveTo(
-      this._targetEnd.x + x.x,
-      this._targetEnd.y + x.y,
-      this._targetEnd.z + x.z,
+    return w.copy(this._camera.up).multiplyScalar(e), this.moveTo(
+      this._targetEnd.x + w.x,
+      this._targetEnd.y + w.y,
+      this._targetEnd.z + w.z,
       t
     );
   }
@@ -938,7 +938,7 @@ class J extends ws {
    */
   moveTo(e, t, s, i = !1) {
     this._isUserControllingTruck = !1;
-    const r = x.set(e, t, s).sub(this._targetEnd);
+    const r = w.set(e, t, s).sub(this._targetEnd);
     this._encloseToBoundary(this._targetEnd, r, this.boundaryFriction), this._needsUpdate = !0, i || this._target.copy(this._targetEnd);
     const o = !i || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold);
     return this._createOnRestPromise(o);
@@ -953,7 +953,7 @@ class J extends ws {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const n = x.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const n = w.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
       n.x,
       n.y,
@@ -985,15 +985,15 @@ class J extends ws {
     h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const m = je(this._sphericalEnd.theta, Ie), p = je(this._sphericalEnd.phi, Ie);
+    const m = He(this._sphericalEnd.theta, Ie), p = He(this._sphericalEnd.phi, Ie);
     a.push(this.rotateTo(m, p, t));
-    const v = x.setFromSpherical(this._sphericalEnd).normalize(), _ = We.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
-    u && _.multiply(be.setFromAxisAngle(pe, m)), _.multiply(this._yAxisUpSpaceInverse);
-    const g = Ze.makeEmpty();
-    L.copy(h.min).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).applyQuaternion(_), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, _.setFromUnitVectors(we, v), u && _.premultiply(be.invert()), _.premultiply(this._yAxisUpSpace);
-    const y = g.getSize(x), l = g.getCenter(L).applyQuaternion(_);
+    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 = 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 f = this.getDistanceToFitBox(
+      const _ = this.getDistanceToFitBox(
         y.x,
         y.y,
         y.z,
@@ -1001,12 +1001,12 @@ class J extends ws {
       );
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
-      ), a.push(this.dollyTo(f, t)), a.push(this.setFocalOffset(0, 0, 0, t));
+      ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     } else if (H(this._camera)) {
-      const f = this._camera, O = f.right - f.left, C = f.top - f.bottom, w = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.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(w, 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);
   }
@@ -1017,7 +1017,7 @@ class J extends ws {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, xe) : xe.copy(e);
+    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, we) : we.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1047,7 +1047,7 @@ class J extends ws {
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const a = L.set(i, r, o), h = x.set(e, t, s);
+    const a = L.set(i, r, o), h = w.set(e, t, s);
     this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
       h.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
@@ -1084,21 +1084,21 @@ class J extends ws {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, v, _, 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 = x.set(i, r, o), y = L.set(e, t, s);
+    const g = w.set(i, r, o), y = L.set(e, t, s);
     k.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(m, p, v), f = L.set(n, a, h);
+    const l = G.set(m, p, v), _ = L.set(n, a, h);
     ae.setFromVector3(
-      f.sub(l).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(g.lerp(l, _));
-    const O = ae.theta - k.theta, C = ae.phi - k.phi, w = ae.radius - k.radius;
+      _.sub(l).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(g.lerp(l, f));
+    const C = ae.theta - k.theta, O = ae.phi - k.phi, T = ae.radius - k.radius;
     this._sphericalEnd.set(
-      k.radius + w * _,
-      k.phi + C * _,
-      k.theta + O * _
+      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));
     const E = !u || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
@@ -1145,7 +1145,7 @@ class J extends ws {
    * @category Methods
    */
   setTarget(e, t, s, i = !1) {
-    const r = this.getPosition(x), o = this.setLookAt(
+    const r = this.getPosition(w), o = this.setLookAt(
       r.x,
       r.y,
       r.z,
@@ -1194,9 +1194,9 @@ class J extends ws {
    * @category Methods
    */
   setOrbitPoint(e, t, s) {
-    this._camera.updateMatrixWorld(), F.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), N.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Z.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
-    const i = x.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
-    F.multiplyScalar(o.x), N.multiplyScalar(o.y), Z.multiplyScalar(o.z), x.copy(F).add(N).add(Z), x.z = x.z + r, this.dollyTo(r, !1), this.setFocalOffset(-x.x, x.y, -x.z, !1), this.moveTo(e, t, s, !1);
+    this._camera.updateMatrixWorld(), F.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), j.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Z.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
+    const i = w.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
+    F.multiplyScalar(o.x), j.multiplyScalar(o.y), Z.multiplyScalar(o.z), w.copy(F).add(j).add(Z), w.z = w.z + r, this.dollyTo(r, !1), this.setFocalOffset(-w.x, w.y, -w.z, !1), this.moveTo(e, t, s, !1);
   }
   /**
    * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
@@ -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
     );
   }
@@ -1311,7 +1311,7 @@ class J extends ws {
   reset(e = !1) {
     if (!P(this._camera.up.x, this._cameraUp0.x) || !P(this._camera.up.y, this._cameraUp0.y) || !P(this._camera.up.z, this._cameraUp0.z)) {
       this._camera.up.copy(this._cameraUp0);
-      const s = this.getPosition(x);
+      const s = this.getPosition(w);
       this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
     }
     const t = [
@@ -1355,9 +1355,9 @@ class J extends ws {
    * @category Methods
    */
   applyCameraUp() {
-    const e = x.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
+    const e = w.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
     this._camera.up.crossVectors(t, e).normalize(), this._camera.updateMatrixWorld();
-    const s = this.getPosition(x);
+    const s = this.getPosition(w);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
   }
   /**
@@ -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,41 +1454,41 @@ class J extends ws {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, v = this._camera, _ = this._getCameraDirection(ne), u = x.copy(_).cross(v.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, _), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), f = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = 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 * y * v.aspect
           )
         ).add(
           g.multiplyScalar(this._dollyControlCoord.y * y)
-        ), C = x.copy(this._targetEnd).lerp(O, f), w = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (w || E)) {
+        ), 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 R = L.copy(_).multiplyScalar(-p);
-          C.add(R);
+          const R = L.copy(f).multiplyScalar(-p);
+          O.add(R);
         }
-        this._boundary.clampPoint(C, C);
-        const b = L.subVectors(C, this._targetEnd);
-        this._targetEnd.copy(C), this._target.add(b), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
+        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, v = this._camera, _ = x.set(
+        const p = this._zoom - this._lastZoom, v = this._camera, f = w.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(_).add(u.multiplyScalar(-_.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, f = this._getCameraDirection(ne), O = this._targetEnd.dot(f), C = x.copy(this._targetEnd).lerp(g, l), w = C.dot(f), E = f.multiplyScalar(
-          w - O
+        ).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
         );
-        C.sub(E), this._boundary.clampPoint(C, C);
-        const b = L.subVectors(C, this._targetEnd);
-        this._targetEnd.copy(C), this._target.add(b), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        O.sub(E), this._boundary.clampPoint(O, O);
+        const x = L.subVectors(O, this._targetEnd);
+        this._targetEnd.copy(O), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
     const a = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!A(this._focalOffset.x) || !A(this._focalOffset.y) || !A(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), x.copy(F).add(N).add(Z), this._camera.position.add(x), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!A(this._focalOffset.x) || !A(this._focalOffset.y) || !A(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), j.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), j.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), w.copy(F).add(j).add(Z), this._camera.position.add(w), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
-      x.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
+      w.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
     );
     const m = this._needsUpdate;
@@ -1515,7 +1515,7 @@ class J extends ws {
       truckSpeed: this.truckSpeed,
       dollyToCursor: this.dollyToCursor,
       target: this._targetEnd.toArray(),
-      position: x.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
+      position: w.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
       zoom: this._zoomEnd,
       focalOffset: this._focalOffsetEnd.toArray(),
       target0: this._target0.toArray(),
@@ -1533,7 +1533,7 @@ class J extends ws {
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
     this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), k.setFromVector3(
-      x.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
+      w.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
     ), this.rotateTo(k.theta, k.phi, t), this.dollyTo(k.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
@@ -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);
@@ -1703,11 +1703,11 @@ class J extends ws {
       a.applyMatrix4(n.matrixWorld);
       const m = a.attributes.position;
       for (let p = 0, v = m.count; p < v; p++)
-        x.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(x));
+        w.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(w));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Ae = { 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) {
@@ -1715,22 +1715,22 @@ Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymb
 } : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function bs(c) {
+function Ls(c) {
   console && console.warn && console.warn(c);
 }
-var ft = Number.isNaN || function(e) {
+var ut = Number.isNaN || function(e) {
   return e !== e;
 };
 function S() {
   S.init.call(this);
 }
-Ae.exports = S;
-Ae.exports.once = As;
+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,27 +1738,27 @@ function ge(c) {
 Object.defineProperty(S, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return $e;
+    return Ge;
   },
   set: function(c) {
-    if (typeof c != "number" || c < 0 || ft(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() {
   (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
 };
 S.prototype.setMaxListeners = function(e) {
-  if (typeof e != "number" || e < 0 || ft(e))
+  if (typeof e != "number" || e < 0 || ut(e))
     throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + e + ".");
   return this._maxListeners = e, this;
 };
-function _t(c) {
+function ft(c) {
   return c._maxListeners === void 0 ? S.defaultMaxListeners : c._maxListeners;
 }
 S.prototype.getMaxListeners = function() {
-  return _t(this);
+  return ft(this);
 };
 S.prototype.emit = function(e) {
   for (var t = [], s = 1; s < arguments.length; s++) t.push(arguments[s]);
@@ -1778,13 +1778,13 @@ 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 gt(c, e, t, s) {
+function _t(c, e, t, s) {
   var i, r, o;
   if (ge(t), r = c._events, r === void 0 ? (r = c._events = /* @__PURE__ */ Object.create(null), c._eventsCount = 0) : (r.newListener !== void 0 && (c.emit(
     "newListener",
@@ -1792,33 +1792,33 @@ function gt(c, e, t, s) {
     t.listener ? t.listener : t
   ), r = c._events), o = r[e]), o === void 0)
     o = r[e] = t, ++c._eventsCount;
-  else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = _t(c), i > 0 && o.length > i && !o.warned) {
+  else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = ft(c), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
     var n = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    n.name = "MaxListenersExceededWarning", n.emitter = c, n.type = e, n.count = o.length, bs(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = c, n.type = e, n.count = o.length, Ls(n);
   }
   return c;
 }
 S.prototype.addListener = function(e, t) {
-  return gt(this, e, t, !1);
+  return _t(this, e, t, !1);
 };
 S.prototype.on = S.prototype.addListener;
 S.prototype.prependListener = function(e, t) {
-  return gt(this, e, t, !0);
+  return _t(this, e, t, !0);
 };
-function Ls() {
+function Ps() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function yt(c, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: c, type: e, listener: t }, i = Ls.bind(s);
+function gt(c, e, t) {
+  var s = { fired: !1, wrapFn: void 0, target: c, type: e, listener: t }, i = Ps.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
 S.prototype.once = function(e, t) {
-  return ge(t), this.on(e, yt(this, e, t)), this;
+  return ge(t), this.on(e, gt(this, e, t)), this;
 };
 S.prototype.prependOnceListener = function(e, t) {
-  return ge(t), this.prependListener(e, yt(this, e, t)), this;
+  return ge(t), this.prependListener(e, gt(this, e, t)), this;
 };
 S.prototype.removeListener = function(e, t) {
   var s, i, r, o, n;
@@ -1836,7 +1836,7 @@ S.prototype.removeListener = function(e, t) {
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : Ps(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
+    r === 0 ? s.shift() : Ss(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
   }
   return this;
 };
@@ -1860,24 +1860,24 @@ 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 [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ss(i) : Ot(i, i.length);
+  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) : Ct.call(c, e);
+  return typeof c.listenerCount == "function" ? c.listenerCount(e) : vt.call(c, e);
 };
-S.prototype.listenerCount = Ct;
-function Ct(c) {
+S.prototype.listenerCount = vt;
+function vt(c) {
   var e = this._events;
   if (e !== void 0) {
     var t = e[c];
@@ -1896,17 +1896,17 @@ function Ot(c, e) {
     t[s] = c[s];
   return t;
 }
-function Ps(c, e) {
+function Ss(c, e) {
   for (; e + 1 < c.length; e++)
     c[e] = c[e + 1];
   c.pop();
 }
-function Ss(c) {
+function As(c) {
   for (var e = new Array(c.length), t = 0; t < e.length; ++t)
     e[t] = c[t].listener || c[t];
   return e;
 }
-function As(c, e) {
+function Ms(c, e) {
   return new Promise(function(t, s) {
     function i(o) {
       c.removeListener(e, r), s(o);
@@ -1914,13 +1914,13 @@ function As(c, e) {
     function r() {
       typeof c.removeListener == "function" && c.removeListener("error", i), t([].slice.call(arguments));
     }
-    Et(c, e, r, { once: !0 }), e !== "error" && Ms(c, i, { once: !0 });
+    Ct(c, e, r, { once: !0 }), e !== "error" && Rs(c, i, { once: !0 });
   });
 }
-function Ms(c, e, t) {
-  typeof c.on == "function" && Et(c, "error", e, t);
+function Rs(c, e, t) {
+  typeof c.on == "function" && Ct(c, "error", e, t);
 }
-function Et(c, e, t, s) {
+function Ct(c, e, t, s) {
   if (typeof c.on == "function")
     s.once ? c.once(e, t) : c.on(e, t);
   else if (typeof c.addEventListener == "function")
@@ -1930,8 +1930,8 @@ function Et(c, e, t, s) {
   else
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof c);
 }
-var ye = Ae.exports;
-let Rs = class {
+var ye = Re.exports;
+let Et = class {
   constructor() {
     this.mask = 1;
   }
@@ -1956,13 +1956,19 @@ let Rs = class {
   isEnabled(e) {
     return (this.mask & (1 << e | 0)) !== 0;
   }
+  getMinDisabledLayer() {
+    const e = ~this.mask;
+    if (!(e & 4294967295)) return null;
+    const t = e & -e;
+    return 31 - Math.clz32(t >>> 0);
+  }
 };
 class ee {
   constructor() {
     this.event = new ye.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
-    const s = new Rs();
+    const s = new Et();
     return s.disableAll(), t !== void 0 && s.set(t), this.controllerMap.set(e, s), t === this.activeIndex && this.activeControllerSet.add(e), e;
   }
   removePage(e, t) {
@@ -1991,11 +1997,11 @@ 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 j(0, 1, 0)
+  up: new I(0, 1, 0)
 };
 class Ds extends ee {
   constructor(e) {
@@ -2004,7 +2010,7 @@ class Ds extends ee {
   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);
   }
@@ -2078,7 +2084,7 @@ class Ds extends ee {
   }
 }
 const Us = (c) => {
-  const e = new ds(
+  const e = new ps(
     new zt({
       uniforms: {
         baseTexture: { value: null },
@@ -2207,35 +2213,35 @@ const Us = (c) => {
 		}`
   )
 };
-class zs extends ps {
+class zs extends ms {
   constructor() {
     super();
     const e = ks;
-    this.uniforms = Ft.clone(e.uniforms), this.material = new Nt({
+    this.uniforms = Ft.clone(e.uniforms), this.material = new jt({
       name: e.name,
       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 It({ color: "black" }), Ns = new nt({
+const Fs = new Nt({ color: "black" }), js = new ot({
   color: "black",
   sizeAttenuation: !1
-}), Is = new nt({
+}), Ns = new ot({
   color: "black",
   sizeAttenuation: !0
-}), js = new at({
+}), Is = new nt({
   color: "black",
   sizeAttenuation: !0
-}), Hs = new at({
+}), Hs = new nt({
   color: "black",
   sizeAttenuation: !1
-}), Bs = new mt({
+}), Bs = new pt({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
-}), Ge = new jt(0), Vs = {
+}), Xe = new It(0), Vs = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
@@ -2265,13 +2271,13 @@ class Ws {
         samples: Math.min(n, a),
         type: Vt
       }
-    ), p = new ze(o, m), v = this.getSize();
+    ), p = new Fe(o, m), v = this.getSize();
     p.setSize(v.width, v.height);
-    const _ = new ls(
+    const f = new hs(
       s.scene,
       i.camera
     );
-    p.addPass(_), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = _, i.event.on("pageChange", (u) => {
+    p.addPass(f), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = f, i.event.on("pageChange", (u) => {
       this.changeCamera(u);
     }), s.event.on("pageChange", (u) => {
       this.changeScene(u);
@@ -2291,31 +2297,24 @@ class Ws {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
   addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new hs(t, s, o, n);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new cs(t, s, o, n);
     a.kernelRadius = e.kernelRadius, a.minDistance = e.minDistance, a.maxDistance = e.maxDistance, this.ssaoPass = a, this.finalComposer.addPass(a);
   }
   addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new cs(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new ds(
       new B(window.innerWidth, window.innerHeight),
       i,
       r,
       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(Oe);
+    h.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(h), this.mixPass = h, this.bloomLayer.set(as);
   }
-  setBloomSelection(e, t) {
-    if (!this.bloomComposer) {
-      console.warn("err:pencil.options.bloom");
-      return;
-    }
-    e.traverse((s) => {
-      const { object3d: i } = s;
-      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Oe)) : (this.bloomSelection.delete(s), i.layers.disable(Oe)));
-    }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
+  checkBloomComposerActive() {
+    this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
   }
   enable() {
     this.active || (this.active = !0);
@@ -2346,20 +2345,20 @@ class Ws {
             e.push(o);
             return;
           }
-          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = js : n.material = Hs : o.material instanceof mt ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
+          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = Is : n.material = Hs : o.material instanceof pt ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Ns : a.material = js : o.material = Fs;
         }
       });
     }), e.forEach((i) => {
       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);
     }
@@ -2376,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);
@@ -2401,14 +2400,14 @@ class Ks extends ee {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: j,
+      Vector3: I,
       Vector4: Zt,
-      Quaternion: lt,
+      Quaternion: at,
       Matrix4: W,
       Spherical: Wt,
-      Box3: ht,
+      Box3: lt,
       Sphere: Kt,
-      Raycaster: ct
+      Raycaster: ht
     };
     J.install({ THREE: t });
   }
@@ -2443,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 j(), Xe = new W(), qe = new W(), Qe = new j(), Je = new j();
+const q = new I(), qe = new W(), Qe = new W(), Je = new I(), et = new I();
 class $s {
   /**
    * Constructs a new CSS2D renderer.
@@ -2462,7 +2461,7 @@ 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 && _(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";
     };
@@ -2477,19 +2476,19 @@ class $s {
         return;
       }
       if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(qe);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, f = u.element;
-        f.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), f.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", f.parentNode !== a && a.appendChild(f), u.onAfterRender(t, g, y));
-        const O = {
+        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(y, u)
         };
-        n.objects.set(u, O);
+        n.objects.set(u, C);
       }
-      for (let l = 0, f = u.children.length; l < f; l++)
+      for (let l = 0, _ = u.children.length; l < _; l++)
         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 v(u) {
       const g = [];
@@ -2497,19 +2496,19 @@ class $s {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function _(u) {
-      const g = v(u).sort(function(l, f) {
-        if (l.renderOrder !== f.renderOrder)
-          return f.renderOrder - l.renderOrder;
-        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(f).distanceToCameraSquared;
-        return O - C;
+    function f(u) {
+      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;
       }), y = g.length;
-      for (let l = 0, f = g.length; l < f; l++)
+      for (let l = 0, _ = g.length; l < _; l++)
         g[l].element.style.zIndex = y - l;
     }
   }
 }
-const et = new j(), Gs = new lt(), tt = new j(), I = 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.
@@ -2533,11 +2532,11 @@ class qs {
         height: i
       };
     }, this.render = function(y, l) {
-      const f = l.projectionMatrix.elements[5] * o;
+      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 = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
-      let O, C;
-      l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
-      const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + f + ")translate(" + p(O) + "px," + p(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + f + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + f + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      let C, O;
+      l.isOrthographicCamera && (C = -(l.right + l.left) / 2, O = (l.top + l.bottom) / 2);
+      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";
@@ -2549,50 +2548,222 @@ class qs {
       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 _(y) {
+    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(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
-      for (let l = 0, f = y.children.length; l < f; l++)
+      for (let l = 0, _ = y.children.length; l < _; l++)
         u(y.children[l]);
     }
-    function g(y, l, f, O) {
+    function g(y, l, _, C) {
       if (y.visible === !1) {
         u(y);
         return;
       }
       if (y.isCSS3DObject) {
-        const C = y.layers.test(f.layers) === !0, w = y.element;
-        if (w.style.display = C === !0 ? "" : "none", C === !0) {
-          y.onBeforeRender(t, l, f);
+        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;
-          y.isCSS3DSprite ? (I.copy(f.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Xs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(et, Gs, tt), I.setPosition(et), I.scale(tt), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = _(I)) : E = _(y.matrixWorld);
-          const b = n.objects.get(y);
-          if (b === void 0 || b.style !== E) {
-            w.style.transform = E;
+          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) {
+            T.style.transform = E;
             const R = { style: E };
             n.objects.set(y, R);
           }
-          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, f);
+          T.parentNode !== m && m.appendChild(T), y.onAfterRender(t, l, _);
         }
       }
-      for (let C = 0, w = y.children.length; C < w; C++)
-        g(y.children[C], l, f);
+      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;
@@ -2600,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;
   }
@@ -2616,7 +2787,7 @@ class Js {
     let i = this.helpers[t];
     if (i === void 0) {
       if (e.isScene)
-        i = new De(100);
+        i = new ke(100);
       else if (e.isCamera)
         i = new $t(e);
       else if (e.isPointLight)
@@ -2628,13 +2799,13 @@ class Js {
       else if (e.isHemisphereLight)
         i = new Qt(e, 10);
       else if (e.isRectAreaLight)
-        i = new ms(e);
+        i = new us(e);
       else {
-        const r = new ht();
+        const r = new lt();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
-          i = new Ue(r);
+          i = new ze(r);
           const o = i.material;
-          o.userData.object = e, o.depthTest = !1, o.transparent = !0;
+          o.userData.object = e, o.userData.lastMatrixWorld = e.matrixWorld.clone(), o.depthTest = !1, o.transparent = !0;
         } else
           return;
       }
@@ -2642,7 +2813,7 @@ class Js {
     }
   }
   addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new us(e.camera, t);
+    const { cameraController: e, container: t } = this.options, s = new fs(e.camera, t);
     t.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2664,7 +2835,7 @@ class Js {
   }
   removeAllExcludeScene() {
     Object.keys(this.helpers).forEach((e) => {
-      this.helpers[e] instanceof De || this.remove({
+      this.helpers[e] instanceof ke || this.remove({
         uuid: e
       });
     });
@@ -2673,9 +2844,11 @@ class Js {
     var r, o;
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
-      if (n.update && n.update(), n instanceof Ue) {
-        const a = n.material, { object: h } = a.userData;
-        h && n.box.setFromObject(h, !0);
+      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
+        ) && (n.box.setFromObject(h, !0), a.userData.lastMatrixWorld = h.matrixWorld.clone());
       }
     }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
       ...i.camera.position.toArray()
@@ -2692,66 +2865,70 @@ class Js {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-function it(c) {
+function Pe(c) {
   let e = !1, t = [];
-  return function(...s) {
+  return (...s) => {
     t = s, e || (e = !0, requestAnimationFrame(() => {
       e = !1, c(...t);
     }));
   };
 }
-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 = {
       move: !1,
       down: !1
-    }, this.pencil = e, this.domElement = ((t = e.options.controls) == null ? void 0 : t.domElement) || e.options.container;
+    }, this.hasEnterOnStopEvent = !1, this.cursorObjects = /* @__PURE__ */ new Map(), this.cursorListenerAdded = !1, this.moveStopTimer = null, this.moveStopDelay = 150, this.lastMoveEvent = null, this.lastMoveActiveObjects = /* @__PURE__ */ new Set(), this.lastMoveRealActiveObject = null, this.triggeredEnterOnStopObjects = /* @__PURE__ */ new Set(), this.pencil = e, this.domElement = ((t = e.options.controls) == null ? void 0 : t.domElement) || e.options.container;
   }
   addPickListener(e) {
-    const t = /* @__PURE__ */ new Set(["move", "enter", "leave"]), s = /* @__PURE__ */ new Set(["down", "downOutside", "click"]), i = (r) => {
+    const t = /* @__PURE__ */ new Set(["move", "enter", "leave", "enterOnStop"]), s = /* @__PURE__ */ new Set(["down", "downOutside", "click"]), i = (r) => {
       var v;
       if (!this.enabled)
         return;
       r.preventDefault();
       const o = e === "move" ? t : s, n = [];
-      if (this.pickFunctionsMap.forEach((_) => {
-        o.has(_.type) && n.push(te(U({}, _), {
-          objArr: _.objArr instanceof Function ? _.objArr() : _.objArr
+      if (this.pickFunctionsMap.forEach((f) => {
+        o.has(f.type) && n.push(te(D({}, f), {
+          objArr: f.objArr instanceof Function ? f.objArr() : f.objArr
         }));
       }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
-      for (const _ of n)
-        for (const u of _.objArr) {
-          if (!u.object3d || !u.visibleWithAncestors) continue;
+      for (const f of n)
+        for (const u of f.objArr) {
+          if (!u.object3d) continue;
           a.has(u) || a.set(u, /* @__PURE__ */ new Map());
           const g = a.get(u);
-          g.has(_.type) || g.set(_.type, []), g.get(_.type).push(_.cb);
+          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((_) => _.object3d), m = (v = this.pencil.pick(r, h, !0)) == null ? void 0 : v.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 {
-        const _ = m[0];
-        this.processIntersection(_, r, e);
+        const f = m[0];
+        this.processIntersection(f, r, e);
       }
+      e === "move" && this.hasEnterOnStopEvent && (this.handleMoveStop(r), this.triggeredEnterOnStopObjects.forEach((f) => {
+        this.activeObjects.has(f) || this.triggeredEnterOnStopObjects.delete(f);
+      }));
       const p = this.prevActiveObjects;
       this.prevActiveObjects = this.activeObjects, this.activeObjects = p, this.activeObjects.clear();
     };
     this.domElement.addEventListener(
       `pointer${e}`,
-      it(i),
+      Pe(i),
       { passive: !1 }
     );
   }
   processIntersection(e, t, s) {
-    const i = this.objCallbackMap, r = e.index || -1;
+    var n;
+    const i = this.objCallbackMap, r = (n = e.index) != null ? n : -1;
     let o = e.object;
     for (; o; ) {
-      const n = this.pencil.lead.objMap.get(o);
-      n && n.visible && (this.activeObject || (this.activeObject = n), i.has(n) && this.activeObjects.add(n)), o = o.parent;
+      const a = this.pencil.lead.objMap.get(o);
+      a && a.visible && (this.activeObject || (this.activeObject = a), i.has(a) && this.activeObjects.add(a)), o = o.parent;
     }
     s === "move" ? this.handleLeaveEvents(t) : s === "down" && this.handleDownOutside(t), this.processObjectHierarchy(t, s, r);
   }
@@ -2801,8 +2978,8 @@ class ei {
           if (m) {
             const p = (v) => {
               v.preventDefault();
-              const _ = 5;
-              if (!r && Math.abs(v.clientX - e.clientX) <= _ && Math.abs(v.clientY - e.clientY) <= _)
+              const f = 5;
+              if (!r && Math.abs(v.clientX - e.clientX) <= f && Math.abs(v.clientY - e.clientY) <= f)
                 for (const u of m)
                   u({
                     baseObject: n,
@@ -2840,18 +3017,105 @@ class ei {
           });
     });
   }
+  /** 处理鼠标停止移动事件 */
+  handleMoveStop(e) {
+    this.moveStopTimer !== null && clearTimeout(this.moveStopTimer), this.lastMoveEvent = e, this.lastMoveActiveObjects.clear(), this.activeObjects.forEach((t) => this.lastMoveActiveObjects.add(t)), this.lastMoveRealActiveObject = this.activeObject, this.moveStopTimer = window.setTimeout(() => {
+      this.triggerEnterOnStop();
+    }, this.moveStopDelay);
+  }
+  /** 触发 enterOnStop 事件 */
+  triggerEnterOnStop() {
+    if (!this.lastMoveEvent || this.lastMoveActiveObjects.size === 0) return;
+    const e = this.lastMoveEvent, t = this.objCallbackMap;
+    let s = !1;
+    const i = () => {
+      s = !0;
+    };
+    for (const r of this.lastMoveActiveObjects) {
+      if (s) break;
+      const o = t.get(r);
+      if (!o) continue;
+      const n = o.get("enterOnStop");
+      if (n && !this.triggeredEnterOnStopObjects.has(r)) {
+        this.triggeredEnterOnStopObjects.add(r);
+        for (const a of n)
+          a({
+            baseObject: r,
+            realBaseObject: this.lastMoveRealActiveObject,
+            mouseEvent: e,
+            sp: i
+          });
+      }
+    }
+    this.moveStopTimer = null;
+  }
+  /** 重置鼠标样式 */
+  resetCursor() {
+    this.domElement.style.cursor = "";
+  }
+  /** 添加 cursor 检测监听器 */
+  addCursorListener() {
+    if (this.cursorListenerAdded) return;
+    this.cursorListenerAdded = !0;
+    const e = (t) => {
+      var o;
+      if (!this.enabled)
+        return;
+      this.cursorObjects.size === 0 && this.resetCursor();
+      const s = [...this.cursorObjects.keys()].filter((n) => n.object3d).map((n) => n.object3d);
+      if (s.length === 0) {
+        this.resetCursor();
+        return;
+      }
+      const i = this.pencil.pick(t, s, !1);
+      if (!((o = i == null ? void 0 : i.intersects) != null && o.length)) {
+        this.resetCursor();
+        return;
+      }
+      let r = i.intersects[0].object;
+      for (; r; ) {
+        const n = this.pencil.lead.objMap.get(r);
+        if (n && this.cursorObjects.has(n)) {
+          this.domElement.style.cursor = this.cursorObjects.get(n);
+          return;
+        }
+        r = r.parent;
+      }
+      this.resetCursor();
+    };
+    this.domElement.addEventListener("pointermove", Pe(e), {
+      passive: !0
+    });
+  }
+  /**
+   * 启用物体的 cursor 检测
+   * @param obj 要检测的 BaseObject
+   * @param cursor 鼠标样式，默认 'pointer'
+   */
+  enableCursor(e, t = "pointer") {
+    this.cursorObjects.set(e, t), this.addCursorListener();
+  }
+  /**
+   * 禁用物体的 cursor 检测
+   * @param obj 要移除的 BaseObject
+   */
+  disableCursor(e) {
+    this.cursorObjects.delete(e);
+  }
   handlePick(e, t, s) {
     let i = t;
     i === "mousemove" ? i = "move" : i === "mouseenter" ? i = "enter" : i === "mouseleave" && (i = "leave"), this.pickFunctionsMapIndex += 1;
     const r = this.pickFunctionsMapIndex;
-    return this.pickFunctionsMap.set(r, { objArr: e, type: i, cb: s }), this.pickListener.move || Array.from(this.pickFunctionsMap.values()).some(
-      (n) => ["move", "enter", "leave"].includes(n.type)
+    return this.pickFunctionsMap.set(r, { objArr: e, type: i, cb: s }), i === "enterOnStop" && (this.hasEnterOnStopEvent = !0), this.pickListener.move || Array.from(this.pickFunctionsMap.values()).some(
+      (n) => ["move", "enter", "leave", "enterOnStop"].includes(n.type)
     ) && (this.pickListener.move = !0, this.addPickListener("move")), this.pickListener.down || Array.from(this.pickFunctionsMap.values()).some(
       (n) => ["down", "downOutside", "click"].includes(n.type)
     ) && (this.pickListener.down = !0, this.addPickListener("down")), r;
   }
   removePick(e) {
-    this.pickFunctionsMap.delete(e);
+    this.pickFunctionsMap.delete(e), this.hasEnterOnStopEvent = Array.from(this.pickFunctionsMap.values()).some(
+      (t) => t.type === "enterOnStop"
+    );
   }
   handlePickNode(e, t, s) {
     if (t === "downOutside")
@@ -2867,7 +3131,7 @@ class ei {
           mouseEvent: p
         }));
       }, m = `pointer${t}`;
-      a.element.addEventListener(m, it(h), !1), o.push({ arr: a, type: m, listener: h });
+      a.element.addEventListener(m, Pe(h), !1), o.push({ arr: a, type: m, listener: h });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -2884,21 +3148,21 @@ class ei {
     }
   }
   dispose() {
-    this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.objCallbackMap.clear();
+    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 dt(), {
+    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",
       name: "场景",
       mList: !1
-    }), this.group = this.createBaseObject(new ke(), {
+    }), this.group = this.createBaseObject(new Ce(), {
       key: "@Group",
       name: "物体组",
       target: this.scene,
       mList: !1
-    }), this.prefabGroup = this.createBaseObject(new ke(), {
+    }), this.prefabGroup = this.createBaseObject(new Ce(), {
       key: "@PrefabGroup",
       name: "预制组",
       target: this.scene,
@@ -2909,9 +3173,11 @@ class ti extends ei {
     return this.objectsPm.values();
   }
   createBaseObject(e, t = {}) {
-    const s = U({
+    const s = D({
       mList: !0
-    }, t), i = new as();
+    }, t);
+    e instanceof Ce && (e.raycast = (r, o) => r.intersectObjects(e.children, !0, o));
+    const i = new ls();
     if (i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key && (i.key = s.key), !s.key && s.target)
       if (s.target.key === "@Scene" && e instanceof Jt)
         i.key = "@Camera";
@@ -2954,12 +3220,12 @@ class ti extends ei {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var p, v, _;
+      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 = (v = t.prefab) != null ? v : !1, a = (_ = t.create) != null ? _ : !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;
@@ -2993,7 +3259,7 @@ class ti extends ei {
       {
         type: t.type,
         key: t.key,
-        uId: fs()
+        uId: _s()
       },
       s
     ) : (e.key = i, e.keyType = o, e.keyUId = n, e.keyName = r, this.objects.set(i, e), i);
@@ -3067,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;
   }
@@ -3075,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
     });
@@ -3097,12 +3363,12 @@ class si extends ee {
     });
   }
 }
-class ii extends pt {
+class ri extends dt {
   constructor(e) {
     super(e);
   }
   load(e, t, s, i) {
-    const r = new Se(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) => {
@@ -3118,7 +3384,7 @@ class ii extends pt {
     );
   }
 }
-class rt extends pt {
+class it extends dt {
   constructor(e) {
     super(e), this.options = { type: "image" };
   }
@@ -3128,7 +3394,7 @@ class rt extends pt {
   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 Se(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) => {
@@ -3136,13 +3402,13 @@ class rt extends pt {
         const m = e.split(".").pop(), p = this.options.type === "image" ? `image/${m || "png"}` : `video/${m || "mp4"}`;
         h = h.slice(0, a.size, p);
         const v = () => {
-          o.removeEventListener("load", _, !1), o.removeEventListener("error", u, !1);
-        }, _ = () => {
+          o.removeEventListener("load", f, !1), o.removeEventListener("error", u, !1);
+        }, f = () => {
           v(), r.needsUpdate = !0, t && t(r);
         }, u = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", _, !1), o.addEventListener("error", u, !1);
+        o.addEventListener("load", f, !1), o.addEventListener("error", u, !1);
         const g = window.URL.createObjectURL(h);
         o.src = g;
       },
@@ -3151,7 +3417,7 @@ class rt extends pt {
     ), r;
   }
 }
-const ri = {
+const oi = {
   images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
@@ -3160,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 ye.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(
@@ -3203,31 +3469,31 @@ 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;
   }
   getLoader(e, t) {
     if (e === "images")
-      return this.textureLoader || (this.textureLoader = new rt(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
+      return this.textureLoader || (this.textureLoader = new it(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
     if (e === "media")
-      return this.videoTextureLoader || (this.videoTextureLoader = new rt(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
+      return this.videoTextureLoader || (this.videoTextureLoader = new it(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new gs(), 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 Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new vs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
+      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 Se(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);
@@ -3259,7 +3525,7 @@ class oi {
       const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = _s();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = gs();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3312,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;
   }
@@ -3323,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);
@@ -3334,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;
   }
@@ -3420,7 +3686,7 @@ class li {
   }
   disposeMaterial(e) {
     if (!e) return;
-    const t = new Pe();
+    const t = new Se();
     t.track(Array.isArray(e) ? e : [e]), t.dispose();
   }
   remove(e) {
@@ -3557,11 +3823,11 @@ class li {
     });
   }
   dispose() {
-    const e = new Pe();
+    const e = new Se();
     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;
   }
@@ -3569,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) {
@@ -3578,19 +3844,19 @@ class hi extends ee {
     });
   }
 }
-const ci = {
+const di = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: Os.sRGB,
+  outputColorSpace: Es.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
   depth: !1
 };
-class di {
+class pi {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i } = e, {
@@ -3602,7 +3868,7 @@ class di {
       outputColorSpace: m,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: _,
+      stencil: f,
       depth: u
     } = i, g = new is({
       alpha: r,
@@ -3610,7 +3876,7 @@ class di {
       powerPreference: a,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: _,
+      stencil: f,
       depth: u
     });
     g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = h, g.outputColorSpace = m, this.renderer = g;
@@ -3634,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;
   }
@@ -3645,12 +3911,12 @@ class mi extends ee {
     super(), this.options = e;
   }
   addScene(e, t) {
-    const s = new dt();
+    const s = new ct();
     return e != null && e.background && (s.background = e.background), this.addController(s, t);
   }
   removePage(e) {
     super.removePage(e, (t) => {
-      const s = new Pe();
+      const s = new Se();
       s.track(t), s.dispose();
     });
   }
@@ -3660,7 +3926,7 @@ class mi extends ee {
     });
   }
 }
-class ui {
+class fi {
   constructor(e) {
     this.event = new ye.EventEmitter();
     const { renderer: t, scene: s, camera: i } = e, r = new Ts(
@@ -3729,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({
@@ -3755,8 +4021,8 @@ class _i {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new j(), this._cameraTarget = new j(), this.event = new ye.EventEmitter(), this.timer = new ns(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, 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: Es
+    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,
@@ -3805,7 +4071,7 @@ const _e = class _e {
     return this.mListController.mList;
   }
   tweenUpdateRaf() {
-    Ce.update(), this.TweenRaf = requestAnimationFrame(this.tweenUpdateRaf.bind(this));
+    Oe.update(), this.TweenRaf = requestAnimationFrame(this.tweenUpdateRaf.bind(this));
   }
   use(e, ...t) {
     this.installPlugins.has(e.pluginName) ? console.log("plugin already installed") : typeof e.install == "function" && (e.install(this, ...t), this.installPlugins.set(e.pluginName, e));
@@ -3814,16 +4080,16 @@ const _e = class _e {
     sceneOptions: e,
     cameraOptions: t
   } = {}) {
-    const s = this.pageCountIndex + 1, i = this.cameraController.addPerspectiveCamera(
+    const s = this.pages.getMinDisabledLayer(), i = this.cameraController.addPerspectiveCamera(
       t,
       s
     ), r = this.sceneController.addScene(e, s);
     r.add(i), this.controlsController.addCameraControls(i, s), this.loaderController.addLoader(r, s);
     const o = this.mListController.addMList(null, s);
-    return this.leadController.addLead(r, o, s), this.pageCountIndex = s, s;
+    return this.leadController.addLead(r, o, s), this.pages.enable(s), s;
   }
   removePage(e) {
-    this.cameraController.removePage(e), this.sceneController.removePage(e), this.controlsController.removePage(e), this.loaderController.removePage(e), this.mListController.removePage(e), this.leadController.removePage(e), this.pageCountIndex === e && (this.pageCountIndex -= 1), this.pageActiveIndex === e && (this.render(), this.showPage(0));
+    this.controlsController.removePage(e), this.loaderController.removePage(e), this.leadController.removePage(e), this.cameraController.removePage(e), this.sceneController.removePage(e), this.mListController.removePage(e), this.pages.disable(e), this.pageActiveIndex === e && (this.render(), this.showPage(0));
   }
   showPage(e) {
     var s;
@@ -3832,7 +4098,7 @@ const _e = class _e {
     this.sceneController.setPageActive(e), t && ((s = this.cssRendererController) == null || s.render(t, this.camera)), this.cameraController.setPageActive(e), this.controlsController.setPageActive(e), this.loaderController.setPageActive(e), this.mListController.setPageActive(e), this.leadController.setPageActive(e), this.pageActiveIndex = e;
   }
   init() {
-    var f;
+    var _;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3841,16 +4107,16 @@ 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
       })
     });
@@ -3858,31 +4124,31 @@ const _e = class _e {
     const p = new Ds({
       width: a,
       height: h
-    }), v = new mi({}), _ = new Ks({
+    }), v = new ui({}), f = new Ks({
       controlsParams: {
-        domElement: (f = o == null ? void 0 : o.domElement) != null ? f : m.renderer.domElement
+        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
-    }), y = new si({
+    }), y = new ii({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = p, this.controlsController = _, this.loaderController = u, this.mListController = g, this.leadController = y;
+    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 O = new Js({
+      const C = new ei({
         container: e,
         sceneController: v,
         cameraController: p
       });
-      O.add(v.scene), this.helperController = O, i && O.addViewHelper();
+      C.add(v.scene), this.helperController = C, i && C.addViewHelper();
     }
     e.appendChild(m.renderer.domElement);
   }
@@ -3899,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 {
@@ -3910,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
@@ -4004,7 +4270,7 @@ const _e = class _e {
     var s, i, r, o, n, a;
     if (!this.camera || !this.scene)
       return;
-    this.event.emit("beforeRender"), this.timer.update(), Ce.update();
+    this.event.emit("beforeRender"), this.timer.update(), Oe.update();
     const e = this.timer.getDelta(), t = this.timer.getElapsed();
     this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((h) => {
       var m;
@@ -4053,11 +4319,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, h, m, p, v, _, u;
-    this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
+    var 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 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(), (_ = this.stats) == null || _.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (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 = {
@@ -4066,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 ot = _e;
-const Xi = J.ACTION;
+let rt = _e;
+const qi = J.ACTION;
 export {
-  as as BaseObject,
-  ot as Pencil,
-  Pe as ResourceTracker,
-  Xi as cameraControlsAction,
-  ot as default
+  ls as BaseObject,
+  rt as Pencil,
+  Se as ResourceTracker,
+  qi as cameraControlsAction,
+  rt as default
 };