gl-draw 0.15.0-beta.9 → 0.15.1

package/dist/index.module.js

@@ -1,48 +1,48 @@
-var St = Object.defineProperty, At = Object.defineProperties;
+var At = Object.defineProperty, St = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
 var Me = Object.getOwnPropertySymbols;
 var Rt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var Re = (h, e, t) => e in h ? St(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, U = (h, e) => {
+var Re = (h, e, t) => e in h ? At(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, U = (h, e) => {
   for (var t in e || (e = {}))
     Rt.call(e, t) && Re(h, t, e[t]);
   if (Me)
     for (var t of Me(e))
       Dt.call(e, t) && Re(h, t, e[t]);
   return h;
-}, te = (h, e) => At(h, Mt(e));
+}, te = (h, e) => St(h, Mt(e));
 var se = (h, e, t) => new Promise((s, i) => {
-  var r = (l) => {
+  var r = (a) => {
     try {
-      n(t.next(l));
-    } catch (d) {
-      i(d);
+      n(t.next(a));
+    } catch (c) {
+      i(c);
     }
-  }, o = (l) => {
+  }, o = (a) => {
     try {
-      n(t.throw(l));
-    } catch (d) {
-      i(d);
+      n(t.throw(a));
+    } catch (c) {
+      i(c);
     }
-  }, n = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(r, o);
+  }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(h, e)).next());
 });
-import { WebGLRenderer as Ut, Vector2 as B, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as jt, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as Ht, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Gt, RawShaderMaterial as Kt, ShaderMaterial as Xt, MeshBasicMaterial as $t, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as pt, Texture as fe, VideoTexture as mt, FileLoader as Se, LoadingManager as es, DataTexture as ts, Mesh as ss } from "three";
-import { Timer as is } from "three/examples/jsm/misc/Timer";
+import { WebGLRenderer as Ut, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as Gt, ShaderMaterial as $t, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as fe, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
+import { Timer as ss } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
-import rs from "deepmerge";
-import os from "stats-gl";
-import { C as ns, c as as, i as ls } from "./isPlainObject.module.js";
-import { R as Pe, M as ut, B as hs, G as ze } from "./index.module2.js";
-import { RectAreaLightHelper as cs } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as ds } from "three/examples/jsm/helpers/ViewHelper";
-import { TransformControls as ps } from "three/examples/jsm/controls/TransformControls";
+import is from "deepmerge";
+import rs from "stats-gl";
+import { C as os, c as ns, i as as } from "./isPlainObject.module.js";
+import { R as Pe, M as ut, B as ls } from "./index.module2.js";
+import { RectAreaLightHelper as hs } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as cs } from "three/examples/jsm/helpers/ViewHelper";
+import { TransformControls as ds } from "three/examples/jsm/controls/TransformControls";
 import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as ms } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as us } from "three/examples/jsm/postprocessing/SSAOPass";
+import { SSAOPass as ps } from "three/examples/jsm/postprocessing/SSAOPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as fs } from "three/examples/jsm/postprocessing/OutputPass";
-import { ShaderPass as _s } from "three/examples/jsm/postprocessing/ShaderPass";
-import { UnrealBloomPass as gs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import { OutputPass as us } from "three/examples/jsm/postprocessing/OutputPass";
+import { ShaderPass as fs } from "three/examples/jsm/postprocessing/ShaderPass";
+import { UnrealBloomPass as _s } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/renderers/CSS2DRenderer";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "d3-geo";
@@ -54,15 +54,15 @@ import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
 import "three-bvh-csg";
 import { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
-import { DRACOLoader as vs } from "three/examples/jsm/loaders/DRACOLoader";
+import { DRACOLoader as gs } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
-import { LottieLoader as Cs } from "three/examples/jsm/loaders/LottieLoader";
-import { makePromiseCreator as Os, generateUUID as je } from "esus-lite";
+import { LottieLoader as vs } from "three/examples/jsm/loaders/LottieLoader";
+import { makePromiseCreator as Cs, generateUUID as He } from "esus-lite";
 const M = {
   LEFT: 1,
   RIGHT: 2,
   MIDDLE: 4
-}, c = Object.freeze({
+}, d = Object.freeze({
   NONE: 0,
   ROTATE: 1,
   TRUCK: 2,
@@ -84,7 +84,7 @@ const M = {
   TOUCH_SCREEN_PAN: 131072,
   TOUCH_DOLLY_SCREEN_PAN: 262144,
   TOUCH_ZOOM_SCREEN_PAN: 524288
-}), G = {
+}), K = {
   NONE: 0,
   IN: 1,
   OUT: -1
@@ -92,20 +92,20 @@ const M = {
 function Y(h) {
   return h.isPerspectiveCamera;
 }
-function H(h) {
+function j(h) {
   return h.isOrthographicCamera;
 }
-const K = Math.PI * 2, Ie = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
+const G = Math.PI * 2, Ie = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
 function k(h, e, t) {
   return Math.max(e, Math.min(t, h));
 }
-function A(h, e = ft) {
+function S(h, e = ft) {
   return Math.abs(h) < e;
 }
 function P(h, e, t = ft) {
-  return A(h - e, t);
+  return S(h - e, t);
 }
-function He(h, e) {
+function je(h, e) {
   return Math.round(h / e) * e;
 }
 function re(h) {
@@ -116,29 +116,29 @@ function oe(h) {
 }
 function he(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
-  const o = 2 / s, n = o * r, l = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
-  let d = h - e;
-  const _ = e, p = i * s;
-  d = k(d, -p, p), e = h - d;
-  const O = (t.value + o * d) * r;
-  t.value = (t.value - o * O) * l;
-  let v = e + (d + O) * l;
-  return _ - h > 0 == v > _ && (v = _, t.value = (v - _) / r), v;
+  const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
+  let c = h - e;
+  const f = e, m = i * s;
+  c = k(c, -m, m), e = h - c;
+  const v = (t.value + o * c) * r;
+  t.value = (t.value - o * v) * a;
+  let p = e + (c + v) * a;
+  return f - h > 0 == p > f && (p = f, t.value = (p - f) / r), p;
 }
 function Be(h, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, l = n * r, d = 1 / (1 + l + 0.48 * l * l + 0.235 * l * l * l);
-  let _ = e.x, p = e.y, O = e.z, v = h.x - _, m = h.y - p, u = h.z - O;
-  const f = _, a = p, g = O, C = i * s, y = C * C, b = v * v + m * m + u * u;
-  if (b > y) {
-    const ye = Math.sqrt(b);
-    v = v / ye * C, m = m / ye * C, u = u / ye * C;
-  }
-  _ = h.x - v, p = h.y - m, O = h.z - u;
-  const E = (t.x + n * v) * r, x = (t.y + n * m) * r, R = (t.z + n * u) * r;
-  t.x = (t.x - n * E) * d, t.y = (t.y - n * x) * d, t.z = (t.z - n * R) * d, o.x = _ + (v + E) * d, o.y = p + (m + x) * d, o.z = O + (u + R) * d;
-  const V = f - h.x, le = a - h.y, wt = g - h.z, xt = o.x - f, Lt = o.y - a, Pt = o.z - g;
-  return V * xt + le * Lt + wt * Pt > 0 && (o.x = f, o.y = a, o.z = g, t.x = (o.x - f) / r, t.y = (o.y - a) / r, t.z = (o.z - g) / r), o;
+  const n = 2 / s, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
+  let f = e.x, m = e.y, v = e.z, p = h.x - f, u = h.y - m, g = h.z - v;
+  const y = f, l = m, _ = v, O = i * s, C = O * O, w = p * p + u * u + g * g;
+  if (w > C) {
+    const ve = Math.sqrt(w);
+    p = p / ve * O, u = u / ve * O, g = g / ve * O;
+  }
+  f = h.x - p, m = h.y - u, v = h.z - g;
+  const E = (t.x + n * p) * r, b = (t.y + n * u) * r, R = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * c, t.y = (t.y - n * b) * c, t.z = (t.z - n * R) * c, o.x = f + (p + E) * c, o.y = m + (u + b) * c, o.z = v + (g + R) * c;
+  const V = y - h.x, le = l - h.y, xt = _ - h.z, bt = o.x - y, Lt = o.y - l, Pt = o.z - _;
+  return V * bt + le * Lt + xt * Pt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
 function Oe(h, e) {
   e.set(0, 0), h.forEach((t) => {
@@ -146,9 +146,9 @@ function Oe(h, e) {
   }), e.x /= h.length, e.y /= h.length;
 }
 function Ee(h, e) {
-  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+  return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Es {
+class Os {
   constructor() {
     this._listeners = {};
   }
@@ -212,18 +212,18 @@ class Es {
     }
   }
 }
-const ce = 1 / 8, Ts = /Mac/.test(navigator.platform);
-let T, Ve, de, Te, D, w, L, X, ne, F, N, Z, Ye, Ze, z, ae, $, We, be, Ge, we, xe, pe;
-class J extends Es {
+const ce = 1 / 8, Es = /Mac/.test(navigator.platform);
+let T, Ve, de, Te, D, x, L, $, ne, F, N, Z, Ye, Ze, z, ae, X, We, we, Ke, xe, be, me;
+class J extends Os {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), w = new T.Vector3(), L = new T.Vector3(), X = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), $ = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ge = new T.Quaternion(), we = new T.Quaternion(), xe = new T.Matrix4(), pe = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), x = new T.Vector3(), L = new T.Vector3(), $ = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), we = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), be = new T.Matrix4(), me = new T.Raycaster();
   }
   /**
    * list all ACTIONs
    * @category Statics
    */
   static get ACTION() {
-    return c;
+    return d;
   }
   /**
    * Creates a `CameraControls` instance.
@@ -244,47 +244,47 @@ class J extends Es {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = c.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = G.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (a, g, C, y) => {
-      let b, E;
+    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
+      let w, E;
       if (Y(this._camera)) {
-        const x = w.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
-        b = this.truckSpeed * a * V / this._elementRect.height, E = this.truckSpeed * g * V / this._elementRect.height;
-      } else if (H(this._camera)) {
-        const x = this._camera;
-        b = this.truckSpeed * a * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * g * (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 * _ * 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 * _ * (b.top - b.bottom) / b.zoom / this._elementRect.height;
       } else
         return;
-      y ? (C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
+      C ? (O ? this.setFocalOffset(
+        this._focalOffsetEnd.x + w,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
+      ) : this.truck(w, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
+        this._focalOffsetEnd.x + w,
         this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, E, !0);
-    }, this._rotateInternal = (a, g) => {
-      const C = K * this.azimuthRotateSpeed * a / this._elementRect.height, y = K * this.polarRotateSpeed * g / this._elementRect.height;
-      this.rotate(C, y, !0);
-    }, this._dollyInternal = (a, g, C) => {
-      const y = Math.pow(0.95, -a * this.dollySpeed), b = this._sphericalEnd.radius, E = this._sphericalEnd.radius * y, x = k(
+      ) : this.truck(w, E, !0);
+    }, this._rotateInternal = (l, _) => {
+      const O = G * this.azimuthRotateSpeed * l / this._elementRect.height, C = G * this.polarRotateSpeed * _ / this._elementRect.height;
+      this.rotate(O, C, !0);
+    }, this._dollyInternal = (l, _, 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) - b, this._dollyControlCoord.set(g, C)), this._lastDollyDirection = Math.sign(-a);
-    }, this._zoomInternal = (a, g, C) => {
-      const y = Math.pow(0.95, a * this.dollySpeed), b = this._zoom, E = this._zoom * y;
-      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - b, this._dollyControlCoord.set(g, C));
+      ), 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(_, O)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, _, 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(_, 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,
       de
-    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = c.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(
-      w.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
+    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
+      x.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
     ), this._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(),
@@ -294,54 +294,54 @@ class J extends Es {
       new T.Vector3(-1 / 0, -1 / 0, -1 / 0),
       new T.Vector3(1 / 0, 1 / 0, 1 / 0)
     ), this._cameraUp0 = this._camera.up.clone(), this._target0 = this._target.clone(), this._position0 = this._camera.position.clone(), this._zoom0 = this._zoom, this._focalOffset0 = this._focalOffset.clone(), this._dollyControlCoord = new T.Vector2(), this.mouseButtons = {
-      left: c.ROTATE,
-      middle: c.DOLLY,
-      right: c.TRUCK,
-      wheel: Y(this._camera) ? c.DOLLY : H(this._camera) ? c.ZOOM : c.NONE
+      left: d.ROTATE,
+      middle: d.DOLLY,
+      right: d.TRUCK,
+      wheel: Y(this._camera) ? d.DOLLY : j(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
-      one: c.TOUCH_ROTATE,
-      two: Y(this._camera) ? c.TOUCH_DOLLY_TRUCK : H(this._camera) ? c.TOUCH_ZOOM_TRUCK : c.NONE,
-      three: c.TOUCH_TRUCK
+      one: d.TOUCH_ROTATE,
+      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 = (a) => {
+    const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const y = this._domElement.getBoundingClientRect(), b = (a.clientX - y.left) / (y.right - y.left), E = (a.clientY - y.top) / (y.bottom - y.top);
-        if (b < this._interactiveArea.left || b > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
+        const C = this._domElement.getBoundingClientRect(), w = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
+        if (w < this._interactiveArea.left || w > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
-      const g = a.pointerType !== "mouse" ? null : (a.buttons & M.LEFT) === M.LEFT ? M.LEFT : (a.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (a.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
-      if (g !== null) {
-        const y = this._findPointerByMouseButton(g);
-        y && this._disposePointer(y);
+      const _ = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
+      if (_ !== null) {
+        const C = this._findPointerByMouseButton(_);
+        C && this._disposePointer(C);
       }
-      if ((a.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
+      if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
         return;
-      const C = {
-        pointerId: a.pointerId,
-        clientX: a.clientX,
-        clientY: a.clientY,
+      const O = {
+        pointerId: l.pointerId,
+        clientX: l.clientX,
+        clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: g
+        mouseButton: _
       };
-      this._activePointers.push(C), this._domElement.ownerDocument.removeEventListener(
+      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), this._isDragging = !0, O(a);
-    }, n = (a) => {
-      a.cancelable && a.preventDefault();
-      const g = a.pointerId, C = this._lockedPointer || this._findPointerById(g);
-      if (C) {
-        if (C.clientX = a.clientX, C.clientY = a.clientY, C.deltaX = a.movementX, C.deltaY = a.movementY, this._state = 0, a.pointerType === "touch")
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
+    }, n = (l) => {
+      l.cancelable && l.preventDefault();
+      const _ = l.pointerId, O = this._lockedPointer || this._findPointerById(_);
+      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) {
             case 1:
               this._state = this.touches.one;
@@ -354,16 +354,16 @@ class J extends Es {
               break;
           }
         else
-          (!this._isDragging && this._lockedPointer || this._isDragging && (a.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (a.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (a.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        v();
+          (!this._isDragging && this._lockedPointer || this._isDragging && (l.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
+        p();
       }
-    }, l = (a) => {
-      const g = this._findPointerById(a.pointerId);
-      if (!(g && g === this._lockedPointer)) {
-        if (g && this._disposePointer(g), a.pointerType === "touch")
+    }, a = (l) => {
+      const _ = this._findPointerById(l.pointerId);
+      if (!(_ && _ === this._lockedPointer)) {
+        if (_ && this._disposePointer(_), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
-              this._state = c.NONE;
+              this._state = d.NONE;
               break;
             case 1:
               this._state = this.touches.one;
@@ -376,77 +376,77 @@ class J extends Es {
               break;
           }
         else
-          this._state = c.NONE;
-        m();
+          this._state = d.NONE;
+        u();
       }
     };
-    let d = -1;
-    const _ = (a) => {
-      if (!this._domElement || !this._enabled || this.mouseButtons.wheel === c.NONE) return;
+    let c = -1;
+    const f = (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 = (a.clientX - E.left) / (E.right - E.left), R = (a.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 (a.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
+      if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === d.ROTATE || this.mouseButtons.wheel === d.TRUCK) {
         const E = performance.now();
-        d - E < 1e3 && this._getClientRect(this._elementRect), d = E;
+        c - E < 1e3 && this._getClientRect(this._elementRect), c = E;
       }
-      const g = Ts ? -1 : -3, C = a.deltaMode === 1 || a.ctrlKey ? a.deltaY / g : a.deltaY / (g * 10), y = this.dollyToCursor ? (a.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (a.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const _ = Es ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 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 c.ROTATE: {
-          this._rotateInternal(a.deltaX, a.deltaY), this._isUserControllingRotate = !0;
+        case d.ROTATE: {
+          this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
           break;
         }
-        case c.TRUCK: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !1), this._isUserControllingTruck = !0;
+        case d.TRUCK: {
+          this._truckInternal(l.deltaX, l.deltaY, !1, !1), this._isUserControllingTruck = !0;
           break;
         }
-        case c.SCREEN_PAN: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !0), this._isUserControllingTruck = !0;
+        case d.SCREEN_PAN: {
+          this._truckInternal(l.deltaX, l.deltaY, !1, !0), this._isUserControllingTruck = !0;
           break;
         }
-        case c.OFFSET: {
-          this._truckInternal(a.deltaX, a.deltaY, !0, !1), this._isUserControllingOffset = !0;
+        case d.OFFSET: {
+          this._truckInternal(l.deltaX, l.deltaY, !0, !1), this._isUserControllingOffset = !0;
           break;
         }
-        case c.DOLLY: {
-          this._dollyInternal(-C, y, b), this._isUserControllingDolly = !0;
+        case d.DOLLY: {
+          this._dollyInternal(-O, C, w), this._isUserControllingDolly = !0;
           break;
         }
-        case c.ZOOM: {
-          this._zoomInternal(-C, y, b), this._isUserControllingZoom = !0;
+        case d.ZOOM: {
+          this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
           break;
         }
       }
       this.dispatchEvent({ type: "control" });
-    }, p = (a) => {
+    }, m = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const g = a instanceof PointerEvent ? a.pointerId : 0, C = this._findPointerById(g);
-          C && this._disposePointer(C), this._domElement.ownerDocument.removeEventListener(
+          const _ = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(_);
+          O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
             { passive: !1 }
           ), this._domElement.ownerDocument.removeEventListener(
             "pointerup",
-            l
+            a
           );
           return;
         }
-        a.preventDefault();
+        l.preventDefault();
       }
-    }, O = (a) => {
+    }, v = (l) => {
       if (!this._enabled) return;
       if (Oe(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
-        const C = D.x - this._activePointers[1].clientX, y = D.y - this._activePointers[1].clientY, b = Math.sqrt(C * C + y * y);
-        r.set(0, b);
-        const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
-        i.set(E, x);
+        const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, w = Math.sqrt(O * O + C * C);
+        r.set(0, w);
+        const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, b = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
+        i.set(E, b);
       }
-      if (this._state = 0, !a)
+      if (this._state = 0, !l)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
-      else if ("pointerType" in a && a.pointerType === "touch")
+      else if ("pointerType" in l && l.pointerType === "touch")
         switch (this._activePointers.length) {
           case 1:
             this._state = this.touches.one;
@@ -459,39 +459,39 @@ class J extends Es {
             break;
         }
       else
-        !this._lockedPointer && (a.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (a.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (a.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-      ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & c.DOLLY) === c.DOLLY || (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & c.ZOOM) === c.ZOOM || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, v = () => {
+        !this._lockedPointer && (l.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
+      ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
+    }, p = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Oe(this._activePointers, D);
-      const g = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = g ? -g.deltaX : i.x - D.x, y = g ? -g.deltaY : i.y - D.y;
-      if (i.copy(D), ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, y), this._isUserControllingRotate = !0), (this._state & c.DOLLY) === c.DOLLY || (this._state & c.ZOOM) === c.ZOOM) {
-        const b = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
-        (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
-          x * y * ce,
-          b,
+      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = _ ? -_.deltaX : i.x - D.x, C = _ ? -_.deltaY : i.y - D.y;
+      if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
+        const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, b = this.dollyDragInverted ? -1 : 1;
+        (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
+          b * C * ce,
+          w,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          x * y * ce,
-          b,
+          b * C * ce,
+          w,
           E
         ), this._isUserControllingZoom = !0);
       }
-      if ((this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) {
-        const b = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(b * b + E * E), R = r.y - x;
-        r.set(0, x);
+      if ((this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) {
+        const w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, b = Math.sqrt(w * w + E * E), R = r.y - b;
+        r.set(0, b);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
-        (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, V, le), this._isUserControllingZoom = !0);
+        (this._state & 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 * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK) && (this._truckInternal(C, y, !1, !1), this._isUserControllingTruck = !0), ((this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(C, y, !1, !0), this._isUserControllingTruck = !0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._truckInternal(C, y, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, m = () => {
+      ((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" });
+    }, u = () => {
       Oe(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this.dispatchEvent({ type: "controlend" }));
     };
     this.lockPointer = () => {
@@ -508,56 +508,56 @@ class J extends Es {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.requestPointerLock(), this._domElement.ownerDocument.addEventListener(
         "pointerlockchange",
-        u
+        g
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        f
+        y
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), O());
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var a, g, C;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (a = this._domElement) === null || a === void 0 || a.ownerDocument.exitPointerLock(), (g = this._domElement) === null || g === void 0 || g.ownerDocument.removeEventListener(
+      var l, _, O;
+      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
         "pointerlockchange",
-        u
-      ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
+        g
+      ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
         "pointerlockerror",
-        f
+        y
       ), this.cancel();
     };
-    const u = () => {
+    const g = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, f = () => {
+    }, y = () => {
       this.unlockPointer();
     };
-    this._addAllEventListeners = (a) => {
-      this._domElement = a, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", l), this._domElement.addEventListener("wheel", _, {
+    this._addAllEventListeners = (l) => {
+      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", f, {
         passive: !1
-      }), this._domElement.addEventListener("contextmenu", p);
+      }), this._domElement.addEventListener("contextmenu", m);
     }, this._removeAllEventListeners = () => {
-      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", l), this._domElement.removeEventListener("wheel", _, {
+      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", f, {
         passive: !1
-      }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
+      }), this._domElement.removeEventListener("contextmenu", m), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockchange",
-        u
+        g
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        f
+        y
       ));
     }, this.cancel = () => {
-      this._state !== c.NONE && (this._state = c.NONE, this._activePointers.length = 0, m());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -822,7 +822,7 @@ class J extends Es {
    * @category Methods
    */
   dollyTo(e, t = !1) {
-    return this._isUserControllingDolly = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0, this._dollyToNoClamp(
+    return this._isUserControllingDolly = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0, this._dollyToNoClamp(
       k(e, this.minDistance, this.maxDistance),
       t
     );
@@ -901,7 +901,7 @@ class J extends Es {
    */
   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 = w.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);
   }
   /**
@@ -911,8 +911,8 @@ class J extends Es {
    * @category Methods
    */
   forward(e, t = !1) {
-    w.setFromMatrixColumn(this._camera.matrix, 0), w.crossVectors(this._camera.up, w), w.multiplyScalar(e);
-    const s = L.copy(this._targetEnd).add(w);
+    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);
   }
   /**
@@ -922,10 +922,10 @@ class J extends Es {
    * @category Methods
    */
   elevate(e, t = !1) {
-    return w.copy(this._camera.up).multiplyScalar(e), this.moveTo(
-      this._targetEnd.x + w.x,
-      this._targetEnd.y + w.y,
-      this._targetEnd.z + w.z,
+    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
     );
   }
@@ -939,7 +939,7 @@ class J extends Es {
    */
   moveTo(e, t, s, i = !1) {
     this._isUserControllingTruck = !1;
-    const r = w.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);
@@ -954,7 +954,7 @@ class J extends Es {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const n = w.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,
@@ -982,34 +982,34 @@ class J extends Es {
     paddingBottom: o = 0,
     paddingTop: n = 0
   } = {}) {
-    const l = [], d = e.isBox3 ? $.copy(e) : $.setFromObject(e);
-    d.isEmpty() && (console.warn(
+    const a = [], c = e.isBox3 ? X.copy(e) : X.setFromObject(e);
+    c.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const _ = He(this._sphericalEnd.theta, Ie), p = He(this._sphericalEnd.phi, Ie);
-    l.push(this.rotateTo(_, p, t));
-    const O = w.setFromSpherical(this._sphericalEnd).normalize(), v = Ge.setFromUnitVectors(O, Te), m = P(Math.abs(O.y), 1);
-    m && v.multiply(we.setFromAxisAngle(de, _)), v.multiply(this._yAxisUpSpaceInverse);
-    const u = We.makeEmpty();
-    L.copy(d.min).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setX(d.max.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setY(d.max.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setZ(d.min.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setZ(d.max.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setY(d.min.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setX(d.min.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).applyQuaternion(v), u.expandByPoint(L), u.min.x -= i, u.min.y -= o, u.max.x += r, u.max.y += n, v.setFromUnitVectors(Te, O), m && v.premultiply(we.invert()), v.premultiply(this._yAxisUpSpace);
-    const f = u.getSize(w), a = u.getCenter(L).applyQuaternion(v);
+    const f = je(this._sphericalEnd.theta, Ie), m = je(this._sphericalEnd.phi, Ie);
+    a.push(this.rotateTo(f, m, t));
+    const v = x.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, Te), u = P(Math.abs(v.y), 1);
+    u && p.multiply(xe.setFromAxisAngle(de, f)), p.multiply(this._yAxisUpSpaceInverse);
+    const g = We.makeEmpty();
+    L.copy(c.min).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).applyQuaternion(p), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, p.setFromUnitVectors(Te, v), u && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(x), l = g.getCenter(L).applyQuaternion(p);
     if (Y(this._camera)) {
-      const g = this.getDistanceToFitBox(
-        f.x,
-        f.y,
-        f.z,
+      const _ = this.getDistanceToFitBox(
+        y.x,
+        y.y,
+        y.z,
         s
       );
-      l.push(
-        this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.dollyTo(g, t)), l.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (H(this._camera)) {
-      const g = this._camera, C = g.right - g.left, y = g.top - g.bottom, b = s ? Math.max(C / f.x, y / f.y) : Math.min(C / f.x, y / f.y);
-      l.push(
-        this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.zoomTo(b, t)), l.push(this.setFocalOffset(0, 0, 0, t));
+      a.push(
+        this.moveTo(l.x, l.y, l.z, t)
+      ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
+    } else if (j(this._camera)) {
+      const _ = this._camera, O = _.right - _.left, C = _.top - _.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));
     }
-    return Promise.all(l);
+    return Promise.all(a);
   }
   /**
    * Fit the viewport to the sphere or the bounding sphere of the object.
@@ -1018,7 +1018,7 @@ class J extends Es {
    * @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, we) : we.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1029,9 +1029,9 @@ class J extends Es {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (H(this._camera)) {
-      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, l = 2 * r.radius, d = Math.min(o / l, n / l);
-      s.push(this.zoomTo(d, t));
+    } else if (j(this._camera)) {
+      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, c = Math.min(o / a, n / a);
+      s.push(this.zoomTo(c, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
   }
@@ -1047,12 +1047,12 @@ class J extends Es {
    * @category Methods
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
-    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const l = L.set(i, r, o), d = w.set(e, t, s);
-    this._targetEnd.copy(l), this._sphericalEnd.setFromVector3(
-      d.sub(l).applyQuaternion(this._yAxisUpSpace)
+    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
+    const a = L.set(i, r, o), c = x.set(e, t, s);
+    this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
+      c.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const _ = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    const f = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1065,7 +1065,7 @@ class J extends Es {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(_);
+    return this._createOnRestPromise(f);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1085,23 +1085,23 @@ class J extends Es {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, l, d, _, p, O, v, m = !1) {
-    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const u = w.set(i, r, o), f = L.set(e, t, s);
+  lerpLookAt(e, t, s, i, r, o, n, a, c, f, m, v, p, u = !1) {
+    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
+    const g = x.set(i, r, o), y = L.set(e, t, s);
     z.setFromVector3(
-      f.sub(u).applyQuaternion(this._yAxisUpSpace)
+      y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const a = X.set(_, p, O), g = L.set(n, l, d);
+    const l = $.set(f, m, v), _ = L.set(n, a, c);
     ae.setFromVector3(
-      g.sub(a).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(u.lerp(a, v));
-    const C = ae.theta - z.theta, y = ae.phi - z.phi, b = ae.radius - z.radius;
+      _.sub(l).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(g.lerp(l, p));
+    const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
     this._sphericalEnd.set(
-      z.radius + b * v,
-      z.phi + y * v,
-      z.theta + C * v
-    ), this.normalizeRotations(), this._needsUpdate = !0, m || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const E = !m || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+      z.radius + w * p,
+      z.phi + C * p,
+      z.theta + O * p
+    ), 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
@@ -1146,7 +1146,7 @@ class J extends Es {
    * @category Methods
    */
   setTarget(e, t, s, i = !1) {
-    const r = this.getPosition(w), o = this.setLookAt(
+    const r = this.getPosition(x), o = this.setLookAt(
       r.x,
       r.y,
       r.z,
@@ -1196,8 +1196,8 @@ class J extends Es {
    */
   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 = w.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), w.copy(F).add(N).add(Z), w.z = w.z + r, this.dollyTo(r, !1), this.setFocalOffset(-w.x, w.y, -w.z, !1), this.moveTo(e, t, s, !1);
+    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
@@ -1296,7 +1296,7 @@ class J extends Es {
    * @category Methods
    */
   normalizeRotations() {
-    this._sphericalEnd.theta = this._sphericalEnd.theta % K, this._sphericalEnd.theta < 0 && (this._sphericalEnd.theta += K), this._spherical.theta += K * Math.round((this._sphericalEnd.theta - this._spherical.theta) / K);
+    this._sphericalEnd.theta = this._sphericalEnd.theta % G, this._sphericalEnd.theta < 0 && (this._sphericalEnd.theta += G), this._spherical.theta += G * Math.round((this._sphericalEnd.theta - this._spherical.theta) / G);
   }
   /**
    * stop all transitions.
@@ -1312,7 +1312,7 @@ class J extends Es {
   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(w);
+      const s = this.getPosition(x);
       this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
     }
     const t = [
@@ -1356,9 +1356,9 @@ class J extends Es {
    * @category Methods
    */
   applyCameraUp() {
-    const e = w.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(w);
+    const s = this.getPosition(x);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
   }
   /**
@@ -1373,127 +1373,127 @@ class J extends Es {
       this._focalOffsetEnd,
       this._focalOffset
     ), n = this._zoomEnd - this._zoom;
-    if (A(t))
+    if (S(t))
       this._thetaVelocity.value = 0, this._spherical.theta = this._sphericalEnd.theta;
     else {
-      const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
       this._spherical.theta = he(
         this._spherical.theta,
         this._sphericalEnd.theta,
         this._thetaVelocity,
-        p,
+        m,
         1 / 0,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(s))
+    if (S(s))
       this._phiVelocity.value = 0, this._spherical.phi = this._sphericalEnd.phi;
     else {
-      const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
       this._spherical.phi = he(
         this._spherical.phi,
         this._sphericalEnd.phi,
         this._phiVelocity,
-        p,
+        m,
         1 / 0,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(i))
+    if (S(i))
       this._radiusVelocity.value = 0, this._spherical.radius = this._sphericalEnd.radius;
     else {
-      const p = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
       this._spherical.radius = he(
         this._spherical.radius,
         this._sphericalEnd.radius,
         this._radiusVelocity,
-        p,
+        m,
         this.maxSpeed,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(r.x) && A(r.y) && A(r.z))
+    if (S(r.x) && S(r.y) && S(r.z))
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
-      const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
       Be(
         this._target,
         this._targetEnd,
         this._targetVelocity,
-        p,
+        m,
         this.maxSpeed,
         e,
         this._target
       ), this._needsUpdate = !0;
     }
-    if (A(o.x) && A(o.y) && A(o.z))
+    if (S(o.x) && S(o.y) && S(o.z))
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
-      const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
       Be(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
-        p,
+        m,
         this.maxSpeed,
         e,
         this._focalOffset
       ), this._needsUpdate = !0;
     }
-    if (A(n))
+    if (S(n))
       this._zoomVelocity.value = 0, this._zoom = this._zoomEnd;
     else {
-      const p = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
       this._zoom = he(
         this._zoom,
         this._zoomEnd,
         this._zoomVelocity,
-        p,
+        m,
         1 / 0,
         e
       );
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, O = this._camera, v = this._getCameraDirection(ne), m = w.copy(v).cross(O.up).normalize();
-        m.lengthSq() === 0 && (m.x = 1);
-        const u = L.crossVectors(m, v), f = this._sphericalEnd.radius * Math.tan(O.getEffectiveFOV() * ie * 0.5), g = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = X.copy(this._targetEnd).add(
-          m.multiplyScalar(
-            this._dollyControlCoord.x * f * O.aspect
+        const m = this._spherical.radius - this._lastDistance, v = this._camera, p = this._getCameraDirection(ne), u = x.copy(p).cross(v.up).normalize();
+        u.lengthSq() === 0 && (u.x = 1);
+        const g = L.crossVectors(u, p), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - m - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = $.copy(this._targetEnd).add(
+          u.multiplyScalar(
+            this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
-          u.multiplyScalar(this._dollyControlCoord.y * f)
-        ), y = w.copy(this._targetEnd).lerp(C, g), b = this._lastDollyDirection === G.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === G.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (b || E)) {
-          this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const R = L.copy(v).multiplyScalar(-p);
-          y.add(R);
+          g.multiplyScalar(this._dollyControlCoord.y * y)
+        ), C = x.copy(this._targetEnd).lerp(O, _), 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 -= m, this._spherical.radius -= m;
+          const R = L.copy(p).multiplyScalar(-m);
+          C.add(R);
         }
-        this._boundary.clampPoint(y, y);
-        const x = L.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), 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, O = this._camera, v = w.set(
+        this._boundary.clampPoint(C, C);
+        const b = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(b), this._changedDolly -= m, S(this._changedDolly) && (this._changedDolly = 0);
+      } else if (j(this._camera) && this._changedZoom !== 0) {
+        const m = this._zoom - this._lastZoom, v = this._camera, p = x.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
-          (O.near + O.far) / (O.near - O.far)
-        ).unproject(O), m = L.set(0, 0, -1).applyQuaternion(O.quaternion), u = X.copy(v).add(m.multiplyScalar(-v.dot(O.up))), a = -(this._zoom - p - this._zoom) / this._zoom, g = this._getCameraDirection(ne), C = this._targetEnd.dot(g), y = w.copy(this._targetEnd).lerp(u, a), b = y.dot(g), E = g.multiplyScalar(
-          b - C
+          (v.near + v.far) / (v.near - v.far)
+        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = $.copy(p).add(u.multiplyScalar(-p.dot(v.up))), l = -(this._zoom - m - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = x.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
+          w - O
         );
-        y.sub(E), this._boundary.clampPoint(y, y);
-        const x = L.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        C.sub(E), this._boundary.clampPoint(C, C);
+        const b = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(b), this._changedZoom -= m, S(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
-    const l = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, l), 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), w.copy(F).add(N).add(Z), this._camera.position.add(w), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    const a = this._collisionTest();
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!S(this._focalOffset.x) || !S(this._focalOffset.y) || !S(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), x.copy(F).add(N).add(Z), this._camera.position.add(x), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
-      w.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
+      x.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
     );
-    const _ = this._needsUpdate;
-    return _ && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : _ ? (this.dispatchEvent({ type: "update" }), A(t, this.restThreshold) && A(s, this.restThreshold) && A(i, this.restThreshold) && A(r.x, this.restThreshold) && A(r.y, this.restThreshold) && A(r.z, this.restThreshold) && A(o.x, this.restThreshold) && A(o.y, this.restThreshold) && A(o.z, this.restThreshold) && A(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !_ && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = _, this._needsUpdate = !1, _;
+    const f = this._needsUpdate;
+    return f && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : f ? (this.dispatchEvent({ type: "update" }), S(t, this.restThreshold) && S(s, this.restThreshold) && S(i, this.restThreshold) && S(r.x, this.restThreshold) && S(r.y, this.restThreshold) && S(r.z, this.restThreshold) && S(o.x, this.restThreshold) && S(o.y, this.restThreshold) && S(o.z, this.restThreshold) && S(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
   }
   /**
    * Get all state in JSON string
@@ -1516,7 +1516,7 @@ class J extends Es {
       truckSpeed: this.truckSpeed,
       dollyToCursor: this.dollyToCursor,
       target: this._targetEnd.toArray(),
-      position: w.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(),
@@ -1534,7 +1534,7 @@ class J extends Es {
   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), z.setFromVector3(
-      w.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
+      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],
@@ -1591,23 +1591,23 @@ class J extends Es {
     const i = t.lengthSq();
     if (i === 0)
       return e;
-    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, X).sub(r), l = n.lengthSq();
-    if (l === 0)
+    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, $).sub(r), a = n.lengthSq();
+    if (a === 0)
       return e.add(t);
-    if (l === i)
+    if (a === i)
       return e;
     if (s === 0)
       return e.add(t).add(n);
     {
-      const d = 1 + s * l / t.dot(n);
-      return e.add(L.copy(t).multiplyScalar(d)).add(n.multiplyScalar(1 - s));
+      const c = 1 + s * a / t.dot(n);
+      return e.add(L.copy(t).multiplyScalar(c)).add(n.multiplyScalar(1 - s));
     }
   }
   _updateNearPlaneCorners() {
     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);
     }
@@ -1618,13 +1618,13 @@ class J extends Es {
     if (!(this.colliderMeshes.length >= 1) || Ee(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ne);
-    xe.lookAt(Ve, s, this._camera.up);
+    be.lookAt(Ve, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
-      r.applyMatrix4(xe);
-      const o = X.addVectors(this._target, r);
-      pe.set(o, s), pe.far = this._spherical.radius + 1;
-      const n = pe.intersectObjects(this.colliderMeshes);
+      r.applyMatrix4(be);
+      const o = $.addVectors(this._target, r);
+      me.set(o, s), me.far = this._spherical.radius + 1;
+      const n = me.intersectObjects(this.colliderMeshes);
       n.length !== 0 && n[0].distance < e && (e = n[0].distance);
     }
     return e;
@@ -1692,23 +1692,23 @@ class J extends Es {
   }
   static createBoundingSphere(e, t = new T.Sphere()) {
     const s = t, i = s.center;
-    $.makeEmpty(), e.traverseVisible((o) => {
-      o.isMesh && $.expandByObject(o);
-    }), $.getCenter(i);
+    X.makeEmpty(), e.traverseVisible((o) => {
+      o.isMesh && X.expandByObject(o);
+    }), X.getCenter(i);
     let r = 0;
     return e.traverseVisible((o) => {
       if (!o.isMesh) return;
       const n = o;
       if (!n.geometry) return;
-      const l = n.geometry.clone();
-      l.applyMatrix4(n.matrixWorld);
-      const _ = l.attributes.position;
-      for (let p = 0, O = _.count; p < O; p++)
-        w.fromBufferAttribute(_, p), r = Math.max(r, i.distanceToSquared(w));
+      const a = n.geometry.clone();
+      a.applyMatrix4(n.matrixWorld);
+      const f = a.attributes.position;
+      for (let m = 0, v = f.count; m < v; m++)
+        x.fromBufferAttribute(f, m), r = Math.max(r, i.distanceToSquared(x));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Ae = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ke = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
+var Se = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ge = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
   return Function.prototype.apply.call(e, t, s);
 }, ue;
 Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
@@ -1716,52 +1716,52 @@ Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymb
 } : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function bs(h) {
+function Ts(h) {
   console && console.warn && console.warn(h);
 }
 var _t = Number.isNaN || function(e) {
   return e !== e;
 };
-function S() {
-  S.init.call(this);
+function A() {
+  A.init.call(this);
 }
-Ae.exports = S;
-Ae.exports.once = Ps;
-S.EventEmitter = S;
-S.prototype._events = void 0;
-S.prototype._eventsCount = 0;
-S.prototype._maxListeners = void 0;
-var Xe = 10;
+Se.exports = A;
+Se.exports.once = Ls;
+A.EventEmitter = A;
+A.prototype._events = void 0;
+A.prototype._eventsCount = 0;
+A.prototype._maxListeners = void 0;
+var $e = 10;
 function ge(h) {
   if (typeof h != "function")
     throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof h);
 }
-Object.defineProperty(S, "defaultMaxListeners", {
+Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return Xe;
+    return $e;
   },
   set: function(h) {
     if (typeof h != "number" || h < 0 || _t(h))
       throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + h + ".");
-    Xe = h;
+    $e = h;
   }
 });
-S.init = function() {
+A.init = function() {
   (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
 };
-S.prototype.setMaxListeners = function(e) {
+A.prototype.setMaxListeners = function(e) {
   if (typeof e != "number" || e < 0 || _t(e))
     throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + e + ".");
   return this._maxListeners = e, this;
 };
 function gt(h) {
-  return h._maxListeners === void 0 ? S.defaultMaxListeners : h._maxListeners;
+  return h._maxListeners === void 0 ? A.defaultMaxListeners : h._maxListeners;
 }
-S.prototype.getMaxListeners = function() {
+A.prototype.getMaxListeners = function() {
   return gt(this);
 };
-S.prototype.emit = function(e) {
+A.prototype.emit = function(e) {
   for (var t = [], s = 1; s < arguments.length; s++) t.push(arguments[s]);
   var i = e === "error", r = this._events;
   if (r !== void 0)
@@ -1775,17 +1775,17 @@ S.prototype.emit = function(e) {
     var n = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
     throw n.context = o, n;
   }
-  var l = r[e];
-  if (l === void 0)
+  var a = r[e];
+  if (a === void 0)
     return !1;
-  if (typeof l == "function")
-    Ke(l, this, t);
+  if (typeof a == "function")
+    Ge(a, this, t);
   else
-    for (var d = l.length, _ = Et(l, d), s = 0; s < d; ++s)
-      Ke(_[s], this, t);
+    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
+      Ge(f[s], this, t);
   return !0;
 };
-function vt(h, e, t, s) {
+function yt(h, e, t, s) {
   var i, r, o;
   if (ge(t), r = h._events, r === void 0 ? (r = h._events = /* @__PURE__ */ Object.create(null), h._eventsCount = 0) : (r.newListener !== void 0 && (h.emit(
     "newListener",
@@ -1796,32 +1796,32 @@ function vt(h, e, t, s) {
   else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = gt(h), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
     var n = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, bs(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, Ts(n);
   }
   return h;
 }
-S.prototype.addListener = function(e, t) {
-  return vt(this, e, t, !1);
+A.prototype.addListener = function(e, t) {
+  return yt(this, e, t, !1);
 };
-S.prototype.on = S.prototype.addListener;
-S.prototype.prependListener = function(e, t) {
-  return vt(this, e, t, !0);
+A.prototype.on = A.prototype.addListener;
+A.prototype.prependListener = function(e, t) {
+  return yt(this, e, t, !0);
 };
 function ws() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function yt(h, e, t) {
+function vt(h, e, t) {
   var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = ws.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
-S.prototype.once = function(e, t) {
-  return ge(t), this.on(e, yt(this, e, t)), this;
+A.prototype.once = function(e, t) {
+  return ge(t), this.on(e, vt(this, e, t)), this;
 };
-S.prototype.prependOnceListener = function(e, t) {
-  return ge(t), this.prependListener(e, yt(this, e, t)), this;
+A.prototype.prependOnceListener = function(e, t) {
+  return ge(t), this.prependListener(e, vt(this, e, t)), this;
 };
-S.prototype.removeListener = function(e, t) {
+A.prototype.removeListener = function(e, t) {
   var s, i, r, o, n;
   if (ge(t), i = this._events, i === void 0)
     return this;
@@ -1841,8 +1841,8 @@ S.prototype.removeListener = function(e, t) {
   }
   return this;
 };
-S.prototype.off = S.prototype.removeListener;
-S.prototype.removeAllListeners = function(e) {
+A.prototype.off = A.prototype.removeListener;
+A.prototype.removeAllListeners = function(e) {
   var t, s, i;
   if (s = this._events, s === void 0)
     return this;
@@ -1866,18 +1866,18 @@ function Ct(h, e, t) {
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ls(i) : Et(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? bs(i) : Et(i, i.length);
 }
-S.prototype.listeners = function(e) {
+A.prototype.listeners = function(e) {
   return Ct(this, e, !0);
 };
-S.prototype.rawListeners = function(e) {
+A.prototype.rawListeners = function(e) {
   return Ct(this, e, !1);
 };
-S.listenerCount = function(h, e) {
+A.listenerCount = function(h, e) {
   return typeof h.listenerCount == "function" ? h.listenerCount(e) : Ot.call(h, e);
 };
-S.prototype.listenerCount = Ot;
+A.prototype.listenerCount = Ot;
 function Ot(h) {
   var e = this._events;
   if (e !== void 0) {
@@ -1889,7 +1889,7 @@ function Ot(h) {
   }
   return 0;
 }
-S.prototype.eventNames = function() {
+A.prototype.eventNames = function() {
   return this._eventsCount > 0 ? ue(this._events) : [];
 };
 function Et(h, e) {
@@ -1902,12 +1902,12 @@ function xs(h, e) {
     h[e] = h[e + 1];
   h.pop();
 }
-function Ls(h) {
+function bs(h) {
   for (var e = new Array(h.length), t = 0; t < e.length; ++t)
     e[t] = h[t].listener || h[t];
   return e;
 }
-function Ps(h, e) {
+function Ls(h, e) {
   return new Promise(function(t, s) {
     function i(o) {
       h.removeListener(e, r), s(o);
@@ -1915,10 +1915,10 @@ function Ps(h, e) {
     function r() {
       typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
     }
-    Tt(h, e, r, { once: !0 }), e !== "error" && Ss(h, i, { once: !0 });
+    Tt(h, e, r, { once: !0 }), e !== "error" && Ps(h, i, { once: !0 });
   });
 }
-function Ss(h, e, t) {
+function Ps(h, e, t) {
   typeof h.on == "function" && Tt(h, "error", e, t);
 }
 function Tt(h, e, t, s) {
@@ -1931,43 +1931,43 @@ function Tt(h, e, t, s) {
   else
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
 }
-var ve = Ae.exports;
+var ye = Se.exports;
 const As = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: ns.sRGB,
+  outputColorSpace: os.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
   depth: !1
 };
-class Ms {
+class Ss {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i } = e, {
       alpha: r,
       devicePixelRatio: o,
       antialias: n,
-      powerPreference: l,
-      toneMappingExposure: d,
-      outputColorSpace: _,
-      logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: O,
-      stencil: v,
-      depth: m
-    } = i, u = new Ut({
+      powerPreference: a,
+      toneMappingExposure: c,
+      outputColorSpace: f,
+      logarithmicDepthBuffer: m,
+      preserveDrawingBuffer: v,
+      stencil: p,
+      depth: u
+    } = i, g = new Ut({
       alpha: r,
       antialias: n,
-      powerPreference: l,
-      logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: O,
-      stencil: v,
-      depth: m
+      powerPreference: a,
+      logarithmicDepthBuffer: m,
+      preserveDrawingBuffer: v,
+      stencil: p,
+      depth: u
     });
-    u.setSize(t, s), u.setPixelRatio(o), u.toneMappingExposure = d, u.outputColorSpace = _, this.renderer = u;
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = f, this.renderer = g;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -1979,35 +1979,26 @@ class Ms {
     this.renderer.render(e, t);
   }
   setViewport(e) {
-    var l, d;
-    const { x: t, y: s, width: i, height: r } = e, o = (l = e.scissor) != null ? l : !1, n = (d = e.scissorTest) != null ? d : !1;
+    var a, c;
+    const { x: t, y: s, width: i, height: r } = e, o = (a = e.scissor) != null ? a : !1, n = (c = e.scissorTest) != null ? c : !1;
     this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(n));
   }
-  setViewPadding(e = 0, t = 0, s = 0, i = 0) {
-    const { width: r, height: o } = this.renderer.getSize(new B()), n = {
-      x: i,
-      y: s,
-      width: r - i - t,
-      height: o - e - s
-    };
-    this.setViewport(n);
-  }
   dispose() {
     var e, t;
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-const Rs = {
+const Ms = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class Ds {
+class Rs {
   constructor(e) {
     this.options = e;
-    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, l = new r({
+    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, a = new r({
       antialias: n
     });
-    l.setSize(t, s), l.setPixelRatio(o), this.renderer = l;
+    a.setSize(t, s), a.setPixelRatio(o), this.renderer = a;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -2020,7 +2011,7 @@ class Ds {
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-let Us = class {
+let Ds = class {
   constructor() {
     this.mask = 1;
   }
@@ -2048,10 +2039,10 @@ let Us = class {
 };
 class ee {
   constructor() {
-    this.event = new ve.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
+    this.event = new ye.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
-    const s = new Us();
+    const s = new Ds();
     return s.disableAll(), t !== void 0 && s.set(t), this.controllerMap.set(e, s), t === this.activeIndex && this.activeControllerSet.add(e), e;
   }
   removePage(e, t) {
@@ -2079,22 +2070,22 @@ class ee {
     }), this.removePage(0), this.controllerMap.clear(), this.event.removeAllListeners(), this.activeControllerSet.clear();
   }
 }
-const bt = {
+const wt = {
   fov: 45,
   near: 1,
   far: 1e3,
   up: new I(0, 1, 0)
 };
-class zs extends ee {
+class Us extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
   get camera() {
     return this.controller;
   }
-  addPerspectiveCamera(e = bt, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: n } = e, l = n != null ? n : this.width / this.height, d = new zt(s, l, r, i);
-    return d.up = o, this.addController(d, t);
+  addPerspectiveCamera(e = wt, t) {
+    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, c = new zt(s, a, r, i);
+    return c.up = o, this.addController(c, t);
   }
   setPageActive(e) {
     super.setPageActive(e, (t, s) => {
@@ -2160,15 +2151,15 @@ class zs extends ee {
         s[7],
         s[11],
         s[15]
-      ), { width: n, height: l } = this, d = n / l;
-      (this.camera.fov !== t.fov || this.camera.aspect !== d || !this.camera.matrixWorld.equals(r) || !this.camera.matrixWorldInverse.equals(o)) && (this.camera.fov = t.fov, this.camera.updateProjectionMatrix(), this.camera.matrixAutoUpdate = !1, this.camera.matrixWorld.copy(r), this.camera.matrixWorldInverse.copy(o), this.camera.aspect = d, this.camera.updateProjectionMatrix());
+      ), { width: n, height: a } = this, c = n / a;
+      (this.camera.fov !== t.fov || this.camera.aspect !== c || !this.camera.matrixWorld.equals(r) || !this.camera.matrixWorldInverse.equals(o)) && (this.camera.fov = t.fov, this.camera.updateProjectionMatrix(), this.camera.matrixAutoUpdate = !1, this.camera.matrixWorld.copy(r), this.camera.matrixWorldInverse.copy(o), this.camera.aspect = c, this.camera.updateProjectionMatrix());
     }
   }
 }
-const ks = {
+const zs = {
   background: null
 };
-class Fs extends ee {
+class ks extends ee {
   get scene() {
     return this.controller;
   }
@@ -2191,7 +2182,7 @@ class Fs extends ee {
     });
   }
 }
-class Ns {
+class Fs {
   constructor(e) {
     this.helpers = {}, this.options = e;
   }
@@ -2208,11 +2199,11 @@ class Ns {
       else if (e.isDirectionalLight)
         i = new Nt(e, 1);
       else if (e.isSpotLight)
-        i = new jt(e);
+        i = new Ht(e);
       else if (e.isHemisphereLight)
         i = new It(e, 10);
       else if (e.isRectAreaLight)
-        i = new cs(e);
+        i = new hs(e);
       else {
         const r = new at();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
@@ -2226,7 +2217,7 @@ class Ns {
     }
   }
   addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new ds(e.camera, t);
+    const { cameraController: e, container: t } = this.options, s = new cs(e.camera, t);
     t.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2258,8 +2249,8 @@ class Ns {
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
       if (n.update && n.update(), n instanceof Ue) {
-        const l = n.material, { object: d } = l.userData;
-        d && n.box.setFromObject(d, !0);
+        const a = n.material, { object: c } = a.userData;
+        c && n.box.setFromObject(c, !0);
       }
     }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
       ...i.camera.position.toArray()
@@ -2276,7 +2267,7 @@ class Ns {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-class js extends ee {
+class Ns extends ee {
   constructor(e) {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
@@ -2320,13 +2311,13 @@ class js extends ee {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Ht.DEG2RAD);
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * jt.DEG2RAD);
   }
 }
-class Is {
+class Hs {
   constructor(e) {
-    this.event = new ve.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new ps(
+    this.event = new ye.EventEmitter();
+    const { renderer: t, scene: s, camera: i } = e, r = new ds(
       i,
       t.domElement
     );
@@ -2335,8 +2326,8 @@ class Is {
       if (s.add(o), +Zt < 170) {
         const n = r._root;
         n.dispose = () => {
-          n.traverse((l) => {
-            l.geometry && l.geometry.dispose(), l.material && l.material.dispose();
+          n.traverse((a) => {
+            a.geometry && a.geometry.dispose(), a.material && a.material.dispose();
           });
         }, r.dispose = () => {
           r.disconnect(), n.dispose();
@@ -2392,8 +2383,8 @@ class Is {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const $e = new I(), Hs = new lt(), qe = new I(), j = new W(), Bs = new W();
-class Vs {
+const Xe = new I(), Is = new lt(), qe = new I(), H = new W(), js = new W();
+class Bs {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2405,69 +2396,69 @@ class Vs {
     const n = {
       camera: { style: "" },
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l;
-    const d = document.createElement("div");
-    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", l.appendChild(d);
-    const _ = document.createElement("div");
-    _.style.transformStyle = "preserve-3d", d.appendChild(_), this.getSize = function() {
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a;
+    const c = document.createElement("div");
+    c.style.transformOrigin = "0 0", c.style.pointerEvents = "none", a.appendChild(c);
+    const f = document.createElement("div");
+    f.style.transformStyle = "preserve-3d", c.appendChild(f), this.getSize = function() {
       return {
         width: s,
         height: i
       };
-    }, this.render = function(f, a) {
-      const g = a.projectionMatrix.elements[5] * o;
-      a.view && a.view.enabled ? (d.style.transform = `translate( ${-a.view.offsetX * (s / a.view.width)}px, ${-a.view.offsetY * (i / a.view.height)}px )`, d.style.transform += `scale( ${a.view.fullWidth / a.view.width}, ${a.view.fullHeight / a.view.height} )`) : d.style.transform = "", f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), a.parent === null && a.matrixWorldAutoUpdate === !0 && a.updateMatrixWorld();
-      let C, y;
-      a.isOrthographicCamera && (C = -(a.right + a.left) / 2, y = (a.top + a.bottom) / 2);
-      const b = a.view && a.view.enabled ? a.view.height / a.view.fullHeight : 1, E = a.isOrthographicCamera ? `scale( ${b} )scale(` + g + ")translate(" + p(C) + "px," + p(y) + "px)" + O(a.matrixWorldInverse) : `scale( ${b} )translateZ(` + g + "px)" + O(a.matrixWorldInverse), R = (a.isPerspectiveCamera ? "perspective(" + g + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (_.style.transform = R, n.camera.style = R), u(f, f, a);
-    }, this.setSize = function(f, a) {
-      s = f, i = a, r = s / 2, o = i / 2, l.style.width = f + "px", l.style.height = a + "px", d.style.width = f + "px", d.style.height = a + "px", _.style.width = f + "px", _.style.height = a + "px";
+    }, this.render = function(y, l) {
+      const _ = l.projectionMatrix.elements[5] * o;
+      l.view && l.view.enabled ? (c.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, c.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : c.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(` + _ + ")translate(" + m(O) + "px," + m(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (f.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", c.style.width = y + "px", c.style.height = l + "px", f.style.width = y + "px", f.style.height = l + "px";
     };
-    function p(f) {
-      return Math.abs(f) < 1e-10 ? 0 : f;
+    function m(y) {
+      return Math.abs(y) < 1e-10 ? 0 : y;
     }
-    function O(f) {
-      const a = f.elements;
-      return "matrix3d(" + p(a[0]) + "," + p(-a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(a[4]) + "," + p(-a[5]) + "," + p(a[6]) + "," + p(a[7]) + "," + p(a[8]) + "," + p(-a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(-a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")";
+    function v(y) {
+      const l = y.elements;
+      return "matrix3d(" + m(l[0]) + "," + m(-l[1]) + "," + m(l[2]) + "," + m(l[3]) + "," + m(l[4]) + "," + m(-l[5]) + "," + m(l[6]) + "," + m(l[7]) + "," + m(l[8]) + "," + m(-l[9]) + "," + m(l[10]) + "," + m(l[11]) + "," + m(l[12]) + "," + m(-l[13]) + "," + m(l[14]) + "," + m(l[15]) + ")";
     }
-    function v(f) {
-      const a = f.elements;
-      return "translate(-50%,-50%)" + ("matrix3d(" + p(a[0]) + "," + p(a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(-a[4]) + "," + p(-a[5]) + "," + p(-a[6]) + "," + p(-a[7]) + "," + p(a[8]) + "," + p(a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")");
+    function p(y) {
+      const l = y.elements;
+      return "translate(-50%,-50%)" + ("matrix3d(" + m(l[0]) + "," + m(l[1]) + "," + m(l[2]) + "," + m(l[3]) + "," + m(-l[4]) + "," + m(-l[5]) + "," + m(-l[6]) + "," + m(-l[7]) + "," + m(l[8]) + "," + m(l[9]) + "," + m(l[10]) + "," + m(l[11]) + "," + m(l[12]) + "," + m(l[13]) + "," + m(l[14]) + "," + m(l[15]) + ")");
     }
-    function m(f) {
-      f.isCSS3DObject && (f.element.style.display = "none");
-      for (let a = 0, g = f.children.length; a < g; a++)
-        m(f.children[a]);
+    function u(y) {
+      y.isCSS3DObject && (y.element.style.display = "none");
+      for (let l = 0, _ = y.children.length; l < _; l++)
+        u(y.children[l]);
     }
-    function u(f, a, g, C) {
-      if (f.visible === !1) {
-        m(f);
+    function g(y, l, _, O) {
+      if (y.visible === !1) {
+        u(y);
         return;
       }
-      if (f.isCSS3DObject) {
-        const y = f.layers.test(g.layers) === !0, b = f.element;
-        if (b.style.display = y === !0 ? "" : "none", y === !0) {
-          f.onBeforeRender(t, a, g);
+      if (y.isCSS3DObject) {
+        const C = y.layers.test(_.layers) === !0, w = y.element;
+        if (w.style.display = C === !0 ? "" : "none", C === !0) {
+          y.onBeforeRender(t, l, _);
           let E;
-          f.isCSS3DSprite ? (j.copy(g.matrixWorldInverse), j.transpose(), f.rotation2D !== 0 && j.multiply(Bs.makeRotationZ(f.rotation2D)), f.matrixWorld.decompose($e, Hs, qe), j.setPosition($e), j.scale(qe), j.elements[3] = 0, j.elements[7] = 0, j.elements[11] = 0, j.elements[15] = 1, E = v(j)) : E = v(f.matrixWorld);
-          const x = n.objects.get(f);
-          if (x === void 0 || x.style !== E) {
-            b.style.transform = E;
+          y.isCSS3DSprite ? (H.copy(_.matrixWorldInverse), H.transpose(), y.rotation2D !== 0 && H.multiply(js.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Is, qe), H.setPosition(Xe), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, E = p(H)) : E = p(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(f, R);
+            n.objects.set(y, R);
           }
-          b.parentNode !== _ && _.appendChild(b), f.onAfterRender(t, a, g);
+          w.parentNode !== f && f.appendChild(w), y.onAfterRender(t, l, _);
         }
       }
-      for (let y = 0, b = f.children.length; y < b; y++)
-        u(f.children[y], a, g);
+      for (let C = 0, w = y.children.length; C < w; C++)
+        g(y.children[C], l, _);
     }
   }
 }
 const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
-class Ys {
+class Vs {
   /**
    * Constructs a new CSS2D renderer.
    *
@@ -2478,69 +2469,69 @@ class Ys {
     let s, i, r, o;
     const n = {
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l, this.getSize = function() {
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a, this.getSize = function() {
       return {
         width: s,
         height: i
       };
-    }, this.render = function(m, u) {
-      m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), u.parent === null && u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), Qe.copy(u.matrixWorldInverse), Je.multiplyMatrices(u.projectionMatrix, Qe), _(m, m, u), v(m);
-    }, this.setSize = function(m, u) {
-      s = m, i = u, r = s / 2, o = i / 2, l.style.width = m + "px", l.style.height = u + "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), f(u, u, g), p(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 d(m) {
-      m.isCSS2DObject && (m.element.style.display = "none");
-      for (let u = 0, f = m.children.length; u < f; u++)
-        d(m.children[u]);
+    function c(u) {
+      u.isCSS2DObject && (u.element.style.display = "none");
+      for (let g = 0, y = u.children.length; g < y; g++)
+        c(u.children[g]);
     }
-    function _(m, u, f) {
-      if (m.visible === !1) {
-        d(m);
+    function f(u, g, y) {
+      if (u.visible === !1) {
+        c(u);
         return;
       }
-      if (m.isCSS2DObject) {
-        q.setFromMatrixPosition(m.matrixWorld), q.applyMatrix4(Je);
-        const a = q.z >= -1 && q.z <= 1 && m.layers.test(f.layers) === !0, g = m.element;
-        g.style.display = a === !0 ? "" : "none", a === !0 && (m.onBeforeRender(t, u, f), g.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", g.parentNode !== l && l.appendChild(g), m.onAfterRender(t, u, f));
-        const C = {
-          distanceToCameraSquared: p(f, m)
+      if (u.isCSS2DObject) {
+        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Je);
+        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
+        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
+        const O = {
+          distanceToCameraSquared: m(y, u)
         };
-        n.objects.set(m, C);
+        n.objects.set(u, O);
       }
-      for (let a = 0, g = m.children.length; a < g; a++)
-        _(m.children[a], u, f);
+      for (let l = 0, _ = u.children.length; l < _; l++)
+        f(u.children[l], g, y);
     }
-    function p(m, u) {
-      return et.setFromMatrixPosition(m.matrixWorld), tt.setFromMatrixPosition(u.matrixWorld), et.distanceToSquared(tt);
+    function m(u, g) {
+      return et.setFromMatrixPosition(u.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
     }
-    function O(m) {
-      const u = [];
-      return m.traverseVisible(function(f) {
-        f.isCSS2DObject && u.push(f);
-      }), u;
+    function v(u) {
+      const g = [];
+      return u.traverseVisible(function(y) {
+        y.isCSS2DObject && g.push(y);
+      }), g;
     }
-    function v(m) {
-      const u = O(m).sort(function(a, g) {
-        if (a.renderOrder !== g.renderOrder)
-          return g.renderOrder - a.renderOrder;
-        const C = n.objects.get(a).distanceToCameraSquared, y = n.objects.get(g).distanceToCameraSquared;
-        return C - y;
-      }), f = u.length;
-      for (let a = 0, g = u.length; a < g; a++)
-        u[a].element.style.zIndex = f - a;
+    function p(u) {
+      const g = v(u).sort(function(l, _) {
+        if (l.renderOrder !== _.renderOrder)
+          return _.renderOrder - l.renderOrder;
+        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(_).distanceToCameraSquared;
+        return O - C;
+      }), y = g.length;
+      for (let l = 0, _ = g.length; l < _; l++)
+        g[l].element.style.zIndex = y - l;
     }
   }
 }
 const st = {
   zIndex: "auto"
 };
-class Zs {
+class Ys {
   constructor(e) {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Ys() : new Vs();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Vs() : new Bs();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -2556,7 +2547,7 @@ class Zs {
     (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0;
   }
 }
-const Ws = {
+const Zs = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2650,11 +2641,11 @@ const Ws = {
 		}`
   )
 };
-class Gs extends fs {
+class Ws extends us {
   constructor() {
     super();
-    const e = Ws;
-    this.uniforms = Gt.clone(e.uniforms), this.material = new Kt({
+    const e = Zs;
+    this.uniforms = Kt.clone(e.uniforms), this.material = new Gt({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
@@ -2663,8 +2654,8 @@ class Gs extends fs {
   }
 }
 const Ks = (h) => {
-  const e = new _s(
-    new Xt({
+  const e = new fs(
+    new $t({
       uniforms: {
         baseTexture: { value: null },
         bloomTexture: { value: h.renderTarget2.texture },
@@ -2698,36 +2689,36 @@ const Ks = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Le = 1, me = !1, Xs = new $t({ color: "black" }), $s = new ct({
+}, Le = 1, pe = !1, Gs = new Xt({ color: "black" }), $s = new ct({
   color: "black",
   sizeAttenuation: !1
-}), qs = new ct({
+}), Xs = new ct({
   color: "black",
   sizeAttenuation: !0
-}), Qs = new dt({
+}), qs = new dt({
   color: "black",
   sizeAttenuation: !0
-}), Js = new dt({
+}), Qs = new dt({
   color: "black",
   sizeAttenuation: !1
-}), ei = new ut({
+}), Js = new ut({
   color: "black",
   sizeAttenuation: 0,
   lineWidth: 0
-}), ti = {
+}), ei = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
-}, si = {
+}, ti = {
   threshold: 0,
   strength: 0.4,
   radius: 0.1,
   bloomAlphaType: 0
-}, ii = {
+}, si = {
   multisampling: 4,
   premultiplieAlpha: !1
 };
-class ri {
+class ii {
   constructor(e) {
     this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new qt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
@@ -2737,23 +2728,23 @@ class ri {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: l } = o.capabilities, d = o.getDrawingBufferSize(new B()), _ = new Qt(
-      d.width,
-      d.height,
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), f = new Qt(
+      c.width,
+      c.height,
       {
-        samples: Math.min(n, l),
+        samples: Math.min(n, a),
         type: Jt
       }
-    ), p = new ke(o, _), O = this.getSize();
-    p.setSize(O.width, O.height);
-    const v = new ms(
+    ), m = new ke(o, f), v = this.getSize();
+    m.setSize(v.width, v.height);
+    const p = new ms(
       s.scene,
       i.camera
     );
-    p.addPass(v), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = v, i.event.on("pageChange", (m) => {
-      this.changeCamera(m);
-    }), s.event.on("pageChange", (m) => {
-      this.changeScene(m);
+    m.addPass(p), this.scene = s.scene, this.camera = i.camera, this.finalComposer = m, this.renderPass = p, i.event.on("pageChange", (u) => {
+      this.changeCamera(u);
+    }), s.event.on("pageChange", (u) => {
+      this.changeScene(u);
     });
   }
   changeCamera(e) {
@@ -2763,28 +2754,28 @@ class ri {
     this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
   addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new Gs();
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new Ws();
     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, l = new us(t, s, o, n);
-    l.kernelRadius = e.kernelRadius, l.minDistance = e.minDistance, l.maxDistance = e.maxDistance, this.ssaoPass = l, this.finalComposer.addPass(l);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new ps(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 gs(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new _s(
       new B(window.innerWidth, window.innerHeight),
       i,
       r,
       s
     );
     this.bloomPass = n;
-    const l = new ke(t);
-    l.renderToScreen = !1, l.addPass(this.renderPass), l.addPass(n), this.bloomComposer = l;
-    const d = Ks(l);
-    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = l, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Le);
+    const a = new ke(t);
+    a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
+    const c = Ks(a);
+    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Le);
   }
   setBloomSelection(e, t) {
     if (!this.bloomComposer) {
@@ -2816,9 +2807,9 @@ class ri {
       s.isTransformControls || s.isTransformControlsRoot || s.type === "RectAreaLightHelper" ? e.push(s) : t.push(s);
     }), t.forEach((s) => {
       s.traverse((i) => {
-        var l;
+        var a;
         const r = i, o = i, n = i;
-        (l = r.material) != null && l.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Qs : o.material = Js : r.material instanceof ut ? r.material = ei : n.isPoints ? n.material.sizeAttenuation ? n.material = qs : n.material = $s : r.material = Xs);
+        (a = r.material) != null && a.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = qs : o.material = Qs : r.material instanceof ut ? r.material = Js : n.isPoints ? n.material.sizeAttenuation ? n.material = Xs : n.material = $s : r.material = Gs);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2862,7 +2853,7 @@ class ri {
     this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomSelection.clear(), this.finalComposer.dispose(), (e = this.bloomComposer) == null || e.dispose();
   }
 }
-class it extends pt {
+class it extends mt {
   constructor(e) {
     super(e), this.options = { type: "image" };
   }
@@ -2871,44 +2862,44 @@ class it extends pt {
   }
   load(e, t, s, i) {
     let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new mt(o)) : r = new fe();
-    const n = new Se(this.manager);
+    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new pt(o)) : r = new fe();
+    const n = new Ae(this.manager);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
-      (l) => {
-        let d = l;
-        const _ = e.split(".").pop(), p = this.options.type === "image" ? `image/${_ || "png"}` : `video/${_ || "mp4"}`;
-        d = d.slice(0, l.size, p);
-        const O = () => {
-          o.removeEventListener("load", v, !1), o.removeEventListener("error", m, !1);
-        }, v = () => {
-          O(), r.needsUpdate = !0, t && t(r);
-        }, m = (f) => {
-          O(), i && i(f), this.manager.itemError(e), this.manager.itemEnd(e);
+      (a) => {
+        let c = a;
+        const f = e.split(".").pop(), m = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
+        c = c.slice(0, a.size, m);
+        const v = () => {
+          o.removeEventListener("load", p, !1), o.removeEventListener("error", u, !1);
+        }, p = () => {
+          v(), r.needsUpdate = !0, t && t(r);
+        }, u = (y) => {
+          v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", v, !1), o.addEventListener("error", m, !1);
-        const u = window.URL.createObjectURL(d);
-        o.src = u;
+        o.addEventListener("load", p, !1), o.addEventListener("error", u, !1);
+        const g = window.URL.createObjectURL(c);
+        o.src = g;
       },
       s,
       i
     ), r;
   }
 }
-class oi extends pt {
+class ri extends mt {
   constructor(e) {
     super(e);
   }
   load(e, t, s, i) {
-    const r = new Se(this.manager);
+    const r = new Ae(this.manager);
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
-        const n = o, l = new DecompressionStream("gzip"), d = n.stream().pipeThrough(l);
-        new Response(d).json().then((p) => {
-          t == null || t(p);
-        }).catch((p) => {
-          i == null || i(p);
+        const n = o, a = new DecompressionStream("gzip"), c = n.stream().pipeThrough(a);
+        new Response(c).json().then((m) => {
+          t == null || t(m);
+        }).catch((m) => {
+          i == null || i(m);
         });
       },
       s,
@@ -2916,7 +2907,7 @@ class oi extends pt {
     );
   }
 }
-const ni = {
+const oi = {
   images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
@@ -2925,9 +2916,9 @@ const ni = {
   exr: ["exr"],
   lottie: ["lottie.json"]
 };
-class ai {
+class ni {
   constructor(e) {
-    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ve.EventEmitter(), this.options = U({
+    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ye.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
       prefix: ""
     }, e), this.loadingManager = new es(
@@ -2968,7 +2959,7 @@ class ai {
       if (e.endsWith("json.gzip"))
         return "gzipJson";
     } else return;
-    for (const [i, r] of Object.entries(ni))
+    for (const [i, r] of Object.entries(oi))
       if (r.includes(t))
         return i;
   }
@@ -2978,15 +2969,15 @@ class ai {
     if (e === "media")
       return this.videoTextureLoader || (this.videoTextureLoader = new it(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new vs(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
+      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new 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 Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new Cs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
+      return this.lottieLoader || (this.lottieLoader = new vs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
-      return this.gzipJsonLoader || (this.gzipJsonLoader = new oi(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
+      return this.gzipJsonLoader || (this.gzipJsonLoader = new ri(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
-      return this.jsonLoader || (this.jsonLoader = new Se(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
+      return this.jsonLoader || (this.jsonLoader = new Ae(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
     if (e === "exr")
       return this.exrLoader || (this.exrLoader = new ys(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
   }
@@ -3007,7 +2998,7 @@ class ai {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof fe || t instanceof ts || t instanceof mt) && e.set(s, t);
+      (t instanceof fe || t instanceof ts || t instanceof pt) && e.set(s, t);
     }), e;
   }
   loadAll() {
@@ -3020,11 +3011,11 @@ class ai {
   }
   load(e, t) {
     return se(this, null, function* () {
-      var n, l;
+      var n, a;
       const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = Os();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = Cs();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3032,14 +3023,14 @@ class ai {
       }
       const o = this.getLoader(s, t);
       try {
-        const d = yield o.loadAsync(e);
-        if (this.assets.set(e, d), r.resolve(d), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          (t == null ? void 0 : t.colorCorrection) !== !1 && as({ texture: d });
-          const _ = (l = t == null ? void 0 : t.anisotropy) != null ? l : this.options.anisotropy;
-          d.anisotropy = _;
+        const c = yield o.loadAsync(e);
+        if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
+          (t == null ? void 0 : t.colorCorrection) !== !1 && ns({ texture: c });
+          const f = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          c.anisotropy = f;
         }
-        return d;
-      } catch (d) {
+        return c;
+      } catch (c) {
         r.reject(`Failed to load ${e}`);
         return;
       }
@@ -3052,18 +3043,18 @@ class ai {
     const t = /* @__PURE__ */ new Set(), s = this.textureAssets;
     e.traverse((r) => {
       const o = r;
-      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((l) => {
+      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((a) => {
         [
-          l.map,
-          l.emissiveMap,
-          l.normalMap,
-          l.roughnessMap,
-          l.metalnessMap,
-          l.aoMap
-        ].forEach((d) => {
-          if (d) {
-            const _ = this.getSrcByAsset(d, s);
-            _ && t.add(_);
+          a.map,
+          a.emissiveMap,
+          a.normalMap,
+          a.roughnessMap,
+          a.metalnessMap,
+          a.aoMap
+        ].forEach((c) => {
+          if (c) {
+            const f = this.getSrcByAsset(c, s);
+            f && t.add(f);
           }
         });
       });
@@ -3078,10 +3069,10 @@ class ai {
     this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-const li = {
+const ai = {
   prefix: ""
 };
-class hi extends ee {
+class li extends ee {
   get loader() {
     return this.controller;
   }
@@ -3089,7 +3080,7 @@ class hi extends ee {
     super(), this.options = e;
   }
   addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new ai(te(U({}, s), {
+    const { loaderParams: s } = this.options, i = new ni(te(U({}, s), {
       scene: e
     }));
     return this.addController(i, t);
@@ -3100,15 +3091,6 @@ class hi extends ee {
     });
   }
 }
-class ci extends hs {
-  constructor(e) {
-    super(), this.options = U({}, e);
-  }
-  create() {
-    var e;
-    this.object3d = (e = this.options.scene) != null ? e : new nt();
-  }
-}
 function rt(h) {
   let e = !1, t = [];
   return function(...s) {
@@ -3117,7 +3099,7 @@ function rt(h) {
     }));
   };
 }
-class di {
+class hi {
   constructor(e) {
     var t;
     this.enabled = !0, this.pickFunctionsMap = /* @__PURE__ */ new Map(), this.pickNodeFunctionsMap = /* @__PURE__ */ new Map(), this.pickFunctionsMapIndex = -1, this.pickNodeFunctionsMapIndex = -1, this.activeObjects = /* @__PURE__ */ new Set(), this.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
@@ -3132,37 +3114,32 @@ class di {
         return;
       r.preventDefault();
       const o = e === "move" ? t : s, n = [];
-      if (this.pickFunctionsMap.forEach((m) => {
-        o.has(m.type) && n.push(te(U({}, m), {
-          objArr: m.objArr instanceof Function ? m.objArr() : m.objArr
+      if (this.pickFunctionsMap.forEach((p) => {
+        o.has(p.type) && n.push(te(U({}, p), {
+          objArr: p.objArr instanceof Function ? p.objArr() : p.objArr
         }));
       }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear();
-      const l = this.objCallbackMap, d = [];
-      for (const m of n)
-        for (const u of m.objArr) {
+      const a = this.objCallbackMap;
+      for (const p of n)
+        for (const u of p.objArr) {
           if (!u.object3d || !u.visibleWithAncestors) continue;
-          l.has(u) || (l.set(u, /* @__PURE__ */ new Map()), d.push(u));
-          const f = l.get(u);
-          f.has(m.type) || f.set(m.type, []), f.get(m.type).push(m.cb);
+          a.has(u) || a.set(u, /* @__PURE__ */ new Map());
+          const g = a.get(u);
+          g.has(p.type) || g.set(p.type, []), g.get(p.type).push(p.cb);
         }
-      if (d.length === 0) return;
-      const _ = d.map((m) => m.object3d);
-      _.forEach((m) => {
-        m.isGroup && m.traverse((u) => {
-          u instanceof ss && _.push(u);
-        });
-      });
-      const p = (v = this.pencil.pick(r, _, !1)) == null ? void 0 : v.intersects;
-      if (!p || p.length === 0)
+      if (a.size === 0) return;
+      const c = [...a.keys()].map((p) => p.object3d);
+      console.time(`Pick:listener:${e}:pick`);
+      const f = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
+      if (console.timeEnd(`Pick:listener:${e}:pick`), !f || f.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        this.sortIntersections(p);
-        const m = p[0];
-        this.processIntersection(m, r, e);
+        const p = f[0];
+        this.processIntersection(p, r, e);
       }
-      const O = this.prevActiveObjects;
-      this.prevActiveObjects = this.activeObjects, this.activeObjects = O, this.activeObjects.clear();
+      const m = this.prevActiveObjects;
+      this.prevActiveObjects = this.activeObjects, this.activeObjects = m, this.activeObjects.clear();
     };
     this.domElement.addEventListener(
       `pointer${e}`,
@@ -3170,9 +3147,6 @@ class di {
       { passive: !1 }
     );
   }
-  sortIntersections(e) {
-    e.sort((t, s) => t.distance === s.distance ? t.object.getObjectById(s.object.id) ? 1 : s.object.getObjectById(t.object.id) ? -1 : 0 : t.distance - s.distance);
-  }
   processIntersection(e, t, s) {
     const i = this.objCallbackMap, r = e.index || -1;
     let o = e.object;
@@ -3190,53 +3164,53 @@ class di {
     };
     for (const n of this.activeObjects) {
       if (r) break;
-      const l = i.get(n);
-      if (l)
+      const a = i.get(n);
+      if (a)
         if (t === "move") {
-          const d = l.get("enter");
-          if (d && !this.prevActiveObjects.has(n))
-            for (const p of d)
-              p({
+          const c = a.get("enter");
+          if (c && !this.prevActiveObjects.has(n))
+            for (const m of c)
+              m({
                 baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const _ = l.get("move");
-          if (_)
-            for (const p of _)
-              p({
+          const f = a.get("move");
+          if (f)
+            for (const m of f)
+              m({
                 baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
         } else {
-          const d = l.get("down");
-          if (d)
-            for (const p of d)
-              p({
+          const c = a.get("down");
+          if (c)
+            for (const m of c)
+              m({
                 baseObject: n,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const _ = l.get("click");
-          if (_) {
-            const p = (O) => {
-              O.preventDefault();
-              const v = 5;
-              if (!r && Math.abs(O.clientX - e.clientX) <= v && Math.abs(O.clientY - e.clientY) <= v)
-                for (const m of _)
-                  m({
+          const f = a.get("click");
+          if (f) {
+            const m = (v) => {
+              v.preventDefault();
+              const p = 5;
+              if (!r && Math.abs(v.clientX - e.clientX) <= p && Math.abs(v.clientY - e.clientY) <= p)
+                for (const u of f)
+                  u({
                     baseObject: n,
                     mouseEvent: e,
                     sp: o,
                     intersectionIndex: s
                   });
-              this.domElement.removeEventListener("pointerup", p);
+              this.domElement.removeEventListener("pointerup", m);
             };
-            this.domElement.addEventListener("pointerup", p);
+            this.domElement.addEventListener("pointerup", m);
           }
         }
     }
@@ -3282,15 +3256,15 @@ class di {
     this.pickNodeFunctionsMapIndex += 1;
     const i = this.pickNodeFunctionsMapIndex, r = e instanceof Function ? e() : e, o = [];
     for (const n of r) {
-      const l = n;
-      l.element.style.pointerEvents = "auto";
-      const d = (p) => {
-        this.enabled && (p.preventDefault(), s({
-          baseObject: l,
-          mouseEvent: p
+      const a = n;
+      a.element.style.pointerEvents = "auto";
+      const c = (m) => {
+        this.enabled && (m.preventDefault(), s({
+          baseObject: a,
+          mouseEvent: m
         }));
-      }, _ = `pointer${t}`;
-      l.element.addEventListener(_, rt(d), !1), o.push({ arr: l, type: _, listener: d });
+      }, f = `pointer${t}`;
+      a.element.addEventListener(f, rt(c), !1), o.push({ arr: a, type: f, listener: c });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -3310,15 +3284,28 @@ class di {
     this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.objCallbackMap.clear();
   }
 }
-class pi extends di {
+class ci extends hi {
   constructor(e, t) {
-    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.scene = new ci({
-      scene: t.scene
-    }), this.mList = t.mList, this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.mList = this.mList, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new ze(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.mList = this.mList, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new ze(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.mList = this.mList, this.prefabGroup.key = "@PrefabGroup", this.prefabGroup.object3d.name = "预制组", this.scene.add(this.group.object3d, this.prefabGroup.object3d), this.objects.set("@Scene", this.scene), this.objects.set("@Group", this.group), this.objects.set("@PrefabGroup", this.prefabGroup), this.objMap.set(this.scene.object3d, this.scene), this.objMap.set(this.group.object3d, this.group), this.objMap.set(this.prefabGroup.object3d, this.prefabGroup);
+    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new nt(), {
+      key: "@Scene",
+      name: "场景"
+    }), this.group = this.createBaseObject(new ze(), {
+      key: "@Group",
+      name: "物体组",
+      target: this.scene
+    }), this.prefabGroup = this.createBaseObject(new ze(), {
+      key: "@PrefabGroup",
+      name: "预制组",
+      target: this.scene
+    });
   }
   get objectsPromise() {
     return this.objectsPm.values();
   }
+  createBaseObject(e, t) {
+    const s = new ls();
+    return s.object3d = e, s.pencil = this.pencil, s.lead = this, s.mList = this.mList, t != null && t.key && (s.key = t.key), t != null && t.name && (e.name = t.name), t != null && t.target && (t == null || t.target.add(s.object3d)), this.objects.set(s.key, s), this.objMap.set(s.object3d, s), s;
+  }
   init(e) {
     return Object.keys(e).forEach((t) => {
       const s = class {
@@ -3343,23 +3330,23 @@ class pi extends di {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var r, o, n, l;
+      var r, o, n, a;
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const d = t.target, _ = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, O = (n = t.create) != null ? n : !0, v = new i().create(t);
-        let m;
-        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (l = d == null ? void 0 : d.objectType) != null && l.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, O === !1 ? v.create = () => {
-        } : O !== !0 && (v.create = () => {
-          O(v);
-        }), v.pencil = this.pencil, v.lead = this, v.mList = this.mList, v.prefab = p, v.objectType = `BaseObject#${e}`, v.objectOptions = t, this.setBaseObjectKey(
-          v,
+        const c = t.target, f = (r = t.onTop) != null ? r : 0, m = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, p = new i().create(t);
+        let u;
+        return c === null ? u = null : typeof c == "string" ? u = this.objects.get(c) : (a = c == null ? void 0 : c.objectType) != null && a.startsWith("BaseObject") || c ? u = c : m ? u = this.prefabGroup : u = this.group, v === !1 ? p.create = () => {
+        } : v !== !0 && (p.create = () => {
+          v(p);
+        }), p.pencil = this.pencil, p.lead = this, p.mList = this.mList, p.prefab = m, p.objectType = `BaseObject#${e}`, p.objectOptions = t, this.setBaseObjectKey(
+          p,
           t.key ? `$t:#${t.key}` : "$t:",
-          m == null ? void 0 : m.key
+          u == null ? void 0 : u.key
         ), this.objectsPm.set(
-          v,
-          this.addBaseObject(v, m, _)
-        ), yield this.objectsPm.get(v), this.objectsPm.delete(v), v;
+          p,
+          this.addBaseObject(p, u, f)
+        ), yield this.objectsPm.get(p), this.objectsPm.delete(p), p;
       }
       throw new Error(`Unrecognized:${e}`);
     });
@@ -3371,13 +3358,13 @@ class pi extends di {
       const [, n] = s.split("#");
       o = o.replace("$p:", n);
     }
-    return this.objects.has(o) && (o.includes("#") ? o += `-${je()}` : o += `#${je()}`), e.key = o, this.objects.set(o, e), o;
+    return this.objects.has(o) && (o.includes("#") ? o += `-${He()}` : o += `#${He()}`), e.key = o, this.objects.set(o, e), o;
   }
   updateBaseObjectKey(e, t) {
     var o;
     let s;
-    for (const [n, l] of this.objects.entries())
-      if (l === e) {
+    for (const [n, a] of this.objects.entries())
+      if (a === e) {
         s = n;
         break;
       }
@@ -3386,7 +3373,11 @@ class pi extends di {
   }
   addBaseObject(e, t, s) {
     return se(this, null, function* () {
-      yield e.create(), e.object3d && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e), s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render(), this.pencil.event.emit("draw", e);
+      if (yield e.create(), e.object3d) {
+        const i = e.object3d;
+        i.material && Array.isArray(i.material) && (i.material = i.material.slice()), this.pencil.options.mList && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e)), s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e));
+      }
+      e.render(), this.pencil.event.emit("draw", e);
     });
   }
   erase(...e) {
@@ -3429,7 +3420,7 @@ class pi extends di {
     }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
   }
 }
-class mi extends ee {
+class di extends ee {
   get lead() {
     return this.controller;
   }
@@ -3437,7 +3428,7 @@ class mi extends ee {
     super(), this.options = e;
   }
   addLead(e, t, s) {
-    const { pencil: i } = this.options, r = new pi(i, {
+    const { pencil: i } = this.options, r = new ci(i, {
       scene: e,
       mList: t
     });
@@ -3459,7 +3450,7 @@ class mi extends ee {
     });
   }
 }
-class ui {
+class mi {
   constructor(e) {
     this.materials = /* @__PURE__ */ new Map(), this.fixBaseObjects = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
   }
@@ -3474,25 +3465,37 @@ class ui {
           set: (i, r, o) => {
             var n;
             if (r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng)) {
-              const l = i.material;
-              return i.material = o, this.materials.set(e, o), this.disposeMaterial(l), this.syncChangeMaterial(l, o), !0;
+              const a = i.material;
+              return i.material = o, this.materials.set(e, o), this.disposeMaterial(a), this.syncChangeMaterial(a, o), !0;
             }
-            return Reflect.set(i, r, o);
+            return i[r] = o, !0;
           }
         }
       )
     };
-    this.fixBaseObjects.set(e, s), this.emitObject3dChange();
+    this.fixBaseObjects.set(e, s);
   }
   get(e) {
     const t = this.materials.get(e);
     return t || console.warn(`Material with key "${e}" not found.`), t;
   }
+  getByName(e) {
+    for (const [t, s] of this.materials.entries())
+      if (s.name === e)
+        return s;
+    console.warn(`Material with name "${e}" not found.`);
+  }
   getKey(e) {
     for (const [t, s] of this.materials.entries())
       if (s === e)
         return t;
   }
+  getKeyByName(e) {
+    for (const [t, s] of this.materials.entries())
+      if (s.name === e)
+        return t;
+    console.warn(`Material key with name "${e}" not found.`);
+  }
   getFixBaseObject(e) {
     const t = this.fixBaseObjects.get(e);
     return t || null;
@@ -3513,73 +3516,129 @@ class ui {
       }
     return i ? t : null;
   }
+  copy(e, t) {
+    const s = this.get(e);
+    if (!s)
+      return console.warn(`Material with key "${e}" not found.`), null;
+    const i = s.clone();
+    return this.add(t, i), i;
+  }
   copyMultiple(e, t) {
     const s = {}, i = `${e}#`;
     for (const [r, o] of this.materials.entries())
       if (r.startsWith(i)) {
-        const n = r.substring(i.length), l = o.clone();
-        s[n] = l;
-        const d = `${t}#${n}`;
-        this.add(d, l);
+        const n = r.substring(i.length), a = o.clone();
+        s[n] = a;
+        const c = `${t}#${n}`;
+        this.add(c, a);
       }
     return s;
   }
   disposeMaterial(e) {
     if (!e) return;
     const t = new Pe();
-    t.track([e]), t.dispose();
+    t.track(Array.isArray(e) ? e : [e]), t.dispose();
   }
   remove(e) {
     const t = this.materials.get(e);
-    t && this.disposeMaterial(t), this.materials.delete(e), this.fixBaseObjects.delete(e), this.emitObject3dChange();
+    t && this.disposeMaterial(t), this.materials.delete(e), this.fixBaseObjects.delete(e);
   }
   removeByMaterial(e) {
     [...this.materials.entries()].some(([t, s]) => s === e ? (this.remove(t), !0) : !1);
   }
   proxyBaseObject(e) {
-    const t = e.object3d, s = (i) => new Proxy(i, {
-      set: (r, o, n) => {
-        if (typeof o == "string" && !isNaN(Number(o))) {
-          const l = Number(o);
-          if (l >= 0 && l < r.length) {
-            const d = r[l];
-            return this.rmBaseObjectMap(e, d), r[l] = n, this.addBaseObjectMap(e), !0;
+    const t = e.object3d, s = (o) => {
+      if (o.hasOwnProperty("__isProxy"))
+        return o;
+      const n = new Proxy(o, {
+        set: (a, c, f) => {
+          if (typeof c == "string" && !isNaN(Number(c))) {
+            const m = Number(c);
+            if (m >= 0 && m < a.length) {
+              const v = a[m];
+              return this.rmBaseObjectMap(e, v), a[m] = f, f && this.addBaseObjectMap(e), !0;
+            }
+          }
+          return a[c] = f, !0;
+        }
+      });
+      return Object.defineProperty(n, "__isProxy", {
+        value: !0,
+        enumerable: !1
+      }), n;
+    };
+    e.materialList && (e.materialList = new Proxy(e.materialList, {
+      set: (o, n, a) => {
+        if (typeof n == "string") {
+          const c = o[n];
+          return this.rmBaseObjectMap(e, c), o[n] = a, a && this.addBaseObjectMap(e), !0;
+        }
+        return o[n] = a, !0;
+      },
+      get: (o, n) => {
+        if (typeof n == "string" && o[n]) {
+          const a = o[n];
+          if (Array.isArray(a)) {
+            const c = s(a);
+            return c !== a && (o[n] = c), c;
           }
+          return a;
         }
-        return Reflect.set(r, o, n);
+        return o[n];
+      },
+      deleteProperty: (o, n) => {
+        if (typeof n == "string" && o[n]) {
+          const a = o[n];
+          this.rmBaseObjectMap(e, a);
+        }
+        return delete o[n], !0;
       }
-    });
-    e.object3d = new Proxy(t, {
-      set: (i, r, o) => {
+    }));
+    const i = t.material, r = "_enhancedMaterial";
+    t[r] = i, Object.defineProperty(t, "material", {
+      get: () => {
         var n;
-        return r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng) ? (this.rmBaseObjectMap(e), i.material = o, this.addBaseObjectMap(e), !0) : Reflect.set(i, r, o);
+        const o = t[r];
+        if (!((n = this.pencil.composerController) != null && n.bloomComposerRenderIng) && Array.isArray(o)) {
+          const a = s(o);
+          return a !== o && (t[r] = a), a;
+        }
+        return o;
       },
-      get: (i, r) => {
-        var o;
-        if (r === "material" && !((o = this.pencil.composerController) != null && o.bloomComposerRenderIng)) {
-          const n = i.material;
-          if (Array.isArray(n) && !n.hasOwnProperty("__isProxy")) {
-            const l = s(n);
-            Object.defineProperty(l, "__isProxy", {
-              value: !0,
-              enumerable: !1
-            }), i.material = l;
+      set: (o) => {
+        var n;
+        if ((n = this.pencil.composerController) != null && n.bloomComposerRenderIng)
+          t[r] = o;
+        else {
+          if (e.materialList && Object.values(e.materialList).includes(o)) {
+            t[r] = o;
+            return;
           }
+          this.rmBaseObjectMap(e), t[r] = o, this.addBaseObjectMap(e);
         }
-        return Reflect.get(i, r);
-      }
+      },
+      enumerable: !0,
+      configurable: !0
     });
   }
+  material2array(e) {
+    return Array.isArray(e) ? e : [e];
+  }
   addBaseObjectMap(e) {
     const t = e.object3d;
-    t.material && (Array.isArray(t.material) ? t.material : [t.material]).forEach((i) => {
-      const r = this.materialBaseObjectMap.get(i);
-      r ? r.add(e) : this.materialBaseObjectMap.set(i, /* @__PURE__ */ new Set([e]));
-    });
+    [...Object.values(e.materialList), t.material].forEach(
+      (s) => {
+        s && this.material2array(s).forEach((r) => {
+          const o = this.materialBaseObjectMap.get(r);
+          o ? o.add(e) : this.materialBaseObjectMap.set(r, /* @__PURE__ */ new Set([e]));
+        });
+      }
+    );
   }
   rmBaseObjectMap(e, t, s = !0) {
-    this.materialBaseObjectMap.forEach((i, r) => {
-      t && r !== t || i.has(e) && (i.delete(e), i.size === 0 && s && (this.materialBaseObjectMap.delete(r), this.disposeMaterial(r)));
+    const i = t && this.material2array(t);
+    this.materialBaseObjectMap.forEach((r, o) => {
+      i && !i.includes(o) || r.has(e) && (r.delete(e), r.size === 0 && s && (this.materialBaseObjectMap.delete(o), this.disposeMaterial(o)));
     });
   }
   syncChangeMaterial(e, t) {
@@ -3590,18 +3649,21 @@ class ui {
         const n = o.indexOf(e);
         n !== -1 && (o[n] = t);
       } else o === e && (r.material = t);
+      i.materialList && Object.keys(i.materialList).forEach((n) => {
+        const a = i.materialList[n];
+        if (Array.isArray(a)) {
+          const c = a.indexOf(e);
+          c !== -1 && (a[c] = t);
+        } else a === e && (i.materialList[n] = t);
+      });
     });
   }
-  emitObject3dChange() {
-    var e;
-    (e = this.pencil) == null || e.event.emit("baseObjectListChange");
-  }
   dispose() {
     const e = new Pe();
     e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.fixBaseObjects.clear(), this.materialBaseObjectMap.clear();
   }
 }
-class fi extends ee {
+class pi extends ee {
   get mList() {
     return this.controller;
   }
@@ -3609,7 +3671,7 @@ class fi extends ee {
     super(), this.options = e;
   }
   addMList(e, t) {
-    const { pencil: s } = this.options, i = new ui(s);
+    const { pencil: s } = this.options, i = new mi(s);
     return this.addController(i, t);
   }
   removePage(e) {
@@ -3621,8 +3683,8 @@ class fi extends ee {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ve.EventEmitter(), this.timer = new is(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = rs(_e.options, e, {
-      isMergeableObject: ls
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ye.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
+      isMergeableObject: as
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3630,7 +3692,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 os({
+      const n = new rs({
         horizontal: !1
       });
       n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
@@ -3698,7 +3760,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 g;
+    var _;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3707,47 +3769,47 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: l, height: d } = this.getSize(), _ = t ? new Ds({
-      width: l,
-      height: d,
+    } = this.options, { width: a, height: c } = this.getSize(), f = t ? new Rs({
+      width: a,
+      height: c,
       renderer: t.WebGPURenderer,
-      rendererParams: Rs
-    }) : new Ms({
-      width: l,
-      height: d,
+      rendererParams: Ms
+    }) : new Ss({
+      width: a,
+      height: c,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
-    }), p = new zs({
-      width: l,
-      height: d
-    }), O = new Fs({}), v = new js({
+    }), m = new Us({
+      width: a,
+      height: c
+    }), v = new ks({}), p = new Ns({
       controlsParams: {
-        domElement: (g = o == null ? void 0 : o.domElement) != null ? g : _.renderer.domElement
+        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : f.renderer.domElement
       }
-    }), m = new hi({
+    }), u = new li({
       loaderParams: U({
-        anisotropy: _.renderer.capabilities.getMaxAnisotropy()
+        anisotropy: f.renderer.capabilities.getMaxAnisotropy()
       }, n)
-    }), u = new fi({
+    }), g = new pi({
       pencil: this
-    }), f = new mi({
+    }), y = new di({
       pencil: this
     });
-    this.sceneController = O, this.cameraController = p, this.controlsController = v, this.rendererController = _, this.loaderController = m, this.mListController = u, this.leadController = f;
-    const a = this.addPage({
+    this.sceneController = v, this.cameraController = m, this.controlsController = p, this.rendererController = f, this.loaderController = u, this.mListController = g, this.leadController = y;
+    const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
-    if (this.showPage(a), s) {
-      const C = new Ns({
+    if (this.showPage(l), s) {
+      const O = new Fs({
         container: e,
-        sceneController: O,
-        cameraController: p
+        sceneController: v,
+        cameraController: m
       });
-      C.add(O.scene), this.helperController = C, i && C.addViewHelper();
+      O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(_.renderer.domElement);
+    e.appendChild(f.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3756,7 +3818,7 @@ const _e = class _e {
       ssao: s,
       ssaoParams: i,
       composer: r
-    } = this.options, o = new ri({
+    } = this.options, o = new ii({
       rendererController: this.rendererController,
       sceneController: this.sceneController,
       cameraController: this.cameraController,
@@ -3773,12 +3835,12 @@ const _e = class _e {
       css3DRendererParams: r
     } = this.options;
     if (t || s) {
-      const o = new Zs(e);
+      const o = new Ys(e);
       t && o.addRenderer("css2d", i), s && o.addRenderer("css3d", r), this.cssRendererController = o;
     }
   }
   initTransformControls() {
-    const e = new Is({
+    const e = new Hs({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3815,12 +3877,12 @@ const _e = class _e {
       cameraController: r,
       composerController: o,
       cssRendererController: n,
-      leadController: l
-    } = this, d = this.renderer.getSize(new B());
-    d.x === e && d.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), l.setSize(e, t), this.installPlugins.forEach((_) => {
-      var p;
-      (p = _.setSize) == null || p.call(_, e, t);
-    }), this.render(), s && this.event.emit("resize", { width: e, height: t }));
+      leadController: a
+    } = this, c = this.renderer.getSize(new B());
+    c.x === e && c.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), a.setSize(e, t), this.installPlugins.forEach((f) => {
+      var m;
+      (m = f.setSize) == null || m.call(f, e, t);
+    }), this.viewPadding.some((f) => f !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
     var n;
@@ -3836,38 +3898,47 @@ const _e = class _e {
       r
     );
     const o = this.renderer.getPixelRatio();
-    r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r));
+    r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r), this.viewPadding.some((a) => a !== 0) && this.setViewPadding(...this.viewPadding));
+  }
+  setViewPadding(e = 0, t = 0, s = 0, i = 0) {
+    const { width: r, height: o } = this.renderer.getSize(new B()), n = {
+      x: i,
+      y: s,
+      width: r - i - t,
+      height: o - e - s
+    };
+    this.rendererController.setViewport(n), this.cameraController.setAspect(n.width / n.height), this.viewPadding = [e, t, s, i];
   }
   pick(e, t, s = !0) {
-    const { raycaster: i, options: r } = this, { container: o } = r, n = new B(), l = o.getBoundingClientRect();
-    if (n.x = (e.clientX - l.left) / (l.right - l.left) * 2 - 1, n.y = -((e.clientY - l.top) / (l.bottom - l.top)) * 2 + 1, this.camera && this.scene) {
+    const { raycaster: i, options: r } = this, { container: o } = r, n = new B(), a = o.getBoundingClientRect();
+    if (n.x = (e.clientX - a.left) / (a.right - a.left) * 2 - 1, n.y = -((e.clientY - a.top) / (a.bottom - a.top)) * 2 + 1, this.camera && this.scene) {
       i.setFromCamera(n, this.camera);
-      const d = i.intersectObjects(
+      const c = i.intersectObjects(
         t || this.scene.children,
         s
       );
-      if (d.length)
+      if (c.length)
         return {
-          object: d[0].object,
-          index: d[0].index,
-          intersects: d
+          object: c[0].object,
+          index: c[0].index,
+          intersects: c
         };
     }
   }
   render() {
-    var s, i, r, o, n, l;
+    var s, i, r, o, n, a;
     if (!this.camera || !this.scene)
       return;
     this.timer.update(), Ce.update();
     const e = this.timer.getDelta(), t = this.timer.getElapsed();
-    this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((d) => {
-      var _;
-      (_ = d.update) == null || _.call(d, e, t);
+    this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((c) => {
+      var f;
+      (f = c.update) == null || f.call(c, e, t);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
       this.cameraTarget
-    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (l = this.stats) == null || l.update(), this.event.emit("render", { delta: e, elapsed: t });
+    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (a = this.stats) == null || a.update(), this.event.emit("render", { delta: e, elapsed: t });
   }
   start() {
     window.cancelAnimationFrame(this.TweenRaf), this.renderer.setAnimationLoop(this.render.bind(this)), this.event.emit("start");
@@ -3905,39 +3976,40 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, l, d, _, p, O, v, m;
-    this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((u) => {
-      var f;
-      (f = u.dispose) == null || f.call(u);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (l = this.composerController) == null || l.dispose(), (d = this.rendererController) == null || d.dispose(), (_ = this.loaderController) == null || _.dispose(), (p = this.leadController) == null || p.dispose(), (O = this.mListController) == null || O.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (v = this.stats) == null || v.dom.remove(), (m = this.renderer) == null || m.domElement.remove();
+    var e, t, s, i, r, o, n, a, c, f, m, v, p, u;
+    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(), (c = this.rendererController) == null || c.dispose(), (f = this.loaderController) == null || f.dispose(), (m = this.leadController) == null || m.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (p = this.stats) == null || p.dom.remove(), (u = this.renderer) == null || u.domElement.remove();
   }
 };
 _e.options = {
-  stats: me,
-  helper: me,
-  viewHelper: me,
+  stats: pe,
+  helper: pe,
+  viewHelper: pe,
   controls: !0,
-  transformControls: me,
+  transformControls: pe,
   renderer: As,
-  composer: ii,
-  scene: ks,
-  camera: bt,
+  composer: si,
+  scene: zs,
+  camera: wt,
   bloom: !1,
-  bloomParams: si,
+  bloomParams: ti,
   ssao: !1,
-  loader: li,
-  ssaoParams: ti,
+  loader: ai,
+  ssaoParams: ei,
   css2DRenderer: !1,
   css2DRendererParams: U({}, st),
   css3DRenderer: !1,
-  css3DRendererParams: U({}, st)
+  css3DRendererParams: U({}, st),
+  mList: !0
 };
 let ot = _e;
-const $i = J.ACTION;
+const Gi = J.ACTION;
 export {
-  hs as BaseObject,
+  ls as BaseObject,
   ot as Pencil,
   Pe as ResourceTracker,
-  $i as cameraControlsAction,
+  Gi as cameraControlsAction,
   ot as default
 };