gl-draw 0.15.21 → 0.15.23

package/dist/index.module.js

@@ -29,13 +29,12 @@ var se = (h, e, t) => new Promise((s, i) => {
 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 nt, SpriteMaterial as at, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as lt, Spherical as Wt, Box3 as ht, Sphere as Kt, Raycaster as ct, AxesHelper as De, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as Ue, Scene as dt, Group as ze, Camera as Jt, Loader as mt, Texture as ue, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, WebGLRenderer as ss, REVISION as is, Object3D as rs } from "three";
-import { Timer as os } from "three/examples/jsm/misc/Timer";
-import { M as ft, B as Oe, a as ns, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
+import { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as Ft, UniformsUtils as Nt, RawShaderMaterial as Ht, MeshBasicMaterial as It, PointsMaterial as nt, SpriteMaterial as at, Layers as jt, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as lt, Spherical as Wt, Box3 as ht, Sphere as Kt, Raycaster as ct, AxesHelper as De, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as Ue, Scene as dt, Group as ze, Camera as Jt, Loader as mt, Texture as fe, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, WebGLRenderer as ss, REVISION as is, Object3D as rs } from "three";
+import { M as ut, B as Oe, a as os, R as Pe, I as he } from "./WebGPULineSegments2.module.js";
 import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as as } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as ls } from "three/examples/jsm/postprocessing/SSAOPass";
-import { UnrealBloomPass as hs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+import { RenderPass as ns } from "three/examples/jsm/postprocessing/RenderPass";
+import { SSAOPass as as } from "three/examples/jsm/postprocessing/SSAOPass";
+import { UnrealBloomPass as ls } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/lines/LineMaterial";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/renderers/CSS2DRenderer";
@@ -46,18 +45,18 @@ import "three/examples/jsm/utils/BufferGeometryUtils";
 import "three-bvh-csg";
 import "three/examples/jsm/lights/RectAreaLightUniformsLib";
 import "three/examples/jsm/lines/LineSegments2";
-import { ShaderPass as cs } from "three/examples/jsm/postprocessing/ShaderPass";
+import { ShaderPass as hs } from "three/examples/jsm/postprocessing/ShaderPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as ds } from "three/examples/jsm/postprocessing/OutputPass";
-import { RectAreaLightHelper as ms } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as ps } from "three/examples/jsm/helpers/ViewHelper";
-import { generateUUID as Ne, makePromiseCreator as fs } from "esus-lite";
-import { GLTFLoader as Ie } from "three/examples/jsm/loaders/GLTFLoader";
+import { OutputPass as cs } from "three/examples/jsm/postprocessing/OutputPass";
+import { RectAreaLightHelper as ds } from "three/examples/jsm/helpers/RectAreaLightHelper";
+import { ViewHelper as ms } from "three/examples/jsm/helpers/ViewHelper";
+import { generateUUID as Ne, makePromiseCreator as ps } from "esus-lite";
+import { GLTFLoader as He } from "three/examples/jsm/loaders/GLTFLoader";
 import { DRACOLoader as us } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as _s } from "three/examples/jsm/loaders/EXRLoader";
-import { LottieLoader as gs } from "three/examples/jsm/loaders/LottieLoader";
-import { c as ys, C as vs, i as Cs } from "./isPlainObject.module.js";
-import { TransformControls as Os } from "three/examples/jsm/controls/TransformControls";
+import { EXRLoader as fs } from "three/examples/jsm/loaders/EXRLoader";
+import { LottieLoader as _s } from "three/examples/jsm/loaders/LottieLoader";
+import { c as gs, C as ys, i as vs } from "./isPlainObject.module.js";
+import { TransformControls as Cs } from "three/examples/jsm/controls/TransformControls";
 const M = {
   LEFT: 1,
   RIGHT: 2,
@@ -92,20 +91,20 @@ const M = {
 function Y(h) {
   return h.isPerspectiveCamera;
 }
-function H(h) {
+function j(h) {
   return h.isOrthographicCamera;
 }
-const $ = Math.PI * 2, je = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
+const $ = Math.PI * 2, Ie = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
 function k(h, e, t) {
   return Math.max(e, Math.min(t, h));
 }
-function S(h, e = ut) {
+function S(h, e = ft) {
   return Math.abs(h) < e;
 }
-function P(h, e, t = ut) {
+function P(h, e, t = ft) {
   return S(h - e, t);
 }
-function He(h, e) {
+function je(h, e) {
   return Math.round(h / e) * e;
 }
 function re(h) {
@@ -118,27 +117,27 @@ function ce(h, 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 u = e, m = i * s;
+  const f = e, m = i * s;
   c = k(c, -m, m), e = h - c;
   const v = (t.value + o * c) * r;
   t.value = (t.value - o * v) * a;
   let p = e + (c + v) * a;
-  return u - h > 0 == p > u && (p = u, t.value = (p - u) / r), p;
+  return f - h > 0 == p > f && (p = f, t.value = (p - f) / r), p;
 }
 function Be(h, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
   const n = 2 / s, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let u = e.x, m = e.y, v = e.z, p = h.x - u, f = h.y - m, g = h.z - v;
-  const y = u, l = m, _ = v, O = i * s, C = O * O, w = p * p + f * f + g * g;
-  if (w > C) {
-    const ve = Math.sqrt(w);
-    p = p / ve * O, f = f / ve * O, g = g / ve * O;
-  }
-  u = h.x - p, m = h.y - f, v = h.z - g;
-  const E = (t.x + n * p) * r, x = (t.y + n * f) * 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 = u + (p + E) * c, o.y = m + (f + 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;
+  let f = e.x, m = e.y, v = e.z, p = h.x - f, u = h.y - m, g = h.z - v;
+  const y = f, l = m, _ = v, O = i * s, C = O * O, b = p * p + u * u + g * g;
+  if (b > C) {
+    const ve = Math.sqrt(b);
+    p = p / ve * O, u = u / ve * O, g = g / ve * O;
+  }
+  f = h.x - p, m = h.y - u, v = h.z - g;
+  const E = (t.x + n * p) * r, 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 + (p + E) * c, o.y = m + (u + x) * c, o.z = v + (g + R) * c;
+  const V = y - h.x, le = l - h.y, wt = _ - h.z, xt = o.x - y, Lt = o.y - l, Pt = o.z - _;
+  return V * xt + le * Lt + wt * Pt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
 function Ee(h, e) {
   e.set(0, 0), h.forEach((t) => {
@@ -146,9 +145,9 @@ function Ee(h, e) {
   }), e.x /= h.length, e.y /= h.length;
 }
 function Te(h, e) {
-  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+  return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Es {
+class Os {
   constructor() {
     this._listeners = {};
   }
@@ -212,11 +211,11 @@ class Es {
     }
   }
 }
-const de = 1 / 8, Ts = /Mac/.test(navigator.platform);
-let T, Ve, me, we, D, b, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, be, Ke, xe, Le, pe;
-class J extends Es {
+const de = 1 / 8, Es = /Mac/.test(navigator.platform);
+let T, Ve, me, be, D, w, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, we, Ke, xe, Le, pe;
+class J extends Os {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), me = 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(), pe = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), me = Object.freeze(new T.Vector3(0, 1, 0)), be = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), w = 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(), we = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), Le = new T.Matrix4(), pe = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -245,46 +244,46 @@ class J extends Es {
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
     }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
-      let w, E;
+      let b, 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;
-      } else if (H(this._camera)) {
+        const x = w.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
+        b = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
+      } else if (j(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;
+        b = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
       C ? (O ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+        this._focalOffsetEnd.x + b,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
-        this._focalOffsetEnd.x + w,
+      ) : this.truck(b, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
+        this._focalOffsetEnd.x + b,
         this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(w, E, !0);
+      ) : this.truck(b, E, !0);
     }, this._rotateInternal = (l, _) => {
       const O = $ * this.azimuthRotateSpeed * l / this._elementRect.height, C = $ * this.polarRotateSpeed * _ / this._elementRect.height;
       this.rotate(O, C, !0);
     }, this._dollyInternal = (l, _, O) => {
-      const C = Math.pow(0.95, -l * this.dollySpeed), w = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, x = k(
+      const C = Math.pow(0.95, -l * this.dollySpeed), b = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, x = k(
         E,
         this.minDistance,
         this.maxDistance
       ), R = x - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - w, this._dollyControlCoord.set(_, O)), this._lastDollyDirection = Math.sign(-l);
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - b, this._dollyControlCoord.set(_, O)), this._lastDollyDirection = Math.sign(-l);
     }, this._zoomInternal = (l, _, O) => {
-      const C = Math.pow(0.95, l * this.dollySpeed), w = this._zoom, E = this._zoom * C;
-      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - w, this._dollyControlCoord.set(_, O));
+      const C = Math.pow(0.95, l * this.dollySpeed), b = this._zoom, E = this._zoom * C;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - b, this._dollyControlCoord.set(_, O));
     }, typeof T == "undefined" && console.error(
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new T.Quaternion().setFromUnitVectors(
       this._camera.up,
       me
     ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = d.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
-      b.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
+      w.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
     ), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
       new T.Vector3(),
       new T.Vector3(),
@@ -297,17 +296,17 @@ class J extends Es {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
+      wheel: Y(this._camera) ? d.DOLLY : j(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
       one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : j(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
       three: d.TOUCH_TRUCK
     };
     const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const C = this._domElement.getBoundingClientRect(), w = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
-        if (w < this._interactiveArea.left || w > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
+        const C = this._domElement.getBoundingClientRect(), b = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
+        if (b < this._interactiveArea.left || b > 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;
@@ -377,11 +376,11 @@ class J extends Es {
           }
         else
           this._state = d.NONE;
-        f();
+        u();
       }
     };
     let c = -1;
-    const u = (l) => {
+    const f = (l) => {
       if (!this._domElement || !this._enabled || this.mouseButtons.wheel === d.NONE) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
         const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
@@ -392,7 +391,7 @@ class J extends Es {
         const E = performance.now();
         c - E < 1e3 && this._getClientRect(this._elementRect), c = E;
       }
-      const _ = Ts ? -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 _ = Es ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), C = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case d.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
@@ -411,11 +410,11 @@ class J extends Es {
           break;
         }
         case d.DOLLY: {
-          this._dollyInternal(-O, C, w), this._isUserControllingDolly = !0;
+          this._dollyInternal(-O, C, b), this._isUserControllingDolly = !0;
           break;
         }
         case d.ZOOM: {
-          this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
+          this._zoomInternal(-O, C, b), this._isUserControllingZoom = !0;
           break;
         }
       }
@@ -439,8 +438,8 @@ class J extends Es {
     }, v = (l) => {
       if (!this._enabled) return;
       if (Ee(this._activePointers, D), this._getClientRect(this._elementRect), s.copy(D), i.copy(D), this._activePointers.length >= 2) {
-        const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, w = Math.sqrt(O * O + C * C);
-        r.set(0, w);
+        const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, b = Math.sqrt(O * O + C * C);
+        r.set(0, b);
         const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
         i.set(E, x);
       }
@@ -466,25 +465,25 @@ class J extends Es {
       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;
       if (i.copy(D), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
-        const w = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
+        const b = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
           x * C * de,
-          w,
+          b,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
           x * C * de,
-          w,
+          b,
           E
         ), this._isUserControllingZoom = !0);
       }
       if ((this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) {
-        const w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(w * w + E * E), R = r.y - x;
+        const b = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(b * b + E * E), R = r.y - x;
         r.set(0, x);
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
         (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, f = () => {
+    }, u = () => {
       Ee(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
@@ -536,11 +535,11 @@ class J extends Es {
       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", u, {
+      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", f, {
         passive: !1
       }), this._domElement.addEventListener("contextmenu", m);
     }, this._removeAllEventListeners = () => {
-      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", u, {
+      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", f, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", m), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -557,7 +556,7 @@ class J extends Es {
         y
       ));
     }, this.cancel = () => {
-      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, f());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -901,7 +900,7 @@ class J extends Es {
    */
   truck(e, t, s = !1) {
     this._camera.updateMatrix(), F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), F.multiplyScalar(e), N.multiplyScalar(-t);
-    const i = b.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
+    const i = w.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
     return this.moveTo(r.x, r.y, r.z, s);
   }
   /**
@@ -911,8 +910,8 @@ class J extends Es {
    * @category Methods
    */
   forward(e, t = !1) {
-    b.setFromMatrixColumn(this._camera.matrix, 0), b.crossVectors(this._camera.up, b), b.multiplyScalar(e);
-    const s = L.copy(this._targetEnd).add(b);
+    w.setFromMatrixColumn(this._camera.matrix, 0), w.crossVectors(this._camera.up, w), w.multiplyScalar(e);
+    const s = L.copy(this._targetEnd).add(w);
     return this.moveTo(s.x, s.y, s.z, t);
   }
   /**
@@ -922,10 +921,10 @@ class J extends Es {
    * @category Methods
    */
   elevate(e, t = !1) {
-    return b.copy(this._camera.up).multiplyScalar(e), this.moveTo(
-      this._targetEnd.x + b.x,
-      this._targetEnd.y + b.y,
-      this._targetEnd.z + b.z,
+    return w.copy(this._camera.up).multiplyScalar(e), this.moveTo(
+      this._targetEnd.x + w.x,
+      this._targetEnd.y + w.y,
+      this._targetEnd.z + w.z,
       t
     );
   }
@@ -939,7 +938,7 @@ class J extends Es {
    */
   moveTo(e, t, s, i = !1) {
     this._isUserControllingTruck = !1;
-    const r = b.set(e, t, s).sub(this._targetEnd);
+    const r = w.set(e, t, s).sub(this._targetEnd);
     this._encloseToBoundary(this._targetEnd, r, this.boundaryFriction), this._needsUpdate = !0, i || this._target.copy(this._targetEnd);
     const o = !i || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold);
     return this._createOnRestPromise(o);
@@ -954,7 +953,7 @@ class J extends Es {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const n = b.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const n = w.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
       n.x,
       n.y,
@@ -986,13 +985,13 @@ class J extends Es {
     c.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const u = He(this._sphericalEnd.theta, je), m = He(this._sphericalEnd.phi, je);
-    a.push(this.rotateTo(u, m, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, we), f = P(Math.abs(v.y), 1);
-    f && p.multiply(xe.setFromAxisAngle(me, u)), p.multiply(this._yAxisUpSpaceInverse);
+    const f = je(this._sphericalEnd.theta, Ie), m = je(this._sphericalEnd.phi, Ie);
+    a.push(this.rotateTo(f, m, t));
+    const v = w.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, be), u = P(Math.abs(v.y), 1);
+    u && p.multiply(xe.setFromAxisAngle(me, f)), p.multiply(this._yAxisUpSpaceInverse);
     const g = We.makeEmpty();
-    L.copy(c.min).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).applyQuaternion(p), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, p.setFromUnitVectors(we, v), f && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
-    const y = g.getSize(b), l = g.getCenter(L).applyQuaternion(p);
+    L.copy(c.min).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setX(c.max.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setY(c.max.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setZ(c.min.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.min).setZ(c.max.z).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setY(c.min.y).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).setX(c.min.x).applyQuaternion(p), g.expandByPoint(L), L.copy(c.max).applyQuaternion(p), g.expandByPoint(L), g.min.x -= i, g.min.y -= o, g.max.x += r, g.max.y += n, p.setFromUnitVectors(be, v), u && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
+    const y = g.getSize(w), l = g.getCenter(L).applyQuaternion(p);
     if (Y(this._camera)) {
       const _ = this.getDistanceToFitBox(
         y.x,
@@ -1003,11 +1002,11 @@ class J extends Es {
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (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);
+    } else if (j(this._camera)) {
+      const _ = this._camera, O = _.right - _.left, C = _.top - _.bottom, b = 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));
+      ), a.push(this.zoomTo(b, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     }
     return Promise.all(a);
   }
@@ -1018,7 +1017,7 @@ class J extends Es {
    * @category Methods
    */
   fitToSphere(e, t) {
-    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, be) : be.copy(e);
+    const s = [], r = "isObject3D" in e ? J.createBoundingSphere(e, we) : we.copy(e);
     if (s.push(
       this.moveTo(
         r.center.x,
@@ -1029,7 +1028,7 @@ class J extends Es {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (H(this._camera)) {
+    } else if (j(this._camera)) {
       const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, c = Math.min(o / a, n / a);
       s.push(this.zoomTo(c, t));
     }
@@ -1048,11 +1047,11 @@ class J extends Es {
    */
   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), c = w.set(e, t, s);
     this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
       c.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const u = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    const f = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1065,7 +1064,7 @@ class J extends Es {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(u);
+    return this._createOnRestPromise(f);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1085,23 +1084,23 @@ class J extends Es {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, c, u, m, v, p, f = !1) {
+  lerpLookAt(e, t, s, i, r, o, n, a, c, f, m, v, p, u = !1) {
     this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
-    const g = b.set(i, r, o), y = L.set(e, t, s);
+    const g = w.set(i, r, o), y = L.set(e, t, s);
     z.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(u, m, v), _ = L.set(n, a, c);
+    const l = G.set(f, m, v), _ = L.set(n, a, c);
     ae.setFromVector3(
       _.sub(l).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(g.lerp(l, p));
-    const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
+    const O = ae.theta - z.theta, C = ae.phi - z.phi, b = ae.radius - z.radius;
     this._sphericalEnd.set(
-      z.radius + w * p,
+      z.radius + b * p,
       z.phi + C * p,
       z.theta + O * p
-    ), 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.normalizeRotations(), this._needsUpdate = !0, u || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const E = !u || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1146,7 +1145,7 @@ class J extends Es {
    * @category Methods
    */
   setTarget(e, t, s, i = !1) {
-    const r = this.getPosition(b), o = this.setLookAt(
+    const r = this.getPosition(w), o = this.setLookAt(
       r.x,
       r.y,
       r.z,
@@ -1196,8 +1195,8 @@ class J extends Es {
    */
   setOrbitPoint(e, t, s) {
     this._camera.updateMatrixWorld(), F.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), N.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Z.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
-    const i = b.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
-    F.multiplyScalar(o.x), N.multiplyScalar(o.y), Z.multiplyScalar(o.z), b.copy(F).add(N).add(Z), b.z = b.z + r, this.dollyTo(r, !1), this.setFocalOffset(-b.x, b.y, -b.z, !1), this.moveTo(e, t, s, !1);
+    const i = w.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
+    F.multiplyScalar(o.x), N.multiplyScalar(o.y), Z.multiplyScalar(o.z), w.copy(F).add(N).add(Z), w.z = w.z + r, this.dollyTo(r, !1), this.setFocalOffset(-w.x, w.y, -w.z, !1), this.moveTo(e, t, s, !1);
   }
   /**
    * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
@@ -1312,7 +1311,7 @@ class J extends Es {
   reset(e = !1) {
     if (!P(this._camera.up.x, this._cameraUp0.x) || !P(this._camera.up.y, this._cameraUp0.y) || !P(this._camera.up.z, this._cameraUp0.z)) {
       this._camera.up.copy(this._cameraUp0);
-      const s = this.getPosition(b);
+      const s = this.getPosition(w);
       this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
     }
     const t = [
@@ -1356,9 +1355,9 @@ class J extends Es {
    * @category Methods
    */
   applyCameraUp() {
-    const e = b.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
+    const e = w.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
     this._camera.up.crossVectors(t, e).normalize(), this._camera.updateMatrixWorld();
-    const s = this.getPosition(b);
+    const s = this.getPosition(w);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
   }
   /**
@@ -1455,16 +1454,16 @@ class J extends Es {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const m = this._spherical.radius - this._lastDistance, v = this._camera, p = this._getCameraDirection(ne), f = b.copy(p).cross(v.up).normalize();
-        f.lengthSq() === 0 && (f.x = 1);
-        const g = L.crossVectors(f, p), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - m - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
-          f.multiplyScalar(
+        const m = this._spherical.radius - this._lastDistance, v = this._camera, p = this._getCameraDirection(ne), u = w.copy(p).cross(v.up).normalize();
+        u.lengthSq() === 0 && (u.x = 1);
+        const g = L.crossVectors(u, p), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - m - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
+          u.multiplyScalar(
             this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
           g.multiplyScalar(this._dollyControlCoord.y * y)
-        ), C = b.copy(this._targetEnd).lerp(O, _), 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)) {
+        ), C = w.copy(this._targetEnd).lerp(O, _), b = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
+        if (this.infinityDolly && (b || E)) {
           this._sphericalEnd.radius -= m, this._spherical.radius -= m;
           const R = L.copy(p).multiplyScalar(-m);
           C.add(R);
@@ -1472,13 +1471,13 @@ class J extends Es {
         this._boundary.clampPoint(C, C);
         const x = L.subVectors(C, this._targetEnd);
         this._targetEnd.copy(C), this._target.add(x), this._changedDolly -= m, S(this._changedDolly) && (this._changedDolly = 0);
-      } else if (H(this._camera) && this._changedZoom !== 0) {
-        const m = this._zoom - this._lastZoom, v = this._camera, p = b.set(
+      } else if (j(this._camera) && this._changedZoom !== 0) {
+        const m = this._zoom - this._lastZoom, v = this._camera, p = w.set(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), f = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(p).add(f.multiplyScalar(-p.dot(v.up))), l = -(this._zoom - m - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
-          w - O
+        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(p).add(u.multiplyScalar(-p.dot(v.up))), l = -(this._zoom - m - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = w.copy(this._targetEnd).lerp(g, l), b = C.dot(_), E = _.multiplyScalar(
+          b - O
         );
         C.sub(E), this._boundary.clampPoint(C, C);
         const x = L.subVectors(C, this._targetEnd);
@@ -1487,13 +1486,13 @@ class J extends Es {
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
     const a = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!S(this._focalOffset.x) || !S(this._focalOffset.y) || !S(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), b.copy(F).add(N).add(Z), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!S(this._focalOffset.x) || !S(this._focalOffset.y) || !S(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), w.copy(F).add(N).add(Z), this._camera.position.add(w), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
-      b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
+      w.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
     );
-    const u = this._needsUpdate;
-    return u && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : u ? (this.dispatchEvent({ type: "update" }), S(t, this.restThreshold) && S(s, this.restThreshold) && S(i, this.restThreshold) && S(r.x, this.restThreshold) && S(r.y, this.restThreshold) && S(r.z, this.restThreshold) && S(o.x, this.restThreshold) && S(o.y, this.restThreshold) && S(o.z, this.restThreshold) && S(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !u && 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 = u, this._needsUpdate = !1, u;
+    const f = this._needsUpdate;
+    return f && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : f ? (this.dispatchEvent({ type: "update" }), S(t, this.restThreshold) && S(s, this.restThreshold) && S(i, this.restThreshold) && S(r.x, this.restThreshold) && S(r.y, this.restThreshold) && S(r.z, this.restThreshold) && S(o.x, this.restThreshold) && S(o.y, this.restThreshold) && S(o.z, this.restThreshold) && S(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
   }
   /**
    * Get all state in JSON string
@@ -1516,7 +1515,7 @@ class J extends Es {
       truckSpeed: this.truckSpeed,
       dollyToCursor: this.dollyToCursor,
       target: this._targetEnd.toArray(),
-      position: b.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
+      position: w.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
       zoom: this._zoomEnd,
       focalOffset: this._focalOffsetEnd.toArray(),
       target0: this._target0.toArray(),
@@ -1534,7 +1533,7 @@ class J extends Es {
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
     this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
-      b.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
+      w.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
     ), this.rotateTo(z.theta, z.phi, t), this.dollyTo(z.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
@@ -1607,7 +1606,7 @@ class J extends Es {
     if (Y(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
-    } else if (H(this._camera)) {
+    } else if (j(this._camera)) {
       const e = this._camera, t = 1 / e.zoom, s = e.left * t, i = e.right * t, r = e.top * t, o = e.bottom * t;
       this._nearPlaneCorners[0].set(s, r, 0), this._nearPlaneCorners[1].set(i, r, 0), this._nearPlaneCorners[2].set(i, o, 0), this._nearPlaneCorners[3].set(s, o, 0);
     }
@@ -1702,21 +1701,21 @@ class J extends Es {
       if (!n.geometry) return;
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
-      const u = a.attributes.position;
-      for (let m = 0, v = u.count; m < v; m++)
-        b.fromBufferAttribute(u, m), r = Math.max(r, i.distanceToSquared(b));
+      const f = a.attributes.position;
+      for (let m = 0, v = f.count; m < v; m++)
+        w.fromBufferAttribute(f, m), r = Math.max(r, i.distanceToSquared(w));
     }), s.radius = Math.sqrt(r), s;
   }
 }
 var Se = { 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);
-}, fe;
-Q && typeof Q.ownKeys == "function" ? fe = Q.ownKeys : Object.getOwnPropertySymbols ? fe = function(e) {
+}, ue;
+Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
   return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e));
-} : fe = function(e) {
+} : ue = function(e) {
   return Object.getOwnPropertyNames(e);
 };
-function ws(h) {
+function Ts(h) {
   console && console.warn && console.warn(h);
 }
 var _t = Number.isNaN || function(e) {
@@ -1726,7 +1725,7 @@ function A() {
   A.init.call(this);
 }
 Se.exports = A;
-Se.exports.once = Ps;
+Se.exports.once = Ls;
 A.EventEmitter = A;
 A.prototype._events = void 0;
 A.prototype._eventsCount = 0;
@@ -1781,8 +1780,8 @@ A.prototype.emit = function(e) {
   if (typeof a == "function")
     $e(a, this, t);
   else
-    for (var c = a.length, u = Et(a, c), s = 0; s < c; ++s)
-      $e(u[s], this, t);
+    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
+      $e(f[s], this, t);
   return !0;
 };
 function yt(h, e, t, s) {
@@ -1796,7 +1795,7 @@ function yt(h, e, t, s) {
   else if (typeof o == "function" ? o = r[e] = s ? [t, o] : [o, t] : s ? o.unshift(t) : o.push(t), i = gt(h), i > 0 && o.length > i && !o.warned) {
     o.warned = !0;
     var n = new Error("Possible EventEmitter memory leak detected. " + o.length + " " + String(e) + " listeners added. Use emitter.setMaxListeners() to increase limit");
-    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, ws(n);
+    n.name = "MaxListenersExceededWarning", n.emitter = h, n.type = e, n.count = o.length, Ts(n);
   }
   return h;
 }
@@ -1837,7 +1836,7 @@ A.prototype.removeListener = function(e, t) {
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : xs(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
+    r === 0 ? s.shift() : ws(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
   }
   return this;
 };
@@ -1866,7 +1865,7 @@ function Ct(h, e, t) {
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ls(i) : Et(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? xs(i) : Et(i, i.length);
 }
 A.prototype.listeners = function(e) {
   return Ct(this, e, !0);
@@ -1890,24 +1889,24 @@ function Ot(h) {
   return 0;
 }
 A.prototype.eventNames = function() {
-  return this._eventsCount > 0 ? fe(this._events) : [];
+  return this._eventsCount > 0 ? ue(this._events) : [];
 };
 function Et(h, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
     t[s] = h[s];
   return t;
 }
-function xs(h, e) {
+function ws(h, e) {
   for (; e + 1 < h.length; e++)
     h[e] = h[e + 1];
   h.pop();
 }
-function Ls(h) {
+function xs(h) {
   for (var e = new Array(h.length), t = 0; t < e.length; ++t)
     e[t] = h[t].listener || h[t];
   return e;
 }
-function Ps(h, e) {
+function Ls(h, e) {
   return new Promise(function(t, s) {
     function i(o) {
       h.removeListener(e, r), s(o);
@@ -1915,10 +1914,10 @@ function Ps(h, e) {
     function r() {
       typeof h.removeListener == "function" && h.removeListener("error", i), t([].slice.call(arguments));
     }
-    Tt(h, e, r, { once: !0 }), e !== "error" && As(h, i, { once: !0 });
+    Tt(h, e, r, { once: !0 }), e !== "error" && Ps(h, i, { once: !0 });
   });
 }
-function As(h, e, t) {
+function Ps(h, e, t) {
   typeof h.on == "function" && Tt(h, "error", e, t);
 }
 function Tt(h, e, t, s) {
@@ -1932,7 +1931,7 @@ function Tt(h, e, t, s) {
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
 }
 var ye = Se.exports;
-let Ss = class {
+let As = class {
   constructor() {
     this.mask = 1;
   }
@@ -1963,7 +1962,7 @@ class ee {
     this.event = new ye.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
-    const s = new Ss();
+    const s = new As();
     return s.disableAll(), t !== void 0 && s.set(t), this.controllerMap.set(e, s), t === this.activeIndex && this.activeControllerSet.add(e), e;
   }
   removePage(e, t) {
@@ -1992,20 +1991,20 @@ class ee {
     }), this.removePage(0), this.controllerMap.clear(), this.event.removeAllListeners(), this.activeControllerSet.clear();
   }
 }
-const wt = {
+const bt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new j(0, 1, 0)
+  up: new I(0, 1, 0)
 };
-class Ms extends ee {
+class Ss extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
   get camera() {
     return this.controller;
   }
-  addPerspectiveCamera(e = wt, t) {
+  addPerspectiveCamera(e = bt, t) {
     const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, c = new kt(s, a, r, i);
     return c.up = o, this.addController(c, t);
   }
@@ -2078,8 +2077,8 @@ class Ms extends ee {
     }
   }
 }
-const Rs = (h) => {
-  const e = new cs(
+const Ms = (h) => {
+  const e = new hs(
     new Ft({
       uniforms: {
         baseTexture: { value: null },
@@ -2114,7 +2113,7 @@ const Rs = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Ds = {
+}, Rs = {
   name: "OutputShader",
   uniforms: {
     tDiffuse: { value: null },
@@ -2208,11 +2207,11 @@ const Rs = (h) => {
 		}`
   )
 };
-class Us extends ds {
+class Ds extends cs {
   constructor() {
     super();
-    const e = Ds;
-    this.uniforms = Nt.clone(e.uniforms), this.material = new It({
+    const e = Rs;
+    this.uniforms = Nt.clone(e.uniforms), this.material = new Ht({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
@@ -2220,38 +2219,38 @@ class Us extends ds {
     }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
   }
 }
-const zs = new jt({ color: "black" }), ks = new nt({
+const Us = new It({ color: "black" }), zs = new nt({
   color: "black",
   sizeAttenuation: !1
-}), Fs = new nt({
+}), ks = new nt({
   color: "black",
   sizeAttenuation: !0
-}), Ns = new at({
+}), Fs = new at({
   color: "black",
   sizeAttenuation: !0
-}), Is = new at({
+}), Ns = new at({
   color: "black",
   sizeAttenuation: !1
-}), js = new ft({
+}), Hs = new ut({
   color: "black",
   sizeAttenuation: !1,
   lineWidth: 0
-}), Hs = {
+}), Is = {
   kernelRadius: 8,
   minDistance: 5e-3,
   maxDistance: 0.1
-}, Bs = {
+}, js = {
   threshold: 0,
   strength: 0.4,
   radius: 0.1,
   bloomAlphaType: 0
-}, Vs = {
+}, Bs = {
   multisampling: 4,
   premultiplieAlpha: !1
 };
-class Ys {
+class Vs {
   constructor(e) {
-    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new Ht(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
+    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new jt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
     const {
       rendererController: t,
       sceneController: s,
@@ -2259,23 +2258,23 @@ class Ys {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), u = new Bt(
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), f = new Bt(
       c.width,
       c.height,
       {
         samples: Math.min(n, a),
         type: Vt
       }
-    ), m = new ke(o, u), v = this.getSize();
+    ), m = new ke(o, f), v = this.getSize();
     m.setSize(v.width, v.height);
-    const p = new as(
+    const p = new ns(
       s.scene,
       i.camera
     );
-    m.addPass(p), this.scene = s.scene, this.camera = i.camera, this.finalComposer = m, this.renderPass = p, i.event.on("pageChange", (f) => {
-      this.changeCamera(f);
-    }), s.event.on("pageChange", (f) => {
-      this.changeScene(f);
+    m.addPass(p), this.scene = s.scene, this.camera = i.camera, this.finalComposer = m, this.renderPass = p, i.event.on("pageChange", (u) => {
+      this.changeCamera(u);
+    }), s.event.on("pageChange", (u) => {
+      this.changeScene(u);
     });
   }
   changeCamera(e) {
@@ -2285,18 +2284,18 @@ class Ys {
     this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
   addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new Us();
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new Ds();
     this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
   }
   setPremultiplieAlpha(e) {
     this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
   addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new ls(t, s, o, n);
+    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, a = new as(t, s, o, n);
     a.kernelRadius = e.kernelRadius, a.minDistance = e.minDistance, a.maxDistance = e.maxDistance, this.ssaoPass = a, this.finalComposer.addPass(a);
   }
   addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new hs(
+    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new ls(
       new B(window.innerWidth, window.innerHeight),
       i,
       r,
@@ -2305,7 +2304,7 @@ class Ys {
     this.bloomPass = n;
     const a = new ke(t);
     a.renderToScreen = !1, a.addPass(this.renderPass), a.addPass(n), this.bloomComposer = a;
-    const c = Rs(a);
+    const c = Ms(a);
     c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Oe);
   }
   setBloomSelection(e, t) {
@@ -2340,7 +2339,7 @@ class Ys {
       s.traverse((i) => {
         var a;
         const r = i, o = i, n = i;
-        (a = r.material) != null && a.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Ns : o.material = Is : r.material instanceof ft ? r.material = js : n.isPoints ? n.material.sizeAttenuation ? n.material = Fs : n.material = ks : r.material = zs);
+        (a = r.material) != null && a.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Fs : o.material = Ns : r.material instanceof ut ? r.material = Hs : n.isPoints ? n.material.sizeAttenuation ? n.material = ks : n.material = zs : r.material = Us);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2384,12 +2383,12 @@ class Ys {
     this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomSelection.clear(), this.finalComposer.dispose(), (e = this.bloomComposer) == null || e.dispose();
   }
 }
-class Zs extends ee {
+class Ys extends ee {
   constructor(e) {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: j,
+      Vector3: I,
       Vector4: Zt,
       Quaternion: lt,
       Matrix4: W,
@@ -2431,8 +2430,8 @@ class Zs extends ee {
     super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Yt.DEG2RAD);
   }
 }
-const Xe = new j(), Ws = new lt(), qe = new j(), I = new W(), Ks = new W();
-class $s {
+const Xe = new I(), Zs = new lt(), qe = new I(), H = new W(), Ws = new W();
+class Ks {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2448,8 +2447,8 @@ class $s {
     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 u = document.createElement("div");
-    u.style.transformStyle = "preserve-3d", c.appendChild(u), this.getSize = function() {
+    const f = document.createElement("div");
+    f.style.transformStyle = "preserve-3d", c.appendChild(f), this.getSize = function() {
       return {
         width: s,
         height: i
@@ -2459,10 +2458,10 @@ class $s {
       l.view && l.view.enabled ? (c.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, c.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : c.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
       let O, C;
       l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
-      const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + m(O) + "px," + m(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (u.style.transform = R, n.camera.style = R), g(y, y, l);
+      const b = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${b} )scale(` + _ + ")translate(" + m(O) + "px," + m(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${b} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (f.style.transform = R, n.camera.style = R), g(y, y, l);
     }, this.setSize = function(y, l) {
-      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", c.style.width = y + "px", c.style.height = l + "px", u.style.width = y + "px", u.style.height = l + "px";
+      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", c.style.width = y + "px", c.style.height = l + "px", f.style.width = y + "px", f.style.height = l + "px";
     };
     function m(y) {
       return Math.abs(y) < 1e-10 ? 0 : y;
@@ -2475,38 +2474,38 @@ class $s {
       const l = y.elements;
       return "translate(-50%,-50%)" + ("matrix3d(" + m(l[0]) + "," + m(l[1]) + "," + m(l[2]) + "," + m(l[3]) + "," + m(-l[4]) + "," + m(-l[5]) + "," + m(-l[6]) + "," + m(-l[7]) + "," + m(l[8]) + "," + m(l[9]) + "," + m(l[10]) + "," + m(l[11]) + "," + m(l[12]) + "," + m(l[13]) + "," + m(l[14]) + "," + m(l[15]) + ")");
     }
-    function f(y) {
+    function u(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
       for (let l = 0, _ = y.children.length; l < _; l++)
-        f(y.children[l]);
+        u(y.children[l]);
     }
     function g(y, l, _, O) {
       if (y.visible === !1) {
-        f(y);
+        u(y);
         return;
       }
       if (y.isCSS3DObject) {
-        const C = y.layers.test(_.layers) === !0, w = y.element;
-        if (w.style.display = C === !0 ? "" : "none", C === !0) {
+        const C = y.layers.test(_.layers) === !0, b = y.element;
+        if (b.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, _);
           let E;
-          y.isCSS3DSprite ? (I.copy(_.matrixWorldInverse), I.transpose(), y.rotation2D !== 0 && I.multiply(Ks.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Ws, qe), I.setPosition(Xe), I.scale(qe), I.elements[3] = 0, I.elements[7] = 0, I.elements[11] = 0, I.elements[15] = 1, E = p(I)) : E = p(y.matrixWorld);
+          y.isCSS3DSprite ? (H.copy(_.matrixWorldInverse), H.transpose(), y.rotation2D !== 0 && H.multiply(Ws.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Zs, qe), H.setPosition(Xe), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, E = p(H)) : E = p(y.matrixWorld);
           const x = n.objects.get(y);
           if (x === void 0 || x.style !== E) {
-            w.style.transform = E;
+            b.style.transform = E;
             const R = { style: E };
             n.objects.set(y, R);
           }
-          w.parentNode !== u && u.appendChild(w), y.onAfterRender(t, l, _);
+          b.parentNode !== f && f.appendChild(b), y.onAfterRender(t, l, _);
         }
       }
-      for (let C = 0, w = y.children.length; C < w; C++)
+      for (let C = 0, b = y.children.length; C < b; C++)
         g(y.children[C], l, _);
     }
   }
 }
-const q = new j(), Qe = new W(), Je = new W(), et = new j(), tt = new j();
-class Gs {
+const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
+class $s {
   /**
    * Constructs a new CSS2D renderer.
    *
@@ -2523,44 +2522,44 @@ class Gs {
         width: s,
         height: i
       };
-    }, this.render = function(f, g) {
-      f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Qe.copy(g.matrixWorldInverse), Je.multiplyMatrices(g.projectionMatrix, Qe), u(f, f, g), p(f);
-    }, this.setSize = function(f, g) {
-      s = f, i = g, r = s / 2, o = i / 2, a.style.width = f + "px", a.style.height = g + "px";
+    }, this.render = function(u, g) {
+      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Qe.copy(g.matrixWorldInverse), Je.multiplyMatrices(g.projectionMatrix, Qe), f(u, u, g), p(u);
+    }, this.setSize = function(u, g) {
+      s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
     };
-    function c(f) {
-      f.isCSS2DObject && (f.element.style.display = "none");
-      for (let g = 0, y = f.children.length; g < y; g++)
-        c(f.children[g]);
+    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 u(f, g, y) {
-      if (f.visible === !1) {
-        c(f);
+    function f(u, g, y) {
+      if (u.visible === !1) {
+        c(u);
         return;
       }
-      if (f.isCSS2DObject) {
-        q.setFromMatrixPosition(f.matrixWorld), q.applyMatrix4(Je);
-        const l = q.z >= -1 && q.z <= 1 && f.layers.test(y.layers) === !0, _ = f.element;
-        _.style.display = l === !0 ? "" : "none", l === !0 && (f.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * f.center.x + "%," + -100 * f.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), f.onAfterRender(t, g, y));
+      if (u.isCSS2DObject) {
+        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Je);
+        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
+        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
         const O = {
-          distanceToCameraSquared: m(y, f)
+          distanceToCameraSquared: m(y, u)
         };
-        n.objects.set(f, O);
+        n.objects.set(u, O);
       }
-      for (let l = 0, _ = f.children.length; l < _; l++)
-        u(f.children[l], g, y);
+      for (let l = 0, _ = u.children.length; l < _; l++)
+        f(u.children[l], g, y);
     }
-    function m(f, g) {
-      return et.setFromMatrixPosition(f.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
+    function m(u, g) {
+      return et.setFromMatrixPosition(u.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
     }
-    function v(f) {
+    function v(u) {
       const g = [];
-      return f.traverseVisible(function(y) {
+      return u.traverseVisible(function(y) {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function p(f) {
-      const g = v(f).sort(function(l, _) {
+    function p(u) {
+      const g = v(u).sort(function(l, _) {
         if (l.renderOrder !== _.renderOrder)
           return _.renderOrder - l.renderOrder;
         const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(_).distanceToCameraSquared;
@@ -2574,12 +2573,12 @@ class Gs {
 const st = {
   zIndex: "auto"
 };
-class Xs {
+class Gs {
   constructor(e) {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Gs() : new $s();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new $s() : new Ks();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -2595,7 +2594,7 @@ class Xs {
     (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0;
   }
 }
-class qs {
+class Xs {
   constructor(e) {
     this.helpers = {}, this.options = e;
   }
@@ -2616,7 +2615,7 @@ class qs {
       else if (e.isHemisphereLight)
         i = new Qt(e, 10);
       else if (e.isRectAreaLight)
-        i = new ms(e);
+        i = new ds(e);
       else {
         const r = new ht();
         if (r.setFromObject(e, !0), r.isEmpty() === !1) {
@@ -2630,7 +2629,7 @@ class qs {
     }
   }
   addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new ps(e.camera, t);
+    const { cameraController: e, container: t } = this.options, s = new ms(e.camera, t);
     t.addEventListener("pointerdown", (i) => {
       i.preventDefault(), s.handleClick(i);
     }), this.viewHelper = s;
@@ -2688,7 +2687,7 @@ function it(h) {
     }));
   };
 }
-class Qs {
+class qs {
   constructor(e) {
     var t;
     this.enabled = !0, this.pickFunctionsMap = /* @__PURE__ */ new Map(), this.pickNodeFunctionsMap = /* @__PURE__ */ new Map(), this.pickFunctionsMapIndex = -1, this.pickNodeFunctionsMapIndex = -1, this.activeObjects = /* @__PURE__ */ new Set(), this.activeObject = null, this.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
@@ -2711,18 +2710,18 @@ class Qs {
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
       for (const p of n)
-        for (const f of p.objArr) {
-          if (!f.object3d || !f.visibleWithAncestors) continue;
-          a.has(f) || a.set(f, /* @__PURE__ */ new Map());
-          const g = a.get(f);
+        for (const u of p.objArr) {
+          if (!u.object3d || !u.visibleWithAncestors) continue;
+          a.has(u) || a.set(u, /* @__PURE__ */ new Map());
+          const g = a.get(u);
           g.has(p.type) || g.set(p.type, []), g.get(p.type).push(p.cb);
         }
       if (a.size === 0) return;
-      const c = [...a.keys()].map((p) => p.object3d), u = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
-      if (!u || u.length === 0)
+      const c = [...a.keys()].map((p) => p.object3d), f = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
+      if (!f || f.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        const p = u[0];
+        const p = f[0];
         this.processIntersection(p, r, e);
       }
       const m = this.prevActiveObjects;
@@ -2764,9 +2763,9 @@ class Qs {
                 sp: o,
                 intersectionIndex: s
               });
-          const u = a.get("move");
-          if (u)
-            for (const m of u)
+          const f = a.get("move");
+          if (f)
+            for (const m of f)
               m({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -2785,14 +2784,14 @@ class Qs {
                 sp: o,
                 intersectionIndex: s
               });
-          const u = a.get("click");
-          if (u) {
+          const f = a.get("click");
+          if (f) {
             const m = (v) => {
               v.preventDefault();
               const p = 5;
               if (!r && Math.abs(v.clientX - e.clientX) <= p && Math.abs(v.clientY - e.clientY) <= p)
-                for (const f of u)
-                  f({
+                for (const u of f)
+                  u({
                     baseObject: n,
                     realBaseObject: this.activeObject,
                     mouseEvent: e,
@@ -2854,8 +2853,8 @@ class Qs {
           baseObject: a,
           mouseEvent: m
         }));
-      }, u = `pointer${t}`;
-      a.element.addEventListener(u, it(c), !1), o.push({ arr: a, type: u, listener: c });
+      }, f = `pointer${t}`;
+      a.element.addEventListener(f, it(c), !1), o.push({ arr: a, type: f, listener: c });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -2875,7 +2874,7 @@ class Qs {
     this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.objCallbackMap.clear();
   }
 }
-class Js extends Qs {
+class Qs extends qs {
   constructor(e, t) {
     super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectWrapChindIdMap = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new dt(), {
       key: "@Scene",
@@ -2899,7 +2898,7 @@ class Js extends Qs {
   createBaseObject(e, t = {}) {
     const s = U({
       mList: !0
-    }, t), i = new ns();
+    }, t), i = new os();
     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) {
@@ -2946,18 +2945,18 @@ class Js extends Qs {
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const c = t.target, u = (r = t.onTop) != null ? r : 0, m = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, p = new i().create(t);
-        let f;
-        return c === null ? f = null : typeof c == "string" ? f = this.objects.get(c) : (a = c == null ? void 0 : c.objectType) != null && a.startsWith("BaseObject") || c ? f = c : m ? f = this.prefabGroup : f = this.group, v === !1 ? p.create = () => {
+        const c = t.target, f = (r = t.onTop) != null ? r : 0, m = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, p = new i().create(t);
+        let u;
+        return c === null ? u = null : typeof c == "string" ? u = this.objects.get(c) : (a = c == null ? void 0 : c.objectType) != null && a.startsWith("BaseObject") || c ? u = c : m ? u = this.prefabGroup : u = this.group, v === !1 ? p.create = () => {
         } : v !== !0 && (p.create = () => {
           v(p);
         }), p.pencil = this.pencil, p.lead = this, p.mList = this.mList, p.prefab = m, p.objectType = `BaseObject#${e}`, p.objectOptions = t, this.setBaseObjectKey(
           p,
           t.key ? `$t:#${t.key}` : "$t:",
-          f == null ? void 0 : f.key
+          u == null ? void 0 : u.key
         ), this.objectsPm.set(
           p,
-          this.addBaseObject(p, f, u)
+          this.addBaseObject(p, u, f)
         ), yield this.objectsPm.get(p), this.objectsPm.delete(p), p;
       }
       throw new Error(`Unrecognized:${e}`);
@@ -3038,7 +3037,7 @@ class Js extends Qs {
     }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectWrapChindIdMap.clear(), this.objectNamesToFactories.clear();
   }
 }
-class ei extends ee {
+class Js extends ee {
   get lead() {
     return this.controller;
   }
@@ -3046,7 +3045,7 @@ class ei extends ee {
     super(), this.options = e;
   }
   addLead(e, t, s) {
-    const { pencil: i } = this.options, r = new Js(i, {
+    const { pencil: i } = this.options, r = new Qs(i, {
       scene: e,
       mList: t
     });
@@ -3077,22 +3076,22 @@ class rt extends mt {
   }
   load(e, t, s, i) {
     let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new ue(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new pt(o)) : r = new ue();
+    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new pt(o)) : r = new fe();
     const n = new Ae(this.manager);
     return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
       e,
       (a) => {
         let c = a;
-        const u = e.split(".").pop(), m = this.options.type === "image" ? `image/${u || "png"}` : `video/${u || "mp4"}`;
+        const f = e.split(".").pop(), m = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
         c = c.slice(0, a.size, m);
         const v = () => {
-          o.removeEventListener("load", p, !1), o.removeEventListener("error", f, !1);
+          o.removeEventListener("load", p, !1), o.removeEventListener("error", u, !1);
         }, p = () => {
           v(), r.needsUpdate = !0, t && t(r);
-        }, f = (y) => {
+        }, u = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", p, !1), o.addEventListener("error", f, !1);
+        o.addEventListener("load", p, !1), o.addEventListener("error", u, !1);
         const g = window.URL.createObjectURL(c);
         o.src = g;
       },
@@ -3101,7 +3100,7 @@ class rt extends mt {
     ), r;
   }
 }
-class ti extends mt {
+class ei extends mt {
   constructor(e) {
     super(e);
   }
@@ -3122,7 +3121,7 @@ class ti extends mt {
     );
   }
 }
-const si = {
+const ti = {
   images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
   media: ["mp4", "webm", "ogg"],
   gltf: ["gltf", "glb"],
@@ -3131,7 +3130,7 @@ const si = {
   exr: ["exr"],
   lottie: ["lottie.json"]
 };
-class ii {
+class si {
   constructor(e) {
     this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ye.EventEmitter(), this.options = U({
       simpleTexture4deleted: !1,
@@ -3160,7 +3159,7 @@ class ii {
     const s = this.assets.get(e);
     if (!s) {
       if ((t === "images" || t === "media" || t === "exr") && this.options.simpleTexture4deleted && this.delLoadArr.includes(e))
-        return new ue();
+        return new fe();
       console.warn(`Asset ${e} not found`);
     }
     return s;
@@ -3174,7 +3173,7 @@ class ii {
       if (e.endsWith("json.gzip"))
         return "gzipJson";
     } else return;
-    for (const [i, r] of Object.entries(si))
+    for (const [i, r] of Object.entries(ti))
       if (r.includes(t))
         return i;
   }
@@ -3184,17 +3183,17 @@ class ii {
     if (e === "media")
       return this.videoTextureLoader || (this.videoTextureLoader = new rt(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
     if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ie(this.loadingManager), this.dracoLoader = new us(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
+      return this.dracoGltfLoader || (this.dracoGltfLoader = new He(this.loadingManager), this.dracoLoader = new us(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
     if (e === "gltf")
-      return this.gltfLoader || (this.gltfLoader = new Ie(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
+      return this.gltfLoader || (this.gltfLoader = new He(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new gs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
+      return this.lottieLoader || (this.lottieLoader = new _s(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
-      return this.gzipJsonLoader || (this.gzipJsonLoader = new ti(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
+      return this.gzipJsonLoader || (this.gzipJsonLoader = new ei(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
       return this.jsonLoader || (this.jsonLoader = new Ae(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
     if (e === "exr")
-      return this.exrLoader || (this.exrLoader = new _s(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
+      return this.exrLoader || (this.exrLoader = new fs(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
   }
   add(e, t) {
     typeof e == "string" && (e = [e]), e.forEach((s) => {
@@ -3213,7 +3212,7 @@ class ii {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof ue || t instanceof ts || t instanceof pt) && e.set(s, t);
+      (t instanceof fe || t instanceof ts || t instanceof pt) && e.set(s, t);
     }), e;
   }
   loadAll() {
@@ -3230,7 +3229,7 @@ class ii {
       const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
       if (!s)
         return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = fs();
+      const i = (t == null ? void 0 : t.cache) !== !1, r = ps();
       if (i) {
         if (this.assets.has(e))
           return this.assets.get(e);
@@ -3240,9 +3239,9 @@ class ii {
       try {
         const c = yield o.loadAsync(e);
         if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          (t == null ? void 0 : t.colorCorrection) !== !1 && ys({ texture: c });
-          const u = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
-          c.anisotropy = u;
+          (t == null ? void 0 : t.colorCorrection) !== !1 && gs({ texture: c });
+          const f = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          c.anisotropy = f;
         }
         return c;
       } catch (c) {
@@ -3268,8 +3267,8 @@ class ii {
           a.aoMap
         ].forEach((c) => {
           if (c) {
-            const u = this.getSrcByAsset(c, s);
-            u && t.add(u);
+            const f = this.getSrcByAsset(c, s);
+            f && t.add(f);
           }
         });
       });
@@ -3284,10 +3283,10 @@ class ii {
     this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-const ri = {
+const ii = {
   prefix: ""
 };
-class oi extends ee {
+class ri extends ee {
   get loader() {
     return this.controller;
   }
@@ -3295,7 +3294,7 @@ class oi extends ee {
     super(), this.options = e;
   }
   addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new ii(te(U({}, s), {
+    const { loaderParams: s } = this.options, i = new si(te(U({}, s), {
       scene: e
     }));
     return this.addController(i, t);
@@ -3306,7 +3305,7 @@ class oi extends ee {
     });
   }
 }
-class ni {
+class oi {
   constructor(e) {
     this.materials = /* @__PURE__ */ new Map(), this.fixBaseObjects = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
   }
@@ -3410,15 +3409,15 @@ class ni {
       if (o.hasOwnProperty("__isProxy"))
         return o;
       const n = new Proxy(o, {
-        set: (a, c, u) => {
+        set: (a, c, f) => {
           if (typeof c == "string" && !isNaN(Number(c))) {
             const m = Number(c);
             if (m >= 0 && m < a.length) {
               const v = a[m];
-              return this.rmBaseObjectMap(e, v), a[m] = u, u && this.addBaseObjectMap(e), !0;
+              return this.rmBaseObjectMap(e, v), a[m] = f, f && this.addBaseObjectMap(e), !0;
             }
           }
-          return a[c] = u, !0;
+          return a[c] = f, !0;
         }
       });
       return Object.defineProperty(n, "__isProxy", {
@@ -3526,7 +3525,7 @@ class ni {
     e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.fixBaseObjects.clear(), this.materialBaseObjectMap.clear();
   }
 }
-class ai extends ee {
+class ni extends ee {
   get mList() {
     return this.controller;
   }
@@ -3534,7 +3533,7 @@ class ai extends ee {
     super(), this.options = e;
   }
   addMList(e, t) {
-    const { pencil: s } = this.options, i = new ni(s);
+    const { pencil: s } = this.options, i = new oi(s);
     return this.addController(i, t);
   }
   removePage(e) {
@@ -3543,19 +3542,19 @@ class ai extends ee {
     });
   }
 }
-const li = {
+const ai = {
   antialias: !1,
   devicePixelRatio: window.devicePixelRatio,
   powerPreference: "high-performance",
   toneMappingExposure: 1,
   alpha: !1,
-  outputColorSpace: vs.sRGB,
+  outputColorSpace: ys.sRGB,
   logarithmicDepthBuffer: !1,
   preserveDrawingBuffer: !1,
   stencil: !1,
   depth: !1
 };
-class hi {
+class li {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i } = e, {
@@ -3564,11 +3563,11 @@ class hi {
       antialias: n,
       powerPreference: a,
       toneMappingExposure: c,
-      outputColorSpace: u,
+      outputColorSpace: f,
       logarithmicDepthBuffer: m,
       preserveDrawingBuffer: v,
       stencil: p,
-      depth: f
+      depth: u
     } = i, g = new ss({
       alpha: r,
       antialias: n,
@@ -3576,9 +3575,9 @@ class hi {
       logarithmicDepthBuffer: m,
       preserveDrawingBuffer: v,
       stencil: p,
-      depth: f
+      depth: u
     });
-    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = u, this.renderer = g;
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = f, this.renderer = g;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -3599,10 +3598,10 @@ class hi {
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
-const ci = {
+const hi = {
   background: null
 };
-class di extends ee {
+class ci extends ee {
   get scene() {
     return this.controller;
   }
@@ -3625,10 +3624,10 @@ class di extends ee {
     });
   }
 }
-class mi {
+class di {
   constructor(e) {
     this.event = new ye.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new Os(
+    const { renderer: t, scene: s, camera: i } = e, r = new Cs(
       i,
       t.domElement
     );
@@ -3694,11 +3693,11 @@ class mi {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const pi = {
+const mi = {
   antialias: !0,
   devicePixelRatio: window.devicePixelRatio
 };
-class fi {
+class pi {
   constructor(e) {
     this.options = e;
     const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, a = new r({
@@ -3717,11 +3716,107 @@ class fi {
     this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
   }
 }
+class ui {
+  /**
+   * Constructs a new timer.
+   */
+  constructor() {
+    this._previousTime = 0, this._currentTime = 0, this._startTime = performance.now(), this._delta = 0, this._elapsed = 0, this._timescale = 1, this._document = null, this._pageVisibilityHandler = null;
+  }
+  /**
+   * Connect the timer to the given document.Calling this method is not mandatory to
+   * use the timer but enables the usage of the Page Visibility API to avoid large time
+   * delta values.
+   *
+   * @param {Document} document - The document.
+   */
+  connect(e) {
+    this._document = e, e.hidden !== void 0 && (this._pageVisibilityHandler = fi.bind(this), e.addEventListener(
+      "visibilitychange",
+      this._pageVisibilityHandler,
+      !1
+    ));
+  }
+  /**
+   * Disconnects the timer from the DOM and also disables the usage of the Page Visibility API.
+   */
+  disconnect() {
+    this._pageVisibilityHandler !== null && (this._document.removeEventListener(
+      "visibilitychange",
+      this._pageVisibilityHandler
+    ), this._pageVisibilityHandler = null), this._document = null;
+  }
+  /**
+   * Returns the time delta in seconds.
+   *
+   * @return {number} The time delta in second.
+   */
+  getDelta() {
+    return this._delta / 1e3;
+  }
+  /**
+   * Returns the elapsed time in seconds.
+   *
+   * @return {number} The elapsed time in second.
+   */
+  getElapsed() {
+    return this._elapsed / 1e3;
+  }
+  /**
+   * Returns the timescale.
+   *
+   * @return {number} The timescale.
+   */
+  getTimescale() {
+    return this._timescale;
+  }
+  /**
+   * Sets the given timescale which scale the time delta computation
+   * in `update()`.
+   *
+   * @param {number} timescale - The timescale to set.
+   * @return {Timer} A reference to this timer.
+   */
+  setTimescale(e) {
+    return this._timescale = e, this;
+  }
+  /**
+   * Resets the time computation for the current simulation step.
+   *
+   * @return {Timer} A reference to this timer.
+   */
+  reset() {
+    return this._currentTime = performance.now() - this._startTime, this;
+  }
+  /**
+   * Can be used to free all internal resources. Usually called when
+   * the timer instance isn't required anymore.
+   */
+  dispose() {
+    this.disconnect();
+  }
+  /**
+   * Updates the internal state of the timer. This method should be called
+   * once per simulation step and before you perform queries against the timer
+   * (e.g. via `getDelta()`).
+   *
+   * @param {number} timestamp - The current time in milliseconds. Can be obtained
+   * from the `requestAnimationFrame` callback argument. If not provided, the current
+   * time will be determined with `performance.now`.
+   * @return {Timer} A reference to this timer.
+   */
+  update(e) {
+    return this._pageVisibilityHandler !== null && this._document.hidden === !0 ? this._delta = 0 : (this._previousTime = this._currentTime, this._currentTime = (e !== void 0 ? e : performance.now()) - this._startTime, this._delta = (this._currentTime - this._previousTime) * this._timescale, this._elapsed += this._delta), this;
+  }
+}
+function fi() {
+  this._document.hidden === !1 && this.reset();
+}
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new j(), this._cameraTarget = new j(), this.event = new ye.EventEmitter(), this.timer = new os(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Ut(_e.options, e, {
-      isMergeableObject: Cs
+    this.raycaster = new ct(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ye.EventEmitter(), this.timer = new ui(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = Ut(_e.options, e, {
+      isMergeableObject: vs
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3806,50 +3901,50 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: a, height: c } = this.getSize(), u = t ? new fi({
+    } = this.options, { width: a, height: c } = this.getSize(), f = t ? new pi({
       width: a,
       height: c,
       //@ts-ignore
       renderer: this.options.WebGPURenderer,
-      rendererParams: pi
-    }) : new hi({
+      rendererParams: mi
+    }) : new li({
       width: a,
       height: c,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
     });
-    this.rendererController = u;
-    const m = new Ms({
+    this.rendererController = f;
+    const m = new Ss({
       width: a,
       height: c
-    }), v = new di({}), p = new Zs({
+    }), v = new ci({}), p = new Ys({
       controlsParams: {
-        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : u.renderer.domElement
+        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : f.renderer.domElement
       }
-    }), f = new oi({
+    }), u = new ri({
       loaderParams: U({
         anisotropy: this.maxAnisotropy
       }, n)
-    }), g = new ai({
+    }), g = new ni({
       pencil: this
-    }), y = new ei({
+    }), y = new Js({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = m, this.controlsController = p, this.loaderController = f, this.mListController = g, this.leadController = y;
+    this.sceneController = v, this.cameraController = m, this.controlsController = p, this.loaderController = u, this.mListController = g, this.leadController = y;
     const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
     if (this.showPage(l), s) {
-      const O = new qs({
+      const O = new Xs({
         container: e,
         sceneController: v,
         cameraController: m
       });
       O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(u.renderer.domElement);
+    e.appendChild(f.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3858,7 +3953,7 @@ const _e = class _e {
       ssao: s,
       ssaoParams: i,
       composer: r
-    } = this.options, o = new Ys({
+    } = this.options, o = new Vs({
       rendererController: this.rendererController,
       sceneController: this.sceneController,
       cameraController: this.cameraController,
@@ -3875,12 +3970,12 @@ const _e = class _e {
       css3DRendererParams: r
     } = this.options;
     if (t || s) {
-      const o = new Xs(e);
+      const o = new Gs(e);
       t && o.addRenderer("css2d", i), s && o.addRenderer("css3d", r), this.cssRendererController = o;
     }
   }
   initTransformControls() {
-    const e = new mi({
+    const e = new di({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3919,10 +4014,10 @@ const _e = class _e {
       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((u) => {
+    c.x === e && c.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), a.setSize(e, t), this.installPlugins.forEach((f) => {
       var m;
-      (m = u.setSize) == null || m.call(u, e, t);
-    }), this.viewPadding.some((u) => u !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
+      (m = f.setSize) == null || m.call(f, e, t);
+    }), this.viewPadding.some((f) => f !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
   }
   setDevicePixelRatio(e) {
     var n;
@@ -3972,8 +4067,8 @@ const _e = class _e {
     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 u;
-      (u = c.update) == null || u.call(c, e, t);
+      var f;
+      (f = c.update) == null || f.call(c, e, t);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
@@ -4018,11 +4113,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, c, u, m, v, p, f;
+    var e, t, s, i, r, o, n, a, c, f, m, v, p, u;
     this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
       var y;
       (y = g.dispose) == null || y.call(g);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (c = this.rendererController) == null || c.dispose(), (u = this.loaderController) == null || u.dispose(), (m = this.leadController) == null || m.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (p = this.stats) == null || p.dom.remove(), (f = this.renderer) == null || f.domElement.remove();
+    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (c = this.rendererController) == null || c.dispose(), (f = this.loaderController) == null || f.dispose(), (m = this.leadController) == null || m.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (p = this.stats) == null || p.dom.remove(), (u = this.renderer) == null || u.domElement.remove();
   }
 };
 _e.options = {
@@ -4031,15 +4126,15 @@ _e.options = {
   viewHelper: he,
   controls: !0,
   transformControls: he,
-  renderer: li,
-  composer: Vs,
-  scene: ci,
-  camera: wt,
+  renderer: ai,
+  composer: Bs,
+  scene: hi,
+  camera: bt,
   bloom: !1,
-  bloomParams: Bs,
+  bloomParams: js,
   ssao: !1,
-  loader: ri,
-  ssaoParams: Hs,
+  loader: ii,
+  ssaoParams: Is,
   css2DRenderer: !1,
   css2DRendererParams: U({}, st),
   css3DRenderer: !1,
@@ -4048,7 +4143,7 @@ _e.options = {
 let ot = _e;
 const Gi = J.ACTION;
 export {
-  ns as BaseObject,
+  os as BaseObject,
   ot as Pencil,
   Pe as ResourceTracker,
   Gi as cameraControlsAction,