gl-draw 0.15.14 → 0.15.15

package/dist/index.module.js

@@ -26,13 +26,13 @@ var se = (h, e, t) => new Promise((s, i) => {
   }, 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, Vector3 as H, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as jt, HemisphereLightHelper as Ht, Box3 as at, Box3Helper as Ue, MathUtils as It, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as $t, ShaderMaterial as Gt, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as fe, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
+import { WebGLRenderer as Ut, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as jt, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as Ht, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as $t, ShaderMaterial as Gt, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as ue, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
 import { Timer as ss } from "three/examples/jsm/misc/Timer";
 import * as Ce from "@tweenjs/tween.js";
 import is from "deepmerge";
 import rs from "stats-gl";
 import { C as os, c as ns, i as as } from "./isPlainObject.module.js";
-import { R as Pe, M as ut, B as Oe, a as ls, I as he } from "./index.module2.js";
+import { R as Pe, M as ft, B as Oe, a as ls, I as he } from "./index.module2.js";
 import { RectAreaLightHelper as hs } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as cs } from "three/examples/jsm/helpers/ViewHelper";
 import { TransformControls as ds } from "three/examples/jsm/controls/TransformControls";
@@ -40,8 +40,8 @@ import { EffectComposer as ke } from "three/examples/jsm/postprocessing/EffectCo
 import { RenderPass as ms } from "three/examples/jsm/postprocessing/RenderPass";
 import { SSAOPass as ps } from "three/examples/jsm/postprocessing/SSAOPass";
 import { FullScreenQuad as Fe } from "three/examples/jsm/postprocessing/Pass";
-import { OutputPass as us } from "three/examples/jsm/postprocessing/OutputPass";
-import { ShaderPass as fs } from "three/examples/jsm/postprocessing/ShaderPass";
+import { OutputPass as fs } from "three/examples/jsm/postprocessing/OutputPass";
+import { ShaderPass as us } from "three/examples/jsm/postprocessing/ShaderPass";
 import { UnrealBloomPass as _s } from "three/examples/jsm/postprocessing/UnrealBloomPass";
 import "three/examples/jsm/renderers/CSS2DRenderer";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -92,20 +92,20 @@ const M = {
 function Y(h) {
   return h.isPerspectiveCamera;
 }
-function I(h) {
+function H(h) {
   return h.isOrthographicCamera;
 }
-const $ = Math.PI * 2, He = Math.PI / 2, ft = 1e-5, ie = Math.PI / 180;
+const $ = Math.PI * 2, Ie = Math.PI / 2, ut = 1e-5, ie = Math.PI / 180;
 function k(h, e, t) {
   return Math.max(e, Math.min(t, h));
 }
-function S(h, e = ft) {
+function S(h, e = ut) {
   return Math.abs(h) < e;
 }
-function P(h, e, t = ft) {
+function P(h, e, t = ut) {
   return S(h - e, t);
 }
-function Ie(h, e) {
+function He(h, e) {
   return Math.round(h / e) * e;
 }
 function re(h) {
@@ -118,25 +118,25 @@ function ce(h, e, t, s, i = 1 / 0, r) {
   s = Math.max(1e-4, s);
   const o = 2 / s, n = o * r, a = 1 / (1 + n + 0.48 * n * n + 0.235 * n * n * n);
   let c = h - e;
-  const f = e, m = i * s;
+  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 f - h > 0 == p > f && (p = f, t.value = (p - f) / r), p;
+  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, a = n * r, c = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
-  let f = e.x, m = e.y, v = e.z, p = h.x - f, u = h.y - m, g = h.z - v;
-  const y = f, l = m, _ = v, O = i * s, C = O * O, w = p * p + u * u + g * g;
+  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, u = u / ve * O, g = g / ve * O;
+    p = p / ve * O, f = f / ve * O, g = g / ve * O;
   }
-  f = h.x - p, m = h.y - u, v = h.z - g;
-  const E = (t.x + n * p) * r, x = (t.y + n * u) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * c, t.y = (t.y - n * x) * c, t.z = (t.z - n * R) * c, o.x = f + (p + E) * c, o.y = m + (u + x) * c, o.z = v + (g + R) * c;
+  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;
 }
@@ -146,7 +146,7 @@ function Ee(h, e) {
   }), e.x /= h.length, e.y /= h.length;
 }
 function Te(h, e) {
-  return I(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
+  return H(h) ? (console.warn(`${e} is not supported in OrthographicCamera`), !0) : !1;
 }
 class Os {
   constructor() {
@@ -249,7 +249,7 @@ class J extends Os {
       if (Y(this._camera)) {
         const x = b.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
         w = this.truckSpeed * l * V / this._elementRect.height, E = this.truckSpeed * _ * V / this._elementRect.height;
-      } else if (I(this._camera)) {
+      } else if (H(this._camera)) {
         const x = this._camera;
         w = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
@@ -297,10 +297,10 @@ class J extends Os {
       left: d.ROTATE,
       middle: d.DOLLY,
       right: d.TRUCK,
-      wheel: Y(this._camera) ? d.DOLLY : I(this._camera) ? d.ZOOM : d.NONE
+      wheel: Y(this._camera) ? d.DOLLY : H(this._camera) ? d.ZOOM : d.NONE
     }, this.touches = {
       one: d.TOUCH_ROTATE,
-      two: Y(this._camera) ? d.TOUCH_DOLLY_TRUCK : I(this._camera) ? d.TOUCH_ZOOM_TRUCK : d.NONE,
+      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 = (l) => {
@@ -377,11 +377,11 @@ class J extends Os {
           }
         else
           this._state = d.NONE;
-        u();
+        f();
       }
     };
     let c = -1;
-    const f = (l) => {
+    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 E = this._domElement.getBoundingClientRect(), x = (l.clientX - E.left) / (E.right - E.left), R = (l.clientY - E.top) / (E.bottom - E.top);
@@ -484,7 +484,7 @@ class J extends Os {
         (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
       ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(O, C, !1, !1), this._isUserControllingTruck = !0), ((this._state & d.SCREEN_PAN) === d.SCREEN_PAN || (this._state & d.TOUCH_SCREEN_PAN) === d.TOUCH_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_ZOOM_SCREEN_PAN) === d.TOUCH_ZOOM_SCREEN_PAN) && (this._truckInternal(O, C, !1, !0), this._isUserControllingTruck = !0), ((this._state & d.OFFSET) === d.OFFSET || (this._state & d.TOUCH_OFFSET) === d.TOUCH_OFFSET || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET || (this._state & d.TOUCH_ZOOM_OFFSET) === d.TOUCH_ZOOM_OFFSET) && (this._truckInternal(O, C, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
-    }, u = () => {
+    }, f = () => {
       Ee(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
@@ -536,11 +536,11 @@ class J extends Os {
       this.unlockPointer();
     };
     this._addAllEventListeners = (l) => {
-      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", f, {
+      this._domElement = l, this._domElement.style.touchAction = "none", this._domElement.style.userSelect = "none", this._domElement.style.webkitUserSelect = "none", this._domElement.addEventListener("pointerdown", o), this._domElement.addEventListener("pointercancel", a), this._domElement.addEventListener("wheel", u, {
         passive: !1
       }), this._domElement.addEventListener("contextmenu", m);
     }, this._removeAllEventListeners = () => {
-      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", f, {
+      this._domElement && (this._domElement.style.touchAction = "", this._domElement.style.userSelect = "", this._domElement.style.webkitUserSelect = "", this._domElement.removeEventListener("pointerdown", o), this._domElement.removeEventListener("pointercancel", a), this._domElement.removeEventListener("wheel", u, {
         passive: !1
       }), this._domElement.removeEventListener("contextmenu", m), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
@@ -557,7 +557,7 @@ class J extends Os {
         y
       ));
     }, this.cancel = () => {
-      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, u());
+      this._state !== d.NONE && (this._state = d.NONE, this._activePointers.length = 0, f());
     }, t && this.connect(t), this.update(0);
   }
   /**
@@ -986,12 +986,12 @@ class J extends Os {
     c.isEmpty() && (console.warn(
       "camera-controls: fitTo() cannot be used with an empty box. Aborting"
     ), Promise.resolve());
-    const f = Ie(this._sphericalEnd.theta, He), m = Ie(this._sphericalEnd.phi, He);
-    a.push(this.rotateTo(f, m, t));
-    const v = b.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, we), u = P(Math.abs(v.y), 1);
-    u && p.multiply(xe.setFromAxisAngle(me, f)), p.multiply(this._yAxisUpSpaceInverse);
+    const u = He(this._sphericalEnd.theta, Ie), m = He(this._sphericalEnd.phi, Ie);
+    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), u && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
+    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 _ = this.getDistanceToFitBox(
@@ -1003,7 +1003,7 @@ class J extends Os {
       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 (I(this._camera)) {
+    } 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)
@@ -1029,7 +1029,7 @@ class J extends Os {
     ), Y(this._camera)) {
       const o = this.getDistanceToFitSphere(r.radius);
       s.push(this.dollyTo(o, t));
-    } else if (I(this._camera)) {
+    } 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));
     }
@@ -1052,7 +1052,7 @@ class J extends Os {
     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 f = !n || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    const 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 Os {
       this._sphericalEnd.radius,
       this.restThreshold
     );
-    return this._createOnRestPromise(f);
+    return this._createOnRestPromise(u);
   }
   /**
    * Similar to setLookAt, but it interpolates between two states.
@@ -1085,13 +1085,13 @@ class J extends Os {
    * @param enableTransition
    * @category Methods
    */
-  lerpLookAt(e, t, s, i, r, o, n, a, c, f, m, v, p, u = !1) {
+  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(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = G.set(f, m, v), _ = L.set(n, a, c);
+    const l = G.set(u, m, v), _ = L.set(n, a, c);
     ae.setFromVector3(
       _.sub(l).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(g.lerp(l, p));
@@ -1100,8 +1100,8 @@ class J extends Os {
       z.radius + w * p,
       z.phi + C * p,
       z.theta + O * p
-    ), this.normalizeRotations(), this._needsUpdate = !0, u || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
-    const E = !u || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
+    ), this.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
@@ -1455,10 +1455,10 @@ class J extends Os {
     }
     if (this.dollyToCursor) {
       if (Y(this._camera) && this._changedDolly !== 0) {
-        const m = this._spherical.radius - this._lastDistance, v = this._camera, p = this._getCameraDirection(ne), u = b.copy(p).cross(v.up).normalize();
-        u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, p), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - m - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
-          u.multiplyScalar(
+        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(
@@ -1472,12 +1472,12 @@ class J extends Os {
         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 (I(this._camera) && this._changedZoom !== 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,
           (v.near + v.far) / (v.near - v.far)
-        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(p).add(u.multiplyScalar(-p.dot(v.up))), l = -(this._zoom - m - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = b.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
+        ).unproject(v), f = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(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
         );
         C.sub(E), this._boundary.clampPoint(C, C);
@@ -1492,8 +1492,8 @@ class J extends Os {
       b.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse),
       1
     );
-    const f = this._needsUpdate;
-    return f && !this._updatedLastTime ? (this._hasRested = !1, this.dispatchEvent({ type: "wake" }), this.dispatchEvent({ type: "update" })) : f ? (this.dispatchEvent({ type: "update" }), S(t, this.restThreshold) && S(s, this.restThreshold) && S(i, this.restThreshold) && S(r.x, this.restThreshold) && S(r.y, this.restThreshold) && S(r.z, this.restThreshold) && S(o.x, this.restThreshold) && S(o.y, this.restThreshold) && S(o.z, this.restThreshold) && S(n, this.restThreshold) && !this._hasRested && (this._hasRested = !0, this.dispatchEvent({ type: "rest" }))) : !f && this._updatedLastTime && (this._hasRested || (this._hasRested = !0, this.dispatchEvent({ type: "rest" })), this.dispatchEvent({ type: "sleep" })), this._lastDistance = this._spherical.radius, this._lastZoom = this._zoom, this._updatedLastTime = f, this._needsUpdate = !1, f;
+    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
@@ -1607,7 +1607,7 @@ class J extends Os {
     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 (I(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);
     }
@@ -1702,18 +1702,18 @@ class J extends Os {
       if (!n.geometry) return;
       const a = n.geometry.clone();
       a.applyMatrix4(n.matrixWorld);
-      const f = a.attributes.position;
-      for (let m = 0, v = f.count; m < v; m++)
-        b.fromBufferAttribute(f, m), r = Math.max(r, i.distanceToSquared(b));
+      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 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 Ts(h) {
@@ -1781,8 +1781,8 @@ A.prototype.emit = function(e) {
   if (typeof a == "function")
     $e(a, this, t);
   else
-    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
-      $e(f[s], this, t);
+    for (var c = a.length, u = Et(a, c), s = 0; s < c; ++s)
+      $e(u[s], this, t);
   return !0;
 };
 function yt(h, e, t, s) {
@@ -1890,7 +1890,7 @@ function Ot(h) {
   return 0;
 }
 A.prototype.eventNames = function() {
-  return this._eventsCount > 0 ? ue(this._events) : [];
+  return this._eventsCount > 0 ? fe(this._events) : [];
 };
 function Et(h, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
@@ -1953,11 +1953,11 @@ class Ss {
       antialias: n,
       powerPreference: a,
       toneMappingExposure: c,
-      outputColorSpace: f,
+      outputColorSpace: u,
       logarithmicDepthBuffer: m,
       preserveDrawingBuffer: v,
       stencil: p,
-      depth: u
+      depth: f
     } = i, g = new Ut({
       alpha: r,
       antialias: n,
@@ -1965,9 +1965,9 @@ class Ss {
       logarithmicDepthBuffer: m,
       preserveDrawingBuffer: v,
       stencil: p,
-      depth: u
+      depth: f
     });
-    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = f, this.renderer = g;
+    g.setSize(t, s), g.setPixelRatio(o), g.toneMappingExposure = c, g.outputColorSpace = u, this.renderer = g;
   }
   setSize(e, t) {
     this.renderer.setSize(e, t);
@@ -2075,7 +2075,7 @@ const wt = {
   fov: 45,
   near: 1,
   far: 1e3,
-  up: new H(0, 1, 0)
+  up: new I(0, 1, 0)
 };
 class Us extends ee {
   constructor(e) {
@@ -2202,7 +2202,7 @@ class Fs {
       else if (e.isSpotLight)
         i = new jt(e);
       else if (e.isHemisphereLight)
-        i = new Ht(e, 10);
+        i = new It(e, 10);
       else if (e.isRectAreaLight)
         i = new hs(e);
       else {
@@ -2273,7 +2273,7 @@ class Ns extends ee {
     super(), this.autoRotateSpeed = 0, this.options = e;
     const t = {
       Vector2: B,
-      Vector3: H,
+      Vector3: I,
       Vector4: Bt,
       Quaternion: lt,
       Matrix4: W,
@@ -2312,7 +2312,7 @@ class Ns extends ee {
     });
   }
   update(e, t) {
-    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * It.DEG2RAD);
+    super.update(e, t), this.autoRotateSpeed && this.cameraControls && (this.cameraControls.azimuthAngle += this.autoRotateSpeed * e * Ht.DEG2RAD);
   }
 }
 class js {
@@ -2384,7 +2384,7 @@ class js {
     this.event.removeAllListeners(), (e = this.controls) == null || e.dispose();
   }
 }
-const Xe = new H(), Hs = new lt(), qe = new H(), j = new W(), Is = new W();
+const Xe = new I(), Is = new lt(), qe = new I(), j = new W(), Hs = new W();
 class Bs {
   /**
    * Constructs a new CSS3D renderer.
@@ -2401,8 +2401,8 @@ class Bs {
     a.style.overflow = "hidden", this.domElement = a;
     const c = document.createElement("div");
     c.style.transformOrigin = "0 0", c.style.pointerEvents = "none", a.appendChild(c);
-    const f = document.createElement("div");
-    f.style.transformStyle = "preserve-3d", c.appendChild(f), this.getSize = function() {
+    const u = document.createElement("div");
+    u.style.transformStyle = "preserve-3d", c.appendChild(u), this.getSize = function() {
       return {
         width: s,
         height: i
@@ -2413,9 +2413,9 @@ class Bs {
       let O, C;
       l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
       const w = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${w} )scale(` + _ + ")translate(" + m(O) + "px," + m(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${w} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
-      n.camera.style !== R && (f.style.transform = R, n.camera.style = R), g(y, y, l);
+      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", f.style.width = y + "px", f.style.height = l + "px";
+      s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", c.style.width = y + "px", c.style.height = l + "px", u.style.width = y + "px", u.style.height = l + "px";
     };
     function m(y) {
       return Math.abs(y) < 1e-10 ? 0 : y;
@@ -2428,14 +2428,14 @@ class Bs {
       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 u(y) {
+    function f(y) {
       y.isCSS3DObject && (y.element.style.display = "none");
       for (let l = 0, _ = y.children.length; l < _; l++)
-        u(y.children[l]);
+        f(y.children[l]);
     }
     function g(y, l, _, O) {
       if (y.visible === !1) {
-        u(y);
+        f(y);
         return;
       }
       if (y.isCSS3DObject) {
@@ -2443,14 +2443,14 @@ class Bs {
         if (w.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, _);
           let E;
-          y.isCSS3DSprite ? (j.copy(_.matrixWorldInverse), j.transpose(), y.rotation2D !== 0 && j.multiply(Is.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Hs, qe), j.setPosition(Xe), j.scale(qe), j.elements[3] = 0, j.elements[7] = 0, j.elements[11] = 0, j.elements[15] = 1, E = p(j)) : E = p(y.matrixWorld);
+          y.isCSS3DSprite ? (j.copy(_.matrixWorldInverse), j.transpose(), y.rotation2D !== 0 && j.multiply(Hs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(Xe, Is, qe), j.setPosition(Xe), j.scale(qe), j.elements[3] = 0, j.elements[7] = 0, j.elements[11] = 0, j.elements[15] = 1, E = p(j)) : 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);
           }
-          w.parentNode !== f && f.appendChild(w), y.onAfterRender(t, l, _);
+          w.parentNode !== u && u.appendChild(w), y.onAfterRender(t, l, _);
         }
       }
       for (let C = 0, w = y.children.length; C < w; C++)
@@ -2458,7 +2458,7 @@ class Bs {
     }
   }
 }
-const q = new H(), Qe = new W(), Je = new W(), et = new H(), tt = new H();
+const q = new I(), Qe = new W(), Je = new W(), et = new I(), tt = new I();
 class Vs {
   /**
    * Constructs a new CSS2D renderer.
@@ -2476,44 +2476,44 @@ class Vs {
         width: s,
         height: i
       };
-    }, this.render = function(u, g) {
-      u.matrixWorldAutoUpdate === !0 && u.updateMatrixWorld(), g.parent === null && g.matrixWorldAutoUpdate === !0 && g.updateMatrixWorld(), Qe.copy(g.matrixWorldInverse), Je.multiplyMatrices(g.projectionMatrix, Qe), f(u, u, g), p(u);
-    }, this.setSize = function(u, g) {
-      s = u, i = g, r = s / 2, o = i / 2, a.style.width = u + "px", a.style.height = g + "px";
+    }, 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 c(u) {
-      u.isCSS2DObject && (u.element.style.display = "none");
-      for (let g = 0, y = u.children.length; g < y; g++)
-        c(u.children[g]);
+    function 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 f(u, g, y) {
-      if (u.visible === !1) {
-        c(u);
+    function u(f, g, y) {
+      if (f.visible === !1) {
+        c(f);
         return;
       }
-      if (u.isCSS2DObject) {
-        q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Je);
-        const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
-        _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
+      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, u)
+          distanceToCameraSquared: m(y, f)
         };
-        n.objects.set(u, O);
+        n.objects.set(f, O);
       }
-      for (let l = 0, _ = u.children.length; l < _; l++)
-        f(u.children[l], g, y);
+      for (let l = 0, _ = f.children.length; l < _; l++)
+        u(f.children[l], g, y);
     }
-    function m(u, g) {
-      return et.setFromMatrixPosition(u.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
+    function m(f, g) {
+      return et.setFromMatrixPosition(f.matrixWorld), tt.setFromMatrixPosition(g.matrixWorld), et.distanceToSquared(tt);
     }
-    function v(u) {
+    function v(f) {
       const g = [];
-      return u.traverseVisible(function(y) {
+      return f.traverseVisible(function(y) {
         y.isCSS2DObject && g.push(y);
       }), g;
     }
-    function p(u) {
-      const g = v(u).sort(function(l, _) {
+    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;
@@ -2642,7 +2642,7 @@ const Zs = {
 		}`
   )
 };
-class Ws extends us {
+class Ws extends fs {
   constructor() {
     super();
     const e = Zs;
@@ -2655,7 +2655,7 @@ class Ws extends us {
   }
 }
 const Ks = (h) => {
-  const e = new fs(
+  const e = new us(
     new Gt({
       uniforms: {
         baseTexture: { value: null },
@@ -2702,7 +2702,7 @@ const Ks = (h) => {
 }), Qs = new dt({
   color: "black",
   sizeAttenuation: !1
-}), Js = new ut({
+}), Js = new ft({
   color: "black",
   sizeAttenuation: 0,
   lineWidth: 0
@@ -2729,23 +2729,23 @@ class ii {
       composerParams: r
     } = e, { renderer: o } = t;
     this.renderer = o;
-    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), f = new Qt(
+    const { multisampling: n } = r, { maxSamples: a } = o.capabilities, c = o.getDrawingBufferSize(new B()), u = new Qt(
       c.width,
       c.height,
       {
         samples: Math.min(n, a),
         type: Jt
       }
-    ), m = new ke(o, f), v = this.getSize();
+    ), m = new ke(o, u), v = this.getSize();
     m.setSize(v.width, v.height);
     const p = new ms(
       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", (u) => {
-      this.changeCamera(u);
-    }), s.event.on("pageChange", (u) => {
-      this.changeScene(u);
+    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);
     });
   }
   changeCamera(e) {
@@ -2810,7 +2810,7 @@ class ii {
       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 = qs : o.material = Qs : r.material instanceof ut ? r.material = Js : n.isPoints ? n.material.sizeAttenuation ? n.material = Xs : n.material = Gs : r.material = $s);
+        (a = r.material) != null && a.isShadowMaterial ? e.push(r) : r.material && this.bloomLayer.test(r.layers) === !1 && (this.bloomMaterials[r.uuid] = r.material, o.isSprite ? o.material.sizeAttenuation ? o.material = qs : o.material = Qs : r.material instanceof ft ? r.material = Js : n.isPoints ? n.material.sizeAttenuation ? n.material = Xs : n.material = Gs : r.material = $s);
       });
     }), e.forEach((s) => {
       this.bloomVisible[s.uuid] = s.visible, s.visible = !1;
@@ -2863,22 +2863,22 @@ class it extends mt {
   }
   load(e, t, s, i) {
     let r, o;
-    this.options.type === "image" ? (o = document.createElement("img"), r = new fe(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new pt(o)) : r = new fe();
+    this.options.type === "image" ? (o = document.createElement("img"), r = new ue(o)) : this.options.type === "video" ? (o = document.createElement("video"), o.preload = "auto", o.autoplay = !1, o.loop = !1, o.muted = !0, o.setAttribute("webkit-playsinline", "webkit-playsinline"), o.setAttribute("playsinline", ""), r = new 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 f = e.split(".").pop(), m = this.options.type === "image" ? `image/${f || "png"}` : `video/${f || "mp4"}`;
+        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", u, !1);
+          o.removeEventListener("load", p, !1), o.removeEventListener("error", f, !1);
         }, p = () => {
           v(), r.needsUpdate = !0, t && t(r);
-        }, u = (y) => {
+        }, f = (y) => {
           v(), i && i(y), this.manager.itemError(e), this.manager.itemEnd(e);
         };
-        o.addEventListener("load", p, !1), o.addEventListener("error", u, !1);
+        o.addEventListener("load", p, !1), o.addEventListener("error", f, !1);
         const g = window.URL.createObjectURL(c);
         o.src = g;
       },
@@ -2946,7 +2946,7 @@ class ni {
     const s = this.assets.get(e);
     if (!s) {
       if ((t === "images" || t === "media" || t === "exr") && this.options.simpleTexture4deleted && this.delLoadArr.includes(e))
-        return new fe();
+        return new ue();
       console.warn(`Asset ${e} not found`);
     }
     return s;
@@ -2999,7 +2999,7 @@ class ni {
   get textureAssets() {
     const e = /* @__PURE__ */ new Map();
     return this.assets.forEach((t, s) => {
-      (t instanceof fe || t instanceof ts || t instanceof pt) && e.set(s, t);
+      (t instanceof ue || t instanceof ts || t instanceof pt) && e.set(s, t);
     }), e;
   }
   loadAll() {
@@ -3027,8 +3027,8 @@ class ni {
         const c = yield o.loadAsync(e);
         if (this.assets.set(e, c), r.resolve(c), s === "images" || s === "media" || s === "exr" || s === "lottie") {
           (t == null ? void 0 : t.colorCorrection) !== !1 && ns({ texture: c });
-          const f = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
-          c.anisotropy = f;
+          const u = (a = t == null ? void 0 : t.anisotropy) != null ? a : this.options.anisotropy;
+          c.anisotropy = u;
         }
         return c;
       } catch (c) {
@@ -3054,8 +3054,8 @@ class ni {
           a.aoMap
         ].forEach((c) => {
           if (c) {
-            const f = this.getSrcByAsset(c, s);
-            f && t.add(f);
+            const u = this.getSrcByAsset(c, s);
+            u && t.add(u);
           }
         });
       });
@@ -3123,20 +3123,20 @@ class hi {
       this.activeObjects.clear(), this.objCallbackMap.clear(), this.activeObject = null;
       const a = this.objCallbackMap;
       for (const p of n)
-        for (const u of p.objArr) {
-          if (!u.object3d || !u.visibleWithAncestors) continue;
-          a.has(u) || a.set(u, /* @__PURE__ */ new Map());
-          const g = a.get(u);
+        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 (a.size === 0) return;
       const c = [...a.keys()].map((p) => p.object3d);
       console.time(`Pick:listener:${e}:pick`);
-      const f = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
-      if (console.timeEnd(`Pick:listener:${e}:pick`), !f || f.length === 0)
+      const u = (v = this.pencil.pick(r, c, !0)) == null ? void 0 : v.intersects;
+      if (console.timeEnd(`Pick:listener:${e}:pick`), !u || u.length === 0)
         e === "down" ? this.handleDownOutside(r) : e === "move" && this.handleLeaveEvents(r);
       else {
-        const p = f[0];
+        const p = u[0];
         this.processIntersection(p, r, e);
       }
       const m = this.prevActiveObjects;
@@ -3178,9 +3178,9 @@ class hi {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("move");
-          if (f)
-            for (const m of f)
+          const u = a.get("move");
+          if (u)
+            for (const m of u)
               m({
                 baseObject: n,
                 realBaseObject: this.activeObject,
@@ -3199,14 +3199,14 @@ class hi {
                 sp: o,
                 intersectionIndex: s
               });
-          const f = a.get("click");
-          if (f) {
+          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 u of f)
-                  u({
+                for (const f of u)
+                  f({
                     baseObject: n,
                     realBaseObject: this.activeObject,
                     mouseEvent: e,
@@ -3268,8 +3268,8 @@ class hi {
           baseObject: a,
           mouseEvent: m
         }));
-      }, f = `pointer${t}`;
-      a.element.addEventListener(f, rt(c), !1), o.push({ arr: a, type: f, listener: c });
+      }, u = `pointer${t}`;
+      a.element.addEventListener(u, rt(c), !1), o.push({ arr: a, type: u, listener: c });
     }
     return this.pickNodeFunctionsMap.set(i, o), i;
   }
@@ -3291,7 +3291,7 @@ class hi {
 }
 class ci extends hi {
   constructor(e, t) {
-    super(e), this.objMap = /* @__PURE__ */ new Map(), this.objects = /* @__PURE__ */ new Map(), this.objectsPm = /* @__PURE__ */ new Map(), this.objectNamesToFactories = /* @__PURE__ */ new Map(), this.mList = t.mList, this.scene = this.createBaseObject(t.scene || new nt(), {
+    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 nt(), {
       key: "@Scene",
       name: "场景",
       mList: !1
@@ -3317,10 +3317,15 @@ class ci extends hi {
     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, o = s.target.children.length;
-      i.key = `${r}__c__${o}`;
+      const r = s.target.key, 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.add(i.object3d), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), this.pencil.options.mList && s.mList && (this.mList.proxyBaseObject(i), this.mList.addBaseObjectMap(i)), i;
+    return s.name && (e.name = s.name), s.target && s.target.object3d.add(i.object3d), this.objects.set(i.key, i), this.objMap.set(i.object3d, i), this.pencil.options.mList && 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) => {
@@ -3350,18 +3355,18 @@ class ci extends hi {
       const i = this.objectNamesToFactories.get(e);
       if (i) {
         t || (t = {}), t.target === void 0 && (t.target = s);
-        const c = t.target, f = (r = t.onTop) != null ? r : 0, m = (o = t.prefab) != null ? o : !1, v = (n = t.create) != null ? n : !0, p = new i().create(t);
-        let u;
-        return c === null ? u = null : typeof c == "string" ? u = this.objects.get(c) : (a = c == null ? void 0 : c.objectType) != null && a.startsWith("BaseObject") || c ? u = c : m ? u = this.prefabGroup : u = this.group, v === !1 ? p.create = () => {
+        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:",
-          u == null ? void 0 : u.key
+          f == null ? void 0 : f.key
         ), this.objectsPm.set(
           p,
-          this.addBaseObject(p, u, f)
+          this.addBaseObject(p, f, u)
         ), yield this.objectsPm.get(p), this.objectsPm.delete(p), p;
       }
       throw new Error(`Unrecognized:${e}`);
@@ -3393,13 +3398,10 @@ class ci extends hi {
     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.pencil.options.mList && (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.traverse((r) => {
-          if (r !== i && !this.objMap.get(r)) {
-            const o = r.parent;
-            this.createBaseObject(r, {
-              target: this.objMap.get(o)
-            });
-          }
+        i.material && Array.isArray(i.material) && (i.material = i.material.slice()), this.pencil.options.mList && (this.mList.proxyBaseObject(e), this.mList.addBaseObjectMap(e)), s && e.setTop(s), t !== null && t.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 });
@@ -3442,7 +3444,7 @@ class ci extends hi {
   dispose() {
     super.dispose(), this.scene.erase(), this.objects.forEach((e) => {
       e.erase();
-    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectNamesToFactories.clear();
+    }), this.objects.clear(), this.objectsPm.clear(), this.objMap.clear(), this.objectWrapChindIdMap.clear(), this.objectNamesToFactories.clear();
   }
 }
 class di extends ee {
@@ -3572,19 +3574,22 @@ class mi {
     [...this.materials.entries()].some(([t, s]) => s === e ? (this.remove(t), !0) : !1);
   }
   proxyBaseObject(e) {
-    const t = e.object3d, s = (o) => {
+    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, f) => {
+        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] = f, f && this.addBaseObjectMap(e), !0;
+              return this.rmBaseObjectMap(e, v), a[m] = u, u && this.addBaseObjectMap(e), !0;
             }
           }
-          return a[c] = f, !0;
+          return a[c] = u, !0;
         }
       });
       return Object.defineProperty(n, "__isProxy", {
@@ -3651,14 +3656,14 @@ class mi {
   }
   addBaseObjectMap(e) {
     const t = e.object3d;
-    [...Object.values(e.materialList), t.material].forEach(
+    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");
+    ), this.pencil.event.emit("mList.addBaseObjectMap"));
   }
   rmBaseObjectMap(e, t, s = !0) {
     const i = t && this.material2array(t);
@@ -3711,7 +3716,7 @@ class pi extends ee {
 const _e = class _e {
   constructor(e) {
     var r, o;
-    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new H(), this._cameraTarget = new H(), this.event = new ye.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
+    this.raycaster = new ht(), this.maxBackufferArea = 5760 * 5760, this.installPlugins = /* @__PURE__ */ new Map(), this._cameraPositon = new I(), this._cameraTarget = new I(), this.event = new ye.EventEmitter(), this.timer = new ss(), this.userData = {}, this.pageActiveIndex = 0, this.pageCountIndex = 0, this.userSetDprCache = 1, this.viewPadding = [0, 0, 0, 0], this.event.setMaxListeners(1 / 0), (o = (r = this.timer).connect) == null || o.call(r, document), this.options = is(_e.options, e, {
       isMergeableObject: as
     }), this.userSetDprCache = this.options.renderer.devicePixelRatio;
     const {
@@ -3797,7 +3802,7 @@ const _e = class _e {
       renderer: r,
       controls: o,
       loader: n
-    } = this.options, { width: a, height: c } = this.getSize(), f = t ? new Rs({
+    } = this.options, { width: a, height: c } = this.getSize(), u = t ? new Rs({
       width: a,
       height: c,
       renderer: t.WebGPURenderer,
@@ -3813,18 +3818,18 @@ const _e = class _e {
       height: c
     }), v = new ks({}), p = new Ns({
       controlsParams: {
-        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : f.renderer.domElement
+        domElement: (_ = o == null ? void 0 : o.domElement) != null ? _ : u.renderer.domElement
       }
-    }), u = new li({
+    }), f = new li({
       loaderParams: U({
-        anisotropy: f.renderer.capabilities.getMaxAnisotropy()
+        anisotropy: u.renderer.capabilities.getMaxAnisotropy()
       }, n)
     }), g = new pi({
       pencil: this
     }), y = new di({
       pencil: this
     });
-    this.sceneController = v, this.cameraController = m, this.controlsController = p, this.rendererController = f, this.loaderController = u, this.mListController = g, this.leadController = y;
+    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
@@ -3837,7 +3842,7 @@ const _e = class _e {
       });
       O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
-    e.appendChild(f.renderer.domElement);
+    e.appendChild(u.renderer.domElement);
   }
   initComposer() {
     const {
@@ -3907,10 +3912,10 @@ const _e = class _e {
       cssRendererController: n,
       leadController: a
     } = this, c = this.renderer.getSize(new B());
-    c.x === e && c.y === t || (r.setSize(e, t), i.setSize(e, t), o == null || o.setSize(e, t), n == null || n.setSize(e, t), a.setSize(e, t), this.installPlugins.forEach((f) => {
+    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 = f.setSize) == null || m.call(f, e, t);
-    }), this.viewPadding.some((f) => f !== 0) && this.setViewPadding(...this.viewPadding), this.render(), s && this.event.emit("resize", { width: e, height: t }));
+      (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;
@@ -3960,8 +3965,8 @@ const _e = class _e {
     this.timer.update(), Ce.update();
     const e = this.timer.getDelta(), t = this.timer.getElapsed();
     this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((c) => {
-      var f;
-      (f = c.update) == null || f.call(c, e, t);
+      var u;
+      (u = c.update) == null || u.call(c, e, t);
     }), (s = this.helperController) == null || s.update(
       e,
       this.controlsController,
@@ -4004,11 +4009,11 @@ const _e = class _e {
     }
   }
   dispose() {
-    var e, t, s, i, r, o, n, a, c, f, m, v, p, u;
+    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(), (f = this.loaderController) == null || f.dispose(), (m = this.leadController) == null || m.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (p = this.stats) == null || p.dom.remove(), (u = this.renderer) == null || u.domElement.remove();
+    }), (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 = {