gl-draw 0.15.7 → 0.15.9

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 I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as Gt, ShaderMaterial as $t, MeshBasicMaterial as Xt, PointsMaterial as ct, SpriteMaterial as dt, Layers as qt, WebGLRenderTarget as Qt, HalfFloatType as Jt, Loader as mt, Texture as fe, VideoTexture as pt, FileLoader as Ae, LoadingManager as es, DataTexture as ts, Group as ze } from "three";
+import { WebGLRenderer as Ut, Vector3 as I, PerspectiveCamera as zt, Matrix4 as W, Scene as nt, AxesHelper as De, CameraHelper as kt, PointLightHelper as Ft, DirectionalLightHelper as Nt, SpotLightHelper as Ht, HemisphereLightHelper as It, Box3 as at, Box3Helper as Ue, MathUtils as jt, Vector2 as B, Vector4 as Bt, Quaternion as lt, Spherical as Vt, Sphere as Yt, Raycaster as ht, REVISION as Zt, Object3D as Wt, UniformsUtils as Kt, RawShaderMaterial as $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 ls } from "./index.module2.js";
+import { R as Pe, M as ft, B as ls } from "./index.module2.js";
 import { RectAreaLightHelper as hs } from "three/examples/jsm/helpers/RectAreaLightHelper";
 import { ViewHelper as cs } from "three/examples/jsm/helpers/ViewHelper";
 import { TransformControls as ds } from "three/examples/jsm/controls/TransformControls";
@@ -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";
@@ -95,14 +95,14 @@ function Y(h) {
 function j(h) {
   return h.isOrthographicCamera;
 }
-const G = Math.PI * 2, Ie = 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 je(h, e) {
@@ -118,25 +118,25 @@ function he(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, b = (t.y + n * u) * r, R = (t.z + n * g) * r;
-  t.x = (t.x - n * E) * c, t.y = (t.y - n * b) * c, t.z = (t.z - n * R) * c, o.x = f + (p + E) * c, o.y = m + (u + b) * c, o.z = v + (g + R) * c;
+  u = h.x - p, m = h.y - f, v = h.z - g;
+  const E = (t.x + n * p) * r, b = (t.y + n * f) * r, R = (t.z + n * g) * r;
+  t.x = (t.x - n * E) * c, t.y = (t.y - n * b) * c, t.z = (t.z - n * R) * c, o.x = u + (p + E) * c, o.y = m + (f + b) * c, o.z = v + (g + R) * c;
   const V = y - h.x, le = l - h.y, xt = _ - h.z, bt = o.x - y, Lt = o.y - l, Pt = o.z - _;
   return V * bt + le * Lt + xt * Pt > 0 && (o.x = y, o.y = l, o.z = _, t.x = (o.x - y) / r, t.y = (o.y - l) / r, t.z = (o.z - _) / r), o;
 }
@@ -213,10 +213,10 @@ class Os {
   }
 }
 const ce = 1 / 8, Es = /Mac/.test(navigator.platform);
-let T, Ve, de, Te, D, x, L, $, ne, F, N, Z, Ye, Ze, z, ae, X, We, we, Ke, xe, be, me;
+let T, Ve, de, Te, D, x, L, G, ne, F, N, Z, Ye, Ze, z, ae, X, We, we, Ke, xe, be, me;
 class J extends Os {
   static install(e) {
-    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), x = new T.Vector3(), L = new T.Vector3(), $ = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), we = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), be = new T.Matrix4(), me = new T.Raycaster();
+    T = e.THREE, Ve = Object.freeze(new T.Vector3(0, 0, 0)), de = Object.freeze(new T.Vector3(0, 1, 0)), Te = Object.freeze(new T.Vector3(0, 0, 1)), D = new T.Vector2(), x = new T.Vector3(), L = new T.Vector3(), G = new T.Vector3(), ne = new T.Vector3(), F = new T.Vector3(), N = new T.Vector3(), Z = new T.Vector3(), Ye = new T.Vector3(), Ze = new T.Vector3(), z = new T.Spherical(), ae = new T.Spherical(), X = new T.Box3(), We = new T.Box3(), we = new T.Sphere(), Ke = new T.Quaternion(), xe = new T.Quaternion(), be = new T.Matrix4(), me = new T.Raycaster();
   }
   /**
    * list all ACTIONs
@@ -266,7 +266,7 @@ class J extends Os {
         !0
       ) : this.truck(w, E, !0);
     }, this._rotateInternal = (l, _) => {
-      const O = G * this.azimuthRotateSpeed * l / this._elementRect.height, C = G * this.polarRotateSpeed * _ / this._elementRect.height;
+      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, b = k(
@@ -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(), b = (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 * ce, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * ce, 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 = () => {
       Oe(this._activePointers, D), i.copy(D), this._dragNeedsUpdate = !1, (this._activePointers.length === 0 || this._activePointers.length === 1 && this._activePointers[0] === this._lockedPointer) && (this._isDragging = !1), this._activePointers.length === 0 && this._domElement && (this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
@@ -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 = je(this._sphericalEnd.theta, Ie), m = je(this._sphericalEnd.phi, Ie);
-    a.push(this.rotateTo(f, m, t));
-    const v = x.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, Te), u = P(Math.abs(v.y), 1);
-    u && p.multiply(xe.setFromAxisAngle(de, f)), p.multiply(this._yAxisUpSpaceInverse);
+    const u = je(this._sphericalEnd.theta, Ie), m = je(this._sphericalEnd.phi, Ie);
+    a.push(this.rotateTo(u, m, t));
+    const v = x.setFromSpherical(this._sphericalEnd).normalize(), p = Ke.setFromUnitVectors(v, Te), f = P(Math.abs(v.y), 1);
+    f && p.multiply(xe.setFromAxisAngle(de, 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(Te, 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(Te, v), f && p.premultiply(xe.invert()), p.premultiply(this._yAxisUpSpace);
     const y = g.getSize(x), l = g.getCenter(L).applyQuaternion(p);
     if (Y(this._camera)) {
       const _ = this.getDistanceToFitBox(
@@ -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 = x.set(i, r, o), y = L.set(e, t, s);
     z.setFromVector3(
       y.sub(g).applyQuaternion(this._yAxisUpSpace)
     );
-    const l = $.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
@@ -1296,7 +1296,7 @@ class J extends Os {
    * @category Methods
    */
   normalizeRotations() {
-    this._sphericalEnd.theta = this._sphericalEnd.theta % G, this._sphericalEnd.theta < 0 && (this._sphericalEnd.theta += G), this._spherical.theta += G * Math.round((this._sphericalEnd.theta - this._spherical.theta) / G);
+    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.
@@ -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 = x.copy(p).cross(v.up).normalize();
-        u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, p), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - m - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = $.copy(this._targetEnd).add(
-          u.multiplyScalar(
+        const m = this._spherical.radius - this._lastDistance, v = this._camera, p = this._getCameraDirection(ne), f = x.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(
@@ -1477,7 +1477,7 @@ class J extends Os {
           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 = $.copy(p).add(u.multiplyScalar(-p.dot(v.up))), l = -(this._zoom - m - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = x.copy(this._targetEnd).lerp(g, l), w = C.dot(_), E = _.multiplyScalar(
+        ).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 = x.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 {
       x.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
@@ -1591,7 +1591,7 @@ class J extends Os {
     const i = t.lengthSq();
     if (i === 0)
       return e;
-    const r = L.copy(t).add(e), n = this._boundary.clampPoint(r, $).sub(r), a = n.lengthSq();
+    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 (a === i)
@@ -1622,7 +1622,7 @@ class J extends Os {
     for (let i = 0; i < 4; i++) {
       const r = L.copy(this._nearPlaneCorners[i]);
       r.applyMatrix4(be);
-      const o = $.addVectors(this._target, r);
+      const o = G.addVectors(this._target, r);
       me.set(o, s), me.far = this._spherical.radius + 1;
       const n = me.intersectObjects(this.colliderMeshes);
       n.length !== 0 && n[0].distance < e && (e = n[0].distance);
@@ -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++)
-        x.fromBufferAttribute(f, m), r = Math.max(r, i.distanceToSquared(x));
+      const u = a.attributes.position;
+      for (let m = 0, v = u.count; m < v; m++)
+        x.fromBufferAttribute(u, m), r = Math.max(r, i.distanceToSquared(x));
     }), s.radius = Math.sqrt(r), s;
   }
 }
-var Se = { exports: {} }, Q = typeof Reflect == "object" ? Reflect : null, Ge = 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 Ts(h) {
@@ -1731,7 +1731,7 @@ A.EventEmitter = A;
 A.prototype._events = void 0;
 A.prototype._eventsCount = 0;
 A.prototype._maxListeners = void 0;
-var $e = 10;
+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);
@@ -1739,12 +1739,12 @@ function ge(h) {
 Object.defineProperty(A, "defaultMaxListeners", {
   enumerable: !0,
   get: function() {
-    return $e;
+    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 + ".");
-    $e = h;
+    Ge = h;
   }
 });
 A.init = function() {
@@ -1779,10 +1779,10 @@ A.prototype.emit = function(e) {
   if (a === void 0)
     return !1;
   if (typeof a == "function")
-    Ge(a, this, t);
+    $e(a, this, t);
   else
-    for (var c = a.length, f = Et(a, c), s = 0; s < c; ++s)
-      Ge(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);
@@ -2051,12 +2051,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) => {
@@ -2400,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
@@ -2412,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;
@@ -2427,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) {
@@ -2449,7 +2450,7 @@ class Bs {
             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++)
@@ -2475,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;
@@ -2641,11 +2642,11 @@ const Zs = {
 		}`
   )
 };
-class Ws extends us {
+class Ws extends fs {
   constructor() {
     super();
     const e = Zs;
-    this.uniforms = Kt.clone(e.uniforms), this.material = new Gt({
+    this.uniforms = Kt.clone(e.uniforms), this.material = new $t({
       name: e.name,
       uniforms: this.uniforms,
       vertexShader: e.vertexShader,
@@ -2654,8 +2655,8 @@ class Ws extends us {
   }
 }
 const Ks = (h) => {
-  const e = new fs(
-    new $t({
+  const e = new us(
+    new Gt({
       uniforms: {
         baseTexture: { value: null },
         bloomTexture: { value: h.renderTarget2.texture },
@@ -2689,7 +2690,7 @@ const Ks = (h) => {
     "baseTexture"
   );
   return e.needsSwap = !0, e;
-}, Le = 1, pe = !1, Gs = new Xt({ color: "black" }), $s = new ct({
+}, Le = 1, pe = !1, $s = new Xt({ color: "black" }), Gs = new ct({
   color: "black",
   sizeAttenuation: !1
 }), Xs = new ct({
@@ -2701,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
@@ -2728,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) {
@@ -2809,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 = $s : r.material = Gs);
+        (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;
@@ -2862,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;
       },
@@ -2945,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;
@@ -2998,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() {
@@ -3026,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) {
@@ -3053,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);
           }
         });
       });
@@ -3122,20 +3123,20 @@ class hi {
       this.activeObjects.clear(), this.objCallbackMap.clear();
       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;
@@ -3176,9 +3177,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,
                 mouseEvent: e,
@@ -3195,14 +3196,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,
                     mouseEvent: e,
                     sp: o,
@@ -3263,8 +3264,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;
   }
@@ -3309,7 +3310,13 @@ class ci extends hi {
     const s = U({
       mList: !0
     }, t), i = new ls();
-    return i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key && (i.key = s.key), 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;
+    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}`;
+    }
+    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;
   }
   init(e) {
     return Object.keys(e).forEach((t) => {
@@ -3339,18 +3346,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}`);
@@ -3374,7 +3381,9 @@ class ci extends hi {
         break;
       }
     const i = (o = e.parent) == null ? void 0 : o.key, r = this.setBaseObjectKey(e, t, i);
-    return s && this.objects.delete(s), this.pencil.event.emit("lead.updateKey", { baseObject: e, key: r, oldKey: s }), r;
+    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* () {
@@ -3560,15 +3569,15 @@ class mi {
       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", {
@@ -3781,7 +3790,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,
@@ -3797,18 +3806,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
@@ -3821,7 +3830,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 {
@@ -3891,10 +3900,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;
@@ -3944,8 +3953,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,
@@ -3988,11 +3997,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 = {
@@ -4017,11 +4026,11 @@ _e.options = {
   mList: !0
 };
 let ot = _e;
-const Gi = J.ACTION;
+const $i = J.ACTION;
 export {
   ls as BaseObject,
   ot as Pencil,
   Pe as ResourceTracker,
-  Gi as cameraControlsAction,
+  $i as cameraControlsAction,
   ot as default
 };