gl-draw 0.16.0-beta.26 → 0.16.0-beta.27

package/dist/index.module.js

@@ -1,15 +1,15 @@
-var St = Object.defineProperty, At = Object.defineProperties;
-var Mt = Object.getOwnPropertyDescriptors;
+var Pt = Object.defineProperty, St = Object.defineProperties;
+var At = Object.getOwnPropertyDescriptors;
 var Me = Object.getOwnPropertySymbols;
-var Rt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var Re = (c, e, t) => e in c ? St(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, U = (c, e) => {
+var Mt = Object.prototype.hasOwnProperty, Rt = Object.prototype.propertyIsEnumerable;
+var 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 = {}))
-    Rt.call(e, t) && Re(c, t, e[t]);
+    Mt.call(e, t) && Re(c, t, e[t]);
   if (Me)
     for (var t of Me(e))
-      Dt.call(e, t) && Re(c, t, e[t]);
+      Rt.call(e, t) && Re(c, t, e[t]);
   return c;
-}, te = (c, e) => At(c, Mt(e));
+}, te = (c, e) => St(c, At(e));
 var se = (c, e, t) => new Promise((s, i) => {
   var r = (a) => {
     try {
@@ -27,14 +27,14 @@ var se = (c, e, t) => new Promise((s, i) => {
   n((t = t.apply(c, e)).next());
 });
 import * as Ce from "@tweenjs/tween.js";
-import Ut from "deepmerge";
-import kt from "stats-gl";
-import { Vector3 as j, PerspectiveCamera as zt, Matrix4 as W, ShaderMaterial as Ft, UniformsUtils as Nt, RawShaderMaterial as It, MeshBasicMaterial as jt, PointsMaterial as at, SpriteMaterial as lt, Color as Ht, Layers as Bt, Vector2 as B, WebGLRenderTarget as Vt, HalfFloatType as Yt, MathUtils as Zt, Vector4 as Wt, Quaternion as ht, Spherical as Kt, Box3 as ct, Sphere as $t, Raycaster as dt, AxesHelper as De, CameraHelper as Gt, PointLightHelper as Xt, DirectionalLightHelper as qt, SpotLightHelper as Qt, HemisphereLightHelper as Jt, Box3Helper as Ue, Scene as pt, Group as ke, Camera as es, Loader as mt, FileLoader as Se, Texture as ue, VideoTexture as ts, LoadingManager as ss, DataTexture as is, WebGLRenderer as rs, REVISION as os, Object3D as ns, Timer as as } from "three";
-import { M as ft, B as Oe, a as ls, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
-import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as hs } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as cs } from "three/examples/jsm/postprocessing/SSAOPass";
-import { UnrealBloomPass as ds } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import Dt from "deepmerge";
+import Ut from "stats-gl";
+import { Vector3 as H, PerspectiveCamera as zt, Matrix4 as W, ShaderMaterial as kt, UniformsUtils as Ft, RawShaderMaterial as Nt, MeshBasicMaterial as It, PointsMaterial as nt, SpriteMaterial as at, Color as Ht, Layers as jt, 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 ze, Camera as Jt, Loader as pt, FileLoader as Se, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
+import { M as mt, B as Oe, a as as, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
+import { EffectComposer as ke } 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 "three/examples/jsm/lines/LineMaterial";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/renderers/CSS2DRenderer";
@@ -45,15 +45,15 @@ 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 ps } from "three/examples/jsm/postprocessing/ShaderPass";
-import { OutputPass as ms } from "three/examples/jsm/postprocessing/OutputPass";
+import { ShaderPass as ds } from "three/examples/jsm/postprocessing/ShaderPass";
+import { OutputPass as ps } from "three/examples/jsm/postprocessing/OutputPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { RectAreaLightHelper as fs } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { RectAreaLightHelper as ms } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as us } from "three/examples/jsm/helpers/ViewHelper";
-import { generateUUID as Ne, makePromiseCreator as _s } from "esus-lite";
+import { generateUUID as fs, makePromiseCreator as _s } from "esus-lite";
 import { DRACOLoader as gs } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
-import { GLTFLoader as Ie } from "three/examples/jsm/loaders/GLTFLoader";
+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";
@@ -91,11 +91,11 @@ const M = {
 function Y(c) {
   return c.isPerspectiveCamera;
 }
-function H(c) {
+function j(c) {
   return c.isOrthographicCamera;
 }
-const $ = Math.PI * 2, je = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
-function z(c, e, t) {
+const $ = Math.PI * 2, Ie = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
+function k(c, e, t) {
   return Math.max(e, Math.min(t, c));
 }
 function A(c, e = ut) {
@@ -118,26 +118,26 @@ function ce(c, e, t, s, i = 1 / 0, r) {
   const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
   let h = c - e;
   const m = e, p = i * s;
-  h = z(h, -p, p), e = c - h;
+  h = k(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), _;
 }
-function Be(c, e, t, s, i = 1 / 0, r, o) {
+function je(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, f = c.y - p, g = c.z - v;
-  const y = m, l = p, u = v, O = i * s, C = O * O, w = _ * _ + f * f + g * g;
+  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, f = f / ve * O, g = g / ve * O;
+    _ = _ / ve * O, u = u / ve * O, g = g / ve * O;
   }
-  m = c.x - _, p = c.y - f, v = c.z - g;
-  const E = (t.x + n * _) * r, x = (t.y + n * f) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * h, t.y = (t.y - n * x) * h, t.z = (t.z - n * R) * h, o.x = m + (_ + E) * h, o.y = p + (f + x) * h, o.z = v + (g + R) * h;
-  const V = y - c.x, le = l - c.y, bt = u - c.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - u;
-  return V * xt + le * Lt + bt * Pt > 0 && (o.x = y, o.y = l, o.z = u, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - u) / r), 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;
 }
 function Ee(c, e) {
   e.set(0, 0), c.forEach((t) => {
@@ -145,7 +145,7 @@ function Ee(c, e) {
   }), e.x /= c.length, e.y /= c.length;
 }
 function Te(c, e) {
-  return H(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+  return j(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class ws {
   constructor() {
@@ -211,11 +211,11 @@ class ws {
     }
   }
 }
-const de = 1 / 8, bs = /Mac/.test(navigator.platform);
-let T, Ve, pe, we, D, b, L, G, ne, F, N, Z, Ye, Ze, k, ae, X, We, be, Ke, xe, Le, me;
+const de = 1 / 8, xs = /Mac/.test(navigator.platform);
+let T, Be, pe, we, D, x, L, G, ne, F, N, Z, Ve, Ye, z, ae, X, Ze, xe, We, be, Le, me;
 class J extends ws {
   static install(e) {
-    T = e.THREE, Ve = 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(), b = 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(), Ye = new T.Vector3(), Ze = new T.Vector3(), k = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ke = new T.Quaternion(), xe = 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)), 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(), z = 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();
   }
   /**
    * list all ACTIONs
@@ -243,14 +243,14 @@ 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, u, O, C) => {
+    }, 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;
       if (Y(this._camera)) {
-        const x = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
-        w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * u * V / this._elementRect.height;
-      } else if (H(this._camera)) {
-        const x = this._camera;
-        w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * u * (x.top - x.bottom) / x.zoom / this._elementRect.height;
+        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;
+      } else if (j(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;
       } else
         return;
       C ? (O ? this.setFocalOffset(
@@ -264,26 +264,26 @@ class J extends ws {
         this._focalOffsetEnd.z,
         !0
       ) : this.truck(w, E, !0);
-    }, this._rotateInternal = (l, u) => {
-      const O = $ * this.azimuthRotateSpeed * l / this._elementRect.height, C = $ * this.polarRotateSpeed * u / this._elementRect.height;
+    }, 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, u, O) => {
-      const C = Math.pow(0.95, -l * this.dollySpeed), w = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, x = z(
+    }, this._dollyInternal = (l, f, O) => {
+      const C = Math.pow(0.95, -l * this.dollySpeed), w = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, b = k(
         E,
         this.minDistance,
         this.maxDistance
-      ), R = x - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - w, this._dollyControlCoord.set(u, O)), this._lastDollyDirection = Math.sign(-l);
-    }, this._zoomInternal = (l, u, O) => {
+      ), 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(u, O));
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - w, this._dollyControlCoord.set(f, O));
     }, 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(
-      b.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
+      x.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(),
@@ -296,10 +296,10 @@ class J extends ws {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
+      wheel: Y(this._camera) ? d.DOLLY : j(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
       one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : j(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
       three: d.TOUCH_TRUCK
     };
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
@@ -309,9 +309,9 @@ class J extends ws {
         if (w < this._interactiveArea.left || w > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
-      const u = 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 (u !== null) {
-        const C = this._findPointerByMouseButton(u);
+      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);
       }
       if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
@@ -322,7 +322,7 @@ class J extends ws {
         clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: u
+        mouseButton: f
       };
       this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -338,7 +338,7 @@ class J extends ws {
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
     }, n = (l) => {
       l.cancelable && l.preventDefault();
-      const u = l.pointerId, O = this._lockedPointer || this._findPointerById(u);
+      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")
           switch (this._activePointers.length) {
@@ -357,9 +357,9 @@ class J extends ws {
         _();
       }
     }, a = (l) => {
-      const u = this._findPointerById(l.pointerId);
-      if (!(u && u === this._lockedPointer)) {
-        if (u && this._disposePointer(u), l.pointerType === "touch")
+      const f = this._findPointerById(l.pointerId);
+      if (!(f && f === this._lockedPointer)) {
+        if (f && this._disposePointer(f), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = d.NONE;
@@ -376,22 +376,22 @@ class J extends ws {
           }
         else
           this._state = d.NONE;
-        f();
+        u();
       }
     };
     let h = -1;
     const m = (l) => {
       if (!this._domElement || !this._enabled || this.mouseButtons.wheel === d.NONE) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
-        if (x < this._interactiveArea.left || x > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
+        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)
           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 u = bs ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / u : l.deltaY / (u * 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 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;
       switch (this.mouseButtons.wheel) {
         case d.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
@@ -422,7 +422,7 @@ class J extends ws {
     }, p = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const u = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(u);
+          const f = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(f);
           O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
@@ -440,8 +440,8 @@ class J extends ws {
       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, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
-        i.set(E, x);
+        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 (this._state = 0, !l)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
@@ -463,27 +463,27 @@ class J extends ws {
     }, _ = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
-      const u = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = u ? -u.deltaX : i.x - D.x, C = u ? -u.deltaY : i.y - D.y;
+      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, x = this.dollyDragInverted ? -1 : 1;
+        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._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
-          x * C * de,
+          b * C * de,
           w,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          x * C * de,
+          b * C * de,
           w,
           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, x = Math.sqrt(w * w + E * E), R = r.y - x;
-        r.set(0, x);
+        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 V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
         (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, f = () => {
+    }, 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(
         "pointermove",
         n,
@@ -520,8 +520,8 @@ class J extends ws {
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var l, u, O;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (u = this._domElement) === null || u === void 0 || u.ownerDocument.removeEventListener(
+      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(
         "pointerlockchange",
         g
       ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
@@ -556,7 +556,7 @@ class J extends ws {
         y
       ));
     }, this.cancel = () => {
-      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, f());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -646,11 +646,11 @@ class J extends ws {
    * @category Properties
    */
   set interactiveArea(e) {
-    this._interactiveArea.width = z(e.width, 0, 1), this._interactiveArea.height = z(e.height, 0, 1), this._interactiveArea.x = z(
+    this._interactiveArea.width = k(e.width, 0, 1), this._interactiveArea.height = k(e.height, 0, 1), this._interactiveArea.x = k(
       e.x,
       0,
       1 - this._interactiveArea.width
-    ), this._interactiveArea.y = z(
+    ), this._interactiveArea.y = k(
       e.y,
       0,
       1 - this._interactiveArea.height
@@ -788,11 +788,11 @@ class J extends ws {
    */
   rotateTo(e, t, s = !1) {
     this._isUserControllingRotate = !1;
-    const i = z(
+    const i = k(
       e,
       this.minAzimuthAngle,
       this.maxAzimuthAngle
-    ), r = z(t, this.minPolarAngle, this.maxPolarAngle);
+    ), r = k(t, this.minPolarAngle, this.maxPolarAngle);
     this._sphericalEnd.theta = i, this._sphericalEnd.phi = r, this._sphericalEnd.makeSafe(), this._needsUpdate = !0, s || (this._spherical.theta = this._sphericalEnd.theta, this._spherical.phi = this._sphericalEnd.phi);
     const o = !s || P(
       this._spherical.theta,
@@ -822,7 +822,7 @@ class J extends ws {
    */
   dollyTo(e, t = !1) {
     return this._isUserControllingDolly = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0, this._dollyToNoClamp(
-      z(e, this.minDistance, this.maxDistance),
+      k(e, this.minDistance, this.maxDistance),
       t
     );
   }
@@ -880,7 +880,7 @@ class J extends ws {
    * @category Methods
    */
   zoomTo(e, t = !1) {
-    this._isUserControllingZoom = !1, this._zoomEnd = z(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
+    this._isUserControllingZoom = !1, this._zoomEnd = k(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
     const s = !t || P(this._zoom, this._zoomEnd, this.restThreshold);
     return this._changedZoom = 0, this._createOnRestPromise(s);
   }
@@ -900,7 +900,7 @@ class J extends ws {
    */
   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 = b.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
+    const i = x.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
     return this.moveTo(r.x, r.y, r.z, s);
   }
   /**
@@ -910,8 +910,8 @@ class J extends ws {
    * @category Methods
    */
   forward(e, t = !1) {
-    b.setFromMatrixColumn(this._camera.matrix, 0), b.crossVectors(this._camera.up, b), b.multiplyScalar(e);
-    const s = L.copy(this._targetEnd).add(b);
+    x.setFromMatrixColumn(this._camera.matrix, 0), x.crossVectors(this._camera.up, x), x.multiplyScalar(e);
+    const s = L.copy(this._targetEnd).add(x);
     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 b.copy(this._camera.up).multiplyScalar(e), this.moveTo(
-      this._targetEnd.x + b.x,
-      this._targetEnd.y + b.y,
-      this._targetEnd.z + b.z,
+    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,
       t
     );
   }
@@ -938,7 +938,7 @@ class J extends ws {
    */
   moveTo(e, t, s, i = !1) {
     this._isUserControllingTruck = !1;
-    const r = b.set(e, t, s).sub(this._targetEnd);
+    const r = x.set(e, t, s).sub(this._targetEnd);
     this._encloseToBoundary(this._targetEnd, r, this.boundaryFriction), this._needsUpdate = !0, i || this._target.copy(this._targetEnd);
     const o = !i || 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 = b.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const n = x.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
       n.x,
       n.y,
@@ -985,15 +985,15 @@ class J extends ws {
     h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const m = He(this._sphericalEnd.theta, je), p = He(this._sphericalEnd.phi, je);
+    const m = He(this._sphericalEnd.theta, Ie), p = He(this._sphericalEnd.phi, Ie);
     a.push(this.rotateTo(m, p, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), _ = Ke.setFromUnitVectors(v, we), f = P(Math.abs(v.y), 1);
-    f && _.multiply(xe.setFromAxisAngle(pe, m)), _.multiply(this._yAxisUpSpaceInverse);
-    const g = We.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), f && _.premultiply(xe.invert()), _.premultiply(this._yAxisUpSpace);
-    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(_);
+    const v = x.setFromSpherical(this._sphericalEnd).normalize(), _ = We.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
+    u && _.multiply(be.setFromAxisAngle(pe, m)), _.multiply(this._yAxisUpSpaceInverse);
+    const g = Ze.makeEmpty();
+    L.copy(h.min).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).applyQuaternion(_), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, _.setFromUnitVectors(we, v), u && _.premultiply(be.invert()), _.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(x), l = g.getCenter(L).applyQuaternion(_);
     if (Y(this._camera)) {
-      const u = this.getDistanceToFitBox(
+      const f = this.getDistanceToFitBox(
         y.x,
         y.y,
         y.z,
@@ -1001,9 +1001,9 @@ class J extends ws {
       );
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
-      ), a.push(this.dollyTo(u, t)), a.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (H(this._camera)) {
-      const u = this._camera, O = u.right - u.left, C = u.top - u.bottom, w = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.y);
+      ), a.push(this.dollyTo(f, t)), a.push(this.setFocalOffset(0, 0, 0, t));
+    } else if (j(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);
       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));
@@ -1017,7 +1017,7 @@ class J extends ws {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, be) : be.copy(e);
+    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, xe) : xe.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1028,7 +1028,7 @@ class J extends ws {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (H(this._camera)) {
+    } else if (j(this._camera)) {
       const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, h = Math.min(o / a, n / a);
       s.push(this.zoomTo(h, t));
     }
@@ -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 = b.set(e, t, s);
+    const a = L.set(i, r, o), h = x.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,23 +1084,23 @@ class J extends ws {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, v, _, f = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, v, _, u = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const g = b.set(i, r, o), y = L.set(e, t, s);
-    k.setFromVector3(
+    const g = x.set(i, r, o), y = L.set(e, t, s);
+    z.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(m, p, v), u = L.set(n, a, h);
+    const l = G.set(m, p, v), f = L.set(n, a, h);
     ae.setFromVector3(
-      u.sub(l).applyQuaternion(this._yAxisUpSpace)
+      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;
+    const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
     this._sphericalEnd.set(
-      k.radius + w * _,
-      k.phi + C * _,
-      k.theta + O * _
-    ), this.normalizeRotations(), this._needsUpdate = !0, f || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const E = !f || 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(
+      z.radius + w * _,
+      z.phi + C * _,
+      z.theta + O * _
+    ), 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,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1145,7 +1145,7 @@ class J extends ws {
    * @category Methods
    */
   setTarget(e, t, s, i = !1) {
-    const r = this.getPosition(b), o = this.setLookAt(
+    const r = this.getPosition(x), o = this.setLookAt(
       r.x,
       r.y,
       r.z,
@@ -1154,7 +1154,7 @@ class J extends ws {
       s,
       i
     );
-    return this._sphericalEnd.phi = z(
+    return this._sphericalEnd.phi = k(
       this._sphericalEnd.phi,
       this.minPolarAngle,
       this.maxPolarAngle
@@ -1195,8 +1195,8 @@ class J extends ws {
    */
   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 = b.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), b.copy(F).add(N).add(Z), b.z = b.z + r, this.dollyTo(r, !1), this.setFocalOffset(-b.x, b.y, -b.z, !1), this.moveTo(e, t, s, !1);
+    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);
   }
   /**
    * 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(b);
+      const s = this.getPosition(x);
       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 = b.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
+    const e = x.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
     this._camera.up.crossVectors(t, e).normalize(), this._camera.updateMatrixWorld();
-    const s = this.getPosition(b);
+    const s = this.getPosition(x);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
   }
   /**
@@ -1368,7 +1368,7 @@ class J extends ws {
    * @category Methods
    */
   update(e) {
-    const t = this._sphericalEnd.theta - this._spherical.theta, s = this._sphericalEnd.phi - this._spherical.phi, i = this._sphericalEnd.radius - this._spherical.radius, r = Ye.subVectors(this._targetEnd, this._target), o = Ze.subVectors(
+    const t = this._sphericalEnd.theta - this._spherical.theta, s = this._sphericalEnd.phi - this._spherical.phi, i = this._sphericalEnd.radius - this._spherical.radius, r = Ve.subVectors(this._targetEnd, this._target), o = Ye.subVectors(
       this._focalOffsetEnd,
       this._focalOffset
     ), n = this._zoomEnd - this._zoom;
@@ -1415,7 +1415,7 @@ class J extends ws {
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
       const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
-      Be(
+      je(
         this._target,
         this._targetEnd,
         this._targetVelocity,
@@ -1429,7 +1429,7 @@ class J extends ws {
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
       const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
-      Be(
+      je(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
@@ -1454,41 +1454,41 @@ class J extends ws {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, v = this._camera, _ = this._getCameraDirection(ne), f = b.copy(_).cross(v.up).normalize();
-        f.lengthSq() === 0 && (f.x = 1);
-        const g = L.crossVectors(f, _), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), u = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
-          f.multiplyScalar(
+        const p = this._spherical.radius - this._lastDistance, v = this._camera, _ = this._getCameraDirection(ne), u = x.copy(_).cross(v.up).normalize();
+        u.lengthSq() === 0 && (u.x = 1);
+        const g = L.crossVectors(u, _), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), f = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
+          u.multiplyScalar(
             this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
           g.multiplyScalar(this._dollyControlCoord.y * y)
-        ), C = b.copy(this._targetEnd).lerp(O, u), w = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
+        ), 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)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
           const R = L.copy(_).multiplyScalar(-p);
           C.add(R);
         }
         this._boundary.clampPoint(C, C);
-        const x = L.subVectors(C, this._targetEnd);
-        this._targetEnd.copy(C), 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, _ = b.set(
+        const b = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(b), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
+      } else if (j(this._camera) && this._changedZoom !== 0) {
+        const p = this._zoom - this._lastZoom, v = this._camera, _ = x.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), f = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(_).add(f.multiplyScalar(-_.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, u = this._getCameraDirection(ne), O = this._targetEnd.dot(u), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(u), E = u.multiplyScalar(
+        ).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
         );
         C.sub(E), this._boundary.clampPoint(C, C);
-        const x = L.subVectors(C, this._targetEnd);
-        this._targetEnd.copy(C), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        const b = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(b), 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), b.copy(F).add(N).add(Z), this._camera.position.add(b), 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), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), x.copy(F).add(N).add(Z), this._camera.position.add(x), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
-      b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
+      x.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: b.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
+      position: x.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
       zoom: this._zoomEnd,
       focalOffset: this._focalOffsetEnd.toArray(),
       target0: this._target0.toArray(),
@@ -1532,9 +1532,9 @@ 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(
-      b.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(
+    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
+      x.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
+    ), this.rotateTo(z.theta, z.phi, t), this.dollyTo(z.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
       s.focalOffset[2],
@@ -1606,7 +1606,7 @@ class J extends ws {
     if (Y(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
-    } else if (H(this._camera)) {
+    } else if (j(this._camera)) {
       const e = this._camera, t = 1 / e.zoom, s = e.left * t, i = e.right * t, r = e.top * t, o = e.bottom * t;
       this._nearPlaneCorners[0].set(s, r, 0), this._nearPlaneCorners[1].set(i, r, 0), this._nearPlaneCorners[2].set(i, o, 0), this._nearPlaneCorners[3].set(s, o, 0);
     }
@@ -1617,7 +1617,7 @@ class J extends ws {
     if (!(this.colliderMeshes.length >= 1) || Te(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ne);
-    Le.lookAt(Ve, s, this._camera.up);
+    Le.lookAt(Be, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
       r.applyMatrix4(Le);
@@ -1703,22 +1703,22 @@ class J extends ws {
       a.applyMatrix4(n.matrixWorld);
       const m = a.attributes.position;
       for (let p = 0, v = m.count; p < v; p++)
-        b.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(b));
+        x.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(x));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Ae = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, $e = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
+var Ae = { 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);
-}, fe;
-Q && typeof Q.ownKeys == "function" ? fe = Q.ownKeys : Object.getOwnPropertySymbols ? fe = function(e) {
+}, ue;
+Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
   return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e));
-} : fe = function(e) {
+} : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function xs(c) {
+function bs(c) {
   console && console.warn && console.warn(c);
 }
-var _t = Number.isNaN || function(e) {
+var ft = Number.isNaN || function(e) {
   return e !== e;
 };
 function S() {
@@ -1730,7 +1730,7 @@ S.EventEmitter = S;
 S.prototype._events = void 0;
 S.prototype._eventsCount = 0;
 S.prototype._maxListeners = void 0;
-var Ge = 10;
+var $e = 10;
 function ge(c) {
   if (typeof c != "function")
     throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof c);
@@ -1738,27 +1738,27 @@ function ge(c) {
 Object.defineProperty(S, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return Ge;
+    return $e;
   },
   set: function(c) {
-    if (typeof c != "number" || c < 0 || _t(c))
+    if (typeof c != "number" || c < 0 || ft(c))
       throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + c + ".");
-    Ge = c;
+    $e = c;
   }
 });
 S.init = function() {
   (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
 };
 S.prototype.setMaxListeners = function(e) {
-  if (typeof e != "number" || e < 0 || _t(e))
+  if (typeof e != "number" || e < 0 || ft(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 gt(c) {
+function _t(c) {
   return c._maxListeners === void 0 ? S.defaultMaxListeners : c._maxListeners;
 }
 S.prototype.getMaxListeners = function() {
-  return gt(this);
+  return _t(this);
 };
 S.prototype.emit = function(e) {
   for (var t = [], s = 1; s < arguments.length; s++) t.push(arguments[s]);
@@ -1778,13 +1778,13 @@ S.prototype.emit = function(e) {
   if (a === void 0)
     return !1;
   if (typeof a == "function")
-    $e(a, this, t);
+    Ke(a, this, t);
   else
-    for (var h = a.length, m = Et(a, h), s = 0; s < h; ++s)
-      $e(m[s], this, t);
+    for (var h = a.length, m = Ot(a, h), s = 0; s < h; ++s)
+      Ke(m[s], this, t);
   return !0;
 };
-function yt(c, e, t, s) {
+function gt(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 yt(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 = gt(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 = _t(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, xs(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = c, n.type = e, n.count = o.length, bs(n);
   }
   return c;
 }
 S.prototype.addListener = function(e, t) {
-  return yt(this, e, t, !1);
+  return gt(this, e, t, !1);
 };
 S.prototype.on = S.prototype.addListener;
 S.prototype.prependListener = function(e, t) {
-  return yt(this, e, t, !0);
+  return gt(this, e, t, !0);
 };
 function Ls() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function vt(c, e, t) {
+function yt(c, e, t) {
   var s = { fired: !1, wrapFn: void 0, target: c, type: e, listener: t }, i = Ls.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
 S.prototype.once = function(e, t) {
-  return ge(t), this.on(e, vt(this, e, t)), this;
+  return ge(t), this.on(e, yt(this, e, t)), this;
 };
 S.prototype.prependOnceListener = function(e, t) {
-  return ge(t), this.prependListener(e, vt(this, e, t)), this;
+  return ge(t), this.prependListener(e, yt(this, e, t)), this;
 };
 S.prototype.removeListener = function(e, t) {
   var s, i, r, o, n;
@@ -1860,24 +1860,24 @@ S.prototype.removeAllListeners = function(e) {
       this.removeListener(e, t[i]);
   return this;
 };
-function Ct(c, e, t) {
+function vt(c, e, t) {
   var s = c._events;
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ss(i) : Et(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ss(i) : Ot(i, i.length);
 }
 S.prototype.listeners = function(e) {
-  return Ct(this, e, !0);
+  return vt(this, e, !0);
 };
 S.prototype.rawListeners = function(e) {
-  return Ct(this, e, !1);
+  return vt(this, e, !1);
 };
 S.listenerCount = function(c, e) {
-  return typeof c.listenerCount == "function" ? c.listenerCount(e) : Ot.call(c, e);
+  return typeof c.listenerCount == "function" ? c.listenerCount(e) : Ct.call(c, e);
 };
-S.prototype.listenerCount = Ot;
-function Ot(c) {
+S.prototype.listenerCount = Ct;
+function Ct(c) {
   var e = this._events;
   if (e !== void 0) {
     var t = e[c];
@@ -1889,9 +1889,9 @@ function Ot(c) {
   return 0;
 }
 S.prototype.eventNames = function() {
-  return this._eventsCount > 0 ? fe(this._events) : [];
+  return this._eventsCount > 0 ? ue(this._events) : [];
 };
-function Et(c, e) {
+function Ot(c, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
     t[s] = c[s];
   return t;
@@ -1914,13 +1914,13 @@ function As(c, e) {
     function r() {
       typeof c.removeListener == "function" && c.removeListener("error", i), t([].slice.call(arguments));
     }
-    Tt(c, e, r, { once: !0 }), e !== "error" && Ms(c, i, { once: !0 });
+    Et(c, e, r, { once: !0 }), e !== "error" && Ms(c, i, { once: !0 });
   });
 }
 function Ms(c, e, t) {
-  typeof c.on == "function" && Tt(c, "error", e, t);
+  typeof c.on == "function" && Et(c, "error", e, t);
 }
-function Tt(c, e, t, s) {
+function Et(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")
@@ -1991,11 +1991,11 @@ class ee {
     }), this.removePage(0), this.controllerMap.clear(), this.event.removeAllListeners(), this.activeControllerSet.clear();
   }
 }
-const wt = {
+const Tt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new j(0, 1, 0)
+  up: new H(0, 1, 0)
 };
 class Ds extends ee {
   constructor(e) {
@@ -2004,7 +2004,7 @@ class Ds extends ee {
   get camera() {
     return this.controller;
   }
-  addPerspectiveCamera(e = wt, t) {
+  addPerspectiveCamera(e = Tt, t) {
     const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, h = new zt(s, a, r, i);
     return h.up = o, this.addController(h, t);
   }
@@ -2078,8 +2078,8 @@ class Ds extends ee {
   }
 }
 const Us = (c) => {
-  const e = new ps(
-    new Ft({
+  const e = new ds(
+    new kt({
       uniforms: {
         baseTexture: { value: null },
         bloomTexture: { value: c.renderTarget2.texture },
@@ -2113,7 +2113,7 @@ const Us = (c) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, ks = {
+}, zs = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2207,11 +2207,11 @@ const Us = (c) => {
 		}`
   )
 };
-class zs extends ms {
+class ks extends ps {
   constructor() {
     super();
-    const e = ks;
-    this.uniforms = Nt.clone(e.uniforms), this.material = new It({
+    const e = zs;
+    this.uniforms = Ft.clone(e.uniforms), this.material = new Nt({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
@@ -2219,23 +2219,23 @@ class zs extends ms {
     }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
   }
 }
-const Fs = new jt({ color: "black" }), Ns = new at({
+const Fs = new It({ color: "black" }), Ns = new nt({
   color: "black",
   sizeAttenuation: !1
-}), Is = new at({
+}), Is = new nt({
   color: "black",
   sizeAttenuation: !0
-}), js = new lt({
+}), Hs = new at({
   color: "black",
   sizeAttenuation: !0
-}), Hs = new lt({
+}), js = new at({
   color: "black",
   sizeAttenuation: !1
-}), Bs = new ft({
+}), Bs = new mt({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
-}), Xe = new Ht(0), Vs = {
+}), Ge = new Ht(0), Vs = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
@@ -2250,7 +2250,7 @@ const Fs = new jt({ color: "black" }), Ns = new at({
 };
 class Ws {
   constructor(e) {
-    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new Bt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
+    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new jt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
       rendererController: t,
       sceneController: s,
@@ -2258,23 +2258,23 @@ class Ws {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, h = o.getDrawingBufferSize(new B()), m = new Vt(
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, h = o.getDrawingBufferSize(new B()), m = new Bt(
       h.width,
       h.height,
       {
         samples: Math.min(n, a),
-        type: Yt
+        type: Vt
       }
-    ), p = new ze(o, m), v = this.getSize();
+    ), p = new ke(o, m), v = this.getSize();
     p.setSize(v.width, v.height);
-    const _ = new hs(
+    const _ = new ls(
       s.scene,
       i.camera
     );
-    p.addPass(_), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = _, i.event.on("pageChange", (f) => {
-      this.changeCamera(f);
-    }), s.event.on("pageChange", (f) => {
-      this.changeScene(f);
+    p.addPass(_), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = _, i.event.on("pageChange", (u) => {
+      this.changeCamera(u);
+    }), s.event.on("pageChange", (u) => {
+      this.changeScene(u);
     });
   }
   changeCamera(e) {
@@ -2284,25 +2284,25 @@ class Ws {
     this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
   addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new zs();
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new ks();
     this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
   }
   setPremultiplieAlpha(e) {
     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 cs(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 hs(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 ds(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new cs(
       new B(window.innerWidth, window.innerHeight),
       i,
       r,
       s
     );
     this.bloomPass = n;
-    const a = new ze(t);
+    const a = new ke(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);
@@ -2346,20 +2346,20 @@ class Ws {
             e.push(o);
             return;
           }
-          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = js : n.material = Hs : o.material instanceof ft ? 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 = Hs : n.material = js : o.material instanceof mt ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
         }
       });
     }), e.forEach((i) => {
       this.bloomVisible[i.uuid] = i.visible, i.visible = !1;
     });
     const s = this.scene.background;
-    s != null && s.isTexture && (this.scene.userData._backgroundOriginal = s, this.scene.background = Xe);
+    s != null && s.isTexture && (this.scene.userData._backgroundOriginal = s, this.scene.background = Ge);
   }
   restoreNonBloomed() {
     if (this.scene.traverse((e) => {
       const t = e;
       this.bloomMaterials[t.uuid] ? (t.material = this.bloomMaterials[t.uuid], delete this.bloomMaterials[t.uuid]) : this.bloomVisible[t.uuid] !== void 0 && (t.visible = this.bloomVisible[t.uuid], delete this.bloomVisible[t.uuid]);
-    }), this.scene.background === Xe) {
+    }), this.scene.background === Ge) {
       const e = this.scene.userData._backgroundOriginal;
       e && (this.scene.background = e, delete this.scene.userData._backgroundOriginal);
     }
@@ -2401,14 +2401,14 @@ class Ks extends ee {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: j,
-      Vector4: Wt,
-      Quaternion: ht,
+      Vector3: H,
+      Vector4: Zt,
+      Quaternion: lt,
       Matrix4: W,
-      Spherical: Kt,
-      Box3: ct,
-      Sphere: $t,
-      Raycaster: dt
+      Spherical: Wt,
+      Box3: ht,
+      Sphere: Kt,
+      Raycaster: ct
     };
     J.install({ THREE: t });
   }
@@ -2440,10 +2440,10 @@ class Ks extends ee {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Zt.DEG2RAD);
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Yt.DEG2RAD);
   }
 }
-const qe = new j(), $s = new ht(), Qe = new j(), I = new W(), Gs = new W();
+const Xe = new H(), $s = new lt(), qe = new H(), I = new W(), Gs = new W();
 class Xs {
   /**
    * Constructs a new CSS3D renderer.
@@ -2467,11 +2467,11 @@ class Xs {
         height: i
       };
     }, this.render = function(y, l) {
-      const u = l.projectionMatrix.elements[5] * o;
+      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(` + u + ")translate(" + p(O) + "px," + p(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + u + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + u + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      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";
@@ -2487,37 +2487,37 @@ class Xs {
       const l = y.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + p(l[0]) + "," + p(l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(-l[4]) + "," + p(-l[5]) + "," + p(-l[6]) + "," + p(-l[7]) + "," + p(l[8]) + "," + p(l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")");
     }
-    function f(y) {
+    function u(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
-      for (let l = 0, u = y.children.length; l < u; l++)
-        f(y.children[l]);
+      for (let l = 0, f = y.children.length; l < f; l++)
+        u(y.children[l]);
     }
-    function g(y, l, u, O) {
+    function g(y, l, f, O) {
       if (y.visible === !1) {
-        f(y);
+        u(y);
         return;
       }
       if (y.isCSS3DObject) {
-        const C = y.layers.test(u.layers) === !0, w = y.element;
+        const C = y.layers.test(f.layers) === !0, w = y.element;
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
-          y.onBeforeRender(t, l, u);
+          y.onBeforeRender(t, l, f);
           let E;
-          y.isCSS3DSprite ? (I.copy(u.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(qe, $s, Qe), I.setPosition(qe), I.scale(Qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = _(I)) : E = _(y.matrixWorld);
-          const x = n.objects.get(y);
-          if (x === void 0 || x.style !== E) {
+          y.isCSS3DSprite ? (I.copy(f.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, $s, qe), I.setPosition(Xe), I.scale(qe), 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);
           }
-          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, u);
+          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, f);
         }
       }
       for (let C = 0, w = y.children.length; C < w; C++)
-        g(y.children[C], l, u);
+        g(y.children[C], l, f);
     }
   }
 }
-const q = new j(), Je = new W(), et = new W(), tt = new j(), st = new j();
+const q = new H(), Qe = new W(), Je = new W(), et = new H(), tt = new H();
 class qs {
   /**
    * Constructs a new CSS2D renderer.
@@ -2535,55 +2535,55 @@ class qs {
         width: s,
         height: i
       };
-    }, this.render = function(f, g) {
-      f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Je.copy(g.matrixWorldInverse), et.multiplyMatrices(g.projectionMatrix, Je), m(f, f, g), _(f);
-    }, this.setSize = function(f, g) {
-      s = f, i = g, r = s / 2, o = i / 2, a.style.width = f + "px", a.style.height = g + "px";
+    }, this.render = function(u, g) {
+      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Qe.copy(g.matrixWorldInverse), Je.multiplyMatrices(g.projectionMatrix, Qe), m(u, u, g), _(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(f) {
-      f.isCSS2DObject && (f.element.style.display = "none");
-      for (let g = 0, y = f.children.length; g < y; g++)
-        h(f.children[g]);
+    function h(u) {
+      u.isCSS2DObject && (u.element.style.display = "none");
+      for (let g = 0, y = u.children.length; g < y; g++)
+        h(u.children[g]);
     }
-    function m(f, g, y) {
-      if (f.visible === !1) {
-        h(f);
+    function m(u, g, y) {
+      if (u.visible === !1) {
+        h(u);
         return;
       }
-      if (f.isCSS2DObject) {
-        q.setFromMatrixPosition(f.matrixWorld), q.applyMatrix4(et);
-        const l = q.z >= -1 && q.z <= 1 && f.layers.test(y.layers) === !0, u = f.element;
-        u.style.display = l === !0 ? "" : "none", l === !0 && (f.onBeforeRender(t, g, y), u.style.transform = "translate(" + -100 * f.center.x + "%," + -100 * f.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", u.parentNode !== a && a.appendChild(u), f.onAfterRender(t, g, y));
+      if (u.isCSS2DObject) {
+        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Je);
+        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, f)
+          distanceToCameraSquared: p(y, u)
         };
-        n.objects.set(f, O);
+        n.objects.set(u, O);
       }
-      for (let l = 0, u = f.children.length; l < u; l++)
-        m(f.children[l], g, y);
+      for (let l = 0, f = u.children.length; l < f; l++)
+        m(u.children[l], g, y);
     }
-    function p(f, g) {
-      return tt.setFromMatrixPosition(f.matrixWorld), st.setFromMatrixPosition(g.matrixWorld), tt.distanceToSquared(st);
+    function p(u, g) {
+      return et.setFromMatrixPosition(u.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
     }
-    function v(f) {
+    function v(u) {
       const g = [];
-      return f.traverseVisible(function(y) {
+      return u.traverseVisible(function(y) {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function _(f) {
-      const g = v(f).sort(function(l, u) {
-        if (l.renderOrder !== u.renderOrder)
-          return u.renderOrder - l.renderOrder;
-        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(u).distanceToCameraSquared;
+    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, u = g.length; l < u; l++)
+      for (let l = 0, f = g.length; l < f; l++)
         g[l].element.style.zIndex = y - l;
     }
   }
 }
-const it = {
+const st = {
   zIndex: "auto"
 };
 class Qs {
@@ -2618,19 +2618,19 @@ class Js {
       if (e.isScene)
         i = new De(100);
       else if (e.isCamera)
-        i = new Gt(e);
+        i = new $t(e);
       else if (e.isPointLight)
-        i = new Xt(e, 1);
+        i = new Gt(e, 1);
       else if (e.isDirectionalLight)
-        i = new qt(e, 1);
+        i = new Xt(e, 1);
       else if (e.isSpotLight)
-        i = new Qt(e);
+        i = new qt(e);
       else if (e.isHemisphereLight)
-        i = new Jt(e, 10);
+        i = new Qt(e, 10);
       else if (e.isRectAreaLight)
-        i = new fs(e);
+        i = new ms(e);
       else {
-        const r = new ct();
+        const r = new ht();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
           i = new Ue(r);
           const o = i.material;
@@ -2692,7 +2692,7 @@ class Js {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-function rt(c) {
+function it(c) {
   let e = !1, t = [];
   return function(...s) {
     t = s, e || (e = !0, requestAnimationFrame(() => {
@@ -2723,10 +2723,10 @@ class ei {
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
       for (const _ of n)
-        for (const f of _.objArr) {
-          if (!f.object3d || !f.visibleWithAncestors) continue;
-          a.has(f) || a.set(f, /* @__PURE__ */ new Map());
-          const g = a.get(f);
+        for (const u of _.objArr) {
+          if (!u.object3d || !u.visibleWithAncestors) 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);
         }
       if (a.size === 0) return;
@@ -2742,7 +2742,7 @@ class ei {
     };
     this.domElement.addEventListener(
       `pointer${e}`,
-      rt(i),
+      it(i),
       { passive: !1 }
     );
   }
@@ -2803,8 +2803,8 @@ class ei {
               v.preventDefault();
               const _ = 5;
               if (!r && Math.abs(v.clientX - e.clientX) <= _ && Math.abs(v.clientY - e.clientY) <= _)
-                for (const f of m)
-                  f({
+                for (const u of m)
+                  u({
                     baseObject: n,
                     realBaseObject: this.activeObject,
                     mouseEvent: e,
@@ -2867,7 +2867,7 @@ class ei {
           mouseEvent: p
         }));
       }, m = `pointer${t}`;
-      a.element.addEventListener(m, rt(h), !1), o.push({ arr: a, type: m, listener: h });
+      a.element.addEventListener(m, it(h), !1), o.push({ arr: a, type: m, listener: h });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -2889,16 +2889,16 @@ class ei {
 }
 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 pt(), {
+    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(), {
       key: "@Scene",
       name: "场景",
       mList: !1
-    }), this.group = this.createBaseObject(new ke(), {
+    }), this.group = this.createBaseObject(new ze(), {
       key: "@Group",
       name: "物体组",
       target: this.scene,
       mList: !1
-    }), this.prefabGroup = this.createBaseObject(new ke(), {
+    }), this.prefabGroup = this.createBaseObject(new ze(), {
       key: "@PrefabGroup",
       name: "预制组",
       target: this.scene,
@@ -2911,16 +2911,16 @@ class ti extends ei {
   createBaseObject(e, t = {}) {
     const s = U({
       mList: !0
-    }, t), i = new ls();
+    }, t), i = new as();
     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 es)
+      if (s.target.key === "@Scene" && e instanceof Jt)
         i.key = "@Camera";
       else {
         const o = this.objectWrapChindIdMap.get(s.target), n = o !== void 0 ? o + 1 : 0;
         this.objectWrapChindIdMap.set(s.target, n), this.setBaseObjectKey(
           i,
-          `$pt:__c__${n}$pk:`,
-          s.target.key
+          { type: `$p:__c__${n}`, id: "$p:", name: "$p:" },
+          s.target
         );
       }
     return s.name && (e.name = s.name), s.target && !s.target.object3d.getObjectById(e.id) && s.target.object3d.add(e), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), e.children && e.children.forEach((r) => {
@@ -2964,18 +2964,21 @@ class ti extends ei {
       if (r === null)
         m = null;
       else if (typeof r == "string") {
-        const f = this.objects.get(r);
-        if (!f)
+        const u = this.objects.get(r);
+        if (!u)
           throw new Error(`Object with key "${r}" not found`);
-        m = f;
+        m = u;
       } else r != null && r.isBaseObject || r ? m = r : n ? m = this.prefabGroup : m = this.group;
       return a === !1 ? h.create = () => {
       } : a !== !0 && (h.create = () => {
         a(h);
       }), h.pencil = this.pencil, h.lead = this, h.mList = this.mList, h.isPrefab = n, h.objectType = `${e}`, h.objectOptions = t, this.setBaseObjectKey(
         h,
-        t.key ? `$t:#${t.key}` : "$t:",
-        m == null ? void 0 : m.key
+        {
+          type: h.keyType,
+          name: t.key
+        },
+        m
       ), this.objectsPm.set(
         h,
         this.addBaseObject(h, m, o)
@@ -2983,28 +2986,30 @@ class ti extends ei {
     });
   }
   setBaseObjectKey(e, t, s) {
-    const i = e.objectTypeKey || e.objectType;
-    let r = t.replace("$t:", i);
-    if (s) {
-      const [o, n] = s.split("#");
-      r = r.replace("$pt:", o), r = r.replace("$pk:", n ? `#${n}` : "").replace("##", "#");
-    }
-    return this.objects.has(r) && (r.includes("#") ? r += `-${Ne()}` : r += `#${Ne()}`), e._key = r, this.objects.set(r, e), r;
+    let i = "", r = t.name, o = t.type || e.objectType, n = t.id;
+    return s && (r != null && r.includes("$p:") && (r = r.replace("$p:", s.keyName || "")), o != null && o.includes("$p:") && (o = o.replace("$p:", s.keyType || "")), n != null && n.includes("$p:") && (n = n.replace("$p:", s.keyUId || ""))), i = `${o}`, r && n ? i += `#${r}-${n}` : (r || n) && (i += `#${r || n}`), this.objects.has(i) ? this.setBaseObjectKey(
+      e,
+      {
+        name: t.name,
+        type: t.type,
+        id: fs()
+      },
+      s
+    ) : (e.key = i, e.keyType = o, e.keyUId = n, e.keyName = r, this.objects.set(i, e), i);
   }
   updateBaseObjectKey(e, t) {
-    var o;
-    let s;
-    for (const [n, a] of this.objects.entries())
-      if (a === e) {
-        s = n;
-        break;
-      }
-    const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
-    return s && this.objects.delete(s), this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), e.children.forEach((n) => {
-      var a;
-      if (n.key.includes("__c__")) {
-        const h = (a = /__c__(\d+)/.exec(n.key)) == null ? void 0 : a[1];
-        typeof h != "undefined" && this.updateBaseObjectKey(n, `$pt:__c__${h}$pk:`);
+    const s = e.key;
+    this.objects.delete(s);
+    const i = e.parent, r = this.setBaseObjectKey(e, t, i);
+    return this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), e.children.forEach((o) => {
+      var n;
+      if (o.key.includes("__c__")) {
+        const a = (n = /__c__(\d+)/.exec(o.key)) == null ? void 0 : n[1];
+        typeof a != "undefined" && this.updateBaseObjectKey(o, {
+          type: `$p:__c__${a}`,
+          id: "$p:",
+          name: "$p:"
+        });
       }
     }), r;
   }
@@ -3091,7 +3096,7 @@ class si extends ee {
     });
   }
 }
-class ii extends mt {
+class ii extends pt {
   constructor(e) {
     super(e);
   }
@@ -3112,7 +3117,7 @@ class ii extends mt {
     );
   }
 }
-class ot extends mt {
+class rt extends pt {
   constructor(e) {
     super(e), this.options = { type: "image" };
   }
@@ -3121,7 +3126,7 @@ class ot extends mt {
   }
   load(e, t, s, i) {
     let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new ue(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 ts(o)) : r = new ue();
+    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);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
@@ -3130,13 +3135,13 @@ class ot extends mt {
         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", f, !1);
+          o.removeEventListener("load", _, !1), o.removeEventListener("error", u, !1);
         }, _ = () => {
           v(), r.needsUpdate = !0, t && t(r);
-        }, f = (y) => {
+        }, u = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", _, !1), o.addEventListener("error", f, !1);
+        o.addEventListener("load", _, !1), o.addEventListener("error", u, !1);
         const g = window.URL.createObjectURL(h);
         o.src = g;
       },
@@ -3159,7 +3164,7 @@ class oi {
     this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ye.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
       prefix: ""
-    }, e), this.loadingManager = new ss(
+    }, e), this.loadingManager = new ts(
       () => {
       },
       (t, s, i) => {
@@ -3183,7 +3188,7 @@ class oi {
     const s = this.assets.get(e);
     if (!s) {
       if ((t === "images" || t === "media" || t === "exr") && this.options.simpleTexture4deleted && this.delLoadArr.includes(e))
-        return new ue();
+        return new fe();
       console.warn(`Asset ${e} not found`);
     }
     return s;
@@ -3203,13 +3208,13 @@ class oi {
   }
   getLoader(e, t) {
     if (e === "images")
-      return this.textureLoader || (this.textureLoader = new ot(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
+      return this.textureLoader || (this.textureLoader = new rt(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
     if (e === "media")
-      return this.videoTextureLoader || (this.videoTextureLoader = new ot(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
+      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;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ie(this.loadingManager), this.dracoLoader = new gs(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
+      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new 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;
     if (e === "gltf")
-      return this.gltfLoader || (this.gltfLoader = new Ie(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
+      return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
       return this.lottieLoader || (this.lottieLoader = new vs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
@@ -3236,7 +3241,7 @@ class oi {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof ue || t instanceof is || t.isVideoTexture) && e.set(s, t);
+      (t instanceof fe || t instanceof ss || t.isVideoTexture) && e.set(s, t);
     }), e;
   }
   loadAll() {
@@ -3597,15 +3602,15 @@ class di {
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
       stencil: _,
-      depth: f
-    } = i, g = new rs({
+      depth: u
+    } = i, g = new is({
       alpha: r,
       antialias: n,
       powerPreference: a,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
       stencil: _,
-      depth: f
+      depth: u
     });
     g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = h, g.outputColorSpace = m, this.renderer = g;
   }
@@ -3639,7 +3644,7 @@ class mi extends ee {
     super(), this.options = e;
   }
   addScene(e, t) {
-    const s = new pt();
+    const s = new dt();
     return e != null && e.background && (s.background = e.background), this.addController(s, t);
   }
   removePage(e) {
@@ -3654,7 +3659,7 @@ class mi extends ee {
     });
   }
 }
-class fi {
+class ui {
   constructor(e) {
     this.event = new ye.EventEmitter();
     const { renderer: t, scene: s, camera: i } = e, r = new Ts(
@@ -3663,7 +3668,7 @@ class fi {
     );
     if (r.getHelper) {
       const o = r.getHelper();
-      if (s.add(o), +os < 170) {
+      if (s.add(o), +rs < 170) {
         const n = r._root;
         n.dispose = () => {
           n.traverse((a) => {
@@ -3673,7 +3678,7 @@ class fi {
           r.disconnect(), n.dispose();
         };
       }
-    } else r instanceof ns && s.add(r);
+    } else r instanceof os && s.add(r);
     this.controls = r, this.addEvent();
   }
   get detach() {
@@ -3723,7 +3728,7 @@ class fi {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const ui = {
+const fi = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
@@ -3749,7 +3754,7 @@ class _i {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new dt(), 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 as(), 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 = Ut(_e.options, e, {
+    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new H(), this._cameraTarget = new H(), this.event = new ye.EventEmitter(), this.timer = new 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.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
@@ -3758,7 +3763,7 @@ const _e = class _e {
       transformControls: i
     } = this.options;
     if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), i && this.initTransformControls(), s) {
-      const n = new kt({
+      const n = new Ut({
         horizontal: !1
       });
       n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
@@ -3826,7 +3831,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 u;
+    var f;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3840,7 +3845,7 @@ const _e = class _e {
       height: h,
       //@ts-ignore
       renderer: this.options.WebGPURenderer,
-      rendererParams: ui
+      rendererParams: fi
     }) : new di({
       width: a,
       height: h,
@@ -3854,9 +3859,9 @@ const _e = class _e {
       height: h
     }), v = new mi({}), _ = new Ks({
       controlsParams: {
-        domElement: (u = o == null ? void 0 : o.domElement) != null ? u : m.renderer.domElement
+        domElement: (f = o == null ? void 0 : o.domElement) != null ? f : m.renderer.domElement
       }
-    }), f = new ai({
+    }), u = new ai({
       loaderParams: U({
         anisotropy: this.maxAnisotropy
       }, n)
@@ -3865,7 +3870,7 @@ const _e = class _e {
     }), y = new si({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = p, this.controlsController = _, this.loaderController = f, this.mListController = g, this.leadController = y;
+    this.sceneController = v, this.cameraController = p, this.controlsController = _, this.loaderController = u, this.mListController = g, this.leadController = y;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
@@ -3909,7 +3914,7 @@ const _e = class _e {
     }
   }
   initTransformControls() {
-    const e = new fi({
+    const e = new ui({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -4047,11 +4052,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, h, m, p, v, _, f;
+    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(), (f = this.renderer) == null || f.domElement.remove(), this._isDispose = !0;
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (_ = this.stats) == null || _.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
   }
 };
 _e.options = {
@@ -4063,23 +4068,23 @@ _e.options = {
   renderer: ci,
   composer: Zs,
   scene: pi,
-  camera: wt,
+  camera: Tt,
   bloom: !1,
   bloomParams: Ys,
   ssao: !1,
   loader: ni,
   ssaoParams: Vs,
   css2DRenderer: !1,
-  css2DRendererParams: U({}, it),
+  css2DRendererParams: U({}, st),
   css3DRenderer: !1,
-  css3DRendererParams: U({}, it)
+  css3DRendererParams: U({}, st)
 };
-let nt = _e;
+let ot = _e;
 const Xi = J.ACTION;
 export {
-  ls as BaseObject,
-  nt as Pencil,
+  as as BaseObject,
+  ot as Pencil,
   Pe as ResourceTracker,
   Xi as cameraControlsAction,
-  nt as default
+  ot as default
 };