gl-draw 0.16.0-beta.2 → 0.16.0-beta.21

package/dist/index.module.js

@@ -2,36 +2,36 @@ var St = Object.defineProperty, At = 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 = (c, e, t) => e in c ? St(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, U = (c, e) => {
   for (var t in e || (e = {}))
-    Rt.call(e, t) && Re(h, t, e[t]);
+    Rt.call(e, t) && Re(c, 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));
-var se = (h, e, t) => new Promise((s, i) => {
+      Dt.call(e, t) && Re(c, t, e[t]);
+  return c;
+}, te = (c, e) => At(c, Mt(e));
+var se = (c, e, t) => new Promise((s, i) => {
   var r = (a) => {
     try {
       n(t.next(a));
-    } catch (c) {
-      i(c);
+    } catch (h) {
+      i(h);
     }
   }, o = (a) => {
     try {
       n(t.throw(a));
-    } catch (c) {
-      i(c);
+    } catch (h) {
+      i(h);
     }
   }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
-  n((t = t.apply(h, e)).next());
+  n((t = t.apply(c, e)).next());
 });
 import * as Ce from "@tweenjs/tween.js";
 import Ut from "deepmerge";
-import zt from "stats-gl";
-import { Vector3 as j, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as Ft, UniformsUtils as Nt, RawShaderMaterial as It, MeshBasicMaterial as jt, PointsMaterial as at, SpriteMaterial as lt, Color as Ht, Layers as Bt, Vector2 as B, WebGLRenderTarget as Vt, HalfFloatType as Yt, MathUtils as Zt, Vector4 as Wt, Quaternion as ht, Spherical as Kt, Box3 as ct, Sphere as $t, Raycaster as dt, AxesHelper as De, CameraHelper as Gt, PointLightHelper as Xt, DirectionalLightHelper as qt, SpotLightHelper as Qt, HemisphereLightHelper as Jt, Box3Helper as Ue, Scene as pt, Group as ze, Camera as es, Loader as mt, FileLoader as Se, Texture as fe, VideoTexture as ts, LoadingManager as ss, DataTexture as is, WebGLRenderer as rs, REVISION as os, Object3D as ns, Timer as as } from "three";
-import { M as ut, B as Oe, a as ls, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
-import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
+import kt from "stats-gl";
+import { Vector3 as j, PerspectiveCamera as zt, Matrix4 as W, ShaderMaterial as Ft, UniformsUtils as Nt, RawShaderMaterial as It, MeshBasicMaterial as jt, PointsMaterial as at, SpriteMaterial as lt, Color as Ht, Layers as Bt, Vector2 as B, WebGLRenderTarget as Vt, HalfFloatType as Yt, MathUtils as Zt, Vector4 as Wt, Quaternion as ht, Spherical as Kt, Box3 as ct, Sphere as $t, Raycaster as dt, AxesHelper as De, CameraHelper as Gt, PointLightHelper as Xt, DirectionalLightHelper as qt, SpotLightHelper as Qt, HemisphereLightHelper as Jt, Box3Helper as Ue, Scene as pt, Group as ke, Camera as es, Loader as mt, FileLoader as Se, Texture as ue, VideoTexture as ts, LoadingManager as ss, DataTexture as is, WebGLRenderer as rs, REVISION as os, Object3D as ns, Timer as as } from "three";
+import { M as ft, B as Oe, a as ls, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
+import { EffectComposer as ze } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as hs } from "three/examples/jsm/postprocessing/RenderPass";
 import { SSAOPass as cs } from "three/examples/jsm/postprocessing/SSAOPass";
 import { UnrealBloomPass as ds } from "three/examples/jsm/postprocessing/UnrealBloomPass";
@@ -48,8 +48,8 @@ import "three/examples/jsm/lines/LineSegments2";
 import { ShaderPass as ps } from "three/examples/jsm/postprocessing/ShaderPass";
 import { OutputPass as ms } from "three/examples/jsm/postprocessing/OutputPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { RectAreaLightHelper as us } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as fs } from "three/examples/jsm/helpers/ViewHelper";
+import { RectAreaLightHelper as fs } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as us } from "three/examples/jsm/helpers/ViewHelper";
 import { generateUUID as Ne, makePromiseCreator as _s } from "esus-lite";
 import { DRACOLoader as gs } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as ys } from "three/examples/jsm/loaders/EXRLoader";
@@ -88,64 +88,64 @@ const M = {
   IN: 1,
   OUT: -1
 };
-function Y(h) {
-  return h.isPerspectiveCamera;
+function Y(c) {
+  return c.isPerspectiveCamera;
 }
-function H(h) {
-  return h.isOrthographicCamera;
+function H(c) {
+  return c.isOrthographicCamera;
 }
-const $ = Math.PI * 2, je = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
-function k(h, e, t) {
-  return Math.max(e, Math.min(t, h));
+const $ = Math.PI * 2, je = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
+function z(c, e, t) {
+  return Math.max(e, Math.min(t, c));
 }
-function A(h, e = ft) {
-  return Math.abs(h) < e;
+function A(c, e = ut) {
+  return Math.abs(c) < e;
 }
-function P(h, e, t = ft) {
-  return A(h - e, t);
+function P(c, e, t = ut) {
+  return A(c - e, t);
 }
-function He(h, e) {
-  return Math.round(h / e) * e;
+function He(c, e) {
+  return Math.round(c / e) * e;
 }
-function re(h) {
-  return isFinite(h) ? h : h < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
+function re(c) {
+  return isFinite(c) ? c : c < 0 ? -Number.MAX_VALUE : Number.MAX_VALUE;
 }
-function oe(h) {
-  return Math.abs(h) < Number.MAX_VALUE ? h : h * (1 / 0);
+function oe(c) {
+  return Math.abs(c) < Number.MAX_VALUE ? c : c * (1 / 0);
 }
-function ce(h, e, t, s, i = 1 / 0, r) {
+function ce(c, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
   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, p = i * s;
-  c = k(c, -p, p), e = h - c;
-  const v = (t.value + o * c) * r;
+  let h = c - e;
+  const m = e, p = i * s;
+  h = z(h, -p, p), e = c - h;
+  const v = (t.value + o * h) * r;
   t.value = (t.value - o * v) * a;
-  let m = e + (c + v) * a;
-  return f - h > 0 == m > f && (m = f, t.value = (m - f) / r), m;
+  let _ = e + (h + v) * a;
+  return m - c > 0 == _ > m && (_ = m, t.value = (_ - m) / r), _;
 }
-function Be(h, e, t, s, i = 1 / 0, r, o) {
+function Be(c, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let f = e.x, p = e.y, v = e.z, m = h.x - f, u = h.y - p, g = h.z - v;
-  const y = f, l = p, _ = v, O = i * s, C = O * O, w = m * m + u * u + g * g;
+  const n = 2 / s, a = n * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
+  let m = e.x, p = e.y, v = e.z, _ = c.x - m, f = c.y - p, g = c.z - v;
+  const y = m, l = p, u = v, O = i * s, C = O * O, w = _ * _ + f * f + g * g;
   if (w > C) {
     const ve = Math.sqrt(w);
-    m = m / ve * O, u = u / ve * O, g = g / ve * O;
+    _ = _ / ve * O, f = f / ve * O, g = g / ve * O;
   }
-  f = h.x - m, p = h.y - u, v = h.z - g;
-  const E = (t.x + n * m) * r, x = (t.y + n * u) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * c, t.y = (t.y - n * x) * c, t.z = (t.z - n * R) * c, o.x = f + (m + E) * c, o.y = p + (u + x) * c, o.z = v + (g + R) * c;
-  const V = y - h.x, le = l - h.y, bt = _ - h.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - _;
-  return V * xt + le * Lt + bt * 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;
+  m = c.x - _, p = c.y - f, v = c.z - g;
+  const E = (t.x + n * _) * r, x = (t.y + n * f) * r, R = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * h, t.y = (t.y - n * x) * h, t.z = (t.z - n * R) * h, o.x = m + (_ + E) * h, o.y = p + (f + x) * h, o.z = v + (g + R) * h;
+  const V = y - c.x, le = l - c.y, bt = u - c.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - u;
+  return V * xt + le * Lt + bt * Pt > 0 && (o.x = y, o.y = l, o.z = u, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - u) / r), o;
 }
-function Ee(h, e) {
-  e.set(0, 0), h.forEach((t) => {
+function Ee(c, e) {
+  e.set(0, 0), c.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
-  }), e.x /= h.length, e.y /= h.length;
+  }), e.x /= c.length, e.y /= c.length;
 }
-function Te(h, e) {
-  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+function Te(c, e) {
+  return H(c) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class ws {
   constructor() {
@@ -212,10 +212,10 @@ class ws {
   }
 }
 const de = 1 / 8, bs = /Mac/.test(navigator.platform);
-let T, Ve, pe, we, D, b, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, be, Ke, xe, Le, me;
+let T, Ve, pe, we, D, b, L, G, ne, F, N, Z, Ye, Ze, k, ae, X, We, be, Ke, xe, Le, me;
 class J extends ws {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), pe = Object.freeze(new T.Vector3(0, 1, 0)), we = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), b = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), me = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), pe = Object.freeze(new T.Vector3(0, 1, 0)), we = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), b = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), k = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), me = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -243,14 +243,14 @@ class J extends ws {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
+    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, u, O, C) => {
       let w, E;
       if (Y(this._camera)) {
         const x = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
-        w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
+        w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * u * V / this._elementRect.height;
       } else if (H(this._camera)) {
         const x = this._camera;
-        w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
+        w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * u * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
       C ? (O ? this.setFocalOffset(
@@ -264,19 +264,19 @@ class J extends ws {
         this._focalOffsetEnd.z,
         !0
       ) : this.truck(w, E, !0);
-    }, this._rotateInternal = (l, _) => {
-      const O = $ * this.azimuthRotateSpeed * l / this._elementRect.height, C = $ * this.polarRotateSpeed * _ / this._elementRect.height;
+    }, this._rotateInternal = (l, u) => {
+      const O = $ * this.azimuthRotateSpeed * l / this._elementRect.height, C = $ * this.polarRotateSpeed * u / 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, x = k(
+    }, this._dollyInternal = (l, u, O) => {
+      const C = Math.pow(0.95, -l * this.dollySpeed), w = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, x = z(
         E,
         this.minDistance,
         this.maxDistance
       ), R = x - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - w, this._dollyControlCoord.set(_, O)), this._lastDollyDirection = Math.sign(-l);
-    }, this._zoomInternal = (l, _, O) => {
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - w, this._dollyControlCoord.set(u, O)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, u, O) => {
       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));
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - w, this._dollyControlCoord.set(u, 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(
@@ -309,9 +309,9 @@ class J extends ws {
         if (w < this._interactiveArea.left || w > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
-      const _ = 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(_);
+      const u = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
+      if (u !== null) {
+        const C = this._findPointerByMouseButton(u);
         C && this._disposePointer(C);
       }
       if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
@@ -322,7 +322,7 @@ class J extends ws {
         clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: _
+        mouseButton: u
       };
       this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -338,7 +338,7 @@ class J extends ws {
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
     }, n = (l) => {
       l.cancelable && l.preventDefault();
-      const _ = l.pointerId, O = this._lockedPointer || this._findPointerById(_);
+      const u = l.pointerId, O = this._lockedPointer || this._findPointerById(u);
       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) {
@@ -354,12 +354,12 @@ class J extends ws {
           }
         else
           (!this._isDragging && this._lockedPointer || this._isDragging && (l.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        m();
+        _();
       }
     }, a = (l) => {
-      const _ = this._findPointerById(l.pointerId);
-      if (!(_ && _ === this._lockedPointer)) {
-        if (_ && this._disposePointer(_), l.pointerType === "touch")
+      const u = this._findPointerById(l.pointerId);
+      if (!(u && u === this._lockedPointer)) {
+        if (u && this._disposePointer(u), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
               this._state = d.NONE;
@@ -376,11 +376,11 @@ class J extends ws {
           }
         else
           this._state = d.NONE;
-        u();
+        f();
       }
     };
-    let c = -1;
-    const f = (l) => {
+    let h = -1;
+    const m = (l) => {
       if (!this._domElement || !this._enabled || this.mouseButtons.wheel === d.NONE) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
         const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
@@ -389,9 +389,9 @@ class J extends ws {
       }
       if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === d.ROTATE || this.mouseButtons.wheel === d.TRUCK) {
         const E = performance.now();
-        c - E < 1e3 && this._getClientRect(this._elementRect), c = E;
+        h - E < 1e3 && this._getClientRect(this._elementRect), h = E;
       }
-      const _ = bs ? -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;
+      const u = bs ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / u : l.deltaY / (u * 10), C = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, w = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case d.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
@@ -422,7 +422,7 @@ class J extends ws {
     }, p = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const _ = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(_);
+          const u = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(u);
           O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
@@ -460,10 +460,10 @@ class J extends ws {
       else
         !this._lockedPointer && (l.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
       ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, m = () => {
+    }, _ = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
-      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;
+      const u = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = u ? -u.deltaX : i.x - D.x, C = u ? -u.deltaY : i.y - D.y;
       if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
         const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
@@ -483,7 +483,7 @@ class J extends ws {
         (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, u = () => {
+    }, f = () => {
       Ee(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
@@ -520,8 +520,8 @@ class J extends ws {
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var l, _, 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(
+      var l, u, O;
+      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (u = this._domElement) === null || u === void 0 || u.ownerDocument.removeEventListener(
         "pointerlockchange",
         g
       ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
@@ -535,11 +535,11 @@ class J extends ws {
       this.unlockPointer();
     };
     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, {
+      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", m, {
         passive: !1
       }), this._domElement.addEventListener("contextmenu", p);
     }, 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", a), this._domElement.removeEventListener("wheel", f, {
+      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", m, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -556,7 +556,7 @@ class J extends ws {
         y
       ));
     }, this.cancel = () => {
-      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, f());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -646,11 +646,11 @@ class J extends ws {
    * @category Properties
    */
   set interactiveArea(e) {
-    this._interactiveArea.width = k(e.width, 0, 1), this._interactiveArea.height = k(e.height, 0, 1), this._interactiveArea.x = k(
+    this._interactiveArea.width = z(e.width, 0, 1), this._interactiveArea.height = z(e.height, 0, 1), this._interactiveArea.x = z(
       e.x,
       0,
       1 - this._interactiveArea.width
-    ), this._interactiveArea.y = k(
+    ), this._interactiveArea.y = z(
       e.y,
       0,
       1 - this._interactiveArea.height
@@ -788,11 +788,11 @@ class J extends ws {
    */
   rotateTo(e, t, s = !1) {
     this._isUserControllingRotate = !1;
-    const i = k(
+    const i = z(
       e,
       this.minAzimuthAngle,
       this.maxAzimuthAngle
-    ), r = k(t, this.minPolarAngle, this.maxPolarAngle);
+    ), r = z(t, this.minPolarAngle, this.maxPolarAngle);
     this._sphericalEnd.theta = i, this._sphericalEnd.phi = r, this._sphericalEnd.makeSafe(), this._needsUpdate = !0, s || (this._spherical.theta = this._sphericalEnd.theta, this._spherical.phi = this._sphericalEnd.phi);
     const o = !s || P(
       this._spherical.theta,
@@ -822,7 +822,7 @@ class J extends ws {
    */
   dollyTo(e, t = !1) {
     return this._isUserControllingDolly = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0, this._dollyToNoClamp(
-      k(e, this.minDistance, this.maxDistance),
+      z(e, this.minDistance, this.maxDistance),
       t
     );
   }
@@ -880,7 +880,7 @@ class J extends ws {
    * @category Methods
    */
   zoomTo(e, t = !1) {
-    this._isUserControllingZoom = !1, this._zoomEnd = k(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
+    this._isUserControllingZoom = !1, this._zoomEnd = z(e, this.minZoom, this.maxZoom), this._needsUpdate = !0, t || (this._zoom = this._zoomEnd);
     const s = !t || P(this._zoom, this._zoomEnd, this.restThreshold);
     return this._changedZoom = 0, this._createOnRestPromise(s);
   }
@@ -981,19 +981,19 @@ class J extends ws {
     paddingBottom: o = 0,
     paddingTop: n = 0
   } = {}) {
-    const a = [], c = e.isBox3 ? X.copy(e) : X.setFromObject(e);
-    c.isEmpty() && (console.warn(
+    const a = [], h = e.isBox3 ? X.copy(e) : X.setFromObject(e);
+    h.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const f = He(this._sphericalEnd.theta, je), p = He(this._sphericalEnd.phi, je);
-    a.push(this.rotateTo(f, p, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), m = Ke.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
-    u && m.multiply(xe.setFromAxisAngle(pe, f)), m.multiply(this._yAxisUpSpaceInverse);
+    const m = He(this._sphericalEnd.theta, je), p = He(this._sphericalEnd.phi, je);
+    a.push(this.rotateTo(m, p, t));
+    const v = b.setFromSpherical(this._sphericalEnd).normalize(), _ = Ke.setFromUnitVectors(v, we), f = P(Math.abs(v.y), 1);
+    f && _.multiply(xe.setFromAxisAngle(pe, m)), _.multiply(this._yAxisUpSpaceInverse);
     const g = We.makeEmpty();
-    L.copy(c.min).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(m), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(m), g.expandByPoint(L), L.copy(c.max).applyQuaternion(m), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, m.setFromUnitVectors(we, v), u && m.premultiply(xe.invert()), m.premultiply(this._yAxisUpSpace);
-    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(m);
+    L.copy(h.min).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setX(h.max.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setY(h.max.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setZ(h.min.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.min).setZ(h.max.z).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setY(h.min.y).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).setX(h.min.x).applyQuaternion(_), g.expandByPoint(L), L.copy(h.max).applyQuaternion(_), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, _.setFromUnitVectors(we, v), f && _.premultiply(xe.invert()), _.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(_);
     if (Y(this._camera)) {
-      const _ = this.getDistanceToFitBox(
+      const u = this.getDistanceToFitBox(
         y.x,
         y.y,
         y.z,
@@ -1001,9 +1001,9 @@ class J extends ws {
       );
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
-      ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
+      ), a.push(this.dollyTo(u, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     } else if (H(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);
+      const u = this._camera, O = u.right - u.left, C = u.top - u.bottom, w = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.y);
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.zoomTo(w, t)), a.push(this.setFocalOffset(0, 0, 0, t));
@@ -1029,8 +1029,8 @@ class J extends ws {
       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, a = 2 * r.radius, c = Math.min(o / a, n / a);
-      s.push(this.zoomTo(c, t));
+      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, h = Math.min(o / a, n / a);
+      s.push(this.zoomTo(h, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
   }
@@ -1047,11 +1047,11 @@ class J extends ws {
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const a = L.set(i, r, o), c = b.set(e, t, s);
+    const a = L.set(i, r, o), h = b.set(e, t, s);
     this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
-      c.sub(a).applyQuaternion(this._yAxisUpSpace)
+      h.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    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(
+    const m = !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
@@ -1064,7 +1064,7 @@ class J extends ws {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(f);
+    return this._createOnRestPromise(m);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1084,23 +1084,23 @@ class J extends ws {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, c, f, p, v, m, u = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, h, m, p, v, _, f = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
     const g = b.set(i, r, o), y = L.set(e, t, s);
-    z.setFromVector3(
+    k.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(f, p, v), _ = L.set(n, a, c);
+    const l = G.set(m, p, v), u = L.set(n, a, h);
     ae.setFromVector3(
-      _.sub(l).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(g.lerp(l, m));
-    const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
+      u.sub(l).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(g.lerp(l, _));
+    const O = ae.theta - k.theta, C = ae.phi - k.phi, w = ae.radius - k.radius;
     this._sphericalEnd.set(
-      z.radius + w * m,
-      z.phi + C * m,
-      z.theta + O * m
-    ), 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(
+      k.radius + w * _,
+      k.phi + C * _,
+      k.theta + O * _
+    ), this.normalizeRotations(), this._needsUpdate = !0, f || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const E = !f || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1154,7 +1154,7 @@ class J extends ws {
       s,
       i
     );
-    return this._sphericalEnd.phi = k(
+    return this._sphericalEnd.phi = z(
       this._sphericalEnd.phi,
       this.minPolarAngle,
       this.maxPolarAngle
@@ -1454,29 +1454,29 @@ class J extends ws {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, v = this._camera, m = this._getCameraDirection(ne), u = b.copy(m).cross(v.up).normalize();
-        u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, m), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
-          u.multiplyScalar(
+        const p = this._spherical.radius - this._lastDistance, v = this._camera, _ = this._getCameraDirection(ne), f = b.copy(_).cross(v.up).normalize();
+        f.lengthSq() === 0 && (f.x = 1);
+        const g = L.crossVectors(f, _), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), u = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
+          f.multiplyScalar(
             this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
           g.multiplyScalar(this._dollyControlCoord.y * y)
-        ), C = b.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;
+        ), C = b.copy(this._targetEnd).lerp(O, u), w = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
         if (this.infinityDolly && (w || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const R = L.copy(m).multiplyScalar(-p);
+          const R = L.copy(_).multiplyScalar(-p);
           C.add(R);
         }
         this._boundary.clampPoint(C, C);
         const x = L.subVectors(C, this._targetEnd);
         this._targetEnd.copy(C), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
       } else if (H(this._camera) && this._changedZoom !== 0) {
-        const p = this._zoom - this._lastZoom, v = this._camera, m = b.set(
+        const p = this._zoom - this._lastZoom, v = this._camera, _ = b.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(m).add(u.multiplyScalar(-m.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
+        ).unproject(v), f = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(_).add(f.multiplyScalar(-_.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, u = this._getCameraDirection(ne), O = this._targetEnd.dot(u), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(u), E = u.multiplyScalar(
           w - O
         );
         C.sub(E), this._boundary.clampPoint(C, C);
@@ -1491,8 +1491,8 @@ class J extends ws {
       b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       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" }), 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" }))) : !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;
+    const m = this._needsUpdate;
+    return m && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : m ? (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" }))) : !m && 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 = m, this._needsUpdate = !1, m;
   }
   /**
    * Get all state in JSON string
@@ -1532,9 +1532,9 @@ class J extends ws {
    */
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
-    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
+    this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), k.setFromVector3(
       b.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
-    ), this.rotateTo(z.theta, z.phi, t), this.dollyTo(z.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
+    ), this.rotateTo(k.theta, k.phi, t), this.dollyTo(k.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
       s.focalOffset[2],
@@ -1598,8 +1598,8 @@ class J extends ws {
     if (s === 0)
       return e.add(t).add(n);
     {
-      const c = 1 + s * a / t.dot(n);
-      return e.add(L.copy(t).multiplyScalar(c)).add(n.multiplyScalar(1 - s));
+      const h = 1 + s * a / t.dot(n);
+      return e.add(L.copy(t).multiplyScalar(h)).add(n.multiplyScalar(1 - s));
     }
   }
   _updateNearPlaneCorners() {
@@ -1701,22 +1701,22 @@ class J extends ws {
       if (!n.geometry) return;
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
-      const f = a.attributes.position;
-      for (let p = 0, v = f.count; p < v; p++)
-        b.fromBufferAttribute(f, p), r = Math.max(r, i.distanceToSquared(b));
+      const m = a.attributes.position;
+      for (let p = 0, v = m.count; p < v; p++)
+        b.fromBufferAttribute(m, p), r = Math.max(r, i.distanceToSquared(b));
     }), s.radius = Math.sqrt(r), s;
   }
 }
 var Ae = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, $e = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
   return Function.prototype.apply.call(e, t, s);
-}, ue;
-Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
+}, fe;
+Q && typeof Q.ownKeys == "function" ? fe = Q.ownKeys : Object.getOwnPropertySymbols ? fe = function(e) {
   return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e));
-} : ue = function(e) {
+} : fe = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function xs(h) {
-  console && console.warn && console.warn(h);
+function xs(c) {
+  console && console.warn && console.warn(c);
 }
 var _t = Number.isNaN || function(e) {
   return e !== e;
@@ -1731,19 +1731,19 @@ S.prototype._events = void 0;
 S.prototype._eventsCount = 0;
 S.prototype._maxListeners = void 0;
 var Ge = 10;
-function ge(h) {
-  if (typeof h != "function")
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof h);
+function ge(c) {
+  if (typeof c != "function")
+    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof c);
 }
 Object.defineProperty(S, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
     return Ge;
   },
-  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 + ".");
-    Ge = h;
+  set: function(c) {
+    if (typeof c != "number" || c < 0 || _t(c))
+      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + c + ".");
+    Ge = c;
   }
 });
 S.init = function() {
@@ -1754,8 +1754,8 @@ S.prototype.setMaxListeners = function(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;
+function gt(c) {
+  return c._maxListeners === void 0 ? S.defaultMaxListeners : c._maxListeners;
 }
 S.prototype.getMaxListeners = function() {
   return gt(this);
@@ -1780,24 +1780,24 @@ S.prototype.emit = function(e) {
   if (typeof a == "function")
     $e(a, this, t);
   else
-    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
-      $e(f[s], this, t);
+    for (var h = a.length, m = Et(a, h), s = 0; s < h; ++s)
+      $e(m[s], this, t);
   return !0;
 };
-function yt(h, e, t, s) {
+function yt(c, 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(
+  if (ge(t), r = c._events, r === void 0 ? (r = c._events = /* @__PURE__ */ Object.create(null), c._eventsCount = 0) : (r.newListener !== void 0 && (c.emit(
     "newListener",
     e,
     t.listener ? t.listener : t
-  ), r = h._events), o = r[e]), o === void 0)
-    o = r[e] = t, ++h._eventsCount;
-  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) {
+  ), r = c._events), o = r[e]), o === void 0)
+    o = r[e] = t, ++c._eventsCount;
+  else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = gt(c), i > 0 && o.length > i && !o.warned) {
     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, xs(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = c, n.type = e, n.count = o.length, xs(n);
   }
-  return h;
+  return c;
 }
 S.prototype.addListener = function(e, t) {
   return yt(this, e, t, !1);
@@ -1810,8 +1810,8 @@ function Ls() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function vt(h, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = Ls.bind(s);
+function vt(c, e, t) {
+  var s = { fired: !1, wrapFn: void 0, target: c, type: e, listener: t }, i = Ls.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
 S.prototype.once = function(e, t) {
@@ -1860,8 +1860,8 @@ S.prototype.removeAllListeners = function(e) {
       this.removeListener(e, t[i]);
   return this;
 };
-function Ct(h, e, t) {
-  var s = h._events;
+function Ct(c, e, t) {
+  var s = c._events;
   if (s === void 0)
     return [];
   var i = s[e];
@@ -1873,14 +1873,14 @@ S.prototype.listeners = function(e) {
 S.prototype.rawListeners = function(e) {
   return Ct(this, e, !1);
 };
-S.listenerCount = function(h, e) {
-  return typeof h.listenerCount == "function" ? h.listenerCount(e) : Ot.call(h, e);
+S.listenerCount = function(c, e) {
+  return typeof c.listenerCount == "function" ? c.listenerCount(e) : Ot.call(c, e);
 };
 S.prototype.listenerCount = Ot;
-function Ot(h) {
+function Ot(c) {
   var e = this._events;
   if (e !== void 0) {
-    var t = e[h];
+    var t = e[c];
     if (typeof t == "function")
       return 1;
     if (t !== void 0)
@@ -1889,46 +1889,46 @@ function Ot(h) {
   return 0;
 }
 S.prototype.eventNames = function() {
-  return this._eventsCount > 0 ? ue(this._events) : [];
+  return this._eventsCount > 0 ? fe(this._events) : [];
 };
-function Et(h, e) {
+function Et(c, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
-    t[s] = h[s];
+    t[s] = c[s];
   return t;
 }
-function Ps(h, e) {
-  for (; e + 1 < h.length; e++)
-    h[e] = h[e + 1];
-  h.pop();
+function Ps(c, e) {
+  for (; e + 1 < c.length; e++)
+    c[e] = c[e + 1];
+  c.pop();
 }
-function Ss(h) {
-  for (var e = new Array(h.length), t = 0; t < e.length; ++t)
-    e[t] = h[t].listener || h[t];
+function Ss(c) {
+  for (var e = new Array(c.length), t = 0; t < e.length; ++t)
+    e[t] = c[t].listener || c[t];
   return e;
 }
-function As(h, e) {
+function As(c, e) {
   return new Promise(function(t, s) {
     function i(o) {
-      h.removeListener(e, r), s(o);
+      c.removeListener(e, r), s(o);
     }
     function r() {
-      typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
+      typeof c.removeListener == "function" && c.removeListener("error", i), t([].slice.call(arguments));
     }
-    Tt(h, e, r, { once: !0 }), e !== "error" && Ms(h, i, { once: !0 });
+    Tt(c, e, r, { once: !0 }), e !== "error" && Ms(c, i, { once: !0 });
   });
 }
-function Ms(h, e, t) {
-  typeof h.on == "function" && Tt(h, "error", e, t);
+function Ms(c, e, t) {
+  typeof c.on == "function" && Tt(c, "error", e, t);
 }
-function Tt(h, e, t, s) {
-  if (typeof h.on == "function")
-    s.once ? h.once(e, t) : h.on(e, t);
-  else if (typeof h.addEventListener == "function")
-    h.addEventListener(e, function i(r) {
-      s.once && h.removeEventListener(e, i), t(r);
+function Tt(c, e, t, s) {
+  if (typeof c.on == "function")
+    s.once ? c.once(e, t) : c.on(e, t);
+  else if (typeof c.addEventListener == "function")
+    c.addEventListener(e, function i(r) {
+      s.once && c.removeEventListener(e, i), t(r);
     });
   else
-    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
+    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof c);
 }
 var ye = Ae.exports;
 let Rs = class {
@@ -2005,8 +2005,8 @@ class Ds extends ee {
     return this.controller;
   }
   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 kt(s, a, r, i);
-    return c.up = o, this.addController(c, t);
+    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, h = new zt(s, a, r, i);
+    return h.up = o, this.addController(h, t);
   }
   setPageActive(e) {
     super.setPageActive(e, (t, s) => {
@@ -2072,17 +2072,17 @@ class Ds extends ee {
         s[7],
         s[11],
         s[15]
-      ), { 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());
+      ), { width: n, height: a } = this, h = n / a;
+      (this.camera.fov !== t.fov || this.camera.aspect !== h || !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 = h, this.camera.updateProjectionMatrix());
     }
   }
 }
-const Us = (h) => {
+const Us = (c) => {
   const e = new ps(
     new Ft({
       uniforms: {
         baseTexture: { value: null },
-        bloomTexture: { value: h.renderTarget2.texture },
+        bloomTexture: { value: c.renderTarget2.texture },
         bloomAlphaType: { value: 0 }
       },
       vertexShader: `
@@ -2113,7 +2113,7 @@ const Us = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, zs = {
+}, ks = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2207,10 +2207,10 @@ const Us = (h) => {
 		}`
   )
 };
-class ks extends ms {
+class zs extends ms {
   constructor() {
     super();
-    const e = zs;
+    const e = ks;
     this.uniforms = Nt.clone(e.uniforms), this.material = new It({
       name: e.name,
       uniforms: this.uniforms,
@@ -2231,7 +2231,7 @@ const Fs = new jt({ color: "black" }), Ns = new at({
 }), Hs = new lt({
   color: "black",
   sizeAttenuation: !1
-}), Bs = new ut({
+}), Bs = new ft({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
@@ -2258,23 +2258,23 @@ class Ws {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), f = new Vt(
-      c.width,
-      c.height,
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, h = o.getDrawingBufferSize(new B()), m = new Vt(
+      h.width,
+      h.height,
       {
         samples: Math.min(n, a),
         type: Yt
       }
-    ), p = new ke(o, f), v = this.getSize();
+    ), p = new ze(o, m), v = this.getSize();
     p.setSize(v.width, v.height);
-    const m = new hs(
+    const _ = new hs(
       s.scene,
       i.camera
     );
-    p.addPass(m), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = m, i.event.on("pageChange", (u) => {
-      this.changeCamera(u);
-    }), s.event.on("pageChange", (u) => {
-      this.changeScene(u);
+    p.addPass(_), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = _, i.event.on("pageChange", (f) => {
+      this.changeCamera(f);
+    }), s.event.on("pageChange", (f) => {
+      this.changeScene(f);
     });
   }
   changeCamera(e) {
@@ -2284,7 +2284,7 @@ class Ws {
     this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
   addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new ks();
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new zs();
     this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
   }
   setPremultiplieAlpha(e) {
@@ -2302,10 +2302,10 @@ class Ws {
       s
     );
     this.bloomPass = n;
-    const a = new ke(t);
+    const a = new ze(t);
     a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
-    const c = Us(a);
-    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Oe);
+    const h = Us(a);
+    h.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(h), this.mixPass = h, this.bloomLayer.set(Oe);
   }
   setBloomSelection(e, t) {
     if (!this.bloomComposer) {
@@ -2337,16 +2337,16 @@ class Ws {
       i.isTransformControls || i.isTransformControlsRoot || i.type === "RectAreaLightHelper" ? e.push(i) : t.push(i);
     }), t.forEach((i) => {
       i.traverse((r) => {
-        var c;
+        var h;
         const o = r, n = r, a = r;
-        if ((c = o.material) != null && c.isShadowMaterial)
+        if ((h = o.material) != null && h.isShadowMaterial)
           e.push(o);
         else if (o.material && this.bloomLayer.test(o.layers) === !1) {
           if (o.material.transparent === !0 && (o.material.opacity !== 1 || o.material.alphaMap)) {
             e.push(o);
             return;
           }
-          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = js : n.material = Hs : o.material instanceof ut ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
+          this.bloomMaterials[o.uuid] = o.material, n.isSprite ? n.material.sizeAttenuation ? n.material = js : n.material = Hs : o.material instanceof ft ? o.material = Bs : a.isPoints ? a.material.sizeAttenuation ? a.material = Is : a.material = Ns : o.material = Fs;
         }
       });
     }), e.forEach((i) => {
@@ -2458,23 +2458,23 @@ class Xs {
       objects: /* @__PURE__ */ new WeakMap()
     }, 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() {
+    const h = document.createElement("div");
+    h.style.transformOrigin = "0 0", h.style.pointerEvents = "none", a.appendChild(h);
+    const m = document.createElement("div");
+    m.style.transformStyle = "preserve-3d", h.appendChild(m), this.getSize = function() {
       return {
         width: s,
         height: i
       };
     }, 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();
+      const u = l.projectionMatrix.elements[5] * o;
+      l.view && l.view.enabled ? (h.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, h.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : h.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
       let O, C;
       l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
-      const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + p(O) + "px," + p(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);
+      const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + u + ")translate(" + p(O) + "px," + p(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + u + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + u + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (m.style.transform = R, n.camera.style = R), g(y, y, l);
     }, this.setSize = function(y, l) {
-      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", c.style.width = y + "px", c.style.height = l + "px", f.style.width = y + "px", f.style.height = l + "px";
+      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", h.style.width = y + "px", h.style.height = l + "px", m.style.width = y + "px", m.style.height = l + "px";
     };
     function p(y) {
       return Math.abs(y) < 1e-10 ? 0 : y;
@@ -2483,37 +2483,37 @@ class Xs {
       const l = y.elements;
       return "matrix3d(" + p(l[0]) + "," + p(-l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(l[4]) + "," + p(-l[5]) + "," + p(l[6]) + "," + p(l[7]) + "," + p(l[8]) + "," + p(-l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(-l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")";
     }
-    function m(y) {
+    function _(y) {
       const l = y.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + p(l[0]) + "," + p(l[1]) + "," + p(l[2]) + "," + p(l[3]) + "," + p(-l[4]) + "," + p(-l[5]) + "," + p(-l[6]) + "," + p(-l[7]) + "," + p(l[8]) + "," + p(l[9]) + "," + p(l[10]) + "," + p(l[11]) + "," + p(l[12]) + "," + p(l[13]) + "," + p(l[14]) + "," + p(l[15]) + ")");
     }
-    function u(y) {
+    function f(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
-      for (let l = 0, _ = y.children.length; l < _; l++)
-        u(y.children[l]);
+      for (let l = 0, u = y.children.length; l < u; l++)
+        f(y.children[l]);
     }
-    function g(y, l, _, O) {
+    function g(y, l, u, O) {
       if (y.visible === !1) {
-        u(y);
+        f(y);
         return;
       }
       if (y.isCSS3DObject) {
-        const C = y.layers.test(_.layers) === !0, w = y.element;
+        const C = y.layers.test(u.layers) === !0, w = y.element;
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
-          y.onBeforeRender(t, l, _);
+          y.onBeforeRender(t, l, u);
           let E;
-          y.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(qe, $s, Qe), I.setPosition(qe), I.scale(Qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = m(I)) : E = m(y.matrixWorld);
+          y.isCSS3DSprite ? (I.copy(u.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Gs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(qe, $s, Qe), I.setPosition(qe), I.scale(Qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = _(I)) : E = _(y.matrixWorld);
           const x = n.objects.get(y);
           if (x === void 0 || x.style !== E) {
             w.style.transform = E;
             const R = { style: E };
             n.objects.set(y, R);
           }
-          w.parentNode !== f && f.appendChild(w), y.onAfterRender(t, l, _);
+          w.parentNode !== m && m.appendChild(w), y.onAfterRender(t, l, u);
         }
       }
       for (let C = 0, w = y.children.length; C < w; C++)
-        g(y.children[C], l, _);
+        g(y.children[C], l, u);
     }
   }
 }
@@ -2535,50 +2535,50 @@ class qs {
         width: s,
         height: i
       };
-    }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Je.copy(g.matrixWorldInverse), et.multiplyMatrices(g.projectionMatrix, Je), f(u, u, g), m(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";
+    }, this.render = function(f, g) {
+      f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Je.copy(g.matrixWorldInverse), et.multiplyMatrices(g.projectionMatrix, Je), m(f, f, g), _(f);
+    }, this.setSize = function(f, g) {
+      s = f, i = g, r = s / 2, o = i / 2, a.style.width = f + "px", a.style.height = g + "px";
     };
-    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 h(f) {
+      f.isCSS2DObject && (f.element.style.display = "none");
+      for (let g = 0, y = f.children.length; g < y; g++)
+        h(f.children[g]);
     }
-    function f(u, g, y) {
-      if (u.visible === !1) {
-        c(u);
+    function m(f, g, y) {
+      if (f.visible === !1) {
+        h(f);
         return;
       }
-      if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(et);
-        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));
+      if (f.isCSS2DObject) {
+        q.setFromMatrixPosition(f.matrixWorld), q.applyMatrix4(et);
+        const l = q.z >= -1 && q.z <= 1 && f.layers.test(y.layers) === !0, u = f.element;
+        u.style.display = l === !0 ? "" : "none", l === !0 && (f.onBeforeRender(t, g, y), u.style.transform = "translate(" + -100 * f.center.x + "%," + -100 * f.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", u.parentNode !== a && a.appendChild(u), f.onAfterRender(t, g, y));
         const O = {
-          distanceToCameraSquared: p(y, u)
+          distanceToCameraSquared: p(y, f)
         };
-        n.objects.set(u, O);
+        n.objects.set(f, O);
       }
-      for (let l = 0, _ = u.children.length; l < _; l++)
-        f(u.children[l], g, y);
+      for (let l = 0, u = f.children.length; l < u; l++)
+        m(f.children[l], g, y);
     }
-    function p(u, g) {
-      return tt.setFromMatrixPosition(u.matrixWorld), st.setFromMatrixPosition(g.matrixWorld), tt.distanceToSquared(st);
+    function p(f, g) {
+      return tt.setFromMatrixPosition(f.matrixWorld), st.setFromMatrixPosition(g.matrixWorld), tt.distanceToSquared(st);
     }
-    function v(u) {
+    function v(f) {
       const g = [];
-      return u.traverseVisible(function(y) {
+      return f.traverseVisible(function(y) {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function m(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;
+    function _(f) {
+      const g = v(f).sort(function(l, u) {
+        if (l.renderOrder !== u.renderOrder)
+          return u.renderOrder - l.renderOrder;
+        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(u).distanceToCameraSquared;
         return O - C;
       }), y = g.length;
-      for (let l = 0, _ = g.length; l < _; l++)
+      for (let l = 0, u = g.length; l < u; l++)
         g[l].element.style.zIndex = y - l;
     }
   }
@@ -2628,7 +2628,7 @@ class Js {
       else if (e.isHemisphereLight)
         i = new Jt(e, 10);
       else if (e.isRectAreaLight)
-        i = new us(e);
+        i = new fs(e);
       else {
         const r = new ct();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
@@ -2642,7 +2642,7 @@ class Js {
     }
   }
   addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new fs(e.camera, t);
+    const { cameraController: e, container: t } = this.options, s = new us(e.camera, t);
     t.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2674,8 +2674,8 @@ class Js {
     const { cameraController: i } = this.options;
     Object.values(this.helpers).forEach((n) => {
       if (n.update && n.update(), n instanceof Ue) {
-        const a = n.material, { object: c } = a.userData;
-        c && n.box.setFromObject(c, !0);
+        const a = n.material, { object: h } = a.userData;
+        h && n.box.setFromObject(h, !0);
       }
     }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
       ...i.camera.position.toArray()
@@ -2692,11 +2692,11 @@ class Js {
     this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-function rt(h) {
+function rt(c) {
   let e = !1, t = [];
   return function(...s) {
     t = s, e || (e = !0, requestAnimationFrame(() => {
-      e = !1, h(...t);
+      e = !1, c(...t);
     }));
   };
 }
@@ -2715,27 +2715,27 @@ class ei {
         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((_) => {
+        o.has(_.type) && n.push(te(U({}, _), {
+          objArr: _.objArr instanceof Function ? _.objArr() : _.objArr
         }));
       }), n.length === 0) return;
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
-      for (const m of n)
-        for (const u of m.objArr) {
-          if (!u.object3d || !u.visibleWithAncestors) continue;
-          a.has(u) || a.set(u, /* @__PURE__ */ new Map());
-          const g = a.get(u);
-          g.has(m.type) || g.set(m.type, []), g.get(m.type).push(m.cb);
+      for (const _ of n)
+        for (const f of _.objArr) {
+          if (!f.object3d || !f.visibleWithAncestors) continue;
+          a.has(f) || a.set(f, /* @__PURE__ */ new Map());
+          const g = a.get(f);
+          g.has(_.type) || g.set(_.type, []), g.get(_.type).push(_.cb);
         }
       if (a.size === 0) return;
-      const c = [...a.keys()].map((m) => m.object3d), f = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
-      if (!f || f.length === 0)
+      const h = [...a.keys()].map((_) => _.object3d), m = (v = this.pencil.pick(r, h, !0)) == null ? void 0 : v.intersects;
+      if (!m || m.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        const m = f[0];
-        this.processIntersection(m, r, e);
+        const _ = m[0];
+        this.processIntersection(_, r, e);
       }
       const p = this.prevActiveObjects;
       this.prevActiveObjects = this.activeObjects, this.activeObjects = p, this.activeObjects.clear();
@@ -2766,9 +2766,9 @@ class ei {
       const a = i.get(n);
       if (a)
         if (t === "move") {
-          const c = a.get("enter");
-          if (c && !this.prevActiveObjects.has(n))
-            for (const p of c)
+          const h = a.get("enter");
+          if (h && !this.prevActiveObjects.has(n))
+            for (const p of h)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2776,9 +2776,9 @@ class ei {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("move");
-          if (f)
-            for (const p of f)
+          const m = a.get("move");
+          if (m)
+            for (const p of m)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2787,9 +2787,9 @@ class ei {
                 intersectionIndex: s
               });
         } else {
-          const c = a.get("down");
-          if (c)
-            for (const p of c)
+          const h = a.get("down");
+          if (h)
+            for (const p of h)
               p({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2797,14 +2797,14 @@ class ei {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("click");
-          if (f) {
+          const m = a.get("click");
+          if (m) {
             const p = (v) => {
               v.preventDefault();
-              const m = 5;
-              if (!r && Math.abs(v.clientX - e.clientX) <= m && Math.abs(v.clientY - e.clientY) <= m)
-                for (const u of f)
-                  u({
+              const _ = 5;
+              if (!r && Math.abs(v.clientX - e.clientX) <= _ && Math.abs(v.clientY - e.clientY) <= _)
+                for (const f of m)
+                  f({
                     baseObject: n,
                     realBaseObject: this.activeObject,
                     mouseEvent: e,
@@ -2861,13 +2861,13 @@ class ei {
     for (const n of r) {
       const a = n;
       a.element.style.pointerEvents = "auto";
-      const c = (p) => {
+      const h = (p) => {
         this.enabled && (p.preventDefault(), s({
           baseObject: a,
           mouseEvent: p
         }));
-      }, f = `pointer${t}`;
-      a.element.addEventListener(f, rt(c), !1), o.push({ arr: a, type: f, listener: c });
+      }, m = `pointer${t}`;
+      a.element.addEventListener(m, rt(h), !1), o.push({ arr: a, type: m, listener: h });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -2893,12 +2893,12 @@ class ti extends ei {
       key: "@Scene",
       name: "场景",
       mList: !1
-    }), this.group = this.createBaseObject(new ze(), {
+    }), this.group = this.createBaseObject(new ke(), {
       key: "@Group",
       name: "物体组",
       target: this.scene,
       mList: !1
-    }), this.prefabGroup = this.createBaseObject(new ze(), {
+    }), this.prefabGroup = this.createBaseObject(new ke(), {
       key: "@PrefabGroup",
       name: "预制组",
       target: this.scene,
@@ -2914,21 +2914,19 @@ class ti extends ei {
     }, t), i = new ls();
     if (i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key)
       i.key = s.key;
-    else if (s.target) {
-      const r = s.target.key;
-      if (r === "@Scene" && e instanceof es)
+    else if (s.target)
+      if (s.target.key === "@Scene" && e instanceof es)
         i.key = "@Camera";
       else {
-        const o = this.objectWrapChindIdMap.get(s.target) ? this.objectWrapChindIdMap.get(s.target) + 1 : 0;
-        this.objectWrapChindIdMap.set(s.target, o), i.key = `${r}__c__${o}`;
+        const o = this.objectWrapChindIdMap.get(s.target), n = o !== void 0 ? o + 1 : 0;
+        this.objectWrapChindIdMap.set(s.target, n), i.key = `$pt:__c__${n}$pk:`;
       }
-    }
     return s.name && (e.name = s.name), s.target && !s.target.object3d.getObjectById(e.id) && s.target.object3d.add(e), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), e.children && e.children.forEach((r) => {
       this.createBaseObject(r, {
         target: i,
         mList: s.mList
       });
-    }), i;
+    }), this.pencil.event.emit("lead.draw", { baseObject: i }), i;
   }
   init(e) {
     return Object.keys(e).forEach((t) => {
@@ -2937,7 +2935,7 @@ class ti extends ei {
           return new e[t](r);
         }
       };
-      this.objectNamesToFactories.set(t, s);
+      this.objectNamesToFactories.set(String(t), s);
     }), this;
   }
   getObject(e, t) {
@@ -2954,35 +2952,42 @@ class ti extends ei {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var r, o, n, a;
-      const i = this.objectNamesToFactories.get(e);
-      if (i) {
-        t || (t = {}), t.target === void 0 && (t.target = s);
-        const c = t.target, f = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, m = 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 : p ? u = this.prefabGroup : u = this.group, v === !1 ? m.create = () => {
-        } : v !== !0 && (m.create = () => {
-          v(m);
-        }), m.pencil = this.pencil, m.lead = this, m.mList = this.mList, m.prefab = p, m.objectType = `BaseObject#${e}`, m.objectOptions = t, this.setBaseObjectKey(
-          m,
-          t.key ? `$t:#${t.key}` : "$t:",
-          u == null ? void 0 : u.key
-        ), this.objectsPm.set(
-          m,
-          this.addBaseObject(m, u, f)
-        ), yield this.objectsPm.get(m), this.objectsPm.delete(m), m;
-      }
-      throw new Error(`Unrecognized:${e}`);
+      var p, v, _;
+      const i = this.objectNamesToFactories.get(String(e));
+      if (!i)
+        throw new Error(`Unrecognized factory: ${String(e)}`);
+      t || (t = {}), t.target === void 0 && (t.target = s);
+      const r = t.target, o = (p = t.onTop) != null ? p : 0, n = (v = t.prefab) != null ? v : !1, a = (_ = t.create) != null ? _ : !0, h = new i().create(t);
+      let m;
+      if (r === null)
+        m = null;
+      else if (typeof r == "string") {
+        const f = this.objects.get(r);
+        if (!f)
+          throw new Error(`Object with key "${r}" not found`);
+        m = f;
+      } else r != null && r.isBaseObject || r ? m = r : n ? m = this.prefabGroup : m = this.group;
+      return a === !1 ? h.create = () => {
+      } : a !== !0 && (h.create = () => {
+        a(h);
+      }), h.pencil = this.pencil, h.lead = this, h.mList = this.mList, h.isPrefab = n, h.objectType = `${e}`, h.objectOptions = t, this.setBaseObjectKey(
+        h,
+        t.key ? `$t:#${t.key}` : "$t:",
+        m == null ? void 0 : m.key
+      ), this.objectsPm.set(
+        h,
+        this.addBaseObject(h, m, o)
+      ), yield this.objectsPm.get(h), this.objectsPm.delete(h), h;
     });
   }
   setBaseObjectKey(e, t, s) {
-    const i = e.objectType, [, r] = i.split("#");
-    let o = t.replace("$t:", r);
+    const i = e.objectTypeKey || e.objectType, [r] = e.key.split("#")[0];
+    let o = t.replace("$t:", i).replace("$lt:", r);
     if (s) {
-      const [, n] = s.split("#");
-      o = o.replace("$p:", n);
+      const [n, a] = s.split("#");
+      o = o.replace("$pt:", n), o = o.replace("$pk:", a ? `#${a}` : "");
     }
-    return this.objects.has(o) && (o.includes("#") ? o += `-${Ne()}` : o += `#${Ne()}`), e.key = o, this.objects.set(o, e), o;
+    return this.objects.has(o) && (o.includes("#") ? o += `-${Ne()}` : o += `#${Ne()}`), e._key = o, this.objects.set(o, e), o;
   }
   updateBaseObjectKey(e, t) {
     var o;
@@ -2993,8 +2998,8 @@ class ti extends ei {
         break;
       }
     const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
-    return s && this.objects.delete(s), this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), e.children.forEach((n, a) => {
-      n.key.includes("__c__") && this.updateBaseObjectKey(n, `${r}__c__${a}`);
+    return s && this.objects.delete(s), this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), e.children.forEach((n) => {
+      n.key.includes("__c__") && this.updateBaseObjectKey(n, "$lt:$pk:");
     }), r;
   }
   addBaseObject(e, t, s) {
@@ -3089,8 +3094,8 @@ class ii extends mt {
     r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
       e,
       (o) => {
-        const n = o, a = new DecompressionStream("gzip"), c = n.stream().pipeThrough(a);
-        new Response(c).json().then((p) => {
+        const n = o, a = new DecompressionStream("gzip"), h = n.stream().pipeThrough(a);
+        new Response(h).json().then((p) => {
           t == null || t(p);
         }).catch((p) => {
           i == null || i(p);
@@ -3110,23 +3115,23 @@ class ot extends mt {
   }
   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 ts(o)) : r = new fe();
+    this.options.type === "image" ? (o = document.createElement("img"), r = new ue(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new ts(o)) : r = new ue();
     const n = new Se(this.manager);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
       (a) => {
-        let c = a;
-        const f = e.split(".").pop(), p = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
-        c = c.slice(0, a.size, p);
+        let h = a;
+        const m = e.split(".").pop(), p = this.options.type === "image" ? `image/${m || "png"}` : `video/${m || "mp4"}`;
+        h = h.slice(0, a.size, p);
         const v = () => {
-          o.removeEventListener("load", m, !1), o.removeEventListener("error", u, !1);
-        }, m = () => {
+          o.removeEventListener("load", _, !1), o.removeEventListener("error", f, !1);
+        }, _ = () => {
           v(), r.needsUpdate = !0, t && t(r);
-        }, u = (y) => {
+        }, f = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", m, !1), o.addEventListener("error", u, !1);
-        const g = window.URL.createObjectURL(c);
+        o.addEventListener("load", _, !1), o.addEventListener("error", f, !1);
+        const g = window.URL.createObjectURL(h);
         o.src = g;
       },
       s,
@@ -3172,7 +3177,7 @@ class oi {
     const s = this.assets.get(e);
     if (!s) {
       if ((t === "images" || t === "media" || t === "exr") && this.options.simpleTexture4deleted && this.delLoadArr.includes(e))
-        return new fe();
+        return new ue();
       console.warn(`Asset ${e} not found`);
     }
     return s;
@@ -3225,7 +3230,7 @@ class oi {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof fe || t instanceof is || t.isVideoTexture) && e.set(s, t);
+      (t instanceof ue || t instanceof is || t.isVideoTexture) && e.set(s, t);
     }), e;
   }
   loadAll() {
@@ -3250,13 +3255,13 @@ class oi {
       }
       const o = this.getLoader(s, t);
       try {
-        const c = yield o.loadAsync(e);
-        if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          const f = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
-          c.anisotropy = f;
+        const h = yield o.loadAsync(e);
+        if (this.assets.set(e, h), r.resolve(h), s === "images" || s === "media" || s === "exr" || s === "lottie") {
+          const m = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          h.anisotropy = m;
         }
-        return c;
-      } catch (c) {
+        return h;
+      } catch (h) {
         r.reject(`Failed to load ${e}`);
         return;
       }
@@ -3277,10 +3282,10 @@ class oi {
           a.roughnessMap,
           a.metalnessMap,
           a.aoMap
-        ].forEach((c) => {
-          if (c) {
-            const f = this.getSrcByAsset(c, s);
-            f && t.add(f);
+        ].forEach((h) => {
+          if (h) {
+            const m = this.getSrcByAsset(h, s);
+            m && t.add(m);
           }
         });
       });
@@ -3396,8 +3401,8 @@ class li {
       if (r.startsWith(i)) {
         const n = r.substring(i.length), a = o.clone();
         s[n] = a;
-        const c = `${t}#${n}`;
-        this.add(c, a);
+        const h = `${t}#${n}`;
+        this.add(h, a);
       }
     return s;
   }
@@ -3422,15 +3427,15 @@ class li {
       if ("__isProxy" in o)
         return o;
       const n = new Proxy(o, {
-        set: (a, c, f) => {
-          if (typeof c == "string" && !Number.isNaN(Number(c))) {
-            const p = Number(c);
+        set: (a, h, m) => {
+          if (typeof h == "string" && !Number.isNaN(Number(h))) {
+            const p = Number(h);
             if (p >= 0 && p < a.length) {
               const v = a[p];
-              return this.rmBaseObjectMap(e, v), a[p] = f, f && (this.applyColorSpaceToMaterials(f), this.addBaseObjectMap(e)), !0;
+              return this.rmBaseObjectMap(e, v), a[p] = m, m && (this.applyColorSpaceToMaterials(m), this.addBaseObjectMap(e)), !0;
             }
           }
-          return a[c] = f, !0;
+          return a[h] = m, !0;
         }
       });
       return Object.defineProperty(n, "__isProxy", {
@@ -3443,8 +3448,8 @@ class li {
     }), 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.applyColorSpaceToMaterials(a), this.addBaseObjectMap(e)), !0;
+          const h = o[n];
+          return this.rmBaseObjectMap(e, h), o[n] = a, a && (this.applyColorSpaceToMaterials(a), this.addBaseObjectMap(e)), !0;
         }
         return o[n] = a, !0;
       },
@@ -3452,8 +3457,8 @@ class li {
         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;
+            const h = s(a);
+            return h !== a && (o[n] = h), h;
           }
           return a;
         }
@@ -3530,11 +3535,11 @@ class li {
         n !== -1 && (o[n] = t);
       } else o === e && (r.material = t);
       i.materialList && Object.keys(i.materialList).forEach((n) => {
-        var c;
-        const a = (c = i.materialList) == null ? void 0 : c[n];
+        var h;
+        const a = (h = i.materialList) == null ? void 0 : h[n];
         if (Array.isArray(a)) {
-          const f = a.indexOf(e);
-          f !== -1 && (a[f] = t);
+          const m = a.indexOf(e);
+          m !== -1 && (a[m] = t);
         } else a === e && i.materialList && (i.materialList[n] = t);
       });
     });
@@ -3581,22 +3586,22 @@ class di {
       devicePixelRatio: o,
       antialias: n,
       powerPreference: a,
-      toneMappingExposure: c,
-      outputColorSpace: f,
+      toneMappingExposure: h,
+      outputColorSpace: m,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: m,
-      depth: u
+      stencil: _,
+      depth: f
     } = i, g = new rs({
       alpha: r,
       antialias: n,
       powerPreference: a,
       logarithmicDepthBuffer: p,
       preserveDrawingBuffer: v,
-      stencil: m,
-      depth: u
+      stencil: _,
+      depth: f
     });
-    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = f, this.renderer = g;
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = h, g.outputColorSpace = m, this.renderer = g;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -3608,8 +3613,8 @@ class di {
     this.renderer.render(e, t);
   }
   setViewport(e) {
-    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;
+    var a, h;
+    const { x: t, y: s, width: i, height: r } = e, o = (a = e.scissor) != null ? a : !1, n = (h = e.scissorTest) != null ? h : !1;
     this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(n));
   }
   dispose() {
@@ -3643,7 +3648,7 @@ class mi extends ee {
     });
   }
 }
-class ui {
+class fi {
   constructor(e) {
     this.event = new ye.EventEmitter();
     const { renderer: t, scene: s, camera: i } = e, r = new Ts(
@@ -3712,7 +3717,7 @@ class ui {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const fi = {
+const ui = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
@@ -3747,7 +3752,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 zt({
+      const n = new kt({
         horizontal: !1
       });
       n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
@@ -3815,7 +3820,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 _;
+    var u;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3824,28 +3829,28 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: a, height: c } = this.getSize(), f = t ? new _i({
+    } = this.options, { width: a, height: h } = this.getSize(), m = t ? new _i({
       width: a,
-      height: c,
+      height: h,
       //@ts-ignore
       renderer: this.options.WebGPURenderer,
-      rendererParams: fi
+      rendererParams: ui
     }) : new di({
       width: a,
-      height: c,
+      height: h,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
     });
-    this.rendererController = f;
+    this.rendererController = m;
     const p = new Ds({
       width: a,
-      height: c
-    }), v = new mi({}), m = new Ks({
+      height: h
+    }), v = new mi({}), _ = new Ks({
       controlsParams: {
-        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : f.renderer.domElement
+        domElement: (u = o == null ? void 0 : o.domElement) != null ? u : m.renderer.domElement
       }
-    }), u = new ai({
+    }), f = new ai({
       loaderParams: U({
         anisotropy: this.maxAnisotropy
       }, n)
@@ -3854,7 +3859,7 @@ const _e = class _e {
     }), y = new si({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = p, this.controlsController = m, this.loaderController = u, this.mListController = g, this.leadController = y;
+    this.sceneController = v, this.cameraController = p, this.controlsController = _, this.loaderController = f, this.mListController = g, this.leadController = y;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
@@ -3867,7 +3872,7 @@ const _e = class _e {
       });
       O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(f.renderer.domElement);
+    e.appendChild(m.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3898,7 +3903,7 @@ const _e = class _e {
     }
   }
   initTransformControls() {
-    const e = new ui({
+    const e = new fi({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3936,11 +3941,11 @@ const _e = class _e {
       composerController: o,
       cssRendererController: n,
       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) => {
+    } = this, h = this.renderer.getSize(new B());
+    h.x === e && h.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((m) => {
       var p;
-      (p = f.setSize) == null || p.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 }));
+      (p = m.setSize) == null || p.call(m, e, t);
+    }), this.viewPadding.some((m) => m !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
     var n;
@@ -3971,15 +3976,15 @@ const _e = class _e {
     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 c = i.intersectObjects(
+      const h = i.intersectObjects(
         t || this.scene.children,
         s
       );
-      if (c.length)
+      if (h.length)
         return {
-          object: c[0].object,
-          index: c[0].index,
-          intersects: c
+          object: h[0].object,
+          index: h[0].index,
+          intersects: h
         };
     }
   }
@@ -3989,9 +3994,9 @@ const _e = class _e {
       return;
     this.event.emit("beforeRender"), 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((c) => {
-      var f;
-      (f = c.update) == null || f.call(c, e, t);
+    this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((h) => {
+      var m;
+      (m = h.update) == null || m.call(h, e, t);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
@@ -4036,11 +4041,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, c, f, p, v, m, u;
+    var e, t, s, i, r, o, n, a, h, m, p, v, _, f;
     this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
       var y;
       (y = g.dispose) == null || y.call(g);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (c = this.rendererController) == null || c.dispose(), (f = this.loaderController) == null || f.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (m = this.stats) == null || m.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (_ = this.stats) == null || _.dom.remove(), (f = this.renderer) == null || f.domElement.remove(), this._isDispose = !0;
   }
 };
 _e.options = {