gl-draw 0.17.0-beta.41 → 0.17.0-beta.42

package/dist/index.module.js

@@ -26,10 +26,10 @@ var se = (c, e, t) => new Promise((s, i) => {
   }, n = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(r, o);
   n((t = t.apply(c, e)).next());
 });
-import * as Oe from "@tweenjs/tween.js";
+import * as Ce from "@tweenjs/tween.js";
 import Dt from "deepmerge";
 import Ut from "stats-gl";
-import { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as jt, MeshBasicMaterial as Nt, PointsMaterial as ot, SpriteMaterial as nt, Color as It, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as at, Spherical as Wt, Box3 as lt, Sphere as Kt, Raycaster as ht, AxesHelper as ke, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as ze, Scene as ct, Group as Ce, Camera as Jt, Loader as dt, FileLoader as Me, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
+import { Vector3 as I, PerspectiveCamera as kt, Matrix4 as W, ShaderMaterial as zt, UniformsUtils as Ft, RawShaderMaterial as jt, MeshBasicMaterial as Nt, PointsMaterial as ot, SpriteMaterial as nt, Color as It, Layers as Ht, Vector2 as B, WebGLRenderTarget as Bt, HalfFloatType as Vt, MathUtils as Yt, Vector4 as Zt, Quaternion as at, Spherical as Wt, Box3 as lt, Sphere as Kt, Raycaster as ht, AxesHelper as ke, CameraHelper as $t, PointLightHelper as Gt, DirectionalLightHelper as Xt, SpotLightHelper as qt, HemisphereLightHelper as Qt, Box3Helper as ze, Scene as ct, Group as Oe, Camera as Jt, Loader as dt, FileLoader as Me, Texture as fe, VideoTexture as es, LoadingManager as ts, DataTexture as ss, WebGLRenderer as is, REVISION as rs, Object3D as os, Timer as ns } from "three";
 import { M as pt, B as as, a as ls, R as Se, I as he } from "./index.module2.js";
 import { EffectComposer as Fe } from "three/examples/jsm/postprocessing/EffectComposer";
 import { RenderPass as hs } from "three/examples/jsm/postprocessing/RenderPass";
@@ -54,8 +54,8 @@ import { generateUUID as _s, makePromiseCreator as gs } from "esus-lite";
 import { DRACOLoader as ys } from "three/examples/jsm/loaders/DRACOLoader";
 import { EXRLoader as vs } from "three/examples/jsm/loaders/EXRLoader";
 import { GLTFLoader as Ne } from "three/examples/jsm/loaders/GLTFLoader";
-import { LottieLoader as Os } from "three/examples/jsm/loaders/LottieLoader";
-import { a as Cs, C as Es, i as bs } from "./isPlainObject.module.js";
+import { LottieLoader as Cs } from "three/examples/jsm/loaders/LottieLoader";
+import { a as Os, C as Es, i as bs } from "./isPlainObject.module.js";
 import { TransformControls as Ts } from "three/examples/jsm/controls/TransformControls";
 const M = {
   LEFT: 1,
@@ -128,10 +128,10 @@ function Be(c, e, t, s, i = 1 / 0, r, o) {
   s = Math.max(1e-4, s);
   const n = 2 / s, a = n * r, h = 1 / (1 + a + 0.48 * a * a + 0.235 * a * a * a);
   let m = e.x, p = e.y, v = e.z, f = c.x - m, u = c.y - p, g = c.z - v;
-  const y = m, l = p, _ = v, C = i * s, O = C * C, T = f * f + u * u + g * g;
-  if (T > O) {
+  const y = m, l = p, _ = v, O = i * s, C = O * O, T = f * f + u * u + g * g;
+  if (T > C) {
     const ve = Math.sqrt(T);
-    f = f / ve * C, u = u / ve * C, g = g / ve * C;
+    f = f / ve * O, u = u / ve * O, g = g / ve * O;
   }
   m = c.x - f, p = c.y - u, v = c.z - g;
   const E = (t.x + n * f) * r, x = (t.y + n * u) * r, R = (t.z + n * g) * r;
@@ -243,7 +243,7 @@ class J extends ws {
    */
   constructor(e, t) {
     super(), this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.minDistance = Number.EPSILON, this.maxDistance = 1 / 0, this.infinityDolly = !1, this.minZoom = 0.01, this.maxZoom = 1 / 0, this.smoothTime = 0.25, this.draggingSmoothTime = 0.125, this.maxSpeed = 1 / 0, this.azimuthRotateSpeed = 1, this.polarRotateSpeed = 1, this.dollySpeed = 1, this.dollyDragInverted = !1, this.truckSpeed = 2, this.dollyToCursor = !1, this.dragToOffset = !1, this.boundaryFriction = 0, this.restThreshold = 0.01, this.colliderMeshes = [], this.cancel = () => {
-    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new b.Vector3(), this._focalOffsetVelocity = new b.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, C, O) => {
+    }, this._enabled = !0, this._state = d.NONE, this._viewport = null, this._changedDolly = 0, this._changedZoom = 0, this._hasRested = !0, this._boundaryEnclosesCamera = !1, this._needsUpdate = !0, this._updatedLastTime = !1, this._elementRect = new DOMRect(), this._isDragging = !1, this._dragNeedsUpdate = !0, this._activePointers = [], this._lockedPointer = null, this._interactiveArea = new DOMRect(0, 0, 1, 1), this._isUserControllingRotate = !1, this._isUserControllingDolly = !1, this._isUserControllingTruck = !1, this._isUserControllingOffset = !1, this._isUserControllingZoom = !1, this._lastDollyDirection = K.NONE, this._thetaVelocity = { value: 0 }, this._phiVelocity = { value: 0 }, this._radiusVelocity = { value: 0 }, this._targetVelocity = new b.Vector3(), this._focalOffsetVelocity = new b.Vector3(), this._zoomVelocity = { value: 0 }, this._truckInternal = (l, _, O, C) => {
       let T, E;
       if (Y(this._camera)) {
         const x = w.copy(this._camera.position).sub(this._target), R = this._camera.getEffectiveFOV() * ie, V = x.length() * Math.tan(R * 0.5);
@@ -253,30 +253,30 @@ class J extends ws {
         T = this.truckSpeed * l * (x.right - x.left) / x.zoom / this._elementRect.width, E = this.truckSpeed * _ * (x.top - x.bottom) / x.zoom / this._elementRect.height;
       } else
         return;
-      O ? (C ? this.setFocalOffset(
+      C ? (O ? this.setFocalOffset(
         this._focalOffsetEnd.x + T,
         this._focalOffsetEnd.y,
         this._focalOffsetEnd.z,
         !0
-      ) : this.truck(T, 0, !0), this.forward(-E, !0)) : C ? this.setFocalOffset(
+      ) : this.truck(T, 0, !0), this.forward(-E, !0)) : O ? this.setFocalOffset(
         this._focalOffsetEnd.x + T,
         this._focalOffsetEnd.y + E,
         this._focalOffsetEnd.z,
         !0
       ) : this.truck(T, E, !0);
     }, this._rotateInternal = (l, _) => {
-      const C = $ * this.azimuthRotateSpeed * l / this._elementRect.height, O = $ * this.polarRotateSpeed * _ / this._elementRect.height;
-      this.rotate(C, O, !0);
-    }, this._dollyInternal = (l, _, C) => {
-      const O = Math.pow(0.95, -l * this.dollySpeed), T = this._sphericalEnd.radius, E = this._sphericalEnd.radius * O, x = z(
+      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), T = this._sphericalEnd.radius, E = this._sphericalEnd.radius * C, x = z(
         E,
         this.minDistance,
         this.maxDistance
       ), R = x - E;
-      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - T, this._dollyControlCoord.set(_, C)), this._lastDollyDirection = Math.sign(-l);
-    }, this._zoomInternal = (l, _, C) => {
-      const O = Math.pow(0.95, l * this.dollySpeed), T = this._zoom, E = this._zoom * O;
-      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - T, this._dollyControlCoord.set(_, C));
+      this.infinityDolly && this.dollyToCursor ? this._dollyToNoClamp(E, !0) : this.infinityDolly && !this.dollyToCursor ? (this.dollyInFixed(R, !0), this._dollyToNoClamp(x, !0)) : this._dollyToNoClamp(x, !0), this.dollyToCursor && (this._changedDolly += (this.infinityDolly ? E : x) - T, this._dollyControlCoord.set(_, O)), this._lastDollyDirection = Math.sign(-l);
+    }, this._zoomInternal = (l, _, O) => {
+      const C = Math.pow(0.95, l * this.dollySpeed), T = this._zoom, E = this._zoom * C;
+      this.zoomTo(E, !0), this.dollyToCursor && (this._changedZoom += E - T, this._dollyControlCoord.set(_, O));
     }, typeof b == "undefined" && console.error(
       "camera-controls: `THREE` is undefined. You must first run `CameraControls.install( { THREE: THREE } )`. Check the docs for further information."
     ), this._camera = e, this._yAxisUpSpace = new b.Quaternion().setFromUnitVectors(
@@ -305,18 +305,18 @@ class J extends ws {
     const s = new b.Vector2(), i = new b.Vector2(), r = new b.Vector2(), o = (l) => {
       if (!this._enabled || !this._domElement) return;
       if (this._interactiveArea.left !== 0 || this._interactiveArea.top !== 0 || this._interactiveArea.width !== 1 || this._interactiveArea.height !== 1) {
-        const O = this._domElement.getBoundingClientRect(), T = (l.clientX - O.left) / (O.right - O.left), E = (l.clientY - O.top) / (O.bottom - O.top);
+        const C = this._domElement.getBoundingClientRect(), T = (l.clientX - C.left) / (C.right - C.left), E = (l.clientY - C.top) / (C.bottom - C.top);
         if (T < this._interactiveArea.left || T > this._interactiveArea.right || E < this._interactiveArea.top || E > this._interactiveArea.bottom)
           return;
       }
       const _ = l.pointerType !== "mouse" ? null : (l.buttons & M.LEFT) === M.LEFT ? M.LEFT : (l.buttons & M.MIDDLE) === M.MIDDLE ? M.MIDDLE : (l.buttons & M.RIGHT) === M.RIGHT ? M.RIGHT : null;
       if (_ !== null) {
-        const O = this._findPointerByMouseButton(_);
-        O && this._disposePointer(O);
+        const C = this._findPointerByMouseButton(_);
+        C && this._disposePointer(C);
       }
       if ((l.buttons & M.LEFT) === M.LEFT && this._lockedPointer)
         return;
-      const C = {
+      const O = {
         pointerId: l.pointerId,
         clientX: l.clientX,
         clientY: l.clientY,
@@ -324,7 +324,7 @@ class J extends ws {
         deltaY: 0,
         mouseButton: _
       };
-      this._activePointers.push(C), this._domElement.ownerDocument.removeEventListener(
+      this._activePointers.push(O), this._domElement.ownerDocument.removeEventListener(
         "pointermove",
         n,
         { passive: !1 }
@@ -338,9 +338,9 @@ class J extends ws {
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), this._isDragging = !0, v(l);
     }, n = (l) => {
       l.cancelable && l.preventDefault();
-      const _ = l.pointerId, C = this._lockedPointer || this._findPointerById(_);
-      if (C) {
-        if (C.clientX = l.clientX, C.clientY = l.clientY, C.deltaX = l.movementX, C.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
+      const _ = l.pointerId, O = this._lockedPointer || this._findPointerById(_);
+      if (O) {
+        if (O.clientX = l.clientX, O.clientY = l.clientY, O.deltaX = l.movementX, O.deltaY = l.movementY, this._state = 0, l.pointerType === "touch")
           switch (this._activePointers.length) {
             case 1:
               this._state = this.touches.one;
@@ -391,7 +391,7 @@ class J extends ws {
         const E = performance.now();
         h - E < 1e3 && this._getClientRect(this._elementRect), h = E;
       }
-      const _ = xs ? -1 : -3, C = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), O = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, T = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
+      const _ = xs ? -1 : -3, O = l.deltaMode === 1 || l.ctrlKey ? l.deltaY / _ : l.deltaY / (_ * 10), C = this.dollyToCursor ? (l.clientX - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, T = this.dollyToCursor ? (l.clientY - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
       switch (this.mouseButtons.wheel) {
         case d.ROTATE: {
           this._rotateInternal(l.deltaX, l.deltaY), this._isUserControllingRotate = !0;
@@ -410,11 +410,11 @@ class J extends ws {
           break;
         }
         case d.DOLLY: {
-          this._dollyInternal(-C, O, T), this._isUserControllingDolly = !0;
+          this._dollyInternal(-O, C, T), this._isUserControllingDolly = !0;
           break;
         }
         case d.ZOOM: {
-          this._zoomInternal(-C, O, T), this._isUserControllingZoom = !0;
+          this._zoomInternal(-O, C, T), this._isUserControllingZoom = !0;
           break;
         }
       }
@@ -422,8 +422,8 @@ class J extends ws {
     }, p = (l) => {
       if (!(!this._domElement || !this._enabled)) {
         if (this.mouseButtons.right === J.ACTION.NONE) {
-          const _ = l instanceof PointerEvent ? l.pointerId : 0, C = this._findPointerById(_);
-          C && this._disposePointer(C), this._domElement.ownerDocument.removeEventListener(
+          const _ = l instanceof PointerEvent ? l.pointerId : 0, O = this._findPointerById(_);
+          O && this._disposePointer(O), this._domElement.ownerDocument.removeEventListener(
             "pointermove",
             n,
             { passive: !1 }
@@ -438,7 +438,7 @@ class J extends ws {
     }, v = (l) => {
       if (!this._enabled) return;
       if (Ee(this._activePointers, U), this._getClientRect(this._elementRect), s.copy(U), i.copy(U), this._activePointers.length >= 2) {
-        const C = U.x - this._activePointers[1].clientX, O = U.y - this._activePointers[1].clientY, T = Math.sqrt(C * C + O * O);
+        const O = U.x - this._activePointers[1].clientX, C = U.y - this._activePointers[1].clientY, T = Math.sqrt(O * O + C * C);
         r.set(0, T);
         const E = (this._activePointers[0].clientX + this._activePointers[1].clientX) * 0.5, x = (this._activePointers[0].clientY + this._activePointers[1].clientY) * 0.5;
         i.set(E, x);
@@ -463,15 +463,15 @@ class J extends ws {
     }, f = () => {
       if (!this._enabled || !this._dragNeedsUpdate) return;
       this._dragNeedsUpdate = !1, Ee(this._activePointers, U);
-      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, C = _ ? -_.deltaX : i.x - U.x, O = _ ? -_.deltaY : i.y - U.y;
-      if (i.copy(U), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(C, O), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
+      const _ = this._domElement && this._domElement.ownerDocument.pointerLockElement === this._domElement ? this._lockedPointer || this._activePointers[0] : null, O = _ ? -_.deltaX : i.x - U.x, C = _ ? -_.deltaY : i.y - U.y;
+      if (i.copy(U), ((this._state & d.ROTATE) === d.ROTATE || (this._state & d.TOUCH_ROTATE) === d.TOUCH_ROTATE || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_ZOOM_ROTATE) === d.TOUCH_ZOOM_ROTATE) && (this._rotateInternal(O, C), this._isUserControllingRotate = !0), (this._state & d.DOLLY) === d.DOLLY || (this._state & d.ZOOM) === d.ZOOM) {
         const T = this.dollyToCursor ? (s.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, E = this.dollyToCursor ? (s.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0, x = this.dollyDragInverted ? -1 : 1;
         (this._state & d.DOLLY) === d.DOLLY ? (this._dollyInternal(
-          x * O * de,
+          x * C * de,
           T,
           E
         ), this._isUserControllingDolly = !0) : (this._zoomInternal(
-          x * O * de,
+          x * C * de,
           T,
           E
         ), this._isUserControllingZoom = !0);
@@ -482,7 +482,7 @@ class J extends ws {
         const V = this.dollyToCursor ? (i.x - this._elementRect.x) / this._elementRect.width * 2 - 1 : 0, le = this.dollyToCursor ? (i.y - this._elementRect.y) / this._elementRect.height * -2 + 1 : 0;
         (this._state & d.TOUCH_DOLLY) === d.TOUCH_DOLLY || (this._state & d.TOUCH_DOLLY_ROTATE) === d.TOUCH_DOLLY_ROTATE || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_DOLLY_SCREEN_PAN) === d.TOUCH_DOLLY_SCREEN_PAN || (this._state & d.TOUCH_DOLLY_OFFSET) === d.TOUCH_DOLLY_OFFSET ? (this._dollyInternal(R * de, V, le), this._isUserControllingDolly = !0) : (this._zoomInternal(R * de, V, le), this._isUserControllingZoom = !0);
       }
-      ((this._state & d.TRUCK) === d.TRUCK || (this._state & d.TOUCH_TRUCK) === d.TOUCH_TRUCK || (this._state & d.TOUCH_DOLLY_TRUCK) === d.TOUCH_DOLLY_TRUCK || (this._state & d.TOUCH_ZOOM_TRUCK) === d.TOUCH_ZOOM_TRUCK) && (this._truckInternal(C, O, !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(C, O, !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(C, O, !0, !1), this._isUserControllingOffset = !0), this.dispatchEvent({ type: "control" });
+      ((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 = () => {
       Ee(this._activePointers, U), i.copy(U), 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",
@@ -520,11 +520,11 @@ class J extends ws {
         { passive: !1 }
       ), this._domElement.ownerDocument.addEventListener("pointerup", a), v());
     }, this.unlockPointer = () => {
-      var l, _, C;
+      var l, _, O;
       this._lockedPointer !== null && (this._disposePointer(this._lockedPointer), this._lockedPointer = null), (l = this._domElement) === null || l === void 0 || l.ownerDocument.exitPointerLock(), (_ = this._domElement) === null || _ === void 0 || _.ownerDocument.removeEventListener(
         "pointerlockchange",
         g
-      ), (C = this._domElement) === null || C === void 0 || C.ownerDocument.removeEventListener(
+      ), (O = this._domElement) === null || O === void 0 || O.ownerDocument.removeEventListener(
         "pointerlockerror",
         y
       ), this.cancel();
@@ -1003,7 +1003,7 @@ class J extends ws {
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.dollyTo(_, t)), a.push(this.setFocalOffset(0, 0, 0, t));
     } else if (H(this._camera)) {
-      const _ = this._camera, C = _.right - _.left, O = _.top - _.bottom, T = s ? Math.max(C / y.x, O / y.y) : Math.min(C / y.x, O / y.y);
+      const _ = this._camera, O = _.right - _.left, C = _.top - _.bottom, T = s ? Math.max(O / y.x, C / y.y) : Math.min(O / y.x, C / y.y);
       a.push(
         this.moveTo(l.x, l.y, l.z, t)
       ), a.push(this.zoomTo(T, t)), a.push(this.setFocalOffset(0, 0, 0, t));
@@ -1094,11 +1094,11 @@ class J extends ws {
     ae.setFromVector3(
       _.sub(l).applyQuaternion(this._yAxisUpSpace)
     ), this._targetEnd.copy(g.lerp(l, f));
-    const C = ae.theta - k.theta, O = ae.phi - k.phi, T = ae.radius - k.radius;
+    const O = ae.theta - k.theta, C = ae.phi - k.phi, T = ae.radius - k.radius;
     this._sphericalEnd.set(
       k.radius + T * f,
-      k.phi + O * f,
-      k.theta + C * f
+      k.phi + C * f,
+      k.theta + O * f
     ), this.normalizeRotations(), this._needsUpdate = !0, u || (this._target.copy(this._targetEnd), this._spherical.copy(this._sphericalEnd));
     const E = !u || P(this._target.x, this._targetEnd.x, this.restThreshold) && P(this._target.y, this._targetEnd.y, this.restThreshold) && P(this._target.z, this._targetEnd.z, this.restThreshold) && P(
       this._spherical.theta,
@@ -1456,32 +1456,32 @@ class J extends ws {
       if (Y(this._camera) && this._changedDolly !== 0) {
         const p = this._spherical.radius - this._lastDistance, v = this._camera, f = this._getCameraDirection(ne), u = w.copy(f).cross(v.up).normalize();
         u.lengthSq() === 0 && (u.x = 1);
-        const g = L.crossVectors(u, f), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, C = G.copy(this._targetEnd).add(
+        const g = L.crossVectors(u, f), y = this._sphericalEnd.radius * Math.tan(v.getEffectiveFOV() * ie * 0.5), _ = (this._sphericalEnd.radius - p - this._sphericalEnd.radius) / this._sphericalEnd.radius, O = G.copy(this._targetEnd).add(
           u.multiplyScalar(
             this._dollyControlCoord.x * y * v.aspect
           )
         ).add(
           g.multiplyScalar(this._dollyControlCoord.y * y)
-        ), O = w.copy(this._targetEnd).lerp(C, _), T = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
+        ), C = w.copy(this._targetEnd).lerp(O, _), T = this._lastDollyDirection === K.IN && this._spherical.radius <= this.minDistance, E = this._lastDollyDirection === K.OUT && this.maxDistance <= this._spherical.radius;
         if (this.infinityDolly && (T || E)) {
           this._sphericalEnd.radius -= p, this._spherical.radius -= p;
           const R = L.copy(f).multiplyScalar(-p);
-          O.add(R);
+          C.add(R);
         }
-        this._boundary.clampPoint(O, O);
-        const x = L.subVectors(O, this._targetEnd);
-        this._targetEnd.copy(O), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
+        this._boundary.clampPoint(C, C);
+        const x = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(x), this._changedDolly -= p, A(this._changedDolly) && (this._changedDolly = 0);
       } else if (H(this._camera) && this._changedZoom !== 0) {
         const p = this._zoom - this._lastZoom, v = this._camera, f = w.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(f).add(u.multiplyScalar(-f.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), C = this._targetEnd.dot(_), O = w.copy(this._targetEnd).lerp(g, l), T = O.dot(_), E = _.multiplyScalar(
-          T - C
+        ).unproject(v), u = L.set(0, 0, -1).applyQuaternion(v.quaternion), g = G.copy(f).add(u.multiplyScalar(-f.dot(v.up))), l = -(this._zoom - p - this._zoom) / this._zoom, _ = this._getCameraDirection(ne), O = this._targetEnd.dot(_), C = w.copy(this._targetEnd).lerp(g, l), T = C.dot(_), E = _.multiplyScalar(
+          T - O
         );
-        O.sub(E), this._boundary.clampPoint(O, O);
-        const x = L.subVectors(O, this._targetEnd);
-        this._targetEnd.copy(O), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
+        C.sub(E), this._boundary.clampPoint(C, C);
+        const x = L.subVectors(C, this._targetEnd);
+        this._targetEnd.copy(C), this._target.add(x), this._changedZoom -= p, A(this._changedZoom) && (this._changedZoom = 0);
       }
     }
     this._camera.zoom !== this._zoom && (this._camera.zoom = this._zoom, this._camera.updateProjectionMatrix(), this._updateNearPlaneCorners(), this._needsUpdate = !0), this._dragNeedsUpdate = !0;
@@ -1780,7 +1780,7 @@ S.prototype.emit = function(e) {
   if (typeof a == "function")
     $e(a, this, t);
   else
-    for (var h = a.length, m = Ot(a, h), s = 0; s < h; ++s)
+    for (var h = a.length, m = Ct(a, h), s = 0; s < h; ++s)
       $e(m[s], this, t);
   return !0;
 };
@@ -1865,7 +1865,7 @@ function yt(c, e, t) {
   if (s === void 0)
     return [];
   var i = s[e];
-  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? As(i) : Ot(i, i.length);
+  return i === void 0 ? [] : typeof i == "function" ? t ? [i.listener || i] : [i] : t ? As(i) : Ct(i, i.length);
 }
 S.prototype.listeners = function(e) {
   return yt(this, e, !0);
@@ -1891,7 +1891,7 @@ function vt(c) {
 S.prototype.eventNames = function() {
   return this._eventsCount > 0 ? ue(this._events) : [];
 };
-function Ot(c, e) {
+function Ct(c, e) {
   for (var t = new Array(e), s = 0; s < e; ++s)
     t[s] = c[s];
   return t;
@@ -1914,13 +1914,13 @@ function Ms(c, e) {
     function r() {
       typeof c.removeListener == "function" && c.removeListener("error", i), t([].slice.call(arguments));
     }
-    Ct(c, e, r, { once: !0 }), e !== "error" && Rs(c, i, { once: !0 });
+    Ot(c, e, r, { once: !0 }), e !== "error" && Rs(c, i, { once: !0 });
   });
 }
 function Rs(c, e, t) {
-  typeof c.on == "function" && Ct(c, "error", e, t);
+  typeof c.on == "function" && Ot(c, "error", e, t);
 }
-function Ct(c, e, t, s) {
+function Ot(c, e, t, s) {
   if (typeof c.on == "function")
     s.once ? c.once(e, t) : c.on(e, t);
   else if (typeof c.addEventListener == "function")
@@ -2479,10 +2479,10 @@ class $s {
         q.setFromMatrixPosition(u.matrixWorld), q.applyMatrix4(Qe);
         const l = q.z >= -1 && q.z <= 1 && u.layers.test(y.layers) === !0, _ = u.element;
         _.style.display = l === !0 ? "" : "none", l === !0 && (u.onBeforeRender(t, g, y), _.style.transform = "translate(" + -100 * u.center.x + "%," + -100 * u.center.y + "%)translate(" + (q.x * r + r) + "px," + (-q.y * o + o) + "px)", _.parentNode !== a && a.appendChild(_), u.onAfterRender(t, g, y));
-        const C = {
+        const O = {
           distanceToCameraSquared: p(y, u)
         };
-        n.objects.set(u, C);
+        n.objects.set(u, O);
       }
       for (let l = 0, _ = u.children.length; l < _; l++)
         m(u.children[l], g, y);
@@ -2500,8 +2500,8 @@ class $s {
       const g = v(u).sort(function(l, _) {
         if (l.renderOrder !== _.renderOrder)
           return _.renderOrder - l.renderOrder;
-        const C = n.objects.get(l).distanceToCameraSquared, O = n.objects.get(_).distanceToCameraSquared;
-        return C - O;
+        const O = n.objects.get(l).distanceToCameraSquared, C = n.objects.get(_).distanceToCameraSquared;
+        return O - C;
       }), y = g.length;
       for (let l = 0, _ = g.length; l < _; l++)
         g[l].element.style.zIndex = y - l;
@@ -2534,9 +2534,9 @@ class qs {
     }, this.render = function(y, l) {
       const _ = l.projectionMatrix.elements[5] * o;
       l.view && l.view.enabled ? (h.style.transform = `translate( ${-l.view.offsetX * (s / l.view.width)}px, ${-l.view.offsetY * (i / l.view.height)}px )`, h.style.transform += `scale( ${l.view.fullWidth / l.view.width}, ${l.view.fullHeight / l.view.height} )`) : h.style.transform = "", y.matrixWorldAutoUpdate === !0 && y.updateMatrixWorld(), l.parent === null && l.matrixWorldAutoUpdate === !0 && l.updateMatrixWorld();
-      let C, O;
-      l.isOrthographicCamera && (C = -(l.right + l.left) / 2, O = (l.top + l.bottom) / 2);
-      const T = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${T} )scale(` + _ + ")translate(" + p(C) + "px," + p(O) + "px)" + v(l.matrixWorldInverse) : `scale( ${T} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
+      let O, C;
+      l.isOrthographicCamera && (O = -(l.right + l.left) / 2, C = (l.top + l.bottom) / 2);
+      const T = l.view && l.view.enabled ? l.view.height / l.view.fullHeight : 1, E = l.isOrthographicCamera ? `scale( ${T} )scale(` + _ + ")translate(" + p(O) + "px," + p(C) + "px)" + v(l.matrixWorldInverse) : `scale( ${T} )translateZ(` + _ + "px)" + v(l.matrixWorldInverse), R = (l.isPerspectiveCamera ? "perspective(" + _ + "px) " : "") + E + "translate(" + r + "px," + o + "px)";
       n.camera.style !== R && (m.style.transform = R, n.camera.style = R), g(y, y, l);
     }, this.setSize = function(y, l) {
       s = y, i = l, r = s / 2, o = i / 2, a.style.width = y + "px", a.style.height = l + "px", h.style.width = y + "px", h.style.height = l + "px", m.style.width = y + "px", m.style.height = l + "px";
@@ -2557,14 +2557,14 @@ class qs {
       for (let l = 0, _ = y.children.length; l < _; l++)
         u(y.children[l]);
     }
-    function g(y, l, _, C) {
+    function g(y, l, _, O) {
       if (y.visible === !1) {
         u(y);
         return;
       }
       if (y.isCSS3DObject) {
-        const O = y.layers.test(_.layers) === !0, T = y.element;
-        if (T.style.display = O === !0 ? "" : "none", O === !0) {
+        const C = y.layers.test(_.layers) === !0, T = y.element;
+        if (T.style.display = C === !0 ? "" : "none", C === !0) {
           y.onBeforeRender(t, l, _);
           let E;
           y.isCSS3DSprite ? (N.copy(_.matrixWorldInverse), N.transpose(), y.rotation2D !== 0 && N.multiply(Xs.makeRotationZ(y.rotation2D)), y.matrixWorld.decompose(tt, Gs, st), N.setPosition(tt), N.scale(st), N.elements[3] = 0, N.elements[7] = 0, N.elements[11] = 0, N.elements[15] = 1, E = f(N)) : E = f(y.matrixWorld);
@@ -2577,8 +2577,8 @@ class qs {
           T.parentNode !== m && m.appendChild(T), y.onAfterRender(t, l, _);
         }
       }
-      for (let O = 0, T = y.children.length; O < T; O++)
-        g(y.children[O], l, _);
+      for (let C = 0, T = y.children.length; C < T; C++)
+        g(y.children[C], l, _);
     }
   }
 }
@@ -2595,13 +2595,12 @@ class Qs {
   /**
    * 添加标签到碰撞检测系统
    * @param node Node 实例
-   * @param options 配置项，priority 越大越优先显示，不传则使用 node.options.priority
    */
   add(e, t = {}) {
-    var s, i;
-    this.labels.set(e, {
+    var s;
+    this.options.enabled || console.warn("collision.enabled is false, please enable it before adding nodes."), this.labels.set(e, {
       node: e,
-      priority: (i = (s = t.priority) != null ? s : e.options.priority) != null ? i : 0,
+      priority: (s = t.priority) != null ? s : 0,
       visible: !0
     });
   }
@@ -2657,11 +2656,13 @@ class Qs {
     this.labels.forEach((n) => {
       const a = n.node.element;
       if (!a) return;
-      const h = a.style.display === "none";
-      h && (a.style.visibility = "hidden", a.style.display = "");
-      const m = a.getBoundingClientRect();
-      if (h && (a.style.display = "none", a.style.visibility = ""), m.width === 0 || m.height === 0) return;
-      m.right >= -t && m.left <= s + t && m.bottom >= -t && m.top <= i + t ? (n.bounds = m, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
+      const h = a.firstElementChild;
+      if (!h) return;
+      const m = h.style.opacity === "0";
+      m && (h.style.visibility = "hidden", h.style.opacity = "1");
+      const p = h.getBoundingClientRect();
+      if (m && (h.style.opacity = "0", h.style.visibility = ""), p.width === 0 || p.height === 0) return;
+      p.right >= -t && p.left <= s + t && p.bottom >= -t && p.top <= i + t ? (n.bounds = p, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
     }), r.sort((n, a) => a.priority - n.priority);
     const o = [];
     for (const n of r) {
@@ -2689,11 +2690,13 @@ class Qs {
     return !(e.right + s < t.left || e.left - s > t.right || e.bottom + s < t.top || e.top - s > t.bottom);
   }
   /**
-   * 设置节点可见性
+   * 设置节点可见性（操作子元素）
    */
   setNodeVisibility(e, t) {
     const s = e.element;
-    s && (t ? s.style.opacity = "1" : s.style.opacity = "0");
+    if (!s) return;
+    const i = s.firstElementChild;
+    i && (t ? i.style.opacity = "1" : i.style.opacity = "0");
   }
   /**
    * 获取当前可见的标签数量
@@ -2720,18 +2723,23 @@ class Qs {
     this.labels.forEach((n) => {
       const a = n.node.element;
       if (!a) {
-        console.log("Skipping: element is null");
+        console.log("Skipping: wrapper is null");
+        return;
+      }
+      const h = a.firstElementChild;
+      if (!h) {
+        console.log("Skipping: child element is null");
         return;
       }
-      const h = a.style.display === "none";
-      h && (a.style.visibility = "hidden", a.style.display = "");
-      const m = a.getBoundingClientRect();
-      if (h && (a.style.display = "none", a.style.visibility = ""), m.width === 0 || m.height === 0) {
-        console.log("Skipping: rect is 0", m);
+      const m = h.style.opacity === "0";
+      m && (h.style.visibility = "hidden", h.style.opacity = "1");
+      const p = h.getBoundingClientRect();
+      if (m && (h.style.opacity = "0", h.style.visibility = ""), p.width === 0 || p.height === 0) {
+        console.log("Skipping: rect is 0", p);
         return;
       }
-      const p = m.right >= -t && m.left <= s + t && m.bottom >= -t && m.top <= i + t;
-      console.log(`Entry priority=${n.priority}, inViewport=${p}`), p ? (n.bounds = m, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
+      const v = p.right >= -t && p.left <= s + t && p.bottom >= -t && p.top <= i + t;
+      console.log(`Entry priority=${n.priority}, inViewport=${v}`), v ? (n.bounds = p, r.push(n)) : (this.setNodeVisibility(n.node, !1), n.visible = !1);
     }), console.log("Entries in viewport:", r.length), r.sort((n, a) => a.priority - n.priority), console.log("Sorted entries:", r.map((n) => n.priority));
     const o = [];
     for (const n of r) {
@@ -3157,12 +3165,12 @@ class si extends ti {
       key: "@Scene",
       name: "场景",
       mList: !1
-    }), this.group = this.createBaseObject(new Ce(), {
+    }), this.group = this.createBaseObject(new Oe(), {
       key: "@Group",
       name: "物体组",
       target: this.scene,
       mList: !1
-    }), this.prefabGroup = this.createBaseObject(new Ce(), {
+    }), this.prefabGroup = this.createBaseObject(new Oe(), {
       key: "@PrefabGroup",
       name: "预制组",
       target: this.scene,
@@ -3176,7 +3184,7 @@ class si extends ti {
     const s = D({
       mList: !0
     }, t);
-    e instanceof Ce && (e.raycast = (r, o) => r.intersectObjects(e.children, !0, o));
+    e instanceof Oe && (e.raycast = (r, o) => r.intersectObjects(e.children, !0, o));
     const i = new ls();
     if (i.object3d = e, i.pencil = this.pencil, i.lead = this, i.mList = this.mList, s.key && (i.key = s.key), !s.key && s.target)
       if (s.target.key === "@Scene" && e instanceof Jt)
@@ -3483,7 +3491,7 @@ class ni {
     if (e === "gltf")
       return this.gltfLoader || (this.gltfLoader = new Ne(this.loadingManager), this.options.prefix && this.gltfLoader.setPath(this.options.prefix)), this.gltfLoader;
     if (e === "lottie")
-      return this.lottieLoader || (this.lottieLoader = new Os(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
+      return this.lottieLoader || (this.lottieLoader = new Cs(this.loadingManager), this.options.prefix && this.lottieLoader.setPath(this.options.prefix)), this.lottieLoader;
     if (e === "gzipJson")
       return this.gzipJsonLoader || (this.gzipJsonLoader = new ri(this.loadingManager), this.options.prefix && this.gzipJsonLoader.setPath(this.options.prefix)), this.gzipJsonLoader;
     if (e === "json")
@@ -3779,7 +3787,7 @@ class hi {
     });
   }
   applyColorSpaceToMaterials(e) {
-    Cs({ material: e });
+    Os({ material: e });
   }
   material2array(e) {
     return Array.isArray(e) ? e : [e];
@@ -4071,7 +4079,7 @@ const _e = class _e {
     return this.mListController.mList;
   }
   tweenUpdateRaf() {
-    Oe.update(), this.TweenRaf = requestAnimationFrame(this.tweenUpdateRaf.bind(this));
+    Ce.update(), this.TweenRaf = requestAnimationFrame(this.tweenUpdateRaf.bind(this));
   }
   use(e, ...t) {
     this.installPlugins.has(e.pluginName) ? console.log("plugin already installed") : typeof e.install == "function" && (e.install(this, ...t), this.installPlugins.set(e.pluginName, e));
@@ -4143,12 +4151,12 @@ const _e = class _e {
       cameraOptions: this.options.camera
     });
     if (this.showPage(l), s) {
-      const C = new ei({
+      const O = new ei({
         container: e,
         sceneController: v,
         cameraController: p
       });
-      C.add(v.scene), this.helperController = C, i && C.addViewHelper();
+      O.add(v.scene), this.helperController = O, i && O.addViewHelper();
     }
     e.appendChild(m.renderer.domElement);
   }
@@ -4270,7 +4278,7 @@ const _e = class _e {
     var s, i, r, o, n, a;
     if (!this.camera || !this.scene)
       return;
-    this.event.emit("beforeRender"), this.timer.update(), Oe.update();
+    this.event.emit("beforeRender"), this.timer.update(), Ce.update();
     const e = this.timer.getDelta(), t = this.timer.getElapsed();
     this.controlsController.update(e, t), this.leadController.update(e, t), this.installPlugins.forEach((h) => {
       var m;
@@ -4320,7 +4328,7 @@ const _e = class _e {
   }
   dispose() {
     var e, t, s, i, r, o, n, a, h, m, p, v, f, u;
-    this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Oe.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
+    this.handeleResize(1, 1, !1), this.stop(), this.timer.dispose(), Ce.removeAll(), this.event.removeAllListeners(), (e = this.resizeObserver) == null || e.unobserve(this.options.container), this.installPlugins.forEach((g) => {
       var y;
       (y = g.dispose) == null || y.call(g);
     }), (t = this.controlsController) == null || t.dispose(), (s = this.transformController) == null || s.dispose(), (i = this.cssRendererController) == null || i.dispose(), (r = this.sceneController) == null || r.dispose(), (o = this.cameraController) == null || o.dispose(), (n = this.helperController) == null || n.dispose(), (a = this.composerController) == null || a.dispose(), (h = this.rendererController) == null || h.dispose(), (m = this.loaderController) == null || m.dispose(), (p = this.leadController) == null || p.dispose(), (v = this.mListController) == null || v.dispose(), this.cssRendererController = void 0, this.installPlugins.clear(), (f = this.stats) == null || f.dom.remove(), (u = this.renderer) == null || u.domElement.remove(), this._isDispose = !0;