gl-draw 0.15.0-beta.3 → 0.15.0-beta.30

package/dist/index.module.js

@@ -1,48 +1,41 @@
-var St = Object.defineProperty, At = Object.defineProperties;
+var At = Object.defineProperty, St = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
 var Me = Object.getOwnPropertySymbols;
 var Rt = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable;
-var Re = (h, e, t) => e in h ? St(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, U = (h, e) => {
+var Re = (h, e, t) => e in h ? At(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, U = (h, e) => {
   for (var t in e || (e = {}))
     Rt.call(e, t) && Re(h, t, e[t]);
   if (Me)
     for (var t of Me(e))
       Dt.call(e, t) && Re(h, t, e[t]);
   return h;
-}, te = (h, e) => At(h, Mt(e));
+}, te = (h, e) => St(h, Mt(e));
 var se = (h, e, t) => new Promise((s, i) => {
-  var r = (l) => {
+  var r = (a) => {
     try {
-      n(t.next(l));
-    } catch (d) {
-      i(d);
+      n(t.next(a));
+    } catch (c) {
+      i(c);
     }
-  }, o = (l) => {
+  }, o = (a) => {
     try {
-      n(t.throw(l));
-    } catch (d) {
-      i(d);
+      n(t.throw(a));
+    } catch (c) {
+      i(c);
     }
-  }, n = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(r, o);
+  }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(h, e)).next());
 });
-import { WebGLRenderer as Ut, Vector2 as B, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Gt, RawShaderMaterial as Kt, ShaderMaterial as Xt, MeshBasicMaterial as $t, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as pt, Texture as fe, VideoTexture as mt, FileLoader as Se, LoadingManager as es, DataTexture as ts, Mesh as ss, BufferGeometry as is } from "three";
-import { Timer as rs } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
-import os from "deepmerge";
-import ns from "stats-gl";
-import { C as as, c as ls, i as hs } from "./isPlainObject.module.js";
-import { R as Pe, M as ut, B as cs, G as ze } from "./index.module2.js";
-import { RectAreaLightHelper as ds } from "three/examples/jsm/helpers/RectAreaLightHelper";
-import { ViewHelper as ps } from "three/examples/jsm/helpers/ViewHelper";
-import { TransformControls as ms } from "three/examples/jsm/controls/TransformControls";
+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 "./index.module2.js";
 import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectComposer";
-import { RenderPass as us } from "three/examples/jsm/postprocessing/RenderPass";
-import { SSAOPass as fs } from "three/examples/jsm/postprocessing/SSAOPass";
-import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as _s } from "three/examples/jsm/postprocessing/OutputPass";
-import { ShaderPass as gs } from "three/examples/jsm/postprocessing/ShaderPass";
-import { UnrealBloomPass as vs } from "three/examples/jsm/postprocessing/UnrealBloomPass";
+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 "three/examples/jsm/renderers/CSS2DRenderer";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "d3-geo";
@@ -53,16 +46,23 @@ import "three/examples/jsm/lines/LineSegments2";
 import "three/examples/jsm/lines/LineSegmentsGeometry";
 import "three/examples/jsm/lines/LineMaterial";
 import "three-bvh-csg";
-import { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
-import { DRACOLoader as ys } from "three/examples/jsm/loaders/DRACOLoader";
-import { EXRLoader as Cs } from "three/examples/jsm/loaders/EXRLoader";
-import { LottieLoader as Es } from "three/examples/jsm/loaders/LottieLoader";
-import { makePromiseCreator as Os, generateUUID as He } from "esus-lite";
+import { ShaderPass as cs } 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 { 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";
 const M = {
   LEFT: 1,
   RIGHT: 2,
   MIDDLE: 4
-}, c = Object.freeze({
+}, d = Object.freeze({
   NONE: 0,
   ROTATE: 1,
   TRUCK: 2,
@@ -84,7 +84,7 @@ const M = {
   TOUCH_SCREEN_PAN: 131072,
   TOUCH_DOLLY_SCREEN_PAN: 262144,
   TOUCH_ZOOM_SCREEN_PAN: 524288
-}), G = {
+}), K = {
   NONE: 0,
   IN: 1,
   OUT: -1
@@ -92,20 +92,20 @@ const M = {
 function Y(h) {
   return h.isPerspectiveCamera;
 }
-function j(h) {
+function H(h) {
   return h.isOrthographicCamera;
 }
-const K = Math.PI * 2, Ie = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
+const $ = Math.PI * 2, je = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
 function k(h, e, t) {
   return Math.max(e, Math.min(t, h));
 }
-function A(h, e = ft) {
+function S(h, e = ut) {
   return Math.abs(h) < e;
 }
-function P(h, e, t = ft) {
-  return A(h - e, t);
+function P(h, e, t = ut) {
+  return S(h - e, t);
 }
-function je(h, e) {
+function He(h, e) {
   return Math.round(h / e) * e;
 }
 function re(h) {
@@ -114,41 +114,41 @@ function re(h) {
 function oe(h) {
   return Math.abs(h) < Number.MAX_VALUE ? h : h * (1 / 0);
 }
-function he(h, e, t, s, i = 1 / 0, r) {
+function ce(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
-  const o = 2 / s, n = o * r, l = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
-  let d = h - e;
-  const _ = e, p = i * s;
-  d = k(d, -p, p), e = h - d;
-  const E = (t.value + o * d) * r;
-  t.value = (t.value - o * E) * l;
-  let v = e + (d + E) * l;
-  return _ - h > 0 == v > _ && (v = _, t.value = (v - _) / r), v;
+  const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
+  let c = h - e;
+  const u = 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;
 }
 function Be(h, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
-  const n = 2 / s, l = n * r, d = 1 / (1 + l + 0.48 * l * l + 0.235 * l * l * l);
-  let _ = e.x, p = e.y, E = e.z, v = h.x - _, m = h.y - p, u = h.z - E;
-  const f = _, a = p, g = E, C = i * s, y = C * C, b = v * v + m * m + u * u;
-  if (b > y) {
-    const ye = Math.sqrt(b);
-    v = v / ye * C, m = m / ye * C, u = u / ye * C;
-  }
-  _ = h.x - v, p = h.y - m, E = h.z - u;
-  const O = (t.x + n * v) * r, x = (t.y + n * m) * r, R = (t.z + n * u) * r;
-  t.x = (t.x - n * O) * d, t.y = (t.y - n * x) * d, t.z = (t.z - n * R) * d, o.x = _ + (v + O) * d, o.y = p + (m + x) * d, o.z = E + (u + R) * d;
-  const V = f - h.x, le = a - h.y, wt = g - h.z, xt = o.x - f, Lt = o.y - a, Pt = o.z - g;
-  return V * xt + le * Lt + wt * Pt > 0 && (o.x = f, o.y = a, o.z = g, t.x = (o.x - f) / r, t.y = (o.y - a) / r, t.z = (o.z - g) / r), o;
+  const n = 2 / s, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
+  let 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;
 }
 function Ee(h, e) {
   e.set(0, 0), h.forEach((t) => {
     e.x += t.clientX, e.y += t.clientY;
   }), e.x /= h.length, e.y /= h.length;
 }
-function Oe(h, e) {
-  return j(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+function Te(h, e) {
+  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
-class Ts {
+class Es {
   constructor() {
     this._listeners = {};
   }
@@ -212,18 +212,18 @@ class Ts {
     }
   }
 }
-const ce = 1 / 8, bs = /Mac/.test(navigator.platform);
-let T, Ve, de, Te, D, w, L, X, ne, F, N, Z, Ye, Ze, z, ae, $, We, be, Ge, we, xe, pe;
-class J extends Ts {
+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 {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), w = new T.Vector3(), L = new T.Vector3(), X = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), $ = new T.Box3(), We = new T.Box3(), be = new T.Sphere(), Ge = new T.Quaternion(), we = new T.Quaternion(), xe = new T.Matrix4(), pe = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), 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();
   }
   /**
    * list all ACTIONs
    * @category Statics
    */
   static get ACTION() {
-    return c;
+    return d;
   }
   /**
    * Creates a `CameraControls` instance.
@@ -244,47 +244,47 @@ class J extends Ts {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = c.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = G.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (a, g, C, y) => {
-      let b, O;
+    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new T.Vector3(), this._focalOffsetVelocity = new T.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
+      let w, E;
       if (Y(this._camera)) {
-        const x = w.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
-        b = this.truckSpeed * a * V / this._elementRect.height, O = this.truckSpeed * g * V / this._elementRect.height;
-      } else if (j(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 = this._camera;
-        b = this.truckSpeed * a * (x.right - x.left) / x.zoom / this._elementRect.width, O = this.truckSpeed * g * (x.top - x.bottom) / x.zoom / this._elementRect.height;
+        w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
-      y ? (C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
+      C ? (O ? this.setFocalOffset(
+        this._focalOffsetEnd.x + w,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, 0, !0), this.forward(-O, !0)) : C ? this.setFocalOffset(
-        this._focalOffsetEnd.x + b,
-        this._focalOffsetEnd.y + O,
+      ) : this.truck(w, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
+        this._focalOffsetEnd.x + w,
+        this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(b, O, !0);
-    }, this._rotateInternal = (a, g) => {
-      const C = K * this.azimuthRotateSpeed * a / this._elementRect.height, y = K * this.polarRotateSpeed * g / this._elementRect.height;
-      this.rotate(C, y, !0);
-    }, this._dollyInternal = (a, g, C) => {
-      const y = Math.pow(0.95, -a * this.dollySpeed), b = this._sphericalEnd.radius, O = this._sphericalEnd.radius * y, x = k(
-        O,
+      ) : this.truck(w, 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(
+        E,
         this.minDistance,
         this.maxDistance
-      ), R = x - O;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(O, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? O : x) - b, this._dollyControlCoord.set(g, C)), this._lastDollyDirection = Math.sign(-a);
-    }, this._zoomInternal = (a, g, C) => {
-      const y = Math.pow(0.95, a * this.dollySpeed), b = this._zoom, O = this._zoom * y;
-      this.zoomTo(O, !0), this.dollyToCursor && (this._changedZoom += O - b, this._dollyControlCoord.set(g, C));
+      ), R = x - E;
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - w, this._dollyControlCoord.set(_, O)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, _, O) => {
+      const C = Math.pow(0.95, l * this.dollySpeed), w = this._zoom, E = this._zoom * C;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - w, this._dollyControlCoord.set(_, O));
     }, typeof T == "undefined" && console.error(
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new T.Quaternion().setFromUnitVectors(
       this._camera.up,
-      de
-    ), this._yAxisUpSpaceInverse = this._yAxisUpSpace.clone().invert(), this._state = c.NONE, this._target = new T.Vector3(), this._targetEnd = this._target.clone(), this._focalOffset = new T.Vector3(), this._focalOffsetEnd = this._focalOffset.clone(), this._spherical = new T.Spherical().setFromVector3(
-      w.copy(this._camera.position).applyQuaternion(this._yAxisUpSpace)
+      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)
     ), this._sphericalEnd = this._spherical.clone(), this._lastDistance = this._spherical.radius, this._zoom = this._camera.zoom, this._zoomEnd = this._zoom, this._lastZoom = this._zoom, this._nearPlaneCorners = [
       new T.Vector3(),
       new T.Vector3(),
@@ -294,54 +294,54 @@ class J extends Ts {
       new T.Vector3(-1 / 0, -1 / 0, -1 / 0),
       new T.Vector3(1 / 0, 1 / 0, 1 / 0)
     ), this._cameraUp0 = this._camera.up.clone(), this._target0 = this._target.clone(), this._position0 = this._camera.position.clone(), this._zoom0 = this._zoom, this._focalOffset0 = this._focalOffset.clone(), this._dollyControlCoord = new T.Vector2(), this.mouseButtons = {
-      left: c.ROTATE,
-      middle: c.DOLLY,
-      right: c.TRUCK,
-      wheel: Y(this._camera) ? c.DOLLY : j(this._camera) ? c.ZOOM : c.NONE
+      left: d.ROTATE,
+      middle: d.DOLLY,
+      right: d.TRUCK,
+      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
-      one: c.TOUCH_ROTATE,
-      two: Y(this._camera) ? c.TOUCH_DOLLY_TRUCK : j(this._camera) ? c.TOUCH_ZOOM_TRUCK : c.NONE,
-      three: c.TOUCH_TRUCK
+      one: d.TOUCH_ROTATE,
+      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : H(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      three: d.TOUCH_TRUCK
     };
-    const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (a) => {
+    const s = new T.Vector2(), i = new T.Vector2(), r = new T.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const y = this._domElement.getBoundingClientRect(), b = (a.clientX - y.left) / (y.right - y.left), O = (a.clientY - y.top) / (y.bottom - y.top);
-        if (b < this._interactiveArea.left || b > this._interactiveArea.right || O < this._interactiveArea.top || O > this._interactiveArea.bottom)
+        const C = this._domElement.getBoundingClientRect(), w = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
+        if (w < this._interactiveArea.left || w > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
-      const g = a.pointerType !== "mouse" ? null : (a.buttons & M.LEFT) === M.LEFT ? M.LEFT : (a.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (a.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
-      if (g !== null) {
-        const y = this._findPointerByMouseButton(g);
-        y && this._disposePointer(y);
+      const _ = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
+      if (_ !== null) {
+        const C = this._findPointerByMouseButton(_);
+        C && this._disposePointer(C);
       }
-      if ((a.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
+      if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
         return;
-      const C = {
-        pointerId: a.pointerId,
-        clientX: a.clientX,
-        clientY: a.clientY,
+      const O = {
+        pointerId: l.pointerId,
+        clientX: l.clientX,
+        clientY: l.clientY,
         deltaX: 0,
         deltaY: 0,
-        mouseButton: g
+        mouseButton: _
       };
-      this._activePointers.push(C), this._domElement.ownerDocument.removeEventListener(
+      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), this._isDragging = !0, E(a);
-    }, n = (a) => {
-      a.cancelable && a.preventDefault();
-      const g = a.pointerId, C = this._lockedPointer || this._findPointerById(g);
-      if (C) {
-        if (C.clientX = a.clientX, C.clientY = a.clientY, C.deltaX = a.movementX, C.deltaY = a.movementY, this._state = 0, a.pointerType === "touch")
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
+    }, n = (l) => {
+      l.cancelable && l.preventDefault();
+      const _ = l.pointerId, O = this._lockedPointer || this._findPointerById(_);
+      if (O) {
+        if (O.clientX = l.clientX, O.clientY = l.clientY, O.deltaX = l.movementX, O.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 1:
               this._state = this.touches.one;
@@ -354,16 +354,16 @@ class J extends Ts {
               break;
           }
         else
-          (!this._isDragging && this._lockedPointer || this._isDragging && (a.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (a.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (a.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-        v();
+          (!this._isDragging && this._lockedPointer || this._isDragging && (l.buttons & M.LEFT) === M.LEFT) && (this._state = this._state | this.mouseButtons.left), this._isDragging && (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), this._isDragging && (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
+        p();
       }
-    }, l = (a) => {
-      const g = this._findPointerById(a.pointerId);
-      if (!(g && g === this._lockedPointer)) {
-        if (g && this._disposePointer(g), a.pointerType === "touch")
+    }, a = (l) => {
+      const _ = this._findPointerById(l.pointerId);
+      if (!(_ && _ === this._lockedPointer)) {
+        if (_ && this._disposePointer(_), l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 0:
-              this._state = c.NONE;
+              this._state = d.NONE;
               break;
             case 1:
               this._state = this.touches.one;
@@ -376,77 +376,77 @@ class J extends Ts {
               break;
           }
         else
-          this._state = c.NONE;
-        m();
+          this._state = d.NONE;
+        f();
       }
     };
-    let d = -1;
-    const _ = (a) => {
-      if (!this._domElement || !this._enabled || this.mouseButtons.wheel === c.NONE) return;
+    let c = -1;
+    const u = (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 O = this._domElement.getBoundingClientRect(), x = (a.clientX - O.left) / (O.right - O.left), R = (a.clientY - O.top) / (O.bottom - O.top);
+        const E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
         if (x < this._interactiveArea.left || x > this._interactiveArea.right || R < this._interactiveArea.top || R > this._interactiveArea.bottom)
           return;
       }
-      if (a.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === c.ROTATE || this.mouseButtons.wheel === c.TRUCK) {
-        const O = performance.now();
-        d - O < 1e3 && this._getClientRect(this._elementRect), d = O;
+      if (l.preventDefault(), this.dollyToCursor || this.mouseButtons.wheel === d.ROTATE || this.mouseButtons.wheel === d.TRUCK) {
+        const E = performance.now();
+        c - E < 1e3 && this._getClientRect(this._elementRect), c = E;
       }
-      const g = bs ? -1 : -3, C = a.deltaMode === 1 || a.ctrlKey ? a.deltaY / g : a.deltaY / (g * 10), y = this.dollyToCursor ? (a.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, b = this.dollyToCursor ? (a.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const _ = 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;
       switch (this.mouseButtons.wheel) {
-        case c.ROTATE: {
-          this._rotateInternal(a.deltaX, a.deltaY), this._isUserControllingRotate = !0;
+        case d.ROTATE: {
+          this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
           break;
         }
-        case c.TRUCK: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !1), this._isUserControllingTruck = !0;
+        case d.TRUCK: {
+          this._truckInternal(l.deltaX, l.deltaY, !1, !1), this._isUserControllingTruck = !0;
           break;
         }
-        case c.SCREEN_PAN: {
-          this._truckInternal(a.deltaX, a.deltaY, !1, !0), this._isUserControllingTruck = !0;
+        case d.SCREEN_PAN: {
+          this._truckInternal(l.deltaX, l.deltaY, !1, !0), this._isUserControllingTruck = !0;
           break;
         }
-        case c.OFFSET: {
-          this._truckInternal(a.deltaX, a.deltaY, !0, !1), this._isUserControllingOffset = !0;
+        case d.OFFSET: {
+          this._truckInternal(l.deltaX, l.deltaY, !0, !1), this._isUserControllingOffset = !0;
           break;
         }
-        case c.DOLLY: {
-          this._dollyInternal(-C, y, b), this._isUserControllingDolly = !0;
+        case d.DOLLY: {
+          this._dollyInternal(-O, C, w), this._isUserControllingDolly = !0;
           break;
         }
-        case c.ZOOM: {
-          this._zoomInternal(-C, y, b), this._isUserControllingZoom = !0;
+        case d.ZOOM: {
+          this._zoomInternal(-O, C, w), this._isUserControllingZoom = !0;
           break;
         }
       }
       this.dispatchEvent({ type: "control" });
-    }, p = (a) => {
+    }, m = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const g = a instanceof PointerEvent ? a.pointerId : 0, C = this._findPointerById(g);
-          C && this._disposePointer(C), this._domElement.ownerDocument.removeEventListener(
+          const _ = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(_);
+          O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
             { passive: !1 }
           ), this._domElement.ownerDocument.removeEventListener(
             "pointerup",
-            l
+            a
           );
           return;
         }
-        a.preventDefault();
+        l.preventDefault();
       }
-    }, E = (a) => {
+    }, 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 C = D.x - this._activePointers[1].clientX, y = D.y - this._activePointers[1].clientY, b = Math.sqrt(C * C + y * y);
-        r.set(0, b);
-        const O = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
-        i.set(O, x);
+        const O = D.x - this._activePointers[1].clientX, C = D.y - this._activePointers[1].clientY, w = Math.sqrt(O * O + C * C);
+        r.set(0, w);
+        const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
+        i.set(E, x);
       }
-      if (this._state = 0, !a)
+      if (this._state = 0, !l)
         this._lockedPointer && (this._state = this._state | this.mouseButtons.left);
-      else if ("pointerType" in a && a.pointerType === "touch")
+      else if ("pointerType" in l && l.pointerType === "touch")
         switch (this._activePointers.length) {
           case 1:
             this._state = this.touches.one;
@@ -459,39 +459,39 @@ class J extends Ts {
             break;
         }
       else
-        !this._lockedPointer && (a.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (a.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (a.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
-      ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & c.DOLLY) === c.DOLLY || (this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & c.ZOOM) === c.ZOOM || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
-    }, v = () => {
+        !this._lockedPointer && (l.buttons & M.LEFT) === M.LEFT && (this._state = this._state | this.mouseButtons.left), (l.buttons & M.MIDDLE) === M.MIDDLE && (this._state = this._state | this.mouseButtons.middle), (l.buttons & M.RIGHT) === M.RIGHT && (this._state = this._state | this.mouseButtons.right);
+      ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._sphericalEnd.theta = this._spherical.theta, this._sphericalEnd.phi = this._spherical.phi, this._thetaVelocity.value = 0, this._phiVelocity.value = 0), ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN) && (this._targetEnd.copy(this._target), this._targetVelocity.set(0, 0, 0)), ((this._state & d.DOLLY) === d.DOLLY || (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE) && (this._sphericalEnd.radius = this._spherical.radius, this._radiusVelocity.value = 0), ((this._state & d.ZOOM) === d.ZOOM || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._zoomEnd = this._zoom, this._zoomVelocity.value = 0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._focalOffsetEnd.copy(this._focalOffset), this._focalOffsetVelocity.set(0, 0, 0)), this.dispatchEvent({ type: "controlstart" });
+    }, p = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Ee(this._activePointers, D);
-      const g = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = g ? -g.deltaX : i.x - D.x, y = g ? -g.deltaY : i.y - D.y;
-      if (i.copy(D), ((this._state & c.ROTATE) === c.ROTATE || (this._state & c.TOUCH_ROTATE) === c.TOUCH_ROTATE || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, y), this._isUserControllingRotate = !0), (this._state & c.DOLLY) === c.DOLLY || (this._state & c.ZOOM) === c.ZOOM) {
-        const b = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, O = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
-        (this._state & c.DOLLY) === c.DOLLY ? (this._dollyInternal(
-          x * y * ce,
-          b,
-          O
+      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;
+        (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
+          x * C * de,
+          w,
+          E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          x * y * ce,
-          b,
-          O
+          x * C * de,
+          w,
+          E
         ), this._isUserControllingZoom = !0);
       }
-      if ((this._state & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_ZOOM) === c.TOUCH_ZOOM || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_ZOOM_ROTATE) === c.TOUCH_ZOOM_ROTATE) {
-        const b = D.x - this._activePointers[1].clientX, O = D.y - this._activePointers[1].clientY, x = Math.sqrt(b * b + O * O), R = r.y - x;
+      if ((this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_ZOOM) === d.TOUCH_ZOOM || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) {
+        const w = D.x - this._activePointers[1].clientX, E = D.y - this._activePointers[1].clientY, x = Math.sqrt(w * w + 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 & c.TOUCH_DOLLY) === c.TOUCH_DOLLY || (this._state & c.TOUCH_DOLLY_ROTATE) === c.TOUCH_DOLLY_ROTATE || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, V, le), this._isUserControllingZoom = !0);
+        (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & c.TRUCK) === c.TRUCK || (this._state & c.TOUCH_TRUCK) === c.TOUCH_TRUCK || (this._state & c.TOUCH_DOLLY_TRUCK) === c.TOUCH_DOLLY_TRUCK || (this._state & c.TOUCH_ZOOM_TRUCK) === c.TOUCH_ZOOM_TRUCK) && (this._truckInternal(C, y, !1, !1), this._isUserControllingTruck = !0), ((this._state & c.SCREEN_PAN) === c.SCREEN_PAN || (this._state & c.TOUCH_SCREEN_PAN) === c.TOUCH_SCREEN_PAN || (this._state & c.TOUCH_DOLLY_SCREEN_PAN) === c.TOUCH_DOLLY_SCREEN_PAN || (this._state & c.TOUCH_ZOOM_SCREEN_PAN) === c.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(C, y, !1, !0), this._isUserControllingTruck = !0), ((this._state & c.OFFSET) === c.OFFSET || (this._state & c.TOUCH_OFFSET) === c.TOUCH_OFFSET || (this._state & c.TOUCH_DOLLY_OFFSET) === c.TOUCH_DOLLY_OFFSET || (this._state & c.TOUCH_ZOOM_OFFSET) === c.TOUCH_ZOOM_OFFSET) && (this._truckInternal(C, y, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, m = () => {
+      ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
+    }, f = () => {
       Ee(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this.dispatchEvent({ type: "controlend" }));
     };
     this.lockPointer = () => {
@@ -508,56 +508,56 @@ class J extends Ts {
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.requestPointerLock(), this._domElement.ownerDocument.addEventListener(
         "pointerlockchange",
-        u
+        g
       ), this._domElement.ownerDocument.addEventListener(
         "pointerlockerror",
-        f
+        y
       ), this._domElement.ownerDocument.addEventListener(
         "pointermove",
         n,
         { passive: !1 }
-      ), this._domElement.ownerDocument.addEventListener("pointerup", l), E());
+      ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var a, g, C;
-      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (a = this._domElement) === null || a === void 0 || a.ownerDocument.exitPointerLock(), (g = this._domElement) === null || g === void 0 || g.ownerDocument.removeEventListener(
+      var l, _, O;
+      this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
         "pointerlockchange",
-        u
-      ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
+        g
+      ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
         "pointerlockerror",
-        f
+        y
       ), this.cancel();
     };
-    const u = () => {
+    const g = () => {
       this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement || this.unlockPointer();
-    }, f = () => {
+    }, y = () => {
       this.unlockPointer();
     };
-    this._addAllEventListeners = (a) => {
-      this._domElement = a, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", l), this._domElement.addEventListener("wheel", _, {
+    this._addAllEventListeners = (l) => {
+      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", u, {
         passive: !1
-      }), this._domElement.addEventListener("contextmenu", p);
+      }), this._domElement.addEventListener("contextmenu", m);
     }, this._removeAllEventListeners = () => {
-      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", l), this._domElement.removeEventListener("wheel", _, {
+      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", u, {
         passive: !1
-      }), this._domElement.removeEventListener("contextmenu", p), this._domElement.ownerDocument.removeEventListener(
+      }), this._domElement.removeEventListener("contextmenu", m), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerup",
-        l
+        a
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockchange",
-        u
+        g
       ), this._domElement.ownerDocument.removeEventListener(
         "pointerlockerror",
-        f
+        y
       ));
     }, this.cancel = () => {
-      this._state !== c.NONE && (this._state = c.NONE, this._activePointers.length = 0, m());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, f());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -822,7 +822,7 @@ class J extends Ts {
    * @category Methods
    */
   dollyTo(e, t = !1) {
-    return this._isUserControllingDolly = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0, this._dollyToNoClamp(
+    return this._isUserControllingDolly = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0, this._dollyToNoClamp(
       k(e, this.minDistance, this.maxDistance),
       t
     );
@@ -901,7 +901,7 @@ class J extends Ts {
    */
   truck(e, t, s = !1) {
     this._camera.updateMatrix(), F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), F.multiplyScalar(e), N.multiplyScalar(-t);
-    const i = w.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
+    const i = b.copy(F).add(N), r = L.copy(this._targetEnd).add(i);
     return this.moveTo(r.x, r.y, r.z, s);
   }
   /**
@@ -911,8 +911,8 @@ class J extends Ts {
    * @category Methods
    */
   forward(e, t = !1) {
-    w.setFromMatrixColumn(this._camera.matrix, 0), w.crossVectors(this._camera.up, w), w.multiplyScalar(e);
-    const s = L.copy(this._targetEnd).add(w);
+    b.setFromMatrixColumn(this._camera.matrix, 0), b.crossVectors(this._camera.up, b), b.multiplyScalar(e);
+    const s = L.copy(this._targetEnd).add(b);
     return this.moveTo(s.x, s.y, s.z, t);
   }
   /**
@@ -922,10 +922,10 @@ class J extends Ts {
    * @category Methods
    */
   elevate(e, t = !1) {
-    return w.copy(this._camera.up).multiplyScalar(e), this.moveTo(
-      this._targetEnd.x + w.x,
-      this._targetEnd.y + w.y,
-      this._targetEnd.z + w.z,
+    return b.copy(this._camera.up).multiplyScalar(e), this.moveTo(
+      this._targetEnd.x + b.x,
+      this._targetEnd.y + b.y,
+      this._targetEnd.z + b.z,
       t
     );
   }
@@ -939,7 +939,7 @@ class J extends Ts {
    */
   moveTo(e, t, s, i = !1) {
     this._isUserControllingTruck = !1;
-    const r = w.set(e, t, s).sub(this._targetEnd);
+    const r = b.set(e, t, s).sub(this._targetEnd);
     this._encloseToBoundary(this._targetEnd, r, this.boundaryFriction), this._needsUpdate = !0, i || this._target.copy(this._targetEnd);
     const o = !i || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold);
     return this._createOnRestPromise(o);
@@ -954,7 +954,7 @@ class J extends Ts {
    * @category Methods
    */
   lookInDirectionOf(e, t, s, i = !1) {
-    const n = w.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
+    const n = b.set(e, t, s).sub(this._targetEnd).normalize().multiplyScalar(-this._sphericalEnd.radius).add(this._targetEnd);
     return this.setPosition(
       n.x,
       n.y,
@@ -982,34 +982,34 @@ class J extends Ts {
     paddingBottom: o = 0,
     paddingTop: n = 0
   } = {}) {
-    const l = [], d = e.isBox3 ? $.copy(e) : $.setFromObject(e);
-    d.isEmpty() && (console.warn(
+    const a = [], c = e.isBox3 ? X.copy(e) : X.setFromObject(e);
+    c.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const _ = je(this._sphericalEnd.theta, Ie), p = je(this._sphericalEnd.phi, Ie);
-    l.push(this.rotateTo(_, p, t));
-    const E = w.setFromSpherical(this._sphericalEnd).normalize(), v = Ge.setFromUnitVectors(E, Te), m = P(Math.abs(E.y), 1);
-    m && v.multiply(we.setFromAxisAngle(de, _)), v.multiply(this._yAxisUpSpaceInverse);
-    const u = We.makeEmpty();
-    L.copy(d.min).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setX(d.max.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setY(d.max.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setZ(d.min.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.min).setZ(d.max.z).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setY(d.min.y).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).setX(d.min.x).applyQuaternion(v), u.expandByPoint(L), L.copy(d.max).applyQuaternion(v), u.expandByPoint(L), u.min.x -= i, u.min.y -= o, u.max.x += r, u.max.y += n, v.setFromUnitVectors(Te, E), m && v.premultiply(we.invert()), v.premultiply(this._yAxisUpSpace);
-    const f = u.getSize(w), a = u.getCenter(L).applyQuaternion(v);
+    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 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);
     if (Y(this._camera)) {
-      const g = this.getDistanceToFitBox(
-        f.x,
-        f.y,
-        f.z,
+      const _ = this.getDistanceToFitBox(
+        y.x,
+        y.y,
+        y.z,
         s
       );
-      l.push(
-        this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.dollyTo(g, t)), l.push(this.setFocalOffset(0, 0, 0, t));
-    } else if (j(this._camera)) {
-      const g = this._camera, C = g.right - g.left, y = g.top - g.bottom, b = s ? Math.max(C / f.x, y / f.y) : Math.min(C / f.x, y / f.y);
-      l.push(
-        this.moveTo(a.x, a.y, a.z, t)
-      ), l.push(this.zoomTo(b, t)), l.push(this.setFocalOffset(0, 0, 0, t));
+      a.push(
+        this.moveTo(l.x, l.y, l.z, t)
+      ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
+    } else if (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);
+      a.push(
+        this.moveTo(l.x, l.y, l.z, t)
+      ), a.push(this.zoomTo(w, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     }
-    return Promise.all(l);
+    return Promise.all(a);
   }
   /**
    * Fit the viewport to the sphere or the bounding sphere of the object.
@@ -1029,9 +1029,9 @@ class J extends Ts {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (j(this._camera)) {
-      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, l = 2 * r.radius, d = Math.min(o / l, n / l);
-      s.push(this.zoomTo(d, t));
+    } else if (H(this._camera)) {
+      const o = this._camera.right - this._camera.left, n = this._camera.top - this._camera.bottom, a = 2 * r.radius, c = Math.min(o / a, n / a);
+      s.push(this.zoomTo(c, t));
     }
     return s.push(this.setFocalOffset(0, 0, 0, t)), Promise.all(s);
   }
@@ -1047,12 +1047,12 @@ class J extends Ts {
    * @category Methods
    */
   setLookAt(e, t, s, i, r, o, n = !1) {
-    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const l = L.set(i, r, o), d = w.set(e, t, s);
-    this._targetEnd.copy(l), this._sphericalEnd.setFromVector3(
-      d.sub(l).applyQuaternion(this._yAxisUpSpace)
+    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
+    const a = L.set(i, r, o), c = b.set(e, t, s);
+    this._targetEnd.copy(a), this._sphericalEnd.setFromVector3(
+      c.sub(a).applyQuaternion(this._yAxisUpSpace)
     ), this.normalizeRotations(), this._needsUpdate = !0, n || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const _ = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    const 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(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1065,7 +1065,7 @@ class J extends Ts {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(_);
+    return this._createOnRestPromise(u);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1085,23 +1085,23 @@ class J extends Ts {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, l, d, _, p, E, v, m = !1) {
-    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = G.NONE, this._changedDolly = 0;
-    const u = w.set(i, r, o), f = L.set(e, t, s);
+  lerpLookAt(e, t, s, i, r, o, n, a, c, u, m, v, p, f = !1) {
+    this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._lastDollyDirection = K.NONE, this._changedDolly = 0;
+    const g = b.set(i, r, o), y = L.set(e, t, s);
     z.setFromVector3(
-      f.sub(u).applyQuaternion(this._yAxisUpSpace)
+      y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const a = X.set(_, p, E), g = L.set(n, l, d);
+    const l = G.set(u, m, v), _ = L.set(n, a, c);
     ae.setFromVector3(
-      g.sub(a).applyQuaternion(this._yAxisUpSpace)
-    ), this._targetEnd.copy(u.lerp(a, v));
-    const C = ae.theta - z.theta, y = ae.phi - z.phi, b = ae.radius - z.radius;
+      _.sub(l).applyQuaternion(this._yAxisUpSpace)
+    ), this._targetEnd.copy(g.lerp(l, p));
+    const O = ae.theta - z.theta, C = ae.phi - z.phi, w = ae.radius - z.radius;
     this._sphericalEnd.set(
-      z.radius + b * v,
-      z.phi + y * v,
-      z.theta + C * v
-    ), this.normalizeRotations(), this._needsUpdate = !0, m || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const O = !m || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+      z.radius + w * p,
+      z.phi + C * p,
+      z.theta + O * p
+    ), this.normalizeRotations(), this._needsUpdate = !0, f || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
+    const E = !f || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
       this._sphericalEnd.theta,
       this.restThreshold
@@ -1114,7 +1114,7 @@ class J extends Ts {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(O);
+    return this._createOnRestPromise(E);
   }
   /**
    * Set angle and distance by given position.
@@ -1146,7 +1146,7 @@ class J extends Ts {
    * @category Methods
    */
   setTarget(e, t, s, i = !1) {
-    const r = this.getPosition(w), o = this.setLookAt(
+    const r = this.getPosition(b), o = this.setLookAt(
       r.x,
       r.y,
       r.z,
@@ -1196,8 +1196,8 @@ class J extends Ts {
    */
   setOrbitPoint(e, t, s) {
     this._camera.updateMatrixWorld(), F.setFromMatrixColumn(this._camera.matrixWorldInverse, 0), N.setFromMatrixColumn(this._camera.matrixWorldInverse, 1), Z.setFromMatrixColumn(this._camera.matrixWorldInverse, 2);
-    const i = w.set(e, t, s), r = i.distanceTo(this._camera.position), o = i.sub(this._camera.position);
-    F.multiplyScalar(o.x), N.multiplyScalar(o.y), Z.multiplyScalar(o.z), w.copy(F).add(N).add(Z), w.z = w.z + r, this.dollyTo(r, !1), this.setFocalOffset(-w.x, w.y, -w.z, !1), this.moveTo(e, t, s, !1);
+    const i = 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);
   }
   /**
    * Set the boundary box that encloses the target of the camera. box3 is in THREE.Box3
@@ -1236,7 +1236,7 @@ class J extends Ts {
    * @category Methods
    */
   getDistanceToFitBox(e, t, s, i = !1) {
-    if (Oe(this._camera, "getDistanceToFitBox"))
+    if (Te(this._camera, "getDistanceToFitBox"))
       return this._spherical.radius;
     const r = e / t, o = this._camera.getEffectiveFOV() * ie, n = this._camera.aspect;
     return ((i ? r > n : r < n) ? t : e / n) * 0.5 / Math.tan(o * 0.5) + s * 0.5;
@@ -1248,7 +1248,7 @@ class J extends Ts {
    * @category Methods
    */
   getDistanceToFitSphere(e) {
-    if (Oe(this._camera, "getDistanceToFitSphere"))
+    if (Te(this._camera, "getDistanceToFitSphere"))
       return this._spherical.radius;
     const t = this._camera.getEffectiveFOV() * ie, s = Math.atan(Math.tan(t * 0.5) * this._camera.aspect) * 2, i = 1 < this._camera.aspect ? t : s;
     return e / Math.sin(i * 0.5);
@@ -1296,7 +1296,7 @@ class J extends Ts {
    * @category Methods
    */
   normalizeRotations() {
-    this._sphericalEnd.theta = this._sphericalEnd.theta % K, this._sphericalEnd.theta < 0 && (this._sphericalEnd.theta += K), this._spherical.theta += K * Math.round((this._sphericalEnd.theta - this._spherical.theta) / K);
+    this._sphericalEnd.theta = this._sphericalEnd.theta % $, this._sphericalEnd.theta < 0 && (this._sphericalEnd.theta += $), this._spherical.theta += $ * Math.round((this._sphericalEnd.theta - this._spherical.theta) / $);
   }
   /**
    * stop all transitions.
@@ -1312,7 +1312,7 @@ class J extends Ts {
   reset(e = !1) {
     if (!P(this._camera.up.x, this._cameraUp0.x) || !P(this._camera.up.y, this._cameraUp0.y) || !P(this._camera.up.z, this._cameraUp0.z)) {
       this._camera.up.copy(this._cameraUp0);
-      const s = this.getPosition(w);
+      const s = this.getPosition(b);
       this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
     }
     const t = [
@@ -1348,7 +1348,7 @@ class J extends Ts {
    * @category Methods
    */
   updateCameraUp() {
-    this._yAxisUpSpace.setFromUnitVectors(this._camera.up, de), this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert();
+    this._yAxisUpSpace.setFromUnitVectors(this._camera.up, me), this._yAxisUpSpaceInverse.copy(this._yAxisUpSpace).invert();
   }
   /**
    * Apply current camera-up direction to the camera.
@@ -1356,9 +1356,9 @@ class J extends Ts {
    * @category Methods
    */
   applyCameraUp() {
-    const e = w.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
+    const e = b.subVectors(this._target, this._camera.position).normalize(), t = L.crossVectors(e, this._camera.up);
     this._camera.up.crossVectors(t, e).normalize(), this._camera.updateMatrixWorld();
-    const s = this.getPosition(w);
+    const s = this.getPosition(b);
     this.updateCameraUp(), this.setPosition(s.x, s.y, s.z);
   }
   /**
@@ -1373,127 +1373,127 @@ class J extends Ts {
       this._focalOffsetEnd,
       this._focalOffset
     ), n = this._zoomEnd - this._zoom;
-    if (A(t))
+    if (S(t))
       this._thetaVelocity.value = 0, this._spherical.theta = this._sphericalEnd.theta;
     else {
-      const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.theta = he(
+      const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
+      this._spherical.theta = ce(
         this._spherical.theta,
         this._sphericalEnd.theta,
         this._thetaVelocity,
-        p,
+        m,
         1 / 0,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(s))
+    if (S(s))
       this._phiVelocity.value = 0, this._spherical.phi = this._sphericalEnd.phi;
     else {
-      const p = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.phi = he(
+      const m = this._isUserControllingRotate ? this.draggingSmoothTime : this.smoothTime;
+      this._spherical.phi = ce(
         this._spherical.phi,
         this._sphericalEnd.phi,
         this._phiVelocity,
-        p,
+        m,
         1 / 0,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(i))
+    if (S(i))
       this._radiusVelocity.value = 0, this._spherical.radius = this._sphericalEnd.radius;
     else {
-      const p = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
-      this._spherical.radius = he(
+      const m = this._isUserControllingDolly ? this.draggingSmoothTime : this.smoothTime;
+      this._spherical.radius = ce(
         this._spherical.radius,
         this._sphericalEnd.radius,
         this._radiusVelocity,
-        p,
+        m,
         this.maxSpeed,
         e
       ), this._needsUpdate = !0;
     }
-    if (A(r.x) && A(r.y) && A(r.z))
+    if (S(r.x) && S(r.y) && S(r.z))
       this._targetVelocity.set(0, 0, 0), this._target.copy(this._targetEnd);
     else {
-      const p = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingTruck ? this.draggingSmoothTime : this.smoothTime;
       Be(
         this._target,
         this._targetEnd,
         this._targetVelocity,
-        p,
+        m,
         this.maxSpeed,
         e,
         this._target
       ), this._needsUpdate = !0;
     }
-    if (A(o.x) && A(o.y) && A(o.z))
+    if (S(o.x) && S(o.y) && S(o.z))
       this._focalOffsetVelocity.set(0, 0, 0), this._focalOffset.copy(this._focalOffsetEnd);
     else {
-      const p = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
+      const m = this._isUserControllingOffset ? this.draggingSmoothTime : this.smoothTime;
       Be(
         this._focalOffset,
         this._focalOffsetEnd,
         this._focalOffsetVelocity,
-        p,
+        m,
         this.maxSpeed,
         e,
         this._focalOffset
       ), this._needsUpdate = !0;
     }
-    if (A(n))
+    if (S(n))
       this._zoomVelocity.value = 0, this._zoom = this._zoomEnd;
     else {
-      const p = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
-      this._zoom = he(
+      const m = this._isUserControllingZoom ? this.draggingSmoothTime : this.smoothTime;
+      this._zoom = ce(
         this._zoom,
         this._zoomEnd,
         this._zoomVelocity,
-        p,
+        m,
         1 / 0,
         e
       );
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const p = this._spherical.radius - this._lastDistance, E = this._camera, v = this._getCameraDirection(ne), m = w.copy(v).cross(E.up).normalize();
-        m.lengthSq() === 0 && (m.x = 1);
-        const u = L.crossVectors(m, v), f = this._sphericalEnd.radius * Math.tan(E.getEffectiveFOV() * ie * 0.5), g = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = X.copy(this._targetEnd).add(
-          m.multiplyScalar(
-            this._dollyControlCoord.x * f * E.aspect
+        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(
+            this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
-          u.multiplyScalar(this._dollyControlCoord.y * f)
-        ), y = w.copy(this._targetEnd).lerp(C, g), b = this._lastDollyDirection === G.IN && this._spherical.radius <= this.minDistance, O = this._lastDollyDirection === G.OUT && this.maxDistance <= this._spherical.radius;
-        if (this.infinityDolly && (b || O)) {
-          this._sphericalEnd.radius -= p, this._spherical.radius -= p;
-          const R = L.copy(v).multiplyScalar(-p);
-          y.add(R);
+          g.multiplyScalar(this._dollyControlCoord.y * y)
+        ), C = 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)) {
+          this._sphericalEnd.radius -= m, this._spherical.radius -= m;
+          const R = L.copy(p).multiplyScalar(-m);
+          C.add(R);
         }
-        this._boundary.clampPoint(y, y);
-        const x = L.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
-      } else if (j(this._camera) && this._changedZoom !== 0) {
-        const p = this._zoom - this._lastZoom, E = this._camera, v = w.set(
+        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(
           this._dollyControlCoord.x,
           this._dollyControlCoord.y,
-          (E.near + E.far) / (E.near - E.far)
-        ).unproject(E), m = L.set(0, 0, -1).applyQuaternion(E.quaternion), u = X.copy(v).add(m.multiplyScalar(-v.dot(E.up))), a = -(this._zoom - p - this._zoom) / this._zoom, g = this._getCameraDirection(ne), C = this._targetEnd.dot(g), y = w.copy(this._targetEnd).lerp(u, a), b = y.dot(g), O = g.multiplyScalar(
-          b - C
+          (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
         );
-        y.sub(O), this._boundary.clampPoint(y, y);
-        const x = L.subVectors(y, this._targetEnd);
-        this._targetEnd.copy(y), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        C.sub(E), this._boundary.clampPoint(C, C);
+        const x = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(x), this._changedZoom -= m, S(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
-    const l = this._collisionTest();
-    this._spherical.radius = Math.min(this._spherical.radius, l), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!A(this._focalOffset.x) || !A(this._focalOffset.y) || !A(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), w.copy(F).add(N).add(Z), this._camera.position.add(w), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
+    const a = this._collisionTest();
+    this._spherical.radius = Math.min(this._spherical.radius, a), this._spherical.makeSafe(), this._camera.position.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse).add(this._target), this._camera.lookAt(this._target), (!S(this._focalOffset.x) || !S(this._focalOffset.y) || !S(this._focalOffset.z)) && (F.setFromMatrixColumn(this._camera.matrix, 0), N.setFromMatrixColumn(this._camera.matrix, 1), Z.setFromMatrixColumn(this._camera.matrix, 2), F.multiplyScalar(this._focalOffset.x), N.multiplyScalar(-this._focalOffset.y), Z.multiplyScalar(this._focalOffset.z), b.copy(F).add(N).add(Z), this._camera.position.add(b), this._camera.updateMatrixWorld()), this._boundaryEnclosesCamera && this._encloseToBoundary(
       this._camera.position.copy(this._target),
-      w.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
+      b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
     );
-    const _ = this._needsUpdate;
-    return _ && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : _ ? (this.dispatchEvent({ type: "update" }), A(t, this.restThreshold) && A(s, this.restThreshold) && A(i, this.restThreshold) && A(r.x, this.restThreshold) && A(r.y, this.restThreshold) && A(r.z, this.restThreshold) && A(o.x, this.restThreshold) && A(o.y, this.restThreshold) && A(o.z, this.restThreshold) && A(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !_ && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = _, this._needsUpdate = !1, _;
+    const 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;
   }
   /**
    * Get all state in JSON string
@@ -1516,7 +1516,7 @@ class J extends Ts {
       truckSpeed: this.truckSpeed,
       dollyToCursor: this.dollyToCursor,
       target: this._targetEnd.toArray(),
-      position: w.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
+      position: b.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
       zoom: this._zoomEnd,
       focalOffset: this._focalOffsetEnd.toArray(),
       target0: this._target0.toArray(),
@@ -1534,7 +1534,7 @@ class J extends Ts {
   fromJSON(e, t = !1) {
     const s = JSON.parse(e);
     this.enabled = s.enabled, this.minDistance = s.minDistance, this.maxDistance = oe(s.maxDistance), this.minZoom = s.minZoom, this.maxZoom = oe(s.maxZoom), this.minPolarAngle = s.minPolarAngle, this.maxPolarAngle = oe(s.maxPolarAngle), this.minAzimuthAngle = oe(s.minAzimuthAngle), this.maxAzimuthAngle = oe(s.maxAzimuthAngle), this.smoothTime = s.smoothTime, this.draggingSmoothTime = s.draggingSmoothTime, this.dollySpeed = s.dollySpeed, this.truckSpeed = s.truckSpeed, this.dollyToCursor = s.dollyToCursor, this._target0.fromArray(s.target0), this._position0.fromArray(s.position0), this._zoom0 = s.zoom0, this._focalOffset0.fromArray(s.focalOffset0), this.moveTo(s.target[0], s.target[1], s.target[2], t), z.setFromVector3(
-      w.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
+      b.fromArray(s.position).sub(this._targetEnd).applyQuaternion(this._yAxisUpSpace)
     ), this.rotateTo(z.theta, z.phi, t), this.dollyTo(z.radius, t), this.zoomTo(s.zoom, t), this.setFocalOffset(
       s.focalOffset[0],
       s.focalOffset[1],
@@ -1591,23 +1591,23 @@ class J extends Ts {
     const i = t.lengthSq();
     if (i === 0)
       return e;
-    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, X).sub(r), l = n.lengthSq();
-    if (l === 0)
+    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, G).sub(r), a = n.lengthSq();
+    if (a === 0)
       return e.add(t);
-    if (l === i)
+    if (a === i)
       return e;
     if (s === 0)
       return e.add(t).add(n);
     {
-      const d = 1 + s * l / t.dot(n);
-      return e.add(L.copy(t).multiplyScalar(d)).add(n.multiplyScalar(1 - s));
+      const c = 1 + s * a / t.dot(n);
+      return e.add(L.copy(t).multiplyScalar(c)).add(n.multiplyScalar(1 - s));
     }
   }
   _updateNearPlaneCorners() {
     if (Y(this._camera)) {
       const e = this._camera, t = e.near, s = e.getEffectiveFOV() * ie, i = Math.tan(s * 0.5) * t, r = i * e.aspect;
       this._nearPlaneCorners[0].set(-r, -i, 0), this._nearPlaneCorners[1].set(r, -i, 0), this._nearPlaneCorners[2].set(r, i, 0), this._nearPlaneCorners[3].set(-r, i, 0);
-    } else if (j(this._camera)) {
+    } else if (H(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);
     }
@@ -1615,14 +1615,14 @@ class J extends Ts {
   // lateUpdate
   _collisionTest() {
     let e = 1 / 0;
-    if (!(this.colliderMeshes.length >= 1) || Oe(this._camera, "_collisionTest"))
+    if (!(this.colliderMeshes.length >= 1) || Te(this._camera, "_collisionTest"))
       return e;
     const s = this._getTargetDirection(ne);
-    xe.lookAt(Ve, s, this._camera.up);
+    Le.lookAt(Ve, s, this._camera.up);
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
-      r.applyMatrix4(xe);
-      const o = X.addVectors(this._target, r);
+      r.applyMatrix4(Le);
+      const o = G.addVectors(this._target, r);
       pe.set(o, s), pe.far = this._spherical.radius + 1;
       const n = pe.intersectObjects(this.colliderMeshes);
       n.length !== 0 && n[0].distance < e && (e = n[0].distance);
@@ -1692,28 +1692,28 @@ class J extends Ts {
   }
   static createBoundingSphere(e, t = new T.Sphere()) {
     const s = t, i = s.center;
-    $.makeEmpty(), e.traverseVisible((o) => {
-      o.isMesh && $.expandByObject(o);
-    }), $.getCenter(i);
+    X.makeEmpty(), e.traverseVisible((o) => {
+      o.isMesh && X.expandByObject(o);
+    }), X.getCenter(i);
     let r = 0;
     return e.traverseVisible((o) => {
       if (!o.isMesh) return;
       const n = o;
       if (!n.geometry) return;
-      const l = n.geometry.clone();
-      l.applyMatrix4(n.matrixWorld);
-      const _ = l.attributes.position;
-      for (let p = 0, E = _.count; p < E; p++)
-        w.fromBufferAttribute(_, p), r = Math.max(r, i.distanceToSquared(w));
+      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));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Ae = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ke = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
+var Se = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, $e = Q && typeof Q.apply == "function" ? Q.apply : function(e, t, s) {
   return Function.prototype.apply.call(e, t, s);
-}, ue;
-Q && typeof Q.ownKeys == "function" ? ue = Q.ownKeys : Object.getOwnPropertySymbols ? ue = function(e) {
+}, fe;
+Q && typeof Q.ownKeys == "function" ? fe = Q.ownKeys : Object.getOwnPropertySymbols ? fe = function(e) {
   return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e));
-} : ue = function(e) {
+} : fe = function(e) {
   return Object.getOwnPropertyNames(e);
 };
 function ws(h) {
@@ -1722,46 +1722,46 @@ function ws(h) {
 var _t = Number.isNaN || function(e) {
   return e !== e;
 };
-function S() {
-  S.init.call(this);
+function A() {
+  A.init.call(this);
 }
-Ae.exports = S;
-Ae.exports.once = Ss;
-S.EventEmitter = S;
-S.prototype._events = void 0;
-S.prototype._eventsCount = 0;
-S.prototype._maxListeners = void 0;
-var Xe = 10;
+Se.exports = A;
+Se.exports.once = Ps;
+A.EventEmitter = A;
+A.prototype._events = void 0;
+A.prototype._eventsCount = 0;
+A.prototype._maxListeners = void 0;
+var Ge = 10;
 function ge(h) {
   if (typeof h != "function")
     throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof h);
 }
-Object.defineProperty(S, "defaultMaxListeners", {
+Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return Xe;
+    return Ge;
   },
   set: function(h) {
     if (typeof h != "number" || h < 0 || _t(h))
       throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + h + ".");
-    Xe = h;
+    Ge = h;
   }
 });
-S.init = function() {
+A.init = function() {
   (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) && (this._events = /* @__PURE__ */ Object.create(null), this._eventsCount = 0), this._maxListeners = this._maxListeners || void 0;
 };
-S.prototype.setMaxListeners = function(e) {
+A.prototype.setMaxListeners = function(e) {
   if (typeof e != "number" || e < 0 || _t(e))
     throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + e + ".");
   return this._maxListeners = e, this;
 };
 function gt(h) {
-  return h._maxListeners === void 0 ? S.defaultMaxListeners : h._maxListeners;
+  return h._maxListeners === void 0 ? A.defaultMaxListeners : h._maxListeners;
 }
-S.prototype.getMaxListeners = function() {
+A.prototype.getMaxListeners = function() {
   return gt(this);
 };
-S.prototype.emit = function(e) {
+A.prototype.emit = function(e) {
   for (var t = [], s = 1; s < arguments.length; s++) t.push(arguments[s]);
   var i = e === "error", r = this._events;
   if (r !== void 0)
@@ -1775,17 +1775,17 @@ S.prototype.emit = function(e) {
     var n = new Error("Unhandled error." + (o ? " (" + o.message + ")" : ""));
     throw n.context = o, n;
   }
-  var l = r[e];
-  if (l === void 0)
+  var a = r[e];
+  if (a === void 0)
     return !1;
-  if (typeof l == "function")
-    Ke(l, this, t);
+  if (typeof a == "function")
+    $e(a, this, t);
   else
-    for (var d = l.length, _ = Ot(l, d), s = 0; s < d; ++s)
-      Ke(_[s], this, t);
+    for (var c = a.length, u = Et(a, c), s = 0; s < c; ++s)
+      $e(u[s], this, t);
   return !0;
 };
-function vt(h, e, t, s) {
+function yt(h, e, t, s) {
   var i, r, o;
   if (ge(t), r = h._events, r === void 0 ? (r = h._events = /* @__PURE__ */ Object.create(null), h._eventsCount = 0) : (r.newListener !== void 0 && (h.emit(
     "newListener",
@@ -1800,28 +1800,28 @@ function vt(h, e, t, s) {
   }
   return h;
 }
-S.prototype.addListener = function(e, t) {
-  return vt(this, e, t, !1);
+A.prototype.addListener = function(e, t) {
+  return yt(this, e, t, !1);
 };
-S.prototype.on = S.prototype.addListener;
-S.prototype.prependListener = function(e, t) {
-  return vt(this, e, t, !0);
+A.prototype.on = A.prototype.addListener;
+A.prototype.prependListener = function(e, t) {
+  return yt(this, e, t, !0);
 };
-function xs() {
+function bs() {
   if (!this.fired)
     return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
 }
-function yt(h, e, t) {
-  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = xs.bind(s);
+function vt(h, e, t) {
+  var s = { fired: !1, wrapFn: void 0, target: h, type: e, listener: t }, i = bs.bind(s);
   return i.listener = t, s.wrapFn = i, i;
 }
-S.prototype.once = function(e, t) {
-  return ge(t), this.on(e, yt(this, e, t)), this;
+A.prototype.once = function(e, t) {
+  return ge(t), this.on(e, vt(this, e, t)), this;
 };
-S.prototype.prependOnceListener = function(e, t) {
-  return ge(t), this.prependListener(e, yt(this, e, t)), this;
+A.prototype.prependOnceListener = function(e, t) {
+  return ge(t), this.prependListener(e, vt(this, e, t)), this;
 };
-S.prototype.removeListener = function(e, t) {
+A.prototype.removeListener = function(e, t) {
   var s, i, r, o, n;
   if (ge(t), i = this._events, i === void 0)
     return this;
@@ -1837,12 +1837,12 @@ S.prototype.removeListener = function(e, t) {
       }
     if (r < 0)
       return this;
-    r === 0 ? s.shift() : Ls(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
+    r === 0 ? s.shift() : xs(s, r), s.length === 1 && (i[e] = s[0]), i.removeListener !== void 0 && this.emit("removeListener", e, n || t);
   }
   return this;
 };
-S.prototype.off = S.prototype.removeListener;
-S.prototype.removeAllListeners = function(e) {
+A.prototype.off = A.prototype.removeListener;
+A.prototype.removeAllListeners = function(e) {
   var t, s, i;
   if (s = this._events, s === void 0)
     return this;
@@ -1866,19 +1866,19 @@ 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 ? Ps(i) : Ot(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? Ls(i) : Et(i, i.length);
 }
-S.prototype.listeners = function(e) {
+A.prototype.listeners = function(e) {
   return Ct(this, e, !0);
 };
-S.prototype.rawListeners = function(e) {
+A.prototype.rawListeners = function(e) {
   return Ct(this, e, !1);
 };
-S.listenerCount = function(h, e) {
-  return typeof h.listenerCount == "function" ? h.listenerCount(e) : Et.call(h, e);
+A.listenerCount = function(h, e) {
+  return typeof h.listenerCount == "function" ? h.listenerCount(e) : Ot.call(h, e);
 };
-S.prototype.listenerCount = Et;
-function Et(h) {
+A.prototype.listenerCount = Ot;
+function Ot(h) {
   var e = this._events;
   if (e !== void 0) {
     var t = e[h];
@@ -1889,25 +1889,25 @@ function Et(h) {
   }
   return 0;
 }
-S.prototype.eventNames = function() {
-  return this._eventsCount > 0 ? ue(this._events) : [];
+A.prototype.eventNames = function() {
+  return this._eventsCount > 0 ? fe(this._events) : [];
 };
-function Ot(h, e) {
+function Et(h, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
     t[s] = h[s];
   return t;
 }
-function Ls(h, e) {
+function xs(h, e) {
   for (; e + 1 < h.length; e++)
     h[e] = h[e + 1];
   h.pop();
 }
-function Ps(h) {
+function Ls(h) {
   for (var e = new Array(h.length), t = 0; t < e.length; ++t)
     e[t] = h[t].listener || h[t];
   return e;
 }
-function Ss(h, e) {
+function Ps(h, e) {
   return new Promise(function(t, s) {
     function i(o) {
       h.removeListener(e, r), s(o);
@@ -1931,96 +1931,8 @@ function Tt(h, e, t, s) {
   else
     throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof h);
 }
-var ve = Ae.exports;
-const Ms = {
-  antialias: !1,
-  devicePixelRatio: window.devicePixelRatio,
-  powerPreference: "high-performance",
-  toneMappingExposure: 1,
-  alpha: !1,
-  outputColorSpace: as.sRGB,
-  logarithmicDepthBuffer: !1,
-  preserveDrawingBuffer: !1,
-  stencil: !1,
-  depth: !1
-};
-class Rs {
-  constructor(e) {
-    this.options = e;
-    const { width: t, height: s, rendererParams: i } = e, {
-      alpha: r,
-      devicePixelRatio: o,
-      antialias: n,
-      powerPreference: l,
-      toneMappingExposure: d,
-      outputColorSpace: _,
-      logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: E,
-      stencil: v,
-      depth: m
-    } = i, u = new Ut({
-      alpha: r,
-      antialias: n,
-      powerPreference: l,
-      logarithmicDepthBuffer: p,
-      preserveDrawingBuffer: E,
-      stencil: v,
-      depth: m
-    });
-    u.setSize(t, s), u.setPixelRatio(o), u.toneMappingExposure = d, u.outputColorSpace = _, this.renderer = u;
-  }
-  setSize(e, t) {
-    this.renderer.setSize(e, t);
-  }
-  setPixelRatio(e) {
-    this.renderer.setPixelRatio(e);
-  }
-  render(e, t) {
-    this.renderer.render(e, t);
-  }
-  setViewport(e) {
-    var l, d;
-    const { x: t, y: s, width: i, height: r } = e, o = (l = e.scissor) != null ? l : !1, n = (d = e.scissorTest) != null ? d : !1;
-    this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(n));
-  }
-  setViewPadding(e = 0, t = 0, s = 0, i = 0) {
-    const { width: r, height: o } = this.renderer.getSize(new B()), n = {
-      x: i,
-      y: s,
-      width: r - i - t,
-      height: o - e - s
-    };
-    this.setViewport(n);
-  }
-  dispose() {
-    var e, t;
-    this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
-  }
-}
-const Ds = {
-  antialias: !0,
-  devicePixelRatio: window.devicePixelRatio
-};
-class Us {
-  constructor(e) {
-    this.options = e;
-    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, l = new r({
-      antialias: n
-    });
-    l.setSize(t, s), l.setPixelRatio(o), this.renderer = l;
-  }
-  setSize(e, t) {
-    this.renderer.setSize(e, t);
-  }
-  render(e, t) {
-    this.renderer.render(e, t);
-  }
-  dispose() {
-    var e, t;
-    this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
-  }
-}
-let zs = class {
+var ye = Se.exports;
+let Ss = class {
   constructor() {
     this.mask = 1;
   }
@@ -2048,10 +1960,10 @@ let zs = class {
 };
 class ee {
   constructor() {
-    this.event = new ve.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
+    this.event = new ye.EventEmitter(), this.controllerMap = /* @__PURE__ */ new Map(), this.activeIndex = -1, this.activeControllerSet = /* @__PURE__ */ new Set();
   }
   addController(e, t) {
-    const s = new zs();
+    const s = new Ss();
     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) {
@@ -2060,12 +1972,13 @@ class ee {
     });
   }
   setPageActive(e, t) {
-    this.activeIndex = e, this.activeControllerSet.clear(), this.controller = (Array.from(this.controllerMap.entries()).find(
-      ([s, i]) => {
-        const r = i.isEnabled(e);
-        return r && this.activeControllerSet.add(s), t == null || t(s, r), r;
-      }
-    ) || [])[0], this.event.emit("pageChange", this.controller);
+    this.activeIndex = e, this.activeControllerSet.clear();
+    const s = Array.from(this.controllerMap.entries()).map(([i, r]) => {
+      const o = r.isEnabled(e);
+      if (t == null || t(i, o), o)
+        return this.activeControllerSet.add(i), i;
+    }).filter(Boolean);
+    this.controller = s[0], this.event.emit("pageChange", this.controller);
   }
   update(e, t) {
     this.activeControllerSet.forEach((s) => {
@@ -2079,22 +1992,22 @@ class ee {
     }), this.removePage(0), this.controllerMap.clear(), this.event.removeAllListeners(), this.activeControllerSet.clear();
   }
 }
-const bt = {
+const wt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new I(0, 1, 0)
+  up: new j(0, 1, 0)
 };
-class ks extends ee {
+class Ms extends ee {
   constructor(e) {
     super(), this.width = 0, this.height = 0, this.width = e.width, this.height = e.height;
   }
   get camera() {
     return this.controller;
   }
-  addPerspectiveCamera(e = bt, t) {
-    const { fov: s, far: i, near: r, up: o, aspect: n } = e, l = n != null ? n : this.width / this.height, d = new zt(s, l, r, i);
-    return d.up = o, this.addController(d, t);
+  addPerspectiveCamera(e = wt, t) {
+    const { fov: s, far: i, near: r, up: o, aspect: n } = e, a = n != null ? n : this.width / this.height, c = new kt(s, a, r, i);
+    return c.up = o, this.addController(c, t);
   }
   setPageActive(e) {
     super.setPageActive(e, (t, s) => {
@@ -2160,135 +2073,330 @@ class ks extends ee {
         s[7],
         s[11],
         s[15]
-      ), { width: n, height: l } = this, d = n / l;
-      (this.camera.fov !== t.fov || this.camera.aspect !== d || !this.camera.matrixWorld.equals(r) || !this.camera.matrixWorldInverse.equals(o)) && (this.camera.fov = t.fov, this.camera.updateProjectionMatrix(), this.camera.matrixAutoUpdate = !1, this.camera.matrixWorld.copy(r), this.camera.matrixWorldInverse.copy(o), this.camera.aspect = d, this.camera.updateProjectionMatrix());
+      ), { width: n, height: a } = this, c = n / a;
+      (this.camera.fov !== t.fov || this.camera.aspect !== c || !this.camera.matrixWorld.equals(r) || !this.camera.matrixWorldInverse.equals(o)) && (this.camera.fov = t.fov, this.camera.updateProjectionMatrix(), this.camera.matrixAutoUpdate = !1, this.camera.matrixWorld.copy(r), this.camera.matrixWorldInverse.copy(o), this.camera.aspect = c, this.camera.updateProjectionMatrix());
     }
   }
 }
-const Fs = {
-  background: null
+const Rs = (h) => {
+  const e = new cs(
+    new Ft({
+      uniforms: {
+        baseTexture: { value: null },
+        bloomTexture: { value: h.renderTarget2.texture },
+        bloomAlphaType: { value: 0 }
+      },
+      vertexShader: `
+        varying vec2 vUv;
+          void main() {
+          vUv = uv;
+          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+        }
+      `,
+      fragmentShader: `
+        uniform sampler2D baseTexture;
+        uniform sampler2D bloomTexture;
+        uniform float bloomAlphaType;
+        varying vec2 vUv;
+        void main() {
+          vec4 base_color = texture2D(baseTexture, vUv);
+          vec4 bloom_color = texture2D(bloomTexture, vUv);
+          if (bloomAlphaType == 0.0){
+            float lum = 0.21 * bloom_color.r + 0.71 * bloom_color.g + 0.07 * bloom_color.b;
+            gl_FragColor = vec4(base_color.rgb + bloom_color.rgb, max(base_color.a, lum));
+          }else{
+            gl_FragColor = ( base_color + vec4( 1.0 ) * bloom_color );
+          }
+        }
+      `,
+      defines: {}
+    }),
+    "baseTexture"
+  );
+  return e.needsSwap = !0, e;
+}, Ds = {
+  name: "OutputShader",
+  uniforms: {
+    tDiffuse: { value: null },
+    toneMappingExposure: { value: 1 },
+    premultiplieAlpha: {
+      value: 0
+    }
+  },
+  vertexShader: (
+    /* glsl */
+    `
+		precision highp float;
+
+		uniform mat4 modelViewMatrix;
+		uniform mat4 projectionMatrix;
+
+		attribute vec3 position;
+		attribute vec2 uv;
+
+		varying vec2 vUv;
+
+		void main() {
+
+			vUv = uv;
+			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+		}`
+  ),
+  fragmentShader: (
+    /* glsl */
+    `
+	
+		precision highp float;
+
+		uniform sampler2D tDiffuse;
+    uniform float premultiplieAlpha;
+
+		#include <tonemapping_pars_fragment>
+		#include <colorspace_pars_fragment>
+
+		varying vec2 vUv;
+
+		void main() {
+
+			gl_FragColor = texture2D( tDiffuse, vUv );
+
+      if (premultiplieAlpha == 1.0) {
+        gl_FragColor.rgb *= gl_FragColor.a;
+      } 
+
+			// tone mapping
+
+			#ifdef LINEAR_TONE_MAPPING
+
+				gl_FragColor.rgb = LinearToneMapping( gl_FragColor.rgb );
+
+			#elif defined( REINHARD_TONE_MAPPING )
+
+				gl_FragColor.rgb = ReinhardToneMapping( gl_FragColor.rgb );
+
+			#elif defined( CINEON_TONE_MAPPING )
+
+				gl_FragColor.rgb = CineonToneMapping( gl_FragColor.rgb );
+
+			#elif defined( ACES_FILMIC_TONE_MAPPING )
+
+				gl_FragColor.rgb = ACESFilmicToneMapping( gl_FragColor.rgb );
+
+			#elif defined( AGX_TONE_MAPPING )
+
+				gl_FragColor.rgb = AgXToneMapping( gl_FragColor.rgb );
+
+			#elif defined( NEUTRAL_TONE_MAPPING )
+
+				gl_FragColor.rgb = NeutralToneMapping( gl_FragColor.rgb );
+
+			#elif defined( CUSTOM_TONE_MAPPING )
+
+				gl_FragColor.rgb = CustomToneMapping( gl_FragColor.rgb );
+
+			#endif
+
+			// color space
+
+			#ifdef SRGB_TRANSFER
+
+				gl_FragColor = sRGBTransferOETF( gl_FragColor );
+
+			#endif
+
+		}`
+  )
 };
-class Ns extends ee {
-  get scene() {
-    return this.controller;
+class Us extends ds {
+  constructor() {
+    super();
+    const e = Ds;
+    this.uniforms = Nt.clone(e.uniforms), this.material = new It({
+      name: e.name,
+      uniforms: this.uniforms,
+      vertexShader: e.vertexShader,
+      fragmentShader: e.fragmentShader
+    }), 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({
+  color: "black",
+  sizeAttenuation: !1
+}), Fs = new nt({
+  color: "black",
+  sizeAttenuation: !0
+}), Ns = new at({
+  color: "black",
+  sizeAttenuation: !0
+}), Is = new at({
+  color: "black",
+  sizeAttenuation: !1
+}), js = new ft({
+  color: "black",
+  sizeAttenuation: !1,
+  lineWidth: 0
+}), Hs = {
+  kernelRadius: 8,
+  minDistance: 5e-3,
+  maxDistance: 0.1
+}, Bs = {
+  threshold: 0,
+  strength: 0.4,
+  radius: 0.1,
+  bloomAlphaType: 0
+}, Vs = {
+  multisampling: 4,
+  premultiplieAlpha: !1
+};
+class Ys {
   constructor(e) {
-    super(), this.options = e;
-  }
-  addScene(e, t) {
-    const s = new nt();
-    return e != null && e.background && (s.background = e.background), this.addController(s, t);
-  }
-  removePage(e) {
-    super.removePage(e, (t) => {
-      const s = new Pe();
-      s.track(t), s.dispose();
+    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;
+    const {
+      rendererController: t,
+      sceneController: s,
+      cameraController: i,
+      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(
+      c.width,
+      c.height,
+      {
+        samples: Math.min(n, a),
+        type: Vt
+      }
+    ), m = new ke(o, u), v = this.getSize();
+    m.setSize(v.width, v.height);
+    const p = new as(
+      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);
     });
   }
-  setPageActive(e) {
-    super.setPageActive(e, (t, s) => {
-      t.visible = s;
-    });
+  changeCamera(e) {
+    this.renderPass.camera = e, this.camera = e;
   }
-}
-class Hs {
-  constructor(e) {
-    this.helpers = {}, this.options = e;
+  changeScene(e) {
+    this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
   }
-  add(e) {
-    const t = e.uuid, { sceneController: s } = this.options;
-    let i = this.helpers[t];
-    if (i === void 0) {
-      if (e.isScene)
-        i = new De(100);
-      else if (e.isCamera)
-        i = new kt(e);
-      else if (e.isPointLight)
-        i = new Ft(e, 1);
-      else if (e.isDirectionalLight)
-        i = new Nt(e, 1);
-      else if (e.isSpotLight)
-        i = new Ht(e);
-      else if (e.isHemisphereLight)
-        i = new It(e, 10);
-      else if (e.isRectAreaLight)
-        i = new ds(e);
-      else {
-        const r = new at();
-        if (r.setFromObject(e, !0), r.isEmpty() === !1) {
-          i = new Ue(r);
-          const o = i.material;
-          o.userData.object = e, o.depthTest = !1, o.transparent = !0;
-        } else
-          return;
-      }
-      s.scene.add(i), this.helpers[t] = i;
-    }
+  addOutputPass() {
+    const { premultiplieAlpha: e } = this.options.composerParams, t = new Us();
+    this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
   }
-  addViewHelper() {
-    const { cameraController: e, container: t } = this.options, s = new ps(e.camera, t);
-    t.addEventListener("pointerdown", (i) => {
-      i.preventDefault(), s.handleClick(i);
-    }), this.viewHelper = s;
+  setPremultiplieAlpha(e) {
+    this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
   }
-  remove(e) {
-    var i;
-    const t = e.uuid, { sceneController: s } = this.options;
-    if (this.helpers[t] !== void 0) {
-      const r = this.helpers[t];
-      s.scene.remove(r), delete this.helpers[t], (i = r.dispose) == null || i.call(r);
+  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);
+    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(
+      new B(window.innerWidth, window.innerHeight),
+      i,
+      r,
+      s
+    );
+    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);
+    c.uniforms.bloomAlphaType.value = o, this.bloomComposer = a, this.finalComposer.addPass(c), this.mixPass = c, this.bloomLayer.set(Oe);
+  }
+  setBloomSelection(e, t) {
+    if (!this.bloomComposer) {
+      console.warn("err:pencil.options.bloom");
+      return;
     }
+    e.traverse((s) => {
+      const { object3d: i } = s;
+      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Oe)) : (this.bloomSelection.delete(s), i.layers.disable(Oe)));
+    }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
   }
-  removeAll() {
-    Object.keys(this.helpers).forEach((e) => {
-      this.remove({
-        uuid: e
-      });
-    }), this.helpers = {};
+  enable() {
+    this.active || (this.active = !0);
   }
-  removeAllExcludeScene() {
-    Object.keys(this.helpers).forEach((e) => {
-      this.helpers[e] instanceof De || this.remove({
-        uuid: e
+  disable() {
+    this.active && (this.active = !1);
+  }
+  setSize(e, t) {
+    var s;
+    (s = this.bloomComposer) == null || s.setSize(e, t), this.finalComposer.setSize(e, t);
+  }
+  setPixelRatio(e) {
+    var t;
+    (t = this.bloomComposer) == null || t.setPixelRatio(e), this.finalComposer.setPixelRatio(e);
+  }
+  darkenNonBloomed() {
+    const e = [], t = [];
+    this.scene.children.forEach((s) => {
+      s.isTransformControls || s.isTransformControlsRoot || s.type === "RectAreaLightHelper" ? e.push(s) : t.push(s);
+    }), t.forEach((s) => {
+      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);
       });
+    }), e.forEach((s) => {
+      this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
     });
   }
-  update(e, t, s) {
-    var r, o;
-    const { cameraController: i } = this.options;
-    Object.values(this.helpers).forEach((n) => {
-      if (n.update && n.update(), n instanceof Ue) {
-        const l = n.material, { object: d } = l.userData;
-        d && n.box.setFromObject(d, !0);
-      }
-    }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
-      ...i.camera.position.toArray()
-    ), this.viewHelper.center.copy(s));
+  restoreNonBloomed() {
+    this.scene.traverse((e) => {
+      const t = e;
+      this.bloomMaterials[t.uuid] ? (t.material = this.bloomMaterials[t.uuid], delete this.bloomMaterials[t.uuid]) : this.bloomVisible[t.uuid] !== void 0 && (t.visible = this.bloomVisible[t.uuid], delete this.bloomVisible[t.uuid]);
+    });
   }
-  renderViewHelper(e) {
-    if (!this.viewHelper)
-      return;
-    const t = e.autoClear;
-    e.autoClear = !1, this.viewHelper.render(e), e.autoClear = t;
+  finalComposerRender() {
+    this.bloomComposerActive && this.bloomComposer ? (this.bloomComposerRenderIng = !0, this.mixPass.enabled = !0, this.darkenNonBloomed(), this.bloomComposer.render(), this.restoreNonBloomed(), this.bloomComposerRenderIng = !1) : this.mixPass && (this.mixPass.enabled = !1), this.finalComposer.render();
+  }
+  getSize() {
+    return this.renderer.getSize(new B());
+  }
+  render() {
+    if (!this.active) return;
+    const { cameraController: e, rendererController: t, sceneController: s } = this.options;
+    if (this.finalComposerRender(), this.pipViewportState) {
+      e.setPageActive(31), e.setAspect(
+        this.pipViewportState.width / this.pipViewportState.height
+      ), t.setViewport(te(U({}, this.pipViewportState), {
+        scissor: !0,
+        scissorTest: !0
+      })), this.finalComposerRender(), e.setPageActive(s.activeIndex);
+      const i = this.getSize();
+      t.setViewport({
+        x: 0,
+        y: 0,
+        width: i.width,
+        height: i.height,
+        scissor: !0,
+        scissorTest: !1
+      });
+    }
   }
   dispose() {
     var e;
-    this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
+    this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomSelection.clear(), this.finalComposer.dispose(), (e = this.bloomComposer) == null || e.dispose();
   }
 }
-class Is extends ee {
+class Zs extends ee {
   constructor(e) {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: I,
-      Vector4: Bt,
+      Vector3: j,
+      Vector4: Zt,
       Quaternion: lt,
       Matrix4: W,
-      Spherical: Vt,
-      Box3: at,
-      Sphere: Yt,
-      Raycaster: ht
+      Spherical: Wt,
+      Box3: ht,
+      Sphere: Kt,
+      Raycaster: ct
     };
     J.install({ THREE: t });
   }
@@ -2320,80 +2428,11 @@ class Is extends ee {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * jt.DEG2RAD);
-  }
-}
-class js {
-  constructor(e) {
-    this.event = new ve.EventEmitter();
-    const { renderer: t, scene: s, camera: i } = e, r = new ms(
-      i,
-      t.domElement
-    );
-    if (r.getHelper) {
-      const o = r.getHelper();
-      if (s.add(o), +Zt < 170) {
-        const n = r._root;
-        n.dispose = () => {
-          n.traverse((l) => {
-            l.geometry && l.geometry.dispose(), l.material && l.material.dispose();
-          });
-        }, r.dispose = () => {
-          r.disconnect(), n.dispose();
-        };
-      }
-    } else r instanceof Wt && s.add(r);
-    this.controls = r, this.addEvent();
-  }
-  get detach() {
-    return this.controls.detach.bind(this.controls);
-  }
-  get attach() {
-    return this.controls.attach.bind(this.controls);
-  }
-  addEvent() {
-    let e = null, t = null, s = null;
-    const i = this.controls;
-    i.addEventListener("change", () => {
-      const r = i.object;
-      r !== void 0 && this.event.emit("change", r);
-    }), i.addEventListener("mouseDown", () => {
-      const r = i.object;
-      e = r.position.clone(), t = r.rotation.clone(), s = r.scale.clone(), this.event.emit("mouseDown", r);
-    }), i.addEventListener("mouseUp", () => {
-      const r = i.object;
-      if (r !== void 0)
-        switch (i.getMode()) {
-          case "translate":
-            e.equals(r.position) || this.event.emit(
-              "translate",
-              r,
-              r.position,
-              e
-            );
-            break;
-          case "rotate":
-            t.equals(r.rotation) || this.event.emit(
-              "rotate",
-              r,
-              r.rotation,
-              t
-            );
-            break;
-          case "scale":
-            s.equals(r.scale) || this.event.emit("scale", r, r.scale, s);
-            break;
-        }
-      this.event.emit("mouseUp");
-    });
-  }
-  dispose() {
-    var e;
-    this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Yt.DEG2RAD);
   }
 }
-const $e = new I(), Bs = new lt(), qe = new I(), H = new W(), Vs = new W();
-class Ys {
+const Xe = new j(), Ws = new lt(), qe = new j(), I = new W(), Ks = new W();
+class $s {
   /**
    * Constructs a new CSS3D renderer.
    *
@@ -2405,69 +2444,69 @@ class Ys {
     const n = {
       camera: { style: "" },
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l;
-    const d = document.createElement("div");
-    d.style.transformOrigin = "0 0", d.style.pointerEvents = "none", l.appendChild(d);
-    const _ = document.createElement("div");
-    _.style.transformStyle = "preserve-3d", d.appendChild(_), this.getSize = function() {
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a;
+    const c = document.createElement("div");
+    c.style.transformOrigin = "0 0", c.style.pointerEvents = "none", a.appendChild(c);
+    const u = document.createElement("div");
+    u.style.transformStyle = "preserve-3d", c.appendChild(u), this.getSize = function() {
       return {
         width: s,
         height: i
       };
-    }, this.render = function(f, a) {
-      const g = a.projectionMatrix.elements[5] * o;
-      a.view && a.view.enabled ? (d.style.transform = `translate( ${-a.view.offsetX * (s / a.view.width)}px, ${-a.view.offsetY * (i / a.view.height)}px )`, d.style.transform += `scale( ${a.view.fullWidth / a.view.width}, ${a.view.fullHeight / a.view.height} )`) : d.style.transform = "", f.matrixWorldAutoUpdate === !0 && f.updateMatrixWorld(), a.parent === null && a.matrixWorldAutoUpdate === !0 && a.updateMatrixWorld();
-      let C, y;
-      a.isOrthographicCamera && (C = -(a.right + a.left) / 2, y = (a.top + a.bottom) / 2);
-      const b = a.view && a.view.enabled ? a.view.height / a.view.fullHeight : 1, O = a.isOrthographicCamera ? `scale( ${b} )scale(` + g + ")translate(" + p(C) + "px," + p(y) + "px)" + E(a.matrixWorldInverse) : `scale( ${b} )translateZ(` + g + "px)" + E(a.matrixWorldInverse), R = (a.isPerspectiveCamera ? "perspective(" + g + "px) " : "") + O + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (_.style.transform = R, n.camera.style = R), u(f, f, a);
-    }, this.setSize = function(f, a) {
-      s = f, i = a, r = s / 2, o = i / 2, l.style.width = f + "px", l.style.height = a + "px", d.style.width = f + "px", d.style.height = a + "px", _.style.width = f + "px", _.style.height = a + "px";
+    }, this.render = function(y, l) {
+      const _ = l.projectionMatrix.elements[5] * o;
+      l.view && l.view.enabled ? (c.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, c.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : c.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
+      let O, C;
+      l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
+      const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + m(O) + "px," + m(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      n.camera.style !== R && (u.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";
     };
-    function p(f) {
-      return Math.abs(f) < 1e-10 ? 0 : f;
+    function m(y) {
+      return Math.abs(y) < 1e-10 ? 0 : y;
     }
-    function E(f) {
-      const a = f.elements;
-      return "matrix3d(" + p(a[0]) + "," + p(-a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(a[4]) + "," + p(-a[5]) + "," + p(a[6]) + "," + p(a[7]) + "," + p(a[8]) + "," + p(-a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(-a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")";
+    function v(y) {
+      const l = y.elements;
+      return "matrix3d(" + m(l[0]) + "," + m(-l[1]) + "," + m(l[2]) + "," + m(l[3]) + "," + m(l[4]) + "," + m(-l[5]) + "," + m(l[6]) + "," + m(l[7]) + "," + m(l[8]) + "," + m(-l[9]) + "," + m(l[10]) + "," + m(l[11]) + "," + m(l[12]) + "," + m(-l[13]) + "," + m(l[14]) + "," + m(l[15]) + ")";
     }
-    function v(f) {
-      const a = f.elements;
-      return "translate(-50%,-50%)" + ("matrix3d(" + p(a[0]) + "," + p(a[1]) + "," + p(a[2]) + "," + p(a[3]) + "," + p(-a[4]) + "," + p(-a[5]) + "," + p(-a[6]) + "," + p(-a[7]) + "," + p(a[8]) + "," + p(a[9]) + "," + p(a[10]) + "," + p(a[11]) + "," + p(a[12]) + "," + p(a[13]) + "," + p(a[14]) + "," + p(a[15]) + ")");
+    function p(y) {
+      const l = y.elements;
+      return "translate(-50%,-50%)" + ("matrix3d(" + m(l[0]) + "," + m(l[1]) + "," + m(l[2]) + "," + m(l[3]) + "," + m(-l[4]) + "," + m(-l[5]) + "," + m(-l[6]) + "," + m(-l[7]) + "," + m(l[8]) + "," + m(l[9]) + "," + m(l[10]) + "," + m(l[11]) + "," + m(l[12]) + "," + m(l[13]) + "," + m(l[14]) + "," + m(l[15]) + ")");
     }
-    function m(f) {
-      f.isCSS3DObject && (f.element.style.display = "none");
-      for (let a = 0, g = f.children.length; a < g; a++)
-        m(f.children[a]);
+    function f(y) {
+      y.isCSS3DObject && (y.element.style.display = "none");
+      for (let l = 0, _ = y.children.length; l < _; l++)
+        f(y.children[l]);
     }
-    function u(f, a, g, C) {
-      if (f.visible === !1) {
-        m(f);
+    function g(y, l, _, O) {
+      if (y.visible === !1) {
+        f(y);
         return;
       }
-      if (f.isCSS3DObject) {
-        const y = f.layers.test(g.layers) === !0, b = f.element;
-        if (b.style.display = y === !0 ? "" : "none", y === !0) {
-          f.onBeforeRender(t, a, g);
-          let O;
-          f.isCSS3DSprite ? (H.copy(g.matrixWorldInverse), H.transpose(), f.rotation2D !== 0 && H.multiply(Vs.makeRotationZ(f.rotation2D)), f.matrixWorld.decompose($e, Bs, qe), H.setPosition($e), H.scale(qe), H.elements[3] = 0, H.elements[7] = 0, H.elements[11] = 0, H.elements[15] = 1, O = v(H)) : O = v(f.matrixWorld);
-          const x = n.objects.get(f);
-          if (x === void 0 || x.style !== O) {
-            b.style.transform = O;
-            const R = { style: O };
-            n.objects.set(f, R);
+      if (y.isCSS3DObject) {
+        const C = y.layers.test(_.layers) === !0, w = y.element;
+        if (w.style.display = C === !0 ? "" : "none", C === !0) {
+          y.onBeforeRender(t, l, _);
+          let E;
+          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);
+          const x = n.objects.get(y);
+          if (x === void 0 || x.style !== E) {
+            w.style.transform = E;
+            const R = { style: E };
+            n.objects.set(y, R);
           }
-          b.parentNode !== _ && _.appendChild(b), f.onAfterRender(t, a, g);
+          w.parentNode !== u && u.appendChild(w), y.onAfterRender(t, l, _);
         }
       }
-      for (let y = 0, b = f.children.length; y < b; y++)
-        u(f.children[y], a, g);
+      for (let C = 0, w = y.children.length; C < w; C++)
+        g(y.children[C], l, _);
     }
   }
 }
-const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
-class Zs {
+const q = new j(), Qe = new W(), Je = new W(), et = new j(), tt = new j();
+class Gs {
   /**
    * Constructs a new CSS2D renderer.
    *
@@ -2478,69 +2517,69 @@ class Zs {
     let s, i, r, o;
     const n = {
       objects: /* @__PURE__ */ new WeakMap()
-    }, l = e.element !== void 0 ? e.element : document.createElement("div");
-    l.style.overflow = "hidden", this.domElement = l, this.getSize = function() {
+    }, a = e.element !== void 0 ? e.element : document.createElement("div");
+    a.style.overflow = "hidden", this.domElement = a, this.getSize = function() {
       return {
         width: s,
         height: i
       };
-    }, this.render = function(m, u) {
-      m.matrixWorldAutoUpdate === !0 && m.updateMatrixWorld(), u.parent === null && u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), Qe.copy(u.matrixWorldInverse), Je.multiplyMatrices(u.projectionMatrix, Qe), _(m, m, u), v(m);
-    }, this.setSize = function(m, u) {
-      s = m, i = u, r = s / 2, o = i / 2, l.style.width = m + "px", l.style.height = u + "px";
+    }, this.render = function(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";
     };
-    function d(m) {
-      m.isCSS2DObject && (m.element.style.display = "none");
-      for (let u = 0, f = m.children.length; u < f; u++)
-        d(m.children[u]);
+    function c(f) {
+      f.isCSS2DObject && (f.element.style.display = "none");
+      for (let g = 0, y = f.children.length; g < y; g++)
+        c(f.children[g]);
     }
-    function _(m, u, f) {
-      if (m.visible === !1) {
-        d(m);
+    function u(f, g, y) {
+      if (f.visible === !1) {
+        c(f);
         return;
       }
-      if (m.isCSS2DObject) {
-        q.setFromMatrixPosition(m.matrixWorld), q.applyMatrix4(Je);
-        const a = q.z >= -1 && q.z <= 1 && m.layers.test(f.layers) === !0, g = m.element;
-        g.style.display = a === !0 ? "" : "none", a === !0 && (m.onBeforeRender(t, u, f), g.style.transform = "translate(" + -100 * m.center.x + "%," + -100 * m.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", g.parentNode !== l && l.appendChild(g), m.onAfterRender(t, u, f));
-        const C = {
-          distanceToCameraSquared: p(f, m)
+      if (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));
+        const O = {
+          distanceToCameraSquared: m(y, f)
         };
-        n.objects.set(m, C);
+        n.objects.set(f, O);
       }
-      for (let a = 0, g = m.children.length; a < g; a++)
-        _(m.children[a], u, f);
+      for (let l = 0, _ = f.children.length; l < _; l++)
+        u(f.children[l], g, y);
     }
-    function p(m, u) {
-      return et.setFromMatrixPosition(m.matrixWorld), tt.setFromMatrixPosition(u.matrixWorld), et.distanceToSquared(tt);
+    function m(f, g) {
+      return et.setFromMatrixPosition(f.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
     }
-    function E(m) {
-      const u = [];
-      return m.traverseVisible(function(f) {
-        f.isCSS2DObject && u.push(f);
-      }), u;
+    function v(f) {
+      const g = [];
+      return f.traverseVisible(function(y) {
+        y.isCSS2DObject && g.push(y);
+      }), g;
     }
-    function v(m) {
-      const u = E(m).sort(function(a, g) {
-        if (a.renderOrder !== g.renderOrder)
-          return g.renderOrder - a.renderOrder;
-        const C = n.objects.get(a).distanceToCameraSquared, y = n.objects.get(g).distanceToCameraSquared;
-        return C - y;
-      }), f = u.length;
-      for (let a = 0, g = u.length; a < g; a++)
-        u[a].element.style.zIndex = f - a;
+    function p(f) {
+      const g = v(f).sort(function(l, _) {
+        if (l.renderOrder !== _.renderOrder)
+          return _.renderOrder - l.renderOrder;
+        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(_).distanceToCameraSquared;
+        return O - C;
+      }), y = g.length;
+      for (let l = 0, _ = g.length; l < _; l++)
+        g[l].element.style.zIndex = y - l;
     }
   }
 }
 const st = {
   zIndex: "auto"
 };
-class Ws {
+class Xs {
   constructor(e) {
     this.container = e;
   }
   addRenderer(e, t) {
-    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Zs() : new Ys();
+    const s = t.container || this.container, i = s.offsetWidth, r = s.offsetHeight, o = e === "css2d" ? new Gs() : new $s();
     o.domElement.style.position = "absolute", o.domElement.style.top = "0", o.domElement.style.pointerEvents = "none", o.domElement.style.zIndex = t.zIndex, o.setSize(i, r), s.appendChild(o.domElement), e === "css2d" ? this.css2Drenderer = o : e === "css3d" && (this.css3Drenderer = o);
   }
   setSize(e, t) {
@@ -2556,560 +2595,92 @@ class Ws {
     (e = this.css2Drenderer) == null || e.domElement.remove(), (t = this.css3Drenderer) == null || t.domElement.remove(), this.css2Drenderer = void 0, this.css3Drenderer = void 0;
   }
 }
-const Gs = {
-  name: "OutputShader",
-  uniforms: {
-    tDiffuse: { value: null },
-    toneMappingExposure: { value: 1 },
-    premultiplieAlpha: {
-      value: 0
+class qs {
+  constructor(e) {
+    this.helpers = {}, this.options = e;
+  }
+  add(e) {
+    const t = e.uuid, { sceneController: s } = this.options;
+    let i = this.helpers[t];
+    if (i === void 0) {
+      if (e.isScene)
+        i = new De(100);
+      else if (e.isCamera)
+        i = new $t(e);
+      else if (e.isPointLight)
+        i = new Gt(e, 1);
+      else if (e.isDirectionalLight)
+        i = new Xt(e, 1);
+      else if (e.isSpotLight)
+        i = new qt(e);
+      else if (e.isHemisphereLight)
+        i = new Qt(e, 10);
+      else if (e.isRectAreaLight)
+        i = new ms(e);
+      else {
+        const r = new ht();
+        if (r.setFromObject(e, !0), r.isEmpty() === !1) {
+          i = new Ue(r);
+          const o = i.material;
+          o.userData.object = e, o.depthTest = !1, o.transparent = !0;
+        } else
+          return;
+      }
+      s.scene.add(i), this.helpers[t] = i;
     }
-  },
-  vertexShader: (
-    /* glsl */
-    `
-		precision highp float;
-
-		uniform mat4 modelViewMatrix;
-		uniform mat4 projectionMatrix;
-
-		attribute vec3 position;
-		attribute vec2 uv;
-
-		varying vec2 vUv;
-
-		void main() {
-
-			vUv = uv;
-			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-
-		}`
-  ),
-  fragmentShader: (
-    /* glsl */
-    `
-	
-		precision highp float;
-
-		uniform sampler2D tDiffuse;
-    uniform float premultiplieAlpha;
-
-		#include <tonemapping_pars_fragment>
-		#include <colorspace_pars_fragment>
-
-		varying vec2 vUv;
-
-		void main() {
-
-			gl_FragColor = texture2D( tDiffuse, vUv );
-
-      if (premultiplieAlpha == 1.0) {
-        gl_FragColor.rgb *= gl_FragColor.a;
-      } 
-
-			// tone mapping
-
-			#ifdef LINEAR_TONE_MAPPING
-
-				gl_FragColor.rgb = LinearToneMapping( gl_FragColor.rgb );
-
-			#elif defined( REINHARD_TONE_MAPPING )
-
-				gl_FragColor.rgb = ReinhardToneMapping( gl_FragColor.rgb );
-
-			#elif defined( CINEON_TONE_MAPPING )
-
-				gl_FragColor.rgb = CineonToneMapping( gl_FragColor.rgb );
-
-			#elif defined( ACES_FILMIC_TONE_MAPPING )
-
-				gl_FragColor.rgb = ACESFilmicToneMapping( gl_FragColor.rgb );
-
-			#elif defined( AGX_TONE_MAPPING )
-
-				gl_FragColor.rgb = AgXToneMapping( gl_FragColor.rgb );
-
-			#elif defined( NEUTRAL_TONE_MAPPING )
-
-				gl_FragColor.rgb = NeutralToneMapping( gl_FragColor.rgb );
-
-			#elif defined( CUSTOM_TONE_MAPPING )
-
-				gl_FragColor.rgb = CustomToneMapping( gl_FragColor.rgb );
-
-			#endif
-
-			// color space
-
-			#ifdef SRGB_TRANSFER
-
-				gl_FragColor = sRGBTransferOETF( gl_FragColor );
-
-			#endif
-
-		}`
-  )
-};
-class Ks extends _s {
-  constructor() {
-    super();
-    const e = Gs;
-    this.uniforms = Gt.clone(e.uniforms), this.material = new Kt({
-      name: e.name,
-      uniforms: this.uniforms,
-      vertexShader: e.vertexShader,
-      fragmentShader: e.fragmentShader
-    }), this.fsQuad ? this.fsQuad = new Fe(this.material) : this._fsQuad && (this._fsQuad = new Fe(this.material));
-  }
-}
-const Xs = (h) => {
-  const e = new gs(
-    new Xt({
-      uniforms: {
-        baseTexture: { value: null },
-        bloomTexture: { value: h.renderTarget2.texture },
-        bloomAlphaType: { value: 0 }
-      },
-      vertexShader: `
-        varying vec2 vUv;
-          void main() {
-          vUv = uv;
-          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-        }
-      `,
-      fragmentShader: `
-        uniform sampler2D baseTexture;
-        uniform sampler2D bloomTexture;
-        uniform float bloomAlphaType;
-        varying vec2 vUv;
-        void main() {
-          vec4 base_color = texture2D(baseTexture, vUv);
-          vec4 bloom_color = texture2D(bloomTexture, vUv);
-          if (bloomAlphaType == 0.0){
-            float lum = 0.21 * bloom_color.r + 0.71 * bloom_color.g + 0.07 * bloom_color.b;
-            gl_FragColor = vec4(base_color.rgb + bloom_color.rgb, max(base_color.a, lum));
-          }else{
-            gl_FragColor = ( base_color + vec4( 1.0 ) * bloom_color );
-          }
-        }
-      `,
-      defines: {}
-    }),
-    "baseTexture"
-  );
-  return e.needsSwap = !0, e;
-}, Le = 1, me = !1, $s = new $t({ color: "black" }), qs = new ct({
-  color: "black",
-  sizeAttenuation: !1
-}), Qs = new ct({
-  color: "black",
-  sizeAttenuation: !0
-}), Js = new dt({
-  color: "black",
-  sizeAttenuation: !0
-}), ei = new dt({
-  color: "black",
-  sizeAttenuation: !1
-}), ti = new ut({
-  color: "black",
-  sizeAttenuation: 0,
-  lineWidth: 0
-}), si = {
-  kernelRadius: 8,
-  minDistance: 5e-3,
-  maxDistance: 0.1
-}, ii = {
-  threshold: 0,
-  strength: 0.4,
-  radius: 0.1,
-  bloomAlphaType: 0
-}, ri = {
-  multisampling: 4,
-  premultiplieAlpha: !1
-};
-class oi {
-  constructor(e) {
-    this.bloomComposerActive = !1, this.active = !0, this.bloomSelection = /* @__PURE__ */ new Set(), this.bloomLayer = new qt(), this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomComposerRenderIng = !1, this.pipViewportState = null, this.options = e;
-    const {
-      rendererController: t,
-      sceneController: s,
-      cameraController: i,
-      composerParams: r
-    } = e, { renderer: o } = t;
-    this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: l } = o.capabilities, d = o.getDrawingBufferSize(new B()), _ = new Qt(
-      d.width,
-      d.height,
-      {
-        samples: Math.min(n, l),
-        type: Jt
-      }
-    ), p = new ke(o, _), E = this.getSize();
-    p.setSize(E.width, E.height);
-    const v = new us(
-      s.scene,
-      i.camera
-    );
-    p.addPass(v), this.scene = s.scene, this.camera = i.camera, this.finalComposer = p, this.renderPass = v, i.event.on("pageChange", (m) => {
-      this.changeCamera(m);
-    }), s.event.on("pageChange", (m) => {
-      this.changeScene(m);
-    });
-  }
-  changeCamera(e) {
-    this.renderPass.camera = e, this.camera = e;
-  }
-  changeScene(e) {
-    this.renderPass.scene = e, this.ssaoPass && (this.ssaoPass.scene = e), this.scene = e;
-  }
-  addOutputPass() {
-    const { premultiplieAlpha: e } = this.options.composerParams, t = new Ks();
-    this.outputPass = t, this.setPremultiplieAlpha(e), this.finalComposer.addPass(t);
-  }
-  setPremultiplieAlpha(e) {
-    this.outputPass && (this.outputPass.uniforms.premultiplieAlpha.value = e ? 1 : 0);
-  }
-  addSSAOPass(e) {
-    const { scene: t, camera: s, renderer: i } = this, r = i.getSize(new B()), o = r.width, n = r.height, l = new fs(t, s, o, n);
-    l.kernelRadius = e.kernelRadius, l.minDistance = e.minDistance, l.maxDistance = e.maxDistance, this.ssaoPass = l, this.finalComposer.addPass(l);
-  }
-  addBloomPass(e) {
-    const { renderer: t } = this, { threshold: s, strength: i, radius: r, bloomAlphaType: o } = e, n = new vs(
-      new B(window.innerWidth, window.innerHeight),
-      i,
-      r,
-      s
-    );
-    this.bloomPass = n;
-    const l = new ke(t);
-    l.renderToScreen = !1, l.addPass(this.renderPass), l.addPass(n), this.bloomComposer = l;
-    const d = Xs(l);
-    d.uniforms.bloomAlphaType.value = o, this.bloomComposer = l, this.finalComposer.addPass(d), this.mixPass = d, this.bloomLayer.set(Le);
-  }
-  setBloomSelection(e, t) {
-    if (!this.bloomComposer) {
-      console.warn("err:pencil.options.bloom");
-      return;
-    }
-    e.traverse((s) => {
-      const { object3d: i } = s;
-      i && (t ? (this.bloomSelection.add(s), i.layers.enable(Le)) : (this.bloomSelection.delete(s), i.layers.disable(Le)));
-    }), this.bloomSelection.size === 0 ? this.bloomComposerActive = !1 : this.bloomComposerActive = !0;
-  }
-  enable() {
-    this.active || (this.active = !0);
-  }
-  disable() {
-    this.active && (this.active = !1);
-  }
-  setSize(e, t) {
-    var s;
-    (s = this.bloomComposer) == null || s.setSize(e, t), this.finalComposer.setSize(e, t);
-  }
-  setPixelRatio(e) {
-    var t;
-    (t = this.bloomComposer) == null || t.setPixelRatio(e), this.finalComposer.setPixelRatio(e);
-  }
-  darkenNonBloomed() {
-    const e = [], t = [];
-    this.scene.children.forEach((s) => {
-      s.isTransformControls || s.isTransformControlsRoot || s.type === "RectAreaLightHelper" ? e.push(s) : t.push(s);
-    }), t.forEach((s) => {
-      s.traverse((i) => {
-        var l;
-        const r = i, o = i, n = i;
-        (l = r.material) != null && l.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = Js : o.material = ei : r.material instanceof ut ? r.material = ti : n.isPoints ? n.material.sizeAttenuation ? n.material = Qs : n.material = qs : r.material = $s);
-      });
-    }), e.forEach((s) => {
-      this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
-    });
-  }
-  restoreNonBloomed() {
-    this.scene.traverse((e) => {
-      const t = e;
-      this.bloomMaterials[t.uuid] ? (t.material = this.bloomMaterials[t.uuid], delete this.bloomMaterials[t.uuid]) : this.bloomVisible[t.uuid] !== void 0 && (t.visible = this.bloomVisible[t.uuid], delete this.bloomVisible[t.uuid]);
-    });
-  }
-  finalComposerRender() {
-    this.bloomComposerActive && this.bloomComposer ? (this.bloomComposerRenderIng = !0, this.mixPass.enabled = !0, this.darkenNonBloomed(), this.bloomComposer.render(), this.restoreNonBloomed(), this.bloomComposerRenderIng = !1) : this.mixPass && (this.mixPass.enabled = !1), this.finalComposer.render();
-  }
-  getSize() {
-    return this.renderer.getSize(new B());
-  }
-  render() {
-    if (!this.active) return;
-    const { cameraController: e, rendererController: t, sceneController: s } = this.options;
-    if (this.finalComposerRender(), this.pipViewportState) {
-      e.setPageActive(31), e.setAspect(
-        this.pipViewportState.width / this.pipViewportState.height
-      ), t.setViewport(te(U({}, this.pipViewportState), {
-        scissor: !0,
-        scissorTest: !0
-      })), this.finalComposerRender(), e.setPageActive(s.activeIndex);
-      const i = this.getSize();
-      t.setViewport({
-        x: 0,
-        y: 0,
-        width: i.width,
-        height: i.height,
-        scissor: !0,
-        scissorTest: !1
-      });
-    }
-  }
-  dispose() {
-    var e;
-    this.bloomMaterials = {}, this.bloomVisible = {}, this.bloomSelection.clear(), this.finalComposer.dispose(), (e = this.bloomComposer) == null || e.dispose();
-  }
-}
-class it extends pt {
-  constructor(e) {
-    super(e), this.options = { type: "image" };
-  }
-  setOptions(e) {
-    return this.options = e, this;
-  }
-  load(e, t, s, i) {
-    let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new mt(o)) : r = new fe();
-    const n = new Se(this.manager);
-    return n.setResponseType("blob"), n.setRequestHeader(this.requestHeader), n.setPath(this.path), n.setWithCredentials(this.withCredentials), n.load(
-      e,
-      (l) => {
-        let d = l;
-        const _ = e.split(".").pop(), p = this.options.type === "image" ? `image/${_ || "png"}` : `video/${_ || "mp4"}`;
-        d = d.slice(0, l.size, p);
-        const E = () => {
-          o.removeEventListener("load", v, !1), o.removeEventListener("error", m, !1);
-        }, v = () => {
-          E(), r.needsUpdate = !0, t && t(r);
-        }, m = (f) => {
-          E(), i && i(f), this.manager.itemError(e), this.manager.itemEnd(e);
-        };
-        o.addEventListener("load", v, !1), o.addEventListener("error", m, !1);
-        const u = window.URL.createObjectURL(d);
-        o.src = u;
-      },
-      s,
-      i
-    ), r;
-  }
-}
-class ni extends pt {
-  constructor(e) {
-    super(e);
-  }
-  load(e, t, s, i) {
-    const r = new Se(this.manager);
-    r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
-      e,
-      (o) => {
-        const n = o, l = new DecompressionStream("gzip"), d = n.stream().pipeThrough(l);
-        new Response(d).json().then((p) => {
-          t == null || t(p);
-        }).catch((p) => {
-          i == null || i(p);
-        });
-      },
-      s,
-      i
-    );
-  }
-}
-const ai = {
-  images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
-  media: ["mp4", "webm", "ogg"],
-  gltf: ["gltf", "glb"],
-  json: ["json", "geojson"],
-  gzipJson: ["json.gzip"],
-  exr: ["exr"],
-  lottie: ["lottie.json"]
-};
-class li {
-  constructor(e) {
-    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ve.EventEmitter(), this.options = U({
-      simpleTexture4deleted: !1,
-      prefix: ""
-    }, e), this.loadingManager = new es(
-      () => {
-      },
-      (t, s, i) => {
-        this.emit("progress", s, i);
-      },
-      (t) => {
-        console.warn(`Failed to load ${t}`);
-      }
-    );
-  }
-  emit(e, ...t) {
-    this.event.emit(e, ...t);
-  }
-  on(e, t) {
-    this.event.on(e, t);
-  }
-  getAsset(e) {
-    const t = this.getAssetType(e);
-    if (!t)
-      return;
-    const s = this.assets.get(e);
-    if (!s) {
-      if ((t === "images" || t === "media" || t === "exr") && this.options.simpleTexture4deleted && this.delLoadArr.includes(e))
-        return new fe();
-      console.warn(`Asset ${e} not found`);
-    }
-    return s;
-  }
-  getAssetType(e) {
-    var s;
-    const t = (s = e.split(".").pop()) == null ? void 0 : s.toLowerCase();
-    if (t) {
-      if (e.endsWith("lottie.json"))
-        return "lottie";
-      if (e.endsWith("json.gzip"))
-        return "gzipJson";
-    } else return;
-    for (const [i, r] of Object.entries(ai))
-      if (r.includes(t))
-        return i;
-  }
-  getLoader(e, t) {
-    if (e === "images")
-      return this.textureLoader || (this.textureLoader = new it(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
-    if (e === "media")
-      return this.videoTextureLoader || (this.videoTextureLoader = new it(this.loadingManager), this.videoTextureLoader.setOptions({ type: "video" }), this.options.prefix && this.videoTextureLoader.setPath(this.options.prefix)), this.videoTextureLoader;
-    if (e === "gltf" && (t != null && t.dracoPath))
-      return this.dracoGltfLoader || (this.dracoGltfLoader = new Ne(this.loadingManager), this.dracoLoader = new ys(), this.dracoLoader.setDecoderPath(t == null ? void 0 : t.dracoPath), this.dracoGltfLoader.setDRACOLoader(this.dracoLoader), this.options.prefix && this.dracoGltfLoader.setPath(this.options.prefix)), this.dracoGltfLoader;
-    if (e === "gltf")
-      return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
-    if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new Es(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
-    if (e === "gzipJson")
-      return this.gzipJsonLoader || (this.gzipJsonLoader = new ni(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
-    if (e === "json")
-      return this.jsonLoader || (this.jsonLoader = new Se(this.loadingManager), this.jsonLoader.setResponseType("json"), this.options.prefix && this.jsonLoader.setPath(this.options.prefix)), this.jsonLoader;
-    if (e === "exr")
-      return this.exrLoader || (this.exrLoader = new Cs(this.loadingManager), this.options.prefix && this.exrLoader.setPath(this.options.prefix)), this.exrLoader;
-  }
-  add(e, t) {
-    typeof e == "string" && (e = [e]), e.forEach((s) => {
-      const i = U({
-        src: s
-      }, t);
-      this.loadObj.push(i);
-    });
-  }
-  getSrcByAsset(e, t = this.assets) {
-    let s;
-    return t.forEach((i, r) => {
-      i === e && (s = r);
-    }), s;
-  }
-  get textureAssets() {
-    const e = /* @__PURE__ */ new Map();
-    return this.assets.forEach((t, s) => {
-      (t instanceof fe || t instanceof ts || t instanceof mt) && e.set(s, t);
-    }), e;
-  }
-  loadAll() {
-    return se(this, null, function* () {
-      const e = this.loadObj.filter((t) => !this.delLoadArr.includes(t.src));
-      return yield Promise.all(
-        e.map((t) => this.load(t.src, t))
-      );
-    });
-  }
-  load(e, t) {
-    return se(this, null, function* () {
-      var n, l;
-      const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
-      if (!s)
-        return;
-      const i = (t == null ? void 0 : t.cache) !== !1, r = Os();
-      if (i) {
-        if (this.assets.has(e))
-          return this.assets.get(e);
-        this.assets.set(e, r.promise);
-      }
-      const o = this.getLoader(s, t);
-      try {
-        const d = yield o.loadAsync(e);
-        if (this.assets.set(e, d), r.resolve(d), s === "images" || s === "media" || s === "exr" || s === "lottie") {
-          (t == null ? void 0 : t.colorCorrection) !== !1 && ls({ texture: d });
-          const _ = (l = t == null ? void 0 : t.anisotropy) != null ? l : this.options.anisotropy;
-          d.anisotropy = _;
-        }
-        return d;
-      } catch (d) {
-        r.reject(`Failed to load ${e}`);
-        return;
-      }
-    });
-  }
-  getUnusedAssets() {
-    const { scene: e } = this.options;
-    if (!e)
-      return [...this.delLoadArr];
-    const t = /* @__PURE__ */ new Set(), s = this.textureAssets;
-    e.traverse((r) => {
-      const o = r;
-      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((l) => {
-        [
-          l.map,
-          l.emissiveMap,
-          l.normalMap,
-          l.roughnessMap,
-          l.metalnessMap,
-          l.aoMap
-        ].forEach((d) => {
-          if (d) {
-            const _ = this.getSrcByAsset(d, s);
-            _ && t.add(_);
-          }
-        });
-      });
-    });
-    const i = new Set(this.textureAssets.keys());
-    return t.forEach((r) => {
-      i.delete(r);
-    }), [...i, ...this.delLoadArr];
-  }
-  dispose() {
-    var e;
-    this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
-  }
-}
-const hi = {
-  prefix: ""
-};
-class ci extends ee {
-  get loader() {
-    return this.controller;
   }
-  constructor(e) {
-    super(), this.options = e;
+  addViewHelper() {
+    const { cameraController: e, container: t } = this.options, s = new ps(e.camera, t);
+    t.addEventListener("pointerdown", (i) => {
+      i.preventDefault(), s.handleClick(i);
+    }), this.viewHelper = s;
   }
-  addLoader(e, t) {
-    const { loaderParams: s } = this.options, i = new li(te(U({}, s), {
-      scene: e
-    }));
-    return this.addController(i, t);
+  remove(e) {
+    var i;
+    const t = e.uuid, { sceneController: s } = this.options;
+    if (this.helpers[t] !== void 0) {
+      const r = this.helpers[t];
+      s.scene.remove(r), delete this.helpers[t], (i = r.dispose) == null || i.call(r);
+    }
   }
-  removePage(e) {
-    super.removePage(e, (t) => {
-      t.dispose();
+  removeAll() {
+    Object.keys(this.helpers).forEach((e) => {
+      this.remove({
+        uuid: e
+      });
+    }), this.helpers = {};
+  }
+  removeAllExcludeScene() {
+    Object.keys(this.helpers).forEach((e) => {
+      this.helpers[e] instanceof De || this.remove({
+        uuid: e
+      });
     });
   }
-}
-class di extends cs {
-  constructor(e) {
-    super(), this.options = U({}, e);
+  update(e, t, s) {
+    var r, o;
+    const { cameraController: i } = this.options;
+    Object.values(this.helpers).forEach((n) => {
+      if (n.update && n.update(), n instanceof Ue) {
+        const a = n.material, { object: c } = a.userData;
+        c && n.box.setFromObject(c, !0);
+      }
+    }), ((r = this.viewHelper) == null ? void 0 : r.animating) === !0 && (this.viewHelper.update(e), (o = t.cameraControls) == null || o.setPosition(
+      ...i.camera.position.toArray()
+    ), this.viewHelper.center.copy(s));
+  }
+  renderViewHelper(e) {
+    if (!this.viewHelper)
+      return;
+    const t = e.autoClear;
+    e.autoClear = !1, this.viewHelper.render(e), e.autoClear = t;
   }
-  create() {
+  dispose() {
     var e;
-    this.object3d = (e = this.options.scene) != null ? e : new nt();
+    this.helpers = {}, (e = this.viewHelper) == null || e.dispose();
   }
 }
-function rt(h) {
+function it(h) {
   let e = !1, t = [];
   return function(...s) {
     t = s, e || (e = !0, requestAnimationFrame(() => {
@@ -3117,10 +2688,10 @@ function rt(h) {
     }));
   };
 }
-class pi {
+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.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
+    this.enabled = !0, this.pickFunctionsMap = /* @__PURE__ */ new Map(), this.pickNodeFunctionsMap = /* @__PURE__ */ new Map(), this.pickFunctionsMapIndex = -1, this.pickNodeFunctionsMapIndex = -1, this.activeObjects = /* @__PURE__ */ new Set(), this.activeObject = null, this.prevActiveObjects = /* @__PURE__ */ new Set(), this.objCallbackMap = /* @__PURE__ */ new Map(), this.pickListener = {
       move: !1,
       down: !1
     }, this.pencil = e, this.domElement = ((t = e.options.controls) == null ? void 0 : t.domElement) || e.options.container;
@@ -3132,53 +2703,43 @@ class pi {
         return;
       r.preventDefault();
       const o = e === "move" ? t : s, n = [];
-      if (this.pickFunctionsMap.forEach((m) => {
-        o.has(m.type) && n.push(te(U({}, m), {
-          objArr: m.objArr instanceof Function ? m.objArr() : m.objArr
+      if (this.pickFunctionsMap.forEach((p) => {
+        o.has(p.type) && n.push(te(U({}, p), {
+          objArr: p.objArr instanceof Function ? p.objArr() : p.objArr
         }));
       }), n.length === 0) return;
-      this.activeObjects.clear(), this.objCallbackMap.clear();
-      const l = this.objCallbackMap, d = [];
-      for (const m of n)
-        for (const u of m.objArr) {
-          if (!u.object3d || !u.visibleWithAncestors) continue;
-          l.has(u) || (l.set(u, /* @__PURE__ */ new Map()), d.push(u));
-          const f = l.get(u);
-          f.has(m.type) || f.set(m.type, []), f.get(m.type).push(m.cb);
+      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);
+          g.has(p.type) || g.set(p.type, []), g.get(p.type).push(p.cb);
         }
-      if (d.length === 0) return;
-      const _ = d.map((m) => m.object3d);
-      _.forEach((m) => {
-        m.isGroup && m.traverse((u) => {
-          u instanceof ss && _.push(u);
-        });
-      });
-      const p = (v = this.pencil.pick(r, _, !1)) == null ? void 0 : v.intersects;
-      if (!p || p.length === 0)
+      if (a.size === 0) return;
+      const c = [...a.keys()].map((p) => p.object3d), u = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
+      if (!u || u.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        this.sortIntersections(p);
-        const m = p[0];
-        this.processIntersection(m, r, e);
+        const p = u[0];
+        this.processIntersection(p, r, e);
       }
-      const E = this.prevActiveObjects;
-      this.prevActiveObjects = this.activeObjects, this.activeObjects = E, this.activeObjects.clear();
+      const m = this.prevActiveObjects;
+      this.prevActiveObjects = this.activeObjects, this.activeObjects = m, this.activeObjects.clear();
     };
     this.domElement.addEventListener(
       `pointer${e}`,
-      rt(i),
+      it(i),
       { passive: !1 }
     );
   }
-  sortIntersections(e) {
-    e.sort((t, s) => t.distance === s.distance ? t.object.getObjectById(s.object.id) ? 1 : s.object.getObjectById(t.object.id) ? -1 : 0 : t.distance - s.distance);
-  }
   processIntersection(e, t, s) {
     const i = this.objCallbackMap, r = e.index || -1;
     let o = e.object;
     for (; o; ) {
       const n = this.pencil.lead.objMap.get(o);
-      n && i.has(n) && this.activeObjects.add(n), o = o.parent;
+      n && n.visible && (this.activeObject || (this.activeObject = n), i.has(n) && this.activeObjects.add(n)), o = o.parent;
     }
     s === "move" ? this.handleLeaveEvents(t) : s === "down" && this.handleDownOutside(t), this.processObjectHierarchy(t, s, r);
   }
@@ -3190,53 +2751,57 @@ class pi {
     };
     for (const n of this.activeObjects) {
       if (r) break;
-      const l = i.get(n);
-      if (l)
+      const a = i.get(n);
+      if (a)
         if (t === "move") {
-          const d = l.get("enter");
-          if (d && !this.prevActiveObjects.has(n))
-            for (const p of d)
-              p({
+          const c = a.get("enter");
+          if (c && !this.prevActiveObjects.has(n))
+            for (const m of c)
+              m({
                 baseObject: n,
+                realBaseObject: this.activeObject,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const _ = l.get("move");
-          if (_)
-            for (const p of _)
-              p({
+          const u = a.get("move");
+          if (u)
+            for (const m of u)
+              m({
                 baseObject: n,
+                realBaseObject: this.activeObject,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
         } else {
-          const d = l.get("down");
-          if (d)
-            for (const p of d)
-              p({
+          const c = a.get("down");
+          if (c)
+            for (const m of c)
+              m({
                 baseObject: n,
+                realBaseObject: this.activeObject,
                 mouseEvent: e,
                 sp: o,
                 intersectionIndex: s
               });
-          const _ = l.get("click");
-          if (_) {
-            const p = (E) => {
-              E.preventDefault();
-              const v = 5;
-              if (!r && Math.abs(E.clientX - e.clientX) <= v && Math.abs(E.clientY - e.clientY) <= v)
-                for (const m of _)
-                  m({
+          const u = a.get("click");
+          if (u) {
+            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({
                     baseObject: n,
+                    realBaseObject: this.activeObject,
                     mouseEvent: e,
                     sp: o,
                     intersectionIndex: s
                   });
-              this.domElement.removeEventListener("pointerup", p);
+              this.domElement.removeEventListener("pointerup", m);
             };
-            this.domElement.addEventListener("pointerup", p);
+            this.domElement.addEventListener("pointerup", m);
           }
         }
     }
@@ -3282,15 +2847,15 @@ class pi {
     this.pickNodeFunctionsMapIndex += 1;
     const i = this.pickNodeFunctionsMapIndex, r = e instanceof Function ? e() : e, o = [];
     for (const n of r) {
-      const l = n;
-      l.element.style.pointerEvents = "auto";
-      const d = (p) => {
-        this.enabled && (p.preventDefault(), s({
-          baseObject: l,
-          mouseEvent: p
+      const a = n;
+      a.element.style.pointerEvents = "auto";
+      const c = (m) => {
+        this.enabled && (m.preventDefault(), s({
+          baseObject: a,
+          mouseEvent: m
         }));
-      }, _ = `pointer${t}`;
-      l.element.addEventListener(_, rt(d), !1), o.push({ arr: l, type: _, listener: d });
+      }, u = `pointer${t}`;
+      a.element.addEventListener(u, it(c), !1), o.push({ arr: a, type: u, listener: c });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -3310,15 +2875,49 @@ class pi {
     this.pickFunctionsMap.clear(), this.pickNodeFunctionsMap.clear(), this.activeObjects.clear(), this.prevActiveObjects.clear(), this.objCallbackMap.clear();
   }
 }
-class mi extends pi {
+class Js extends Qs {
   constructor(e, t) {
-    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.scene = new di({
-      scene: t.scene
-    }), this.mList = t.mList, this.scene.create(), this.scene.lead = this, this.scene.pencil = e, this.scene.mList = this.mList, this.scene.key = "Scene", this.scene.object3d.name = "场景", this.group = new ze(), this.group.create(), this.group.lead = this, this.group.pencil = e, this.group.mList = this.mList, this.group.key = "@Group", this.group.object3d.name = "物体组", this.prefabGroup = new ze(), this.prefabGroup.create(), this.prefabGroup.lead = this, this.prefabGroup.pencil = e, this.prefabGroup.mList = this.mList, this.prefabGroup.key = "@PrefabGroup", this.prefabGroup.object3d.name = "预制组", this.scene.add(this.group.object3d, this.prefabGroup.object3d), this.objects.set("@Scene", this.scene), this.objects.set("@Group", this.group), this.objects.set("@PrefabGroup", this.prefabGroup), this.objMap.set(this.scene.object3d, this.scene), this.objMap.set(this.group.object3d, this.group), this.objMap.set(this.prefabGroup.object3d, this.prefabGroup);
+    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectWrapChindIdMap = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new dt(), {
+      key: "@Scene",
+      name: "场景",
+      mList: !1
+    }), this.group = this.createBaseObject(new ze(), {
+      key: "@Group",
+      name: "物体组",
+      target: this.scene,
+      mList: !1
+    }), this.prefabGroup = this.createBaseObject(new ze(), {
+      key: "@PrefabGroup",
+      name: "预制组",
+      target: this.scene,
+      mList: !1
+    });
   }
   get objectsPromise() {
     return this.objectsPm.values();
   }
+  createBaseObject(e, t = {}) {
+    const s = U({
+      mList: !0
+    }, t), i = new ns();
+    if (i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key)
+      i.key = s.key;
+    else if (s.target) {
+      const r = s.target.key;
+      if (r === "@Scene" && e instanceof Jt)
+        i.key = "@Camera";
+      else {
+        const o = this.objectWrapChindIdMap.get(s.target) ? this.objectWrapChindIdMap.get(s.target) + 1 : 0;
+        this.objectWrapChindIdMap.set(s.target, o), i.key = `${r}__c__${o}`;
+      }
+    }
+    return s.name && (e.name = s.name), s.target && !s.target.object3d.getObjectById(e.id) && s.target.object3d.add(e), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), e.children && e.children.forEach((r) => {
+      this.createBaseObject(r, {
+        target: i,
+        mList: s.mList
+      });
+    }), i;
+  }
   init(e) {
     return Object.keys(e).forEach((t) => {
       const s = class {
@@ -3343,23 +2942,23 @@ class mi extends pi {
   }
   draw(e, t, s) {
     return se(this, null, function* () {
-      var r, o, n, l;
+      var r, o, n, a;
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const d = t.target, _ = (r = t.onTop) != null ? r : 0, p = (o = t.prefab) != null ? o : !1, E = (n = t.create) != null ? n : !0, v = new i().create(t);
-        let m;
-        return d === null ? m = null : typeof d == "string" ? m = this.objects.get(d) : (l = d == null ? void 0 : d.objectType) != null && l.startsWith("BaseObject") || d ? m = d : p ? m = this.prefabGroup : m = this.group, E === !1 ? v.create = () => {
-        } : E !== !0 && (v.create = () => {
-          E(v);
-        }), v.pencil = this.pencil, v.lead = this, v.mList = this.mList, v.prefab = p, v.objectType = `BaseObject#${e}`, v.objectOptions = t, this.setBaseObjectKey(
-          v,
+        const c = t.target, 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 = () => {
+        } : v !== !0 && (p.create = () => {
+          v(p);
+        }), p.pencil = this.pencil, p.lead = this, p.mList = this.mList, p.prefab = m, p.objectType = `BaseObject#${e}`, p.objectOptions = t, this.setBaseObjectKey(
+          p,
           t.key ? `$t:#${t.key}` : "$t:",
-          m == null ? void 0 : m.key
+          f == null ? void 0 : f.key
         ), this.objectsPm.set(
-          v.key,
-          this.addBaseObject(v, m, _)
-        ), yield this.objectsPm.get(v.key), this.objectsPm.delete(v.key), v;
+          p,
+          this.addBaseObject(p, f, u)
+        ), yield this.objectsPm.get(p), this.objectsPm.delete(p), p;
       }
       throw new Error(`Unrecognized:${e}`);
     });
@@ -3371,104 +2970,392 @@ class mi extends pi {
       const [, n] = s.split("#");
       o = o.replace("$p:", n);
     }
-    return this.objects.has(o) && (o.includes("#") ? o += `-${He()}` : o += `#${He()}`), e.key = o, this.objects.set(o, e), o;
+    return this.objects.has(o) && (o.includes("#") ? o += `-${Ne()}` : o += `#${Ne()}`), e.key = o, this.objects.set(o, e), o;
   }
   updateBaseObjectKey(e, t) {
     var o;
     let s;
-    for (const [n, l] of this.objects.entries())
-      if (l === e) {
+    for (const [n, a] of this.objects.entries())
+      if (a === e) {
         s = n;
         break;
       }
-    const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
-    return s && this.objects.delete(s), this.pencil.event.emit("updateKey", e, r, s), r;
-  }
-  addBaseObject(e, t, s) {
-    return se(this, null, function* () {
-      yield e.create(), e.object3d && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e), s && e.setTop(s), t !== null && (t.add(e.object3d), this.objMap.set(e.object3d, e))), e.render(), this.pencil.event.emit("draw", e);
+    const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
+    return s && this.objects.delete(s), this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), e.children.forEach((n, a) => {
+      n.key.includes("__c__") && this.updateBaseObjectKey(n, `${r}__c__${a}`);
+    }), r;
+  }
+  addBaseObject(e, t, s) {
+    return se(this, null, function* () {
+      if (yield e.create(), e.object3d) {
+        const i = e.object3d;
+        i.material && Array.isArray(i.material) && (i.material = i.material.slice()), this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e), s && e.setTop(s), t !== null && t.object3d.add(e.object3d), this.objMap.set(e.object3d, e), i.children.forEach((r) => {
+          this.objMap.get(r) || this.createBaseObject(r, {
+            target: e
+          });
+        });
+      }
+      e.render(), this.pencil.event.emit("lead.draw", { baseObject: e });
+    });
+  }
+  erase(...e) {
+    this.handleErase(!0, ...e);
+  }
+  eraseWithoutMaterial(...e) {
+    this.handleErase(!1, ...e);
+  }
+  handleErase(e, ...t) {
+    [...t].forEach((s) => {
+      const i = [];
+      if (typeof s == "string") {
+        const [r, o] = s.split("#");
+        i.push(...this.getAllObject(r, { key: o }));
+      } else
+        i.push(s);
+      i.forEach((r) => {
+        r.disposeMaterialIfNotUsed = e, r.dispose();
+      });
+    }), this.pencil.event.emit("lead.erase");
+  }
+  update(e, t) {
+    this.objects.forEach((s) => {
+      s.update(e, t);
+    });
+  }
+  setSize(e, t) {
+    this.objects.forEach((s) => {
+      s.resize(e, t);
+    });
+  }
+  eraseAll() {
+    this.group && (this.objects.forEach((e) => {
+      e.key.startsWith("Node") && this.erase(e);
+    }), this.erase(this.group));
+  }
+  dispose() {
+    super.dispose(), this.scene.erase(), this.objects.forEach((e) => {
+      e.erase();
+    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectWrapChindIdMap.clear(), this.objectNamesToFactories.clear();
+  }
+}
+class ei extends ee {
+  get lead() {
+    return this.controller;
+  }
+  constructor(e) {
+    super(), this.options = e;
+  }
+  addLead(e, t, s) {
+    const { pencil: i } = this.options, r = new Js(i, {
+      scene: e,
+      mList: t
+    });
+    return this.addController(r, s);
+  }
+  removePage(e) {
+    super.removePage(e, (t) => {
+      t.dispose();
+    });
+  }
+  setPageActive(e) {
+    super.setPageActive(e, (t, s) => {
+      t.enabled = s;
+    });
+  }
+  setSize(e, t) {
+    this.controllerMap.forEach((s, i) => {
+      i.setSize(e, t);
+    });
+  }
+}
+class rt extends mt {
+  constructor(e) {
+    super(e), this.options = { type: "image" };
+  }
+  setOptions(e) {
+    return this.options = e, this;
+  }
+  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();
+    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"}`;
+        c = c.slice(0, a.size, m);
+        const v = () => {
+          o.removeEventListener("load", p, !1), o.removeEventListener("error", f, !1);
+        }, p = () => {
+          v(), r.needsUpdate = !0, t && t(r);
+        }, f = (y) => {
+          v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
+        };
+        o.addEventListener("load", p, !1), o.addEventListener("error", f, !1);
+        const g = window.URL.createObjectURL(c);
+        o.src = g;
+      },
+      s,
+      i
+    ), r;
+  }
+}
+class ti extends mt {
+  constructor(e) {
+    super(e);
+  }
+  load(e, t, s, i) {
+    const r = new Ae(this.manager);
+    r.setResponseType("blob"), r.setRequestHeader(this.requestHeader), r.setPath(this.path), r.setWithCredentials(this.withCredentials), r.load(
+      e,
+      (o) => {
+        const n = o, a = new DecompressionStream("gzip"), c = n.stream().pipeThrough(a);
+        new Response(c).json().then((m) => {
+          t == null || t(m);
+        }).catch((m) => {
+          i == null || i(m);
+        });
+      },
+      s,
+      i
+    );
+  }
+}
+const si = {
+  images: ["png", "jpg", "jpeg", "ico", "webp", "avif"],
+  media: ["mp4", "webm", "ogg"],
+  gltf: ["gltf", "glb"],
+  json: ["json", "geojson"],
+  gzipJson: ["json.gzip"],
+  exr: ["exr"],
+  lottie: ["lottie.json"]
+};
+class ii {
+  constructor(e) {
+    this.loadObj = [], this.delLoadArr = [], this.assets = /* @__PURE__ */ new Map(), this.event = new ye.EventEmitter(), this.options = U({
+      simpleTexture4deleted: !1,
+      prefix: ""
+    }, e), this.loadingManager = new es(
+      () => {
+      },
+      (t, s, i) => {
+        this.emit("progress", s, i);
+      },
+      (t) => {
+        console.warn(`Failed to load ${t}`);
+      }
+    );
+  }
+  emit(e, ...t) {
+    this.event.emit(e, ...t);
+  }
+  on(e, t) {
+    this.event.on(e, t);
+  }
+  getAsset(e) {
+    const t = this.getAssetType(e);
+    if (!t)
+      return;
+    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();
+      console.warn(`Asset ${e} not found`);
+    }
+    return s;
+  }
+  getAssetType(e) {
+    var s;
+    const t = (s = e.split(".").pop()) == null ? void 0 : s.toLowerCase();
+    if (t) {
+      if (e.endsWith("lottie.json"))
+        return "lottie";
+      if (e.endsWith("json.gzip"))
+        return "gzipJson";
+    } else return;
+    for (const [i, r] of Object.entries(si))
+      if (r.includes(t))
+        return i;
+  }
+  getLoader(e, t) {
+    if (e === "images")
+      return this.textureLoader || (this.textureLoader = new rt(this.loadingManager), this.options.prefix && this.textureLoader.setPath(this.options.prefix)), this.textureLoader;
+    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;
+    if (e === "gltf")
+      return this.gltfLoader || (this.gltfLoader = new Ie(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;
+    if (e === "gzipJson")
+      return this.gzipJsonLoader || (this.gzipJsonLoader = new ti(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;
+  }
+  add(e, t) {
+    typeof e == "string" && (e = [e]), e.forEach((s) => {
+      const i = U({
+        src: s
+      }, t);
+      this.loadObj.push(i);
+    });
+  }
+  getSrcByAsset(e, t = this.assets) {
+    let s;
+    return t.forEach((i, r) => {
+      i === e && (s = r);
+    }), s;
+  }
+  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);
+    }), e;
+  }
+  loadAll() {
+    return se(this, null, function* () {
+      const e = this.loadObj.filter((t) => !this.delLoadArr.includes(t.src));
+      return yield Promise.all(
+        e.map((t) => this.load(t.src, t))
+      );
+    });
+  }
+  load(e, t) {
+    return se(this, null, function* () {
+      var n, a;
+      const s = (n = t == null ? void 0 : t.type) != null ? n : this.getAssetType(e);
+      if (!s)
+        return;
+      const i = (t == null ? void 0 : t.cache) !== !1, r = fs();
+      if (i) {
+        if (this.assets.has(e))
+          return this.assets.get(e);
+        this.assets.set(e, r.promise);
+      }
+      const o = this.getLoader(s, t);
+      try {
+        const c = yield o.loadAsync(e);
+        if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
+          (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;
+        }
+        return c;
+      } catch (c) {
+        r.reject(`Failed to load ${e}`);
+        return;
+      }
     });
   }
-  erase(...e) {
-    [...e].forEach((t) => {
-      const s = [];
-      if (typeof t == "string") {
-        const [i, r] = t.split("#");
-        s.push(...this.getAllObject(i, { key: r }));
-      } else
-        s.push(t);
-      s.forEach((i) => {
-        i.dispose();
+  getUnusedAssets() {
+    const { scene: e } = this.options;
+    if (!e)
+      return [...this.delLoadArr];
+    const t = /* @__PURE__ */ new Set(), s = this.textureAssets;
+    e.traverse((r) => {
+      const o = r;
+      o.material && (Array.isArray(o.material) ? o.material : [o.material]).forEach((a) => {
+        [
+          a.map,
+          a.emissiveMap,
+          a.normalMap,
+          a.roughnessMap,
+          a.metalnessMap,
+          a.aoMap
+        ].forEach((c) => {
+          if (c) {
+            const u = this.getSrcByAsset(c, s);
+            u && t.add(u);
+          }
+        });
       });
-    }), this.pencil.event.emit("erase", ...e);
-  }
-  update(e, t) {
-    this.objects.forEach((s) => {
-      s.update(e, t);
     });
-  }
-  setSize(e, t) {
-    this.objects.forEach((s) => {
-      s.resize(e, t);
-    });
-  }
-  eraseAll() {
-    this.group && (this.objects.forEach((e) => {
-      e.key.startsWith("Node") && this.erase(e);
-    }), this.erase(this.group));
+    const i = new Set(this.textureAssets.keys());
+    return t.forEach((r) => {
+      i.delete(r);
+    }), [...i, ...this.delLoadArr];
   }
   dispose() {
-    super.dispose(), this.scene.erase(), this.objects.forEach((e) => {
-      e.erase();
-    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
+    var e;
+    this.assets.clear(), (e = this.dracoLoader) == null || e.dispose(), this.event.removeAllListeners(), this.delLoadArr.length = 0, this.loadObj.length = 0;
   }
 }
-class ui extends ee {
-  get lead() {
+const ri = {
+  prefix: ""
+};
+class oi extends ee {
+  get loader() {
     return this.controller;
   }
   constructor(e) {
     super(), this.options = e;
   }
-  addLead(e, t, s) {
-    const { pencil: i } = this.options, r = new mi(i, {
-      scene: e,
-      mList: t
-    });
-    return this.addController(r, s);
+  addLoader(e, t) {
+    const { loaderParams: s } = this.options, i = new ii(te(U({}, s), {
+      scene: e
+    }));
+    return this.addController(i, t);
   }
   removePage(e) {
     super.removePage(e, (t) => {
       t.dispose();
     });
   }
-  setPageActive(e) {
-    super.setPageActive(e, (t, s) => {
-      t.enabled = s;
-    });
-  }
-  setSize(e, t) {
-    this.controllerMap.forEach((s, i) => {
-      i.setSize(e, t);
-    });
-  }
 }
-class fi {
+class ni {
   constructor(e) {
-    this.materials = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.fixBufferGeometry = new is(), this.pencil = e;
+    this.materials = /* @__PURE__ */ new Map(), this.fixBaseObjects = /* @__PURE__ */ new Map(), this.materialBaseObjectMap = /* @__PURE__ */ new Map(), this.pencil = e;
   }
   add(e, t) {
-    this.materials.set(e, t), this.emitObject3dChange();
+    this.materials.set(e, t);
+    const s = {
+      object3d: new Proxy(
+        {
+          material: t
+        },
+        {
+          set: (i, r, o) => {
+            var n;
+            if (r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng)) {
+              const a = i.material;
+              return i.material = o, this.materials.set(e, o), this.disposeMaterial(a), this.syncChangeMaterial(a, o), !0;
+            }
+            return i[r] = o, !0;
+          }
+        }
+      )
+    };
+    this.fixBaseObjects.set(e, s), this.pencil.event.emit("mList.add", {
+      key: e,
+      material: t,
+      baseObject: s
+    });
   }
   get(e) {
     const t = this.materials.get(e);
     return t || console.warn(`Material with key "${e}" not found.`), t;
   }
+  getByName(e) {
+    for (const [t, s] of this.materials.entries())
+      if (s.name === e)
+        return s;
+    console.warn(`Material with name "${e}" not found.`);
+  }
   getKey(e) {
     for (const [t, s] of this.materials.entries())
       if (s === e)
         return t;
   }
+  getKeyByName(e) {
+    for (const [t, s] of this.materials.entries())
+      if (s.name === e)
+        return t;
+    console.warn(`Material key with name "${e}" not found.`);
+  }
   addMultiple(e, t) {
     for (const [s, i] of Object.entries(t)) {
       const r = `${e}#${s}`;
@@ -3485,92 +3372,160 @@ class fi {
       }
     return i ? t : null;
   }
+  copy(e, t, s = {}) {
+    const i = this.get(e);
+    if (!i)
+      return console.warn(`Material with key "${e}" not found.`), null;
+    const r = i.clone();
+    return s.name && (r.name = s.name), this.add(t, r), r;
+  }
   copyMultiple(e, t) {
     const s = {}, i = `${e}#`;
     for (const [r, o] of this.materials.entries())
       if (r.startsWith(i)) {
-        const n = r.substring(i.length), l = o.clone();
-        s[n] = l;
-        const d = `${t}#${n}`;
-        this.add(d, l);
+        const n = r.substring(i.length), a = o.clone();
+        s[n] = a;
+        const c = `${t}#${n}`;
+        this.add(c, a);
       }
     return s;
   }
   disposeMaterial(e) {
+    if (!e) return;
     const t = new Pe();
-    t.track([e]), t.dispose();
+    t.track(Array.isArray(e) ? e : [e]), t.dispose();
   }
   remove(e) {
     const t = this.materials.get(e);
-    t && this.disposeMaterial(t), this.materials.delete(e), this.emitObject3dChange();
+    t && this.disposeMaterial(t), this.materials.delete(e), this.fixBaseObjects.delete(e), this.pencil.event.emit("mList.remove", { key: e, material: t });
   }
   removeByMaterial(e) {
     [...this.materials.entries()].some(([t, s]) => s === e ? (this.remove(t), !0) : !1);
   }
   proxyBaseObject(e) {
-    const t = e.object3d, s = (i) => new Proxy(i, {
-      set: (r, o, n) => {
-        if (typeof o == "string" && !isNaN(Number(o))) {
-          const l = Number(o);
-          if (l >= 0 && l < r.length) {
-            const d = r[l];
-            return this.rmBaseObjectMap(e, d), r[l] = n, this.addBaseObjectMap(e), !0;
+    const t = e.object3d;
+    if (!t.material)
+      return;
+    const s = (o) => {
+      if (o.hasOwnProperty("__isProxy"))
+        return o;
+      const n = new Proxy(o, {
+        set: (a, c, u) => {
+          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 a[c] = u, !0;
+        }
+      });
+      return Object.defineProperty(n, "__isProxy", {
+        value: !0,
+        enumerable: !1
+      }), n;
+    };
+    e.materialList && (e.materialList = new Proxy(e.materialList, {
+      set: (o, n, a) => {
+        if (typeof n == "string") {
+          const c = o[n];
+          return this.rmBaseObjectMap(e, c), o[n] = a, a && this.addBaseObjectMap(e), !0;
+        }
+        return o[n] = a, !0;
+      },
+      get: (o, n) => {
+        if (typeof n == "string" && o[n]) {
+          const a = o[n];
+          if (Array.isArray(a)) {
+            const c = s(a);
+            return c !== a && (o[n] = c), c;
           }
+          return a;
+        }
+        return o[n];
+      },
+      deleteProperty: (o, n) => {
+        if (typeof n == "string" && o[n]) {
+          const a = o[n];
+          this.rmBaseObjectMap(e, a);
         }
-        return Reflect.set(r, o, n);
+        return delete o[n], !0;
       }
-    });
-    e.object3d = new Proxy(t, {
-      set: (i, r, o) => {
+    }));
+    const i = t.material, r = "_enhancedMaterial";
+    t[r] = i, Object.defineProperty(t, "material", {
+      get: () => {
         var n;
-        return r === "material" && !((n = this.pencil.composerController) != null && n.bloomComposerRenderIng) ? (this.rmBaseObjectMap(e), i.material = o, this.addBaseObjectMap(e), !0) : Reflect.set(i, r, o);
+        const o = t[r];
+        if (!((n = this.pencil.composerController) != null && n.bloomComposerRenderIng) && Array.isArray(o)) {
+          const a = s(o);
+          return a !== o && (t[r] = a), a;
+        }
+        return o;
       },
-      get: (i, r) => {
-        var o;
-        if (r === "material" && !((o = this.pencil.composerController) != null && o.bloomComposerRenderIng)) {
-          const n = i.material;
-          if (Array.isArray(n) && !n.hasOwnProperty("__isProxy")) {
-            const l = s(n);
-            Object.defineProperty(l, "__isProxy", {
-              value: !0,
-              enumerable: !1
-            }), i.material = l;
+      set: (o) => {
+        var n;
+        if ((n = this.pencil.composerController) != null && n.bloomComposerRenderIng)
+          t[r] = o;
+        else {
+          if (e.materialList && Object.values(e.materialList).includes(o)) {
+            t[r] = o;
+            return;
           }
+          this.rmBaseObjectMap(e), t[r] = o, this.addBaseObjectMap(e);
         }
-        return Reflect.get(i, r);
-      }
+      },
+      enumerable: !0,
+      configurable: !0
     });
   }
+  material2array(e) {
+    return Array.isArray(e) ? e : [e];
+  }
   addBaseObjectMap(e) {
     const t = e.object3d;
-    t.material && (Array.isArray(t.material) ? t.material : [t.material]).forEach((i) => {
-      const r = this.materialBaseObjectMap.get(i);
-      r ? r.add(e) : this.materialBaseObjectMap.set(i, /* @__PURE__ */ new Set([e]));
-    });
-  }
-  rmBaseObjectMap(e, t) {
-    this.materialBaseObjectMap.forEach((s, i) => {
-      t && i !== t || s.has(e) && (s.delete(e), s.size === 0 && (this.materialBaseObjectMap.delete(i), this.disposeMaterial(i)));
-    });
-  }
-  getBaseObjectMaterials() {
-    const e = {};
-    return this.materialBaseObjectMap.forEach((t, s) => {
-      t.forEach((i) => {
-        e[i.key] = s;
+    t.material && ([...Object.values(e.materialList), t.material].forEach(
+      (s) => {
+        s && this.material2array(s).forEach((r) => {
+          const o = this.materialBaseObjectMap.get(r);
+          o ? o.add(e) : this.materialBaseObjectMap.set(r, /* @__PURE__ */ new Set([e]));
+        });
+      }
+    ), this.pencil.event.emit("mList.addBaseObjectMap"));
+  }
+  rmBaseObjectMap(e, t, s = !0) {
+    const i = t && this.material2array(t);
+    this.materialBaseObjectMap.forEach((r, o) => {
+      i && !i.includes(o) || r.has(e) && (r.delete(e), r.size === 0 && s && (this.materialBaseObjectMap.delete(o), this.disposeMaterial(o)));
+    }), this.pencil.event.emit("mList.rmBaseObjectMap");
+  }
+  getBaseObjectMap(e) {
+    return this.materialBaseObjectMap.get(e) || /* @__PURE__ */ new Set();
+  }
+  syncChangeMaterial(e, t) {
+    const s = this.materialBaseObjectMap.get(e);
+    s && s.forEach((i) => {
+      const r = i.object3d, o = r.material;
+      if (Array.isArray(o)) {
+        const n = o.indexOf(e);
+        n !== -1 && (o[n] = t);
+      } else o === e && (r.material = t);
+      i.materialList && Object.keys(i.materialList).forEach((n) => {
+        const a = i.materialList[n];
+        if (Array.isArray(a)) {
+          const c = a.indexOf(e);
+          c !== -1 && (a[c] = t);
+        } else a === e && (i.materialList[n] = t);
       });
-    }), e;
-  }
-  emitObject3dChange() {
-    var e;
-    (e = this.pencil) == null || e.event.emit("baseObjectListChange");
+    });
   }
   dispose() {
     const e = new Pe();
-    e.track([...this.materials.values()]), e.dispose(), this.fixBufferGeometry.dispose(), this.materials.clear(), this.materialBaseObjectMap.clear();
+    e.track([...this.materials.values()]), e.dispose(), this.materials.clear(), this.fixBaseObjects.clear(), this.materialBaseObjectMap.clear();
   }
 }
-class _i extends ee {
+class ai extends ee {
   get mList() {
     return this.controller;
   }
@@ -3578,7 +3533,7 @@ class _i extends ee {
     super(), this.options = e;
   }
   addMList(e, t) {
-    const { pencil: s } = this.options, i = new fi(s);
+    const { pencil: s } = this.options, i = new ni(s);
     return this.addController(i, t);
   }
   removePage(e) {
@@ -3587,11 +3542,185 @@ class _i extends ee {
     });
   }
 }
+const li = {
+  antialias: !1,
+  devicePixelRatio: window.devicePixelRatio,
+  powerPreference: "high-performance",
+  toneMappingExposure: 1,
+  alpha: !1,
+  outputColorSpace: vs.sRGB,
+  logarithmicDepthBuffer: !1,
+  preserveDrawingBuffer: !1,
+  stencil: !1,
+  depth: !1
+};
+class hi {
+  constructor(e) {
+    this.options = e;
+    const { width: t, height: s, rendererParams: i } = e, {
+      alpha: r,
+      devicePixelRatio: o,
+      antialias: n,
+      powerPreference: a,
+      toneMappingExposure: c,
+      outputColorSpace: u,
+      logarithmicDepthBuffer: m,
+      preserveDrawingBuffer: v,
+      stencil: p,
+      depth: f
+    } = i, g = new ss({
+      alpha: r,
+      antialias: n,
+      powerPreference: a,
+      logarithmicDepthBuffer: m,
+      preserveDrawingBuffer: v,
+      stencil: p,
+      depth: f
+    });
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = u, this.renderer = g;
+  }
+  setSize(e, t) {
+    this.renderer.setSize(e, t);
+  }
+  setPixelRatio(e) {
+    this.renderer.setPixelRatio(e);
+  }
+  render(e, t) {
+    this.renderer.render(e, t);
+  }
+  setViewport(e) {
+    var a, c;
+    const { x: t, y: s, width: i, height: r } = e, o = (a = e.scissor) != null ? a : !1, n = (c = e.scissorTest) != null ? c : !1;
+    this.renderer.setViewport(t, s, i, r), o && (this.renderer.setScissor(t, s, i, r), this.renderer.setScissorTest(n));
+  }
+  dispose() {
+    var e, t;
+    this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
+  }
+}
+const ci = {
+  background: null
+};
+class di extends ee {
+  get scene() {
+    return this.controller;
+  }
+  constructor(e) {
+    super(), this.options = e;
+  }
+  addScene(e, t) {
+    const s = new dt();
+    return e != null && e.background && (s.background = e.background), this.addController(s, t);
+  }
+  removePage(e) {
+    super.removePage(e, (t) => {
+      const s = new Pe();
+      s.track(t), s.dispose();
+    });
+  }
+  setPageActive(e) {
+    super.setPageActive(e, (t, s) => {
+      t.visible = s;
+    });
+  }
+}
+class mi {
+  constructor(e) {
+    this.event = new ye.EventEmitter();
+    const { renderer: t, scene: s, camera: i } = e, r = new Os(
+      i,
+      t.domElement
+    );
+    if (r.getHelper) {
+      const o = r.getHelper();
+      if (s.add(o), +is < 170) {
+        const n = r._root;
+        n.dispose = () => {
+          n.traverse((a) => {
+            a.geometry && a.geometry.dispose(), a.material && a.material.dispose();
+          });
+        }, r.dispose = () => {
+          r.disconnect(), n.dispose();
+        };
+      }
+    } else r instanceof rs && s.add(r);
+    this.controls = r, this.addEvent();
+  }
+  get detach() {
+    return this.controls.detach.bind(this.controls);
+  }
+  get attach() {
+    return this.controls.attach.bind(this.controls);
+  }
+  addEvent() {
+    let e = null, t = null, s = null;
+    const i = this.controls;
+    i.addEventListener("change", () => {
+      const r = i.object;
+      r !== void 0 && this.event.emit("change", r);
+    }), i.addEventListener("mouseDown", () => {
+      const r = i.object;
+      e = r.position.clone(), t = r.rotation.clone(), s = r.scale.clone(), this.event.emit("mouseDown", r);
+    }), i.addEventListener("mouseUp", () => {
+      const r = i.object;
+      if (r !== void 0)
+        switch (i.getMode()) {
+          case "translate":
+            e.equals(r.position) || this.event.emit(
+              "translate",
+              r,
+              r.position,
+              e
+            );
+            break;
+          case "rotate":
+            t.equals(r.rotation) || this.event.emit(
+              "rotate",
+              r,
+              r.rotation,
+              t
+            );
+            break;
+          case "scale":
+            s.equals(r.scale) || this.event.emit("scale", r, r.scale, s);
+            break;
+        }
+      this.event.emit("mouseUp");
+    });
+  }
+  dispose() {
+    var e;
+    this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
+  }
+}
+const pi = {
+  antialias: !0,
+  devicePixelRatio: window.devicePixelRatio
+};
+class fi {
+  constructor(e) {
+    this.options = e;
+    const { width: t, height: s, rendererParams: i, renderer: r } = e, { devicePixelRatio: o, antialias: n } = i, a = new r({
+      antialias: n
+    });
+    a.setSize(t, s), a.setPixelRatio(o), this.renderer = a;
+  }
+  setSize(e, t) {
+    this.renderer.setSize(e, t);
+  }
+  render(e, t) {
+    this.renderer.render(e, t);
+  }
+  dispose() {
+    var e, t;
+    this.setSize(1, 1), (e = this.renderer) == null || e.clear(), (t = this.renderer) == null || t.dispose();
+  }
+}
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ve.EventEmitter(), this.timer = new rs(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = os(_e.options, e, {
-      isMergeableObject: hs
+    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.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
       container: t,
@@ -3599,7 +3728,7 @@ const _e = class _e {
       transformControls: i
     } = this.options;
     if (this.init(), this.options.WebGPUTHREE || this.initComposer(), this.initCSSRenderer(), i && this.initTransformControls(), s) {
-      const n = new ns({
+      const n = new zt({
         horizontal: !1
       });
       n.dom.style.position = "absolute", n.init(this.renderer), t.appendChild(n.dom), this.stats = n;
@@ -3667,7 +3796,7 @@ const _e = class _e {
     this.sceneController.setPageActive(e), t && ((s = this.cssRendererController) == null || s.render(t, this.camera)), this.cameraController.setPageActive(e), this.controlsController.setPageActive(e), this.loaderController.setPageActive(e), this.mListController.setPageActive(e), this.leadController.setPageActive(e), this.pageActiveIndex = e;
   }
   init() {
-    var g;
+    var _;
     const {
       container: e,
       WebGPUTHREE: t,
@@ -3676,47 +3805,47 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: l, height: d } = this.getSize(), _ = t ? new Us({
-      width: l,
-      height: d,
+    } = this.options, { width: a, height: c } = this.getSize(), u = t ? new fi({
+      width: a,
+      height: c,
       renderer: t.WebGPURenderer,
-      rendererParams: Ds
-    }) : new Rs({
-      width: l,
-      height: d,
+      rendererParams: pi
+    }) : new hi({
+      width: a,
+      height: c,
       rendererParams: te(U({}, r), {
         antialias: !1
       })
-    }), p = new ks({
-      width: l,
-      height: d
-    }), E = new Ns({}), v = new Is({
+    }), m = new Ms({
+      width: a,
+      height: c
+    }), v = new di({}), p = new Zs({
       controlsParams: {
-        domElement: (g = o == null ? void 0 : o.domElement) != null ? g : _.renderer.domElement
+        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : u.renderer.domElement
       }
-    }), m = new ci({
+    }), f = new oi({
       loaderParams: U({
-        anisotropy: _.renderer.capabilities.getMaxAnisotropy()
+        anisotropy: u.renderer.capabilities.getMaxAnisotropy()
       }, n)
-    }), u = new _i({
+    }), g = new ai({
       pencil: this
-    }), f = new ui({
+    }), y = new ei({
       pencil: this
     });
-    this.sceneController = E, this.cameraController = p, this.controlsController = v, this.rendererController = _, this.loaderController = m, this.mListController = u, this.leadController = f;
-    const a = this.addPage({
+    this.sceneController = v, this.cameraController = m, this.controlsController = p, this.rendererController = u, this.loaderController = f, this.mListController = g, this.leadController = y;
+    const l = this.addPage({
       sceneOptions: this.options.scene,
       cameraOptions: this.options.camera
     });
-    if (this.showPage(a), s) {
-      const C = new Hs({
+    if (this.showPage(l), s) {
+      const O = new qs({
         container: e,
-        sceneController: E,
-        cameraController: p
+        sceneController: v,
+        cameraController: m
       });
-      C.add(E.scene), this.helperController = C, i && C.addViewHelper();
+      O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(_.renderer.domElement);
+    e.appendChild(u.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3725,7 +3854,7 @@ const _e = class _e {
       ssao: s,
       ssaoParams: i,
       composer: r
-    } = this.options, o = new oi({
+    } = this.options, o = new Ys({
       rendererController: this.rendererController,
       sceneController: this.sceneController,
       cameraController: this.cameraController,
@@ -3742,12 +3871,12 @@ const _e = class _e {
       css3DRendererParams: r
     } = this.options;
     if (t || s) {
-      const o = new Ws(e);
+      const o = new Xs(e);
       t && o.addRenderer("css2d", i), s && o.addRenderer("css3d", r), this.cssRendererController = o;
     }
   }
   initTransformControls() {
-    const e = new js({
+    const e = new mi({
       camera: this.camera,
       renderer: this.renderer,
       scene: this.scene
@@ -3784,12 +3913,12 @@ const _e = class _e {
       cameraController: r,
       composerController: o,
       cssRendererController: n,
-      leadController: l
-    } = this, d = this.renderer.getSize(new B());
-    d.x === e && d.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), l.setSize(e, t), this.installPlugins.forEach((_) => {
-      var p;
-      (p = _.setSize) == null || p.call(_, e, t);
-    }), this.render(), s && this.event.emit("resize", { width: e, height: t }));
+      leadController: a
+    } = this, c = this.renderer.getSize(new B());
+    c.x === e && c.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), a.setSize(e, t), this.installPlugins.forEach((u) => {
+      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 }));
   }
   setDevicePixelRatio(e) {
     var n;
@@ -3805,44 +3934,55 @@ const _e = class _e {
       r
     );
     const o = this.renderer.getPixelRatio();
-    r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r));
+    r !== o && (this.rendererController.setPixelRatio(r), (n = this.composerController) == null || n.setPixelRatio(r), this.viewPadding.some((a) => a !== 0) && this.setViewPadding(...this.viewPadding));
+  }
+  setViewPadding(e = 0, t = 0, s = 0, i = 0) {
+    const { width: r, height: o } = this.renderer.getSize(new B()), n = {
+      x: i,
+      y: s,
+      width: r - i - t,
+      height: o - e - s
+    };
+    this.rendererController.setViewport(n), this.cameraController.setAspect(n.width / n.height), this.viewPadding = [e, t, s, i];
   }
   pick(e, t, s = !0) {
-    const { raycaster: i, options: r } = this, { container: o } = r, n = new B(), l = o.getBoundingClientRect();
-    if (n.x = (e.clientX - l.left) / (l.right - l.left) * 2 - 1, n.y = -((e.clientY - l.top) / (l.bottom - l.top)) * 2 + 1, this.camera && this.scene) {
+    const { raycaster: i, options: r } = this, { container: o } = r, n = new B(), a = o.getBoundingClientRect();
+    if (n.x = (e.clientX - a.left) / (a.right - a.left) * 2 - 1, n.y = -((e.clientY - a.top) / (a.bottom - a.top)) * 2 + 1, this.camera && this.scene) {
       i.setFromCamera(n, this.camera);
-      const d = i.intersectObjects(
+      const c = i.intersectObjects(
         t || this.scene.children,
         s
       );
-      if (d.length)
+      if (c.length)
         return {
-          object: d[0].object,
-          index: d[0].index,
-          intersects: d
+          object: c[0].object,
+          index: c[0].index,
+          intersects: c
         };
     }
   }
   render() {
-    var s, i, r, o, n, l;
+    var s, i, r, o, n, a;
     if (!this.camera || !this.scene)
       return;
-    this.timer.update(), Ce.update();
+    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((d) => {
-      var _;
-      (_ = d.update) == null || _.call(d, e, t);
+    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);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
       this.cameraTarget
-    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (l = this.stats) == null || l.update(), this.event.emit("render", { delta: e, elapsed: t });
+    ), (i = this.composerController) != null && i.active ? this.composerController.render() : (r = this.rendererController) == null || r.render(this.scene, this.camera), (o = this.helperController) == null || o.renderViewHelper(this.renderer), (n = this.cssRendererController) == null || n.render(this.scene, this.camera), (a = this.stats) == null || a.update(), this.event.emit("render", { delta: e, elapsed: t });
   }
   start() {
-    window.cancelAnimationFrame(this.TweenRaf), this.renderer.setAnimationLoop(this.render.bind(this)), this.event.emit("start");
+    var e;
+    window.cancelAnimationFrame(this.TweenRaf), (e = this.renderer) == null || e.setAnimationLoop(this.render.bind(this)), this.event.emit("start");
   }
   stop() {
-    this.tweenUpdateRaf(), this.renderer.setAnimationLoop(null), this.event.emit("stop");
+    var e;
+    this.tweenUpdateRaf(), (e = this.renderer) == null || e.setAnimationLoop(null), this.event.emit("stop");
   }
   autoRotate(e) {
     this.controlsController.autoRotateSpeed = e;
@@ -3874,39 +4014,39 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, l, d, _, p, E, v, m;
-    this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((u) => {
-      var f;
-      (f = u.dispose) == null || f.call(u);
-    }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (l = this.composerController) == null || l.dispose(), (d = this.rendererController) == null || d.dispose(), (_ = this.loaderController) == null || _.dispose(), (p = this.leadController) == null || p.dispose(), (E = this.mListController) == null || E.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (v = this.stats) == null || v.dom.remove(), (m = this.renderer) == null || m.domElement.remove();
+    var e, t, s, i, r, o, n, a, c, u, m, v, p, f;
+    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();
   }
 };
 _e.options = {
-  stats: me,
-  helper: me,
-  viewHelper: me,
+  stats: he,
+  helper: he,
+  viewHelper: he,
   controls: !0,
-  transformControls: me,
-  renderer: Ms,
-  composer: ri,
-  scene: Fs,
-  camera: bt,
+  transformControls: he,
+  renderer: li,
+  composer: Vs,
+  scene: ci,
+  camera: wt,
   bloom: !1,
-  bloomParams: ii,
+  bloomParams: Bs,
   ssao: !1,
-  loader: hi,
-  ssaoParams: si,
+  loader: ri,
+  ssaoParams: Hs,
   css2DRenderer: !1,
   css2DRendererParams: U({}, st),
   css3DRenderer: !1,
   css3DRendererParams: U({}, st)
 };
 let ot = _e;
-const qi = J.ACTION;
+const Gi = J.ACTION;
 export {
-  cs as BaseObject,
+  ns as BaseObject,
   ot as Pencil,
   Pe as ResourceTracker,
-  qi as cameraControlsAction,
+  Gi as cameraControlsAction,
   ot as default
 };