gl-draw 0.17.0-beta.3 → 0.17.0-beta.31

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 Mt = Object.prototype.hasOwnProperty, Rt = Object.prototype.propertyIsEnumerable;
+var De = Object.getOwnPropertySymbols;
+var Mt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
 var Re = (c, e, t) => e in c ? Pt(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, U = (c, e) => {
   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]);
+  if (De)
+    for (var t of De(e))
+      Dt.call(e, t) && Re(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 Dt from "deepmerge";
+import * as Oe from "@tweenjs/tween.js";
+import Rt 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 { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as jt, MeshBasicMaterial as Nt, PointsMaterial as ot, SpriteMaterial as nt, Color as It, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as at, Spherical as Wt, Box3 as lt, Sphere as Kt, Raycaster as ht, AxesHelper as Ue, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as ke, Scene as ct, Group as Ce, Camera as Jt, Loader as dt, FileLoader as Ae, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
+import { M as pt, B as as, a as ls, R as Se, I as he } from "./index.module2.js";
 import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
-import { 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 { 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,18 +45,18 @@ 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 { ShaderPass as ps } from "three/examples/jsm/postprocessing/ShaderPass";
+import { OutputPass as ms } from "three/examples/jsm/postprocessing/OutputPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { 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 { RectAreaLightHelper as us } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as fs } from "three/examples/jsm/helpers/ViewHelper";
+import { generateUUID as _s, makePromiseCreator as gs } from "esus-lite";
+import { DRACOLoader as vs } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
-import { GLTFLoader as 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 { TransformControls as Ts } from "three/examples/jsm/controls/TransformControls";
+import { GLTFLoader as je } from "three/examples/jsm/loaders/GLTFLoader";
+import { LottieLoader as Os } from "three/examples/jsm/loaders/LottieLoader";
+import { a as Cs, C as Es, i as Ts } from "./isPlainObject.module.js";
+import { TransformControls as bs } from "three/examples/jsm/controls/TransformControls";
 const M = {
   LEFT: 1,
   RIGHT: 2,
@@ -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, Ne = 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 Ie(c, e) {
   return Math.round(c / e) * e;
 }
 function re(c) {
@@ -119,25 +119,25 @@ function ce(c, e, t, s, i = 1 / 0, r) {
   let h = c - e;
   const m = e, p = i * s;
   h = z(h, -p, p), e = c - h;
-  const 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), _;
+  const y = (t.value + o * h) * r;
+  t.value = (t.value - o * y) * a;
+  let f = e + (h + y) * 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) {
   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, y = e.z, f = c.x - m, u = c.y - p, g = c.z - y;
+  const v = m, l = p, _ = y, C = i * s, O = C * C, b = f * f + u * u + g * g;
+  if (b > O) {
+    const ye = Math.sqrt(b);
+    f = f / ye * C, u = u / ye * C, g = g / ye * C;
+  }
+  m = c.x - f, p = c.y - u, y = c.z - g;
+  const E = (t.x + n * f) * r, x = (t.y + n * u) * r, D = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * h, t.y = (t.y - n * x) * h, t.z = (t.z - n * D) * h, o.x = m + (f + E) * h, o.y = p + (u + x) * h, o.z = y + (g + D) * h;
+  const V = v - c.x, le = l - c.y, bt = _ - c.z, wt = o.x - v, xt = o.y - l, Lt = o.z - _;
+  return V * wt + le * xt + bt * Lt > 0 && (o.x = v, o.y = l, o.z = _, t.x = (o.x - v) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
 function Ee(c, e) {
   e.set(0, 0), c.forEach((t) => {
@@ -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 T, Be, pe, be, R, w, L, G, ne, F, j, Z, Ve, Ye, k, ae, X, Ze, we, We, 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();
+    T = e.THREE, Be = Object.freeze(new T.Vector3(0, 0, 0)), pe = Object.freeze(new T.Vector3(0, 1, 0)), be = Object.freeze(new T.Vector3(0, 0, 1)), R = new T.Vector2(), w = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), j = new T.Vector3(), Z = new T.Vector3(), Ve = new T.Vector3(), Ye = new T.Vector3(), k = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), Ze = new T.Box3(), we = new T.Sphere(), We = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), me = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -243,47 +243,47 @@ 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 T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, C, O) => {
+      let b, 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), D = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(D * 0.5);
+        b = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
       } 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;
+        b = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
-      C ? (O ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+      O ? (C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + b,
         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(b, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
+        this._focalOffsetEnd.x + b,
         this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, 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(b, E, !0);
+    }, this._rotateInternal = (l, _) => {
+      const C = $ * this.azimuthRotateSpeed * l / this._elementRect.height, O = $ * this.polarRotateSpeed * _ / this._elementRect.height;
+      this.rotate(C, O, !0);
+    }, this._dollyInternal = (l, _, C) => {
+      const O = Math.pow(0.95, -l * this.dollySpeed), b = this._sphericalEnd.radius, E = this._sphericalEnd.radius * O, x = z(
         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));
+      ), D = x - E;
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(D, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - b, this._dollyControlCoord.set(_, C)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, _, C) => {
+      const O = Math.pow(0.95, l * this.dollySpeed), b = this._zoom, E = this._zoom * O;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - b, this._dollyControlCoord.set(_, C));
     }, typeof T == "undefined" && console.error(
       "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.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)
+      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(),
@@ -305,26 +305,26 @@ class J extends ws {
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const 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(), b = (l.clientX - O.left) / (O.right - O.left), E = (l.clientY - O.top) / (O.bottom - O.top);
+        if (b < this._interactiveArea.left || b > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           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 }
@@ -335,12 +335,12 @@ class J extends ws {
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, y(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), D = (l.clientY - E.top) / (E.bottom - E.top);
+        if (x < this._interactiveArea.left || x > this._interactiveArea.right || D < this._interactiveArea.top || D > this._interactiveArea.bottom)
           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, b = 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, b), this._isUserControllingDolly = !0;
           break;
         }
         case d.ZOOM: {
-          this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
+          this._zoomInternal(-C, O, b), 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 }
@@ -435,13 +435,13 @@ class J extends ws {
         }
         l.preventDefault();
       }
-    }, v = (l) => {
+    }, y = (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, R), this._getClientRect(this._elementRect), s.copy(R), i.copy(R), this._activePointers.length >= 2) {
+        const C = R.x - this._activePointers[1].clientX, O = R.y - this._activePointers[1].clientY, b = Math.sqrt(C * C + O * O);
+        r.set(0, b);
+        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, R);
+      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = _ ? -_.deltaX : i.x - R.x, O = _ ? -_.deltaY : i.y - R.y;
+      if (i.copy(R), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, O), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
+        const b = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
-          b * C * de,
-          w,
+          x * O * de,
+          b,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          b * C * de,
-          w,
+          x * O * de,
+          b,
           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 b = R.x - this._activePointers[1].clientX, E = R.y - this._activePointers[1].clientY, x = Math.sqrt(b * b + E * E), D = r.y - x;
+        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.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(D * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(D * de, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & d.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, R), i.copy(R), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
@@ -513,25 +513,25 @@ class J extends ws {
         g
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        y
+        v
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), y());
     }, 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
+        v
       ), this.cancel();
     };
     const g = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, y = () => {
+    }, v = () => {
       this.unlockPointer();
     };
     this._addAllEventListeners = (l) => {
@@ -553,7 +553,7 @@ class J extends ws {
         g
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        y
+        v
       ));
     }, this.cancel = () => {
       this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
@@ -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,28 +985,28 @@ class J extends ws {
     h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const m = je(this._sphericalEnd.theta, Ie), p = je(this._sphericalEnd.phi, Ie);
+    const m = Ie(this._sphericalEnd.theta, Ne), p = Ie(this._sphericalEnd.phi, Ne);
     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 y = w.setFromSpherical(this._sphericalEnd).normalize(), f = We.setFromUnitVectors(y, be), u = P(Math.abs(y.y), 1);
+    u && f.multiply(xe.setFromAxisAngle(pe, m)), f.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(_);
+    L.copy(h.min).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(f), g.expandByPoint(L), L.copy(h.max).applyQuaternion(f), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, f.setFromUnitVectors(be, y), u && f.premultiply(xe.invert()), f.premultiply(this._yAxisUpSpace);
+    const v = g.getSize(w), l = g.getCenter(L).applyQuaternion(f);
     if (Y(this._camera)) {
-      const f = this.getDistanceToFitBox(
-        y.x,
-        y.y,
-        y.z,
+      const _ = this.getDistanceToFitBox(
+        v.x,
+        v.y,
+        v.z,
         s
       );
       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, b = s ? Math.max(C / v.x, O / v.y) : Math.min(C / v.x, O / v.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(b, 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, y, 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), v = L.set(e, t, s);
     k.setFromVector3(
-      y.sub(g).applyQuaternion(this._yAxisUpSpace)
+      v.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(m, p, v), f = L.set(n, a, h);
+    const l = G.set(m, p, y), _ = 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, b = ae.radius - k.radius;
     this._sphericalEnd.set(
-      k.radius + w * _,
-      k.phi + C * _,
-      k.theta + O * _
+      k.radius + b * 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
@@ -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);
   }
   /**
@@ -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, y = this._camera, f = this._getCameraDirection(ne), u = w.copy(f).cross(y.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), v = this._sphericalEnd.radius * Math.tan(y.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = G.copy(this._targetEnd).add(
           u.multiplyScalar(
-            this._dollyControlCoord.x * y * v.aspect
+            this._dollyControlCoord.x * v * y.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)) {
+          g.multiplyScalar(this._dollyControlCoord.y * v)
+        ), O = w.copy(this._targetEnd).lerp(C, _), b = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
+        if (this.infinityDolly && (b || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const R = L.copy(_).multiplyScalar(-p);
-          C.add(R);
+          const D = L.copy(f).multiplyScalar(-p);
+          O.add(D);
         }
-        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, y = 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
+          (y.near + y.far) / (y.near - y.far)
+        ).unproject(y), u = L.set(0, 0, -1).applyQuaternion(y.quaternion), g = G.copy(f).add(u.multiplyScalar(-f.dot(y.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), C = this._targetEnd.dot(_), O = w.copy(this._targetEnd).lerp(g, l), b = O.dot(_), E = _.multiplyScalar(
+          b - C
         );
-        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],
@@ -1702,12 +1702,12 @@ class J extends ws {
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
       const m = a.attributes.position;
-      for (let p = 0, v = m.count; p < v; p++)
-        x.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(x));
+      for (let p = 0, y = m.count; p < y; p++)
+        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 Me = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ke = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
   return Function.prototype.apply.call(e, t, s);
 }, ue;
 Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
@@ -1715,17 +1715,17 @@ 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;
+Me.exports = S;
+Me.exports.once = Ms;
 S.EventEmitter = S;
 S.prototype._events = void 0;
 S.prototype._eventsCount = 0;
@@ -1741,7 +1741,7 @@ Object.defineProperty(S, "defaultMaxListeners", {
     return $e;
   },
   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;
   }
@@ -1750,15 +1750,15 @@ 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]);
@@ -1784,7 +1784,7 @@ S.prototype.emit = function(e) {
       Ke(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;
 };
@@ -1865,7 +1865,7 @@ function vt(c, e, t) {
   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);
@@ -1874,10 +1874,10 @@ S.prototype.rawListeners = function(e) {
   return vt(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) : yt.call(c, e);
 };
-S.prototype.listenerCount = Ct;
-function Ct(c) {
+S.prototype.listenerCount = yt;
+function yt(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" && Ds(c, i, { once: !0 });
   });
 }
-function Ms(c, e, t) {
-  typeof c.on == "function" && Et(c, "error", e, t);
+function Ds(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 ve = Me.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();
+    this.event = new ve.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) {
@@ -1995,9 +2001,9 @@ const Tt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new j(0, 1, 0)
+  up: new I(0, 1, 0)
 };
-class Ds extends ee {
+class Rs extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
@@ -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,11 +2213,11 @@ 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,
@@ -2219,23 +2225,23 @@ class zs extends ps {
     }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(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 = {
+}), Ge = 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.setSize(v.width, v.height);
-    const _ = new ls(
+    ), p = new ze(o, m), y = this.getSize();
+    p.setSize(y.width, y.height);
+    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,11 +2297,11 @@ 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,
@@ -2305,17 +2311,10 @@ class Ws {
     const a = new ze(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,7 +2345,7 @@ 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) => {
@@ -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(), Xe = new W(), qe = new W(), Qe = new I(), Je = new I();
 class $s {
   /**
    * Constructs a new CSS2D renderer.
@@ -2462,54 +2461,54 @@ class $s {
         height: i
       };
     }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Xe.copy(g.matrixWorldInverse), qe.multiplyMatrices(g.projectionMatrix, Xe), m(u, u, g), this.sortObjects && _(u);
+      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Xe.copy(g.matrixWorldInverse), qe.multiplyMatrices(g.projectionMatrix, Xe), m(u, u, g), this.sortObjects && f(u);
     }, this.setSize = function(u, g) {
       s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
     };
     function h(u) {
       u.isCSS2DObject && (u.element.style.display = "none");
-      for (let g = 0, y = u.children.length; g < y; g++)
+      for (let g = 0, v = u.children.length; g < v; g++)
         h(u.children[g]);
     }
-    function m(u, g, y) {
+    function m(u, g, v) {
       if (u.visible === !1) {
         h(u);
         return;
       }
       if (u.isCSS2DObject) {
         q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(qe);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(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 = {
-          distanceToCameraSquared: p(y, u)
+        const l = q.z >= -1 && q.z <= 1 && u.layers.test(v.layers) === !0, _ = u.element;
+        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, v), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, v));
+        const C = {
+          distanceToCameraSquared: p(v, u)
         };
-        n.objects.set(u, O);
+        n.objects.set(u, C);
       }
-      for (let l = 0, f = u.children.length; l < f; l++)
-        m(u.children[l], g, y);
+      for (let l = 0, _ = u.children.length; l < _; l++)
+        m(u.children[l], g, v);
     }
     function p(u, g) {
       return Qe.setFromMatrixPosition(u.matrixWorld), Je.setFromMatrixPosition(g.matrixWorld), Qe.distanceToSquared(Je);
     }
-    function v(u) {
+    function y(u) {
       const g = [];
-      return u.traverseVisible(function(y) {
-        y.isCSS2DObject && g.push(y);
+      return u.traverseVisible(function(v) {
+        v.isCSS2DObject && g.push(v);
       }), 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;
-      }), y = g.length;
-      for (let l = 0, f = g.length; l < f; l++)
-        g[l].element.style.zIndex = y - l;
+    function f(u) {
+      const g = y(u).sort(function(l, _) {
+        if (l.renderOrder !== _.renderOrder)
+          return _.renderOrder - l.renderOrder;
+        const C = n.objects.get(l).distanceToCameraSquared, O = n.objects.get(_).distanceToCameraSquared;
+        return C - O;
+      }), v = g.length;
+      for (let l = 0, _ = g.length; l < _; l++)
+        g[l].element.style.zIndex = v - l;
     }
   }
 }
-const et = new j(), Gs = new lt(), tt = new j(), I = new W(), Xs = new W();
+const et = new I(), Gs = new at(), tt = new I(), N = new W(), Xs = new W();
 class qs {
   /**
    * Constructs a new CSS3D renderer.
@@ -2532,54 +2531,54 @@ class qs {
         width: s,
         height: i
       };
-    }, this.render = function(y, l) {
-      const f = 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)";
-      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";
+    }, this.render = function(v, l) {
+      const _ = l.projectionMatrix.elements[5] * o;
+      l.view && l.view.enabled ? (h.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, h.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : h.style.transform = "", v.matrixWorldAutoUpdate === !0 && v.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
+      let C, O;
+      l.isOrthographicCamera && (C = -(l.right + l.left) / 2, O = (l.top + l.bottom) / 2);
+      const b = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${b} )scale(` + _ + ")translate(" + p(C) + "px," + p(O) + "px)" + y(l.matrixWorldInverse) : `scale( ${b} )translateZ(` + _ + "px)" + y(l.matrixWorldInverse), D = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== D && (m.style.transform = D, n.camera.style = D), g(v, v, l);
+    }, this.setSize = function(v, l) {
+      s = v, i = l, r = s / 2, o = i / 2, a.style.width = v + "px", a.style.height = l + "px", h.style.width = v + "px", h.style.height = l + "px", m.style.width = v + "px", m.style.height = l + "px";
     };
-    function p(y) {
-      return Math.abs(y) < 1e-10 ? 0 : y;
+    function p(v) {
+      return Math.abs(v) < 1e-10 ? 0 : v;
     }
-    function v(y) {
-      const l = y.elements;
+    function y(v) {
+      const l = v.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) {
-      const l = y.elements;
+    function f(v) {
+      const l = v.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++)
-        u(y.children[l]);
+    function u(v) {
+      v.isCSS3DObject && (v.element.style.display = "none");
+      for (let l = 0, _ = v.children.length; l < _; l++)
+        u(v.children[l]);
     }
-    function g(y, l, f, O) {
-      if (y.visible === !1) {
-        u(y);
+    function g(v, l, _, C) {
+      if (v.visible === !1) {
+        u(v);
         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);
+      if (v.isCSS3DObject) {
+        const O = v.layers.test(_.layers) === !0, b = v.element;
+        if (b.style.display = O === !0 ? "" : "none", O === !0) {
+          v.onBeforeRender(t, l, _);
           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;
-            const R = { style: E };
-            n.objects.set(y, R);
+          v.isCSS3DSprite ? (N.copy(_.matrixWorldInverse), N.transpose(), v.rotation2D !== 0 && N.multiply(Xs.makeRotationZ(v.rotation2D)), v.matrixWorld.decompose(et, Gs, tt), N.setPosition(et), N.scale(tt), N.elements[3] = 0, N.elements[7] = 0, N.elements[11] = 0, N.elements[15] = 1, E = f(N)) : E = f(v.matrixWorld);
+          const x = n.objects.get(v);
+          if (x === void 0 || x.style !== E) {
+            b.style.transform = E;
+            const D = { style: E };
+            n.objects.set(v, D);
           }
-          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, f);
+          b.parentNode !== m && m.appendChild(b), v.onAfterRender(t, l, _);
         }
       }
-      for (let C = 0, w = y.children.length; C < w; C++)
-        g(y.children[C], l, f);
+      for (let O = 0, b = v.children.length; O < b; O++)
+        g(v.children[O], l, _);
     }
   }
 }
@@ -2616,7 +2615,7 @@ class Js {
     let i = this.helpers[t];
     if (i === void 0) {
       if (e.isScene)
-        i = new De(100);
+        i = new Ue(100);
       else if (e.isCamera)
         i = new $t(e);
       else if (e.isPointLight)
@@ -2628,13 +2627,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 ke(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 +2641,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 +2663,7 @@ class Js {
   }
   removeAllExcludeScene() {
     Object.keys(this.helpers).forEach((e) => {
-      this.helpers[e] instanceof De || this.remove({
+      this.helpers[e] instanceof Ue || this.remove({
         uuid: e
       });
     });
@@ -2673,9 +2672,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 ke) {
+        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,9 +2693,9 @@ 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);
     }));
@@ -2706,43 +2707,46 @@ class ei {
     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) => {
-      var v;
+    const t = /* @__PURE__ */ new Set(["move", "enter", "leave", "enterOnStop"]), s = /* @__PURE__ */ new Set(["down", "downOutside", "click"]), i = (r) => {
+      var y;
       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(U({}, 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 = (y = this.pencil.pick(r, h, !1)) == null ? void 0 : y.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 }
     );
   }
@@ -2799,10 +2803,10 @@ class ei {
               });
           const m = a.get("click");
           if (m) {
-            const p = (v) => {
-              v.preventDefault();
-              const _ = 5;
-              if (!r && Math.abs(v.clientX - e.clientX) <= _ && Math.abs(v.clientY - e.clientY) <= _)
+            const p = (y) => {
+              y.preventDefault();
+              const f = 5;
+              if (!r && Math.abs(y.clientX - e.clientX) <= f && Math.abs(y.clientY - e.clientY) <= f)
                 for (const u of m)
                   u({
                     baseObject: n,
@@ -2840,18 +2844,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 +2958,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 +2975,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 {
   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,
@@ -2911,7 +3002,9 @@ class ti extends ei {
   createBaseObject(e, t = {}) {
     const s = U({
       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 +3047,12 @@ class ti extends ei {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var p, v, _;
+      var p, y, 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 = (y = t.prefab) != null ? y : !1, a = (f = t.create) != null ? f : !0, h = new i().create(t);
       let m;
       if (r === null)
         m = null;
@@ -2993,7 +3086,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);
@@ -3097,12 +3190,12 @@ class si extends ee {
     });
   }
 }
-class ii extends pt {
+class ii extends dt {
   constructor(e) {
     super(e);
   }
   load(e, t, s, i) {
-    const r = new Se(this.manager);
+    const r = new Ae(this.manager);
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
@@ -3118,7 +3211,7 @@ class ii extends pt {
     );
   }
 }
-class rt extends pt {
+class it extends dt {
   constructor(e) {
     super(e), this.options = { type: "image" };
   }
@@ -3128,21 +3221,21 @@ 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 Ae(this.manager);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
       (a) => {
         let h = a;
         const m = e.split(".").pop(), p = this.options.type === "image" ? `image/${m || "png"}` : `video/${m || "mp4"}`;
         h = h.slice(0, a.size, p);
-        const v = () => {
-          o.removeEventListener("load", _, !1), o.removeEventListener("error", u, !1);
-        }, _ = () => {
-          v(), r.needsUpdate = !0, t && t(r);
-        }, u = (y) => {
-          v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
+        const y = () => {
+          o.removeEventListener("load", f, !1), o.removeEventListener("error", u, !1);
+        }, f = () => {
+          y(), r.needsUpdate = !0, t && t(r);
+        }, u = (v) => {
+          y(), i && i(v), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        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;
       },
@@ -3162,7 +3255,7 @@ const ri = {
 };
 class oi {
   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 ve.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
       prefix: ""
     }, e), this.loadingManager = new ts(
@@ -3209,19 +3302,19 @@ class oi {
   }
   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 je(this.loadingManager), this.dracoLoader = new vs(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
     if (e === "gltf")
-      return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
+      return this.gltfLoader || (this.gltfLoader = new je(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;
     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 Ae(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
     if (e === "exr")
       return this.exrLoader || (this.exrLoader = new ys(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
   }
@@ -3259,7 +3352,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);
@@ -3420,7 +3513,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) {
@@ -3443,8 +3536,8 @@ class li {
           if (typeof h == "string" && !Number.isNaN(Number(h))) {
             const p = Number(h);
             if (p >= 0 && p < a.length) {
-              const v = a[p];
-              return this.rmBaseObjectMap(e, v), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
+              const y = a[p];
+              return this.rmBaseObjectMap(e, y), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
             }
           }
           return a[h] = m, !0;
@@ -3557,7 +3650,7 @@ 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();
   }
 }
@@ -3584,7 +3677,7 @@ const ci = {
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: Os.sRGB,
+  outputColorSpace: Es.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
@@ -3601,16 +3694,16 @@ class di {
       toneMappingExposure: h,
       outputColorSpace: m,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: v,
-      stencil: _,
+      preserveDrawingBuffer: y,
+      stencil: f,
       depth: u
     } = i, g = new is({
       alpha: r,
       antialias: n,
       powerPreference: a,
       logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: v,
-      stencil: _,
+      preserveDrawingBuffer: y,
+      stencil: f,
       depth: u
     });
     g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = h, g.outputColorSpace = m, this.renderer = g;
@@ -3645,12 +3738,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();
     });
   }
@@ -3662,8 +3755,8 @@ class mi extends ee {
 }
 class ui {
   constructor(e) {
-    this.event = new ye.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new Ts(
+    this.event = new ve.EventEmitter();
+    const { renderer: t, scene: s, camera: i } = e, r = new bs(
       i,
       t.domElement
     );
@@ -3755,8 +3848,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 ve.EventEmitter(), this.timer = new ns(), this.userData = {}, this.pageActiveIndex = 0, this.pages = new Et(), this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this._isDispose = !1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Rt(_e.options, e, {
+      isMergeableObject: Ts
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3805,7 +3898,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 +3907,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 +3925,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,
@@ -3855,12 +3948,12 @@ const _e = class _e {
       })
     });
     this.rendererController = m;
-    const p = new Ds({
+    const p = new Rs({
       width: a,
       height: h
-    }), v = new mi({}), _ = new Ks({
+    }), y = new mi({}), 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({
@@ -3868,21 +3961,21 @@ const _e = class _e {
       }, n)
     }), g = new hi({
       pencil: this
-    }), y = new si({
+    }), v = new si({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = p, this.controlsController = _, this.loaderController = u, this.mListController = g, this.leadController = y;
+    this.sceneController = y, this.cameraController = p, this.controlsController = f, this.loaderController = u, this.mListController = g, this.leadController = v;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
     if (this.showPage(l), s) {
-      const O = new Js({
+      const C = new Js({
         container: e,
-        sceneController: v,
+        sceneController: y,
         cameraController: p
       });
-      O.add(v.scene), this.helperController = O, i && O.addViewHelper();
+      C.add(y.scene), this.helperController = C, i && C.addViewHelper();
     }
     e.appendChild(m.renderer.domElement);
   }
@@ -4004,7 +4097,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 +4146,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 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;
+    var e, t, s, i, r, o, n, a, h, m, p, y, f, u;
+    this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Oe.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
+      var v;
+      (v = g.dispose) == null || v.call(g);
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (y = this.mListController) == null || y.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (f = this.stats) == null || f.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
   }
 };
 _e.options = {
@@ -4080,12 +4173,12 @@ _e.options = {
   css3DRenderer: !1,
   css3DRendererParams: U({}, st)
 };
-let ot = _e;
+let rt = _e;
 const Xi = J.ACTION;
 export {
-  as as BaseObject,
-  ot as Pencil,
-  Pe as ResourceTracker,
+  ls as BaseObject,
+  rt as Pencil,
+  Se as ResourceTracker,
   Xi as cameraControlsAction,
-  ot as default
+  rt as default
 };