@xiping/react-components 1.0.20 → 1.0.22

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/controls/DragControls.js

@@ -1,6 +1,6 @@
 import "../../../build/three.module.js";
-import { Controls as C, Raycaster as g, MOUSE as d, TOUCH as E, Vector2 as v, Plane as A, Vector3 as m, Matrix4 as j } from "../../../build/three.core.js";
-const l = new A(), r = new v(), y = new m(), f = new v(), u = new v(), p = new m(), b = new m(), P = new j(), T = new m(), _ = new m();
+import { Controls as C, Raycaster as g, MOUSE as d, TOUCH as E, Vector2 as v, Plane as A, Vector3 as u, Matrix4 as j } from "../../../build/three.core.js";
+const l = new A(), r = new v(), y = new u(), f = new v(), m = new v(), p = new u(), b = new u(), P = new j(), T = new u(), _ = new u();
 let o = null, i = null;
 const a = [], c = {
   NONE: -1,
@@ -8,11 +8,18 @@ const a = [], c = {
   ROTATE: 1
 };
 class L extends C {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Array<Object3D>} objects - An array of draggable 3D objects.
+   * @param {Camera} camera - The camera of the rendered scene.
+   * @param {?HTMLDOMElement} [domElement=null] - The HTML DOM element used for event listeners.
+   */
   constructor(t, e, s = null) {
-    super(e, s), this.objects = t, this.recursive = !0, this.transformGroup = !1, this.rotateSpeed = 1, this.raycaster = new g(), this.mouseButtons = { LEFT: d.PAN, MIDDLE: d.PAN, RIGHT: d.ROTATE }, this.touches = { ONE: E.PAN }, this._onPointerMove = x.bind(this), this._onPointerDown = O.bind(this), this._onPointerCancel = D.bind(this), this._onContextMenu = R.bind(this), s !== null && this.connect();
+    super(e, s), this.objects = t, this.recursive = !0, this.transformGroup = !1, this.rotateSpeed = 1, this.raycaster = new g(), this.mouseButtons = { LEFT: d.PAN, MIDDLE: d.PAN, RIGHT: d.ROTATE }, this.touches = { ONE: E.PAN }, this._onPointerMove = x.bind(this), this._onPointerDown = O.bind(this), this._onPointerCancel = D.bind(this), this._onContextMenu = R.bind(this), s !== null && this.connect(s);
   }
-  connect() {
-    this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerCancel), this.domElement.addEventListener("pointerleave", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "none";
+  connect(t) {
+    super.connect(t), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerCancel), this.domElement.addEventListener("pointerleave", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "none";
   }
   disconnect() {
     this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointerup", this._onPointerCancel), this.domElement.removeEventListener("pointerleave", this._onPointerCancel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "auto", this.domElement.style.cursor = "";
@@ -81,19 +88,19 @@ function x(n) {
   const t = this.object, e = this.domElement, s = this.raycaster;
   if (this.enabled !== !1) {
     if (this._updatePointer(n), s.setFromCamera(r, t), o)
-      this.state === c.PAN ? s.ray.intersectPlane(l, p) && o.position.copy(p.sub(y).applyMatrix4(P)) : this.state === c.ROTATE && (f.subVectors(r, u).multiplyScalar(this.rotateSpeed), o.rotateOnWorldAxis(T, f.x), o.rotateOnWorldAxis(_.normalize(), -f.y)), this.dispatchEvent({ type: "drag", object: o }), u.copy(r);
+      this.state === c.PAN ? s.ray.intersectPlane(l, p) && o.position.copy(p.sub(y).applyMatrix4(P)) : this.state === c.ROTATE && (f.subVectors(r, m).multiplyScalar(this.rotateSpeed), o.rotateOnWorldAxis(T, f.x), o.rotateOnWorldAxis(_.normalize(), -f.y)), this.dispatchEvent({ type: "drag", object: o }), m.copy(r);
     else if (n.pointerType === "mouse" || n.pointerType === "pen")
       if (a.length = 0, s.setFromCamera(r, t), s.intersectObjects(this.objects, this.recursive, a), a.length > 0) {
         const h = a[0].object;
         l.setFromNormalAndCoplanarPoint(t.getWorldDirection(l.normal), b.setFromMatrixPosition(h.matrixWorld)), i !== h && i !== null && (this.dispatchEvent({ type: "hoveroff", object: i }), e.style.cursor = "auto", i = null), i !== h && (this.dispatchEvent({ type: "hoveron", object: h }), e.style.cursor = "pointer", i = h);
       } else
         i !== null && (this.dispatchEvent({ type: "hoveroff", object: i }), e.style.cursor = "auto", i = null);
-    u.copy(r);
+    m.copy(r);
   }
 }
 function O(n) {
   const t = this.object, e = this.domElement, s = this.raycaster;
-  this.enabled !== !1 && (this._updatePointer(n), this._updateState(n), a.length = 0, s.setFromCamera(r, t), s.intersectObjects(this.objects, this.recursive, a), a.length > 0 && (this.transformGroup === !0 ? o = w(a[0].object) : o = a[0].object, l.setFromNormalAndCoplanarPoint(t.getWorldDirection(l.normal), b.setFromMatrixPosition(o.matrixWorld)), s.ray.intersectPlane(l, p) && (this.state === c.PAN ? (P.copy(o.parent.matrixWorld).invert(), y.copy(p).sub(b.setFromMatrixPosition(o.matrixWorld))) : this.state === c.ROTATE && (T.set(0, 1, 0).applyQuaternion(t.quaternion).normalize(), _.set(1, 0, 0).applyQuaternion(t.quaternion).normalize())), e.style.cursor = "move", this.dispatchEvent({ type: "dragstart", object: o })), u.copy(r));
+  this.enabled !== !1 && (this._updatePointer(n), this._updateState(n), a.length = 0, s.setFromCamera(r, t), s.intersectObjects(this.objects, this.recursive, a), a.length > 0 && (this.transformGroup === !0 ? o = w(a[0].object) : o = a[0].object, l.setFromNormalAndCoplanarPoint(t.getWorldDirection(l.normal), b.setFromMatrixPosition(o.matrixWorld)), s.ray.intersectPlane(l, p) && (this.state === c.PAN ? (P.copy(o.parent.matrixWorld).invert(), y.copy(p).sub(b.setFromMatrixPosition(o.matrixWorld))) : this.state === c.ROTATE && (T.set(0, 1, 0).applyQuaternion(t.quaternion).normalize(), _.set(1, 0, 0).applyQuaternion(t.quaternion).normalize())), e.style.cursor = "move", this.dispatchEvent({ type: "dragstart", object: o })), m.copy(r));
 }
 function D() {
   this.enabled !== !1 && (o && (this.dispatchEvent({ type: "dragend", object: o }), o = null), this.domElement.style.cursor = i ? "pointer" : "auto", this.state = c.NONE);

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/controls/FlyControls.js

@@ -2,11 +2,17 @@ import "../../../build/three.module.js";
 import { Controls as c, Vector3 as n, Quaternion as h } from "../../../build/three.core.js";
 const m = { type: "change" }, a = 1e-6, r = new h();
 class b extends c {
-  constructor(o, e = null) {
-    super(o, e), this.movementSpeed = 1, this.rollSpeed = 5e-3, this.dragToLook = !1, this.autoForward = !1, this._moveState = { up: 0, down: 0, left: 0, right: 0, forward: 0, back: 0, pitchUp: 0, pitchDown: 0, yawLeft: 0, yawRight: 0, rollLeft: 0, rollRight: 0 }, this._moveVector = new n(0, 0, 0), this._rotationVector = new n(0, 0, 0), this._lastQuaternion = new h(), this._lastPosition = new n(), this._status = 0, this._onKeyDown = _.bind(this), this._onKeyUp = d.bind(this), this._onPointerMove = l.bind(this), this._onPointerDown = v.bind(this), this._onPointerUp = f.bind(this), this._onPointerCancel = p.bind(this), this._onContextMenu = w.bind(this), e !== null && this.connect();
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
+   */
+  constructor(o, t = null) {
+    super(o, t), this.movementSpeed = 1, this.rollSpeed = 5e-3, this.dragToLook = !1, this.autoForward = !1, this._moveState = { up: 0, down: 0, left: 0, right: 0, forward: 0, back: 0, pitchUp: 0, pitchDown: 0, yawLeft: 0, yawRight: 0, rollLeft: 0, rollRight: 0 }, this._moveVector = new n(0, 0, 0), this._rotationVector = new n(0, 0, 0), this._lastQuaternion = new h(), this._lastPosition = new n(), this._status = 0, this._onKeyDown = _.bind(this), this._onKeyUp = d.bind(this), this._onPointerMove = l.bind(this), this._onPointerDown = v.bind(this), this._onPointerUp = f.bind(this), this._onPointerCancel = p.bind(this), this._onContextMenu = w.bind(this), t !== null && this.connect(t);
   }
-  connect() {
-    window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerUp), this.domElement.addEventListener("pointercancel", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu);
+  connect(o) {
+    super.connect(o), window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.domElement.addEventListener("pointermove", this._onPointerMove), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointerup", this._onPointerUp), this.domElement.addEventListener("pointercancel", this._onPointerCancel), this.domElement.addEventListener("contextmenu", this._onContextMenu);
   }
   disconnect() {
     window.removeEventListener("keydown", this._onKeyDown), window.removeEventListener("keyup", this._onKeyUp), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerCancel), this.domElement.removeEventListener("contextmenu", this._onContextMenu);
@@ -16,8 +22,8 @@ class b extends c {
   }
   update(o) {
     if (this.enabled === !1) return;
-    const e = this.object, i = o * this.movementSpeed, s = o * this.rollSpeed;
-    e.translateX(this._moveVector.x * i), e.translateY(this._moveVector.y * i), e.translateZ(this._moveVector.z * i), r.set(this._rotationVector.x * s, this._rotationVector.y * s, this._rotationVector.z * s, 1).normalize(), e.quaternion.multiply(r), (this._lastPosition.distanceToSquared(e.position) > a || 8 * (1 - this._lastQuaternion.dot(e.quaternion)) > a) && (this.dispatchEvent(m), this._lastQuaternion.copy(e.quaternion), this._lastPosition.copy(e.position));
+    const t = this.object, i = o * this.movementSpeed, s = o * this.rollSpeed;
+    t.translateX(this._moveVector.x * i), t.translateY(this._moveVector.y * i), t.translateZ(this._moveVector.z * i), r.set(this._rotationVector.x * s, this._rotationVector.y * s, this._rotationVector.z * s, 1).normalize(), t.quaternion.multiply(r), (this._lastPosition.distanceToSquared(t.position) > a || 8 * (1 - this._lastQuaternion.dot(t.quaternion)) > a) && (this.dispatchEvent(m), this._lastQuaternion.copy(t.quaternion), this._lastPosition.copy(t.position));
   }
   // private
   _updateMovementVector() {
@@ -37,9 +43,9 @@ class b extends c {
     };
   }
 }
-function _(t) {
-  if (!(t.altKey || this.enabled === !1)) {
-    switch (t.code) {
+function _(e) {
+  if (!(e.altKey || this.enabled === !1)) {
+    switch (e.code) {
       case "ShiftLeft":
       case "ShiftRight":
         this.movementSpeedMultiplier = 0.1;
@@ -84,9 +90,9 @@ function _(t) {
     this._updateMovementVector(), this._updateRotationVector();
   }
 }
-function d(t) {
+function d(e) {
   if (this.enabled !== !1) {
-    switch (t.code) {
+    switch (e.code) {
       case "ShiftLeft":
       case "ShiftRight":
         this.movementSpeedMultiplier = 1;
@@ -131,12 +137,12 @@ function d(t) {
     this._updateMovementVector(), this._updateRotationVector();
   }
 }
-function v(t) {
+function v(e) {
   if (this.enabled !== !1)
     if (this.dragToLook)
       this._status++;
     else {
-      switch (t.button) {
+      switch (e.button) {
         case 0:
           this._moveState.forward = 1;
           break;
@@ -147,18 +153,18 @@ function v(t) {
       this._updateMovementVector();
     }
 }
-function l(t) {
+function l(e) {
   if (this.enabled !== !1 && (!this.dragToLook || this._status > 0)) {
-    const o = this._getContainerDimensions(), e = o.size[0] / 2, i = o.size[1] / 2;
-    this._moveState.yawLeft = -(t.pageX - o.offset[0] - e) / e, this._moveState.pitchDown = (t.pageY - o.offset[1] - i) / i, this._updateRotationVector();
+    const o = this._getContainerDimensions(), t = o.size[0] / 2, i = o.size[1] / 2;
+    this._moveState.yawLeft = -(e.pageX - o.offset[0] - t) / t, this._moveState.pitchDown = (e.pageY - o.offset[1] - i) / i, this._updateRotationVector();
   }
 }
-function f(t) {
+function f(e) {
   if (this.enabled !== !1) {
     if (this.dragToLook)
       this._status--, this._moveState.yawLeft = this._moveState.pitchDown = 0;
     else {
-      switch (t.button) {
+      switch (e.button) {
         case 0:
           this._moveState.forward = 0;
           break;
@@ -174,8 +180,8 @@ function f(t) {
 function p() {
   this.enabled !== !1 && (this.dragToLook ? (this._status = 0, this._moveState.yawLeft = this._moveState.pitchDown = 0) : (this._moveState.forward = 0, this._moveState.back = 0, this._updateMovementVector()), this._updateRotationVector());
 }
-function w(t) {
-  this.enabled !== !1 && t.preventDefault();
+function w(e) {
+  this.enabled !== !1 && e.preventDefault();
 }
 export {
   b as FlyControls

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/controls/OrbitControls.js

@@ -11,11 +11,17 @@ const D = { type: "change" }, b = { type: "start" }, M = { type: "end" }, f = ne
   TOUCH_DOLLY_ROTATE: 6
 }, y = 1e-6;
 class v extends S {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
+   */
   constructor(t, e = null) {
-    super(t, e), this.state = o.NONE, this.enabled = !0, this.target = new p(), this.cursor = new p(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: u.ROTATE, MIDDLE: u.DOLLY, RIGHT: u.PAN }, this.touches = { ONE: _.ROTATE, TWO: _.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new p(), this._lastQuaternion = new E(), this._lastTargetPosition = new p(), this._quat = new E().setFromUnitVectors(t.up, new p(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new P(), this._sphericalDelta = new P(), this._scale = 1, this._panOffset = new p(), this._rotateStart = new c(), this._rotateEnd = new c(), this._rotateDelta = new c(), this._panStart = new c(), this._panEnd = new c(), this._panDelta = new c(), this._dollyStart = new c(), this._dollyEnd = new c(), this._dollyDelta = new c(), this._dollyDirection = new p(), this._mouse = new c(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = L.bind(this), this._onPointerDown = A.bind(this), this._onPointerUp = x.bind(this), this._onContextMenu = Z.bind(this), this._onMouseWheel = N.bind(this), this._onKeyDown = Y.bind(this), this._onTouchStart = I.bind(this), this._onTouchMove = U.bind(this), this._onMouseDown = C.bind(this), this._onMouseMove = k.bind(this), this._interceptControlDown = z.bind(this), this._interceptControlUp = K.bind(this), this.domElement !== null && this.connect(), this.update();
+    super(t, e), this.state = o.NONE, this.target = new p(), this.cursor = new p(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minTargetRadius = 0, this.maxTargetRadius = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.keyRotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.zoomToCursor = !1, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: u.ROTATE, MIDDLE: u.DOLLY, RIGHT: u.PAN }, this.touches = { ONE: _.ROTATE, TWO: _.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new p(), this._lastQuaternion = new E(), this._lastTargetPosition = new p(), this._quat = new E().setFromUnitVectors(t.up, new p(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new P(), this._sphericalDelta = new P(), this._scale = 1, this._panOffset = new p(), this._rotateStart = new c(), this._rotateEnd = new c(), this._rotateDelta = new c(), this._panStart = new c(), this._panEnd = new c(), this._panDelta = new c(), this._dollyStart = new c(), this._dollyEnd = new c(), this._dollyDelta = new c(), this._dollyDirection = new p(), this._mouse = new c(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = L.bind(this), this._onPointerDown = A.bind(this), this._onPointerUp = k.bind(this), this._onContextMenu = Z.bind(this), this._onMouseWheel = N.bind(this), this._onKeyDown = Y.bind(this), this._onTouchStart = I.bind(this), this._onTouchMove = U.bind(this), this._onMouseDown = x.bind(this), this._onMouseMove = C.bind(this), this._interceptControlDown = z.bind(this), this._interceptControlUp = K.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
-  connect() {
-    this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, { passive: !0, capture: !0 }), this.domElement.style.touchAction = "none";
+  connect(t) {
+    super.connect(t), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerUp), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.getRootNode().addEventListener("keydown", this._interceptControlDown, { passive: !0, capture: !0 }), this.domElement.style.touchAction = "none";
   }
   disconnect() {
     this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerUp), this.domElement.removeEventListener("wheel", this._onMouseWheel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.stopListenToKeyEvents(), this.domElement.getRootNode().removeEventListener("keydown", this._interceptControlDown, { capture: !0 }), this.domElement.style.touchAction = "auto";
@@ -23,24 +29,55 @@ class v extends S {
   dispose() {
     this.disconnect();
   }
+  /**
+   * Get the current vertical rotation, in radians.
+   *
+   * @return {number} The current vertical rotation, in radians.
+   */
   getPolarAngle() {
     return this._spherical.phi;
   }
+  /**
+   * Get the current horizontal rotation, in radians.
+   *
+   * @return {number} The current horizontal rotation, in radians.
+   */
   getAzimuthalAngle() {
     return this._spherical.theta;
   }
+  /**
+   * Returns the distance from the camera to the target.
+   *
+   * @return {number} The distance from the camera to the target.
+   */
   getDistance() {
     return this.object.position.distanceTo(this.target);
   }
+  /**
+   * Adds key event listeners to the given DOM element.
+   * `window` is a recommended argument for using this method.
+   *
+   * @param {HTMLDOMElement} domElement - The DOM element
+   */
   listenToKeyEvents(t) {
     t.addEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = t;
   }
+  /**
+   * Removes the key event listener previously defined with `listenToKeyEvents()`.
+   */
   stopListenToKeyEvents() {
     this._domElementKeyEvents !== null && (this._domElementKeyEvents.removeEventListener("keydown", this._onKeyDown), this._domElementKeyEvents = null);
   }
+  /**
+   * Save the current state of the controls. This can later be recovered with `reset()`.
+   */
   saveState() {
     this.target0.copy(this.target), this.position0.copy(this.object.position), this.zoom0 = this.object.zoom;
   }
+  /**
+   * Reset the controls to their state from either the last time the `saveState()`
+   * was called, or the initial state.
+   */
   reset() {
     this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(D), this.update(), this.state = o.NONE;
   }
@@ -154,16 +191,16 @@ class v extends S {
     let e = !1;
     switch (t.code) {
       case this.keys.UP:
-        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateUp(r * this.rotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), e = !0;
+        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateUp(r * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, this.keyPanSpeed), e = !0;
         break;
       case this.keys.BOTTOM:
-        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateUp(-r * this.rotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), e = !0;
+        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateUp(-r * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(0, -this.keyPanSpeed), e = !0;
         break;
       case this.keys.LEFT:
-        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateLeft(r * this.rotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), e = !0;
+        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateLeft(r * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(this.keyPanSpeed, 0), e = !0;
         break;
       case this.keys.RIGHT:
-        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateLeft(-r * this.rotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), e = !0;
+        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateLeft(-r * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), e = !0;
         break;
     }
     e && (t.preventDefault(), this.update());
@@ -275,7 +312,7 @@ function A(i) {
 function L(i) {
   this.enabled !== !1 && (i.pointerType === "touch" ? this._onTouchMove(i) : this._onMouseMove(i));
 }
-function x(i) {
+function k(i) {
   switch (this._removePointer(i), this._pointers.length) {
     case 0:
       this.domElement.releasePointerCapture(i.pointerId), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(M), this.state = o.NONE;
@@ -286,7 +323,7 @@ function x(i) {
       break;
   }
 }
-function C(i) {
+function x(i) {
   let t;
   switch (i.button) {
     case 0:
@@ -329,7 +366,7 @@ function C(i) {
   }
   this.state !== o.NONE && this.dispatchEvent(b);
 }
-function k(i) {
+function C(i) {
   switch (this.state) {
     case o.ROTATE:
       if (this.enableRotate === !1) return;

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/controls/TrackballControls.js

@@ -2,16 +2,22 @@ import "../../../build/three.module.js";
 import { Controls as O, MOUSE as r, Vector3 as o, Vector2 as n, Quaternion as S, MathUtils as f } from "../../../build/three.core.js";
 const u = { type: "change" }, E = { type: "start" }, b = { type: "end" }, P = 1e-6, s = { NONE: -1, ROTATE: 0, ZOOM: 1, PAN: 2, TOUCH_ROTATE: 3, TOUCH_ZOOM_PAN: 4 }, p = new n(), h = new n(), M = new o(), _ = new o(), y = new o(), a = new S(), w = new o(), m = new o(), g = new o(), l = new o();
 class K extends O {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @param {?HTMLDOMElement} domElement - The HTML element used for event listeners.
+   */
   constructor(t, i = null) {
-    super(t, i), this.enabled = !0, this.screen = { left: 0, top: 0, width: 0, height: 0 }, this.rotateSpeed = 1, this.zoomSpeed = 1.2, this.panSpeed = 0.3, this.noRotate = !1, this.noZoom = !1, this.noPan = !1, this.staticMoving = !1, this.dynamicDampingFactor = 0.2, this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.keys = [
+    super(t, i), this.screen = { left: 0, top: 0, width: 0, height: 0 }, this.rotateSpeed = 1, this.zoomSpeed = 1.2, this.panSpeed = 0.3, this.noRotate = !1, this.noZoom = !1, this.noPan = !1, this.staticMoving = !1, this.dynamicDampingFactor = 0.2, this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.keys = [
       "KeyA",
       "KeyS",
       "KeyD"
       /*D*/
-    ], this.mouseButtons = { LEFT: r.ROTATE, MIDDLE: r.DOLLY, RIGHT: r.PAN }, this.state = s.NONE, this.keyState = s.NONE, this.target = new o(), this._lastPosition = new o(), this._lastZoom = 1, this._touchZoomDistanceStart = 0, this._touchZoomDistanceEnd = 0, this._lastAngle = 0, this._eye = new o(), this._movePrev = new n(), this._moveCurr = new n(), this._lastAxis = new o(), this._zoomStart = new n(), this._zoomEnd = new n(), this._panStart = new n(), this._panEnd = new n(), this._pointers = [], this._pointerPositions = {}, this._onPointerMove = j.bind(this), this._onPointerDown = C.bind(this), this._onPointerUp = T.bind(this), this._onPointerCancel = k.bind(this), this._onContextMenu = L.bind(this), this._onMouseWheel = N.bind(this), this._onKeyDown = z.bind(this), this._onKeyUp = D.bind(this), this._onTouchStart = U.bind(this), this._onTouchMove = R.bind(this), this._onTouchEnd = Y.bind(this), this._onMouseDown = A.bind(this), this._onMouseMove = x.bind(this), this._onMouseUp = Z.bind(this), this._target0 = this.target.clone(), this._position0 = this.object.position.clone(), this._up0 = this.object.up.clone(), this._zoom0 = this.object.zoom, i !== null && (this.connect(), this.handleResize()), this.update();
+    ], this.mouseButtons = { LEFT: r.ROTATE, MIDDLE: r.DOLLY, RIGHT: r.PAN }, this.target = new o(), this.state = s.NONE, this.keyState = s.NONE, this._lastPosition = new o(), this._lastZoom = 1, this._touchZoomDistanceStart = 0, this._touchZoomDistanceEnd = 0, this._lastAngle = 0, this._eye = new o(), this._movePrev = new n(), this._moveCurr = new n(), this._lastAxis = new o(), this._zoomStart = new n(), this._zoomEnd = new n(), this._panStart = new n(), this._panEnd = new n(), this._pointers = [], this._pointerPositions = {}, this._onPointerMove = j.bind(this), this._onPointerDown = C.bind(this), this._onPointerUp = T.bind(this), this._onPointerCancel = k.bind(this), this._onContextMenu = L.bind(this), this._onMouseWheel = N.bind(this), this._onKeyDown = z.bind(this), this._onKeyUp = D.bind(this), this._onTouchStart = U.bind(this), this._onTouchMove = R.bind(this), this._onTouchEnd = Y.bind(this), this._onMouseDown = A.bind(this), this._onMouseMove = x.bind(this), this._onMouseUp = Z.bind(this), this._target0 = this.target.clone(), this._position0 = this.object.position.clone(), this._up0 = this.object.up.clone(), this._zoom0 = this.object.zoom, i !== null && (this.connect(i), this.handleResize()), this.update();
   }
-  connect() {
-    window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerCancel), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "none";
+  connect(t) {
+    super.connect(t), window.addEventListener("keydown", this._onKeyDown), window.addEventListener("keyup", this._onKeyUp), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointercancel", this._onPointerCancel), this.domElement.addEventListener("wheel", this._onMouseWheel, { passive: !1 }), this.domElement.addEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "none";
   }
   disconnect() {
     window.removeEventListener("keydown", this._onKeyDown), window.removeEventListener("keyup", this._onKeyUp), this.domElement.removeEventListener("pointerdown", this._onPointerDown), this.domElement.removeEventListener("pointermove", this._onPointerMove), this.domElement.removeEventListener("pointerup", this._onPointerUp), this.domElement.removeEventListener("pointercancel", this._onPointerCancel), this.domElement.removeEventListener("wheel", this._onMouseWheel), this.domElement.removeEventListener("contextmenu", this._onContextMenu), this.domElement.style.touchAction = "auto";
@@ -19,6 +25,9 @@ class K extends O {
   dispose() {
     this.disconnect();
   }
+  /**
+   * Must be called if the application window is resized.
+   */
   handleResize() {
     const t = this.domElement.getBoundingClientRect(), i = this.domElement.ownerDocument.documentElement;
     this.screen.left = t.left + window.pageXOffset - i.clientLeft, this.screen.top = t.top + window.pageYOffset - i.clientTop, this.screen.width = t.width, this.screen.height = t.height;
@@ -26,6 +35,9 @@ class K extends O {
   update() {
     this._eye.subVectors(this.object.position, this.target), this.noRotate || this._rotateCamera(), this.noZoom || this._zoomCamera(), this.noPan || this._panCamera(), this.object.position.addVectors(this.target, this._eye), this.object.isPerspectiveCamera ? (this._checkDistances(), this.object.lookAt(this.target), this._lastPosition.distanceToSquared(this.object.position) > P && (this.dispatchEvent(u), this._lastPosition.copy(this.object.position))) : this.object.isOrthographicCamera ? (this.object.lookAt(this.target), (this._lastPosition.distanceToSquared(this.object.position) > P || this._lastZoom !== this.object.zoom) && (this.dispatchEvent(u), this._lastPosition.copy(this.object.position), this._lastZoom = this.object.zoom)) : console.warn("THREE.TrackballControls: Unsupported camera type.");
   }
+  /**
+   * Resets the controls to its initial state.
+   */
   reset() {
     this.state = s.NONE, this.keyState = s.NONE, this.target.copy(this._target0), this.object.position.copy(this._position0), this.object.up.copy(this._up0), this.object.zoom = this._zoom0, this.object.updateProjectionMatrix(), this._eye.subVectors(this.object.position, this.target), this.object.lookAt(this.target), this.dispatchEvent(u), this._lastPosition.copy(this.object.position), this._lastZoom = this.object.zoom;
   }

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/postprocessing/EffectComposer.js

@@ -4,6 +4,14 @@ import { ShaderPass as p } from "./ShaderPass.js";
 import { MaskPass as a, ClearMaskPass as l } from "./MaskPass.js";
 import { Vector2 as o, WebGLRenderTarget as c, HalfFloatType as g, NoBlending as _, Clock as u } from "../../../build/three.core.js";
 class P {
+  /**
+   * Constructs a new effect composer.
+   *
+   * @param {WebGLRenderer} renderer - The renderer.
+   * @param {WebGLRenderTarget} [renderTarget] - This render target and a clone will
+   * be used as the internal read and write buffers. If not given, the composer creates
+   * the buffers automatically.
+   */
   constructor(e, t) {
     if (this.renderer = e, this._pixelRatio = e.getPixelRatio(), t === void 0) {
       const s = e.getSize(new o());
@@ -12,26 +20,57 @@ class P {
       this._width = t.width, this._height = t.height;
     this.renderTarget1 = t, this.renderTarget2 = t.clone(), this.renderTarget2.texture.name = "EffectComposer.rt2", this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2, this.renderToScreen = !0, this.passes = [], this.copyPass = new p(d), this.copyPass.material.blending = _, this.clock = new u();
   }
+  /**
+   * Swaps the internal read/write buffers.
+   */
   swapBuffers() {
     const e = this.readBuffer;
     this.readBuffer = this.writeBuffer, this.writeBuffer = e;
   }
+  /**
+   * Adds the given pass to the pass chain.
+   *
+   * @param {Pass} pass - The pass to add.
+   */
   addPass(e) {
     this.passes.push(e), e.setSize(this._width * this._pixelRatio, this._height * this._pixelRatio);
   }
+  /**
+   * Inserts the given pass at a given index.
+   *
+   * @param {Pass} pass - The pass to insert.
+   * @param {number} index - The index into the pass chain.
+   */
   insertPass(e, t) {
     this.passes.splice(t, 0, e), e.setSize(this._width * this._pixelRatio, this._height * this._pixelRatio);
   }
+  /**
+   * Removes the given pass from the pass chain.
+   *
+   * @param {Pass} pass - The pass to remove.
+   */
   removePass(e) {
     const t = this.passes.indexOf(e);
     t !== -1 && this.passes.splice(t, 1);
   }
+  /**
+   * Returns `true` if the pass for the given index is the last enabled pass in the pass chain.
+   *
+   * @param {number} passIndex - The pass index.
+   * @return {boolean} Whether the pass for the given index is the last pass in the pass chain.
+   */
   isLastEnabledPass(e) {
     for (let t = e + 1; t < this.passes.length; t++)
       if (this.passes[t].enabled)
         return !1;
     return !0;
   }
+  /**
+   * Executes all enabled post-processing passes in order to produce the final frame.
+   *
+   * @param {number} deltaTime - The delta time in seconds. If not given, the composer computes
+   * its own time delta value.
+   */
   render(e) {
     e === void 0 && (e = this.clock.getDelta());
     const t = this.renderer.getRenderTarget();
@@ -51,6 +90,12 @@ class P {
     }
     this.renderer.setRenderTarget(t);
   }
+  /**
+   * Resets the internal state of the EffectComposer.
+   *
+   * @param {WebGLRenderTarget} [renderTarget] - This render target has the same purpose like
+   * the one from the constructor. If set, it is used to setup the read and write buffers.
+   */
   reset(e) {
     if (e === void 0) {
       const t = this.renderer.getSize(new o());
@@ -58,6 +103,13 @@ class P {
     }
     this.renderTarget1.dispose(), this.renderTarget2.dispose(), this.renderTarget1 = e, this.renderTarget2 = e.clone(), this.writeBuffer = this.renderTarget1, this.readBuffer = this.renderTarget2;
   }
+  /**
+   * Resizes the internal read and write buffers as well as all passes. Similar to {@link WebGLRenderer#setSize},
+   * this method honors the current pixel ration.
+   *
+   * @param {number} width - The width in logical pixels.
+   * @param {number} height - The height in logical pixels.
+   */
   setSize(e, t) {
     this._width = e, this._height = t;
     const s = this._width * this._pixelRatio, i = this._height * this._pixelRatio;
@@ -65,9 +117,19 @@ class P {
     for (let r = 0; r < this.passes.length; r++)
       this.passes[r].setSize(s, i);
   }
+  /**
+   * Sets device pixel ratio. This is usually used for HiDPI device to prevent blurring output.
+   * Setting the pixel ratio will automatically resize the composer.
+   *
+   * @param {number} pixelRatio - The pixel ratio to set.
+   */
   setPixelRatio(e) {
     this._pixelRatio = e, this.setSize(this._width, this._height);
   }
+  /**
+   * Frees the GPU-related resources allocated by this instance. Call this
+   * method whenever the composer is no longer used in your app.
+   */
   dispose() {
     this.renderTarget1.dispose(), this.renderTarget2.dispose(), this.copyPass.dispose();
   }

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/postprocessing/MaskPass.js

@@ -1,8 +1,25 @@
 import { Pass as r } from "./Pass.js";
 class o extends r {
+  /**
+   * Constructs a new mask pass.
+   *
+   * @param {Scene} scene - The 3D objects in this scene will define the mask.
+   * @param {Camera} camera - The camera.
+   */
   constructor(s, f) {
     super(), this.scene = s, this.camera = f, this.clear = !0, this.needsSwap = !1, this.inverse = !1;
   }
+  /**
+   * Performs a mask pass with the configured scene and camera.
+   *
+   * @param {WebGLRenderer} renderer - The renderer.
+   * @param {WebGLRenderTarget} writeBuffer - The write buffer. This buffer is intended as the rendering
+   * destination for the pass.
+   * @param {WebGLRenderTarget} readBuffer - The read buffer. The pass can access the result from the
+   * previous pass from this buffer.
+   * @param {number} deltaTime - The delta time in seconds.
+   * @param {boolean} maskActive - Whether masking is active or not.
+   */
   render(s, f, u) {
     const t = s.getContext(), e = s.state;
     e.buffers.color.setMask(!1), e.buffers.depth.setMask(!1), e.buffers.color.setLocked(!0), e.buffers.depth.setLocked(!0);
@@ -11,9 +28,23 @@ class o extends r {
   }
 }
 class n extends r {
+  /**
+   * Constructs a new clear mask pass.
+   */
   constructor() {
     super(), this.needsSwap = !1;
   }
+  /**
+   * Performs the clear of the currently defined mask.
+   *
+   * @param {WebGLRenderer} renderer - The renderer.
+   * @param {WebGLRenderTarget} writeBuffer - The write buffer. This buffer is intended as the rendering
+   * destination for the pass.
+   * @param {WebGLRenderTarget} readBuffer - The read buffer. The pass can access the result from the
+   * previous pass from this buffer.
+   * @param {number} deltaTime - The delta time in seconds.
+   * @param {boolean} maskActive - Whether masking is active or not.
+   */
   render(s) {
     s.state.buffers.stencil.setLocked(!1), s.state.buffers.stencil.setTest(!1);
   }

package/dist/es/node_modules/.pnpm/three@0.178.0/node_modules/three/examples/jsm/postprocessing/Pass.js

@@ -0,0 +1,89 @@
+import "../../../build/three.module.js";
+import { Mesh as r, OrthographicCamera as i, BufferGeometry as a, Float32BufferAttribute as t } from "../../../build/three.core.js";
+class c {
+  /**
+   * Constructs a new pass.
+   */
+  constructor() {
+    this.isPass = !0, this.enabled = !0, this.needsSwap = !0, this.clear = !1, this.renderToScreen = !1;
+  }
+  /**
+   * Sets the size of the pass.
+   *
+   * @abstract
+   * @param {number} width - The width to set.
+   * @param {number} height - The height to set.
+   */
+  setSize() {
+  }
+  /**
+   * This method holds the render logic of a pass. It must be implemented in all derived classes.
+   *
+   * @abstract
+   * @param {WebGLRenderer} renderer - The renderer.
+   * @param {WebGLRenderTarget} writeBuffer - The write buffer. This buffer is intended as the rendering
+   * destination for the pass.
+   * @param {WebGLRenderTarget} readBuffer - The read buffer. The pass can access the result from the
+   * previous pass from this buffer.
+   * @param {number} deltaTime - The delta time in seconds.
+   * @param {boolean} maskActive - Whether masking is active or not.
+   */
+  render() {
+    console.error("THREE.Pass: .render() must be implemented in derived pass.");
+  }
+  /**
+   * Frees the GPU-related resources allocated by this instance. Call this
+   * method whenever the pass is no longer used in your app.
+   *
+   * @abstract
+   */
+  dispose() {
+  }
+}
+const n = new i(-1, 1, 1, -1, 0, 1);
+class o extends a {
+  constructor() {
+    super(), this.setAttribute("position", new t([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3)), this.setAttribute("uv", new t([0, 2, 0, 0, 2, 0], 2));
+  }
+}
+const m = new o();
+class u {
+  /**
+   * Constructs a new full screen quad.
+   *
+   * @param {?Material} material - The material to render te full screen quad with.
+   */
+  constructor(e) {
+    this._mesh = new r(m, e);
+  }
+  /**
+   * Frees the GPU-related resources allocated by this instance. Call this
+   * method whenever the instance is no longer used in your app.
+   */
+  dispose() {
+    this._mesh.geometry.dispose();
+  }
+  /**
+   * Renders the full screen quad.
+   *
+   * @param {WebGLRenderer} renderer - The renderer.
+   */
+  render(e) {
+    e.render(this._mesh, n);
+  }
+  /**
+   * The quad's material.
+   *
+   * @type {?Material}
+   */
+  get material() {
+    return this._mesh.material;
+  }
+  set material(e) {
+    this._mesh.material = e;
+  }
+}
+export {
+  u as FullScreenQuad,
+  c as Pass
+};

package/dist/es/node_modules/.pnpm/{three@0.171.0 → three@0.178.0}/node_modules/three/examples/jsm/postprocessing/RenderPass.js

@@ -2,9 +2,30 @@ import "../../../build/three.module.js";
 import { Pass as s } from "./Pass.js";
 import { Color as r } from "../../../build/three.core.js";
 class p extends s {
+  /**
+   * Constructs a new render pass.
+   *
+   * @param {Scene} scene - The scene to render.
+   * @param {Camera} camera - The camera.
+   * @param {?Material} [overrideMaterial=null] - The override material. If set, this material is used
+   * for all objects in the scene.
+   * @param {?(number|Color|string)} [clearColor=null] - The clear color of the render pass.
+   * @param {?number} [clearAlpha=null] - The clear alpha of the render pass.
+   */
   constructor(l, i, t = null, e = null, a = null) {
     super(), this.scene = l, this.camera = i, this.overrideMaterial = t, this.clearColor = e, this.clearAlpha = a, this.clear = !0, this.clearDepth = !1, this.needsSwap = !1, this._oldClearColor = new r();
   }
+  /**
+   * Performs a beauty pass with the configured scene and camera.
+   *
+   * @param {WebGLRenderer} renderer - The renderer.
+   * @param {WebGLRenderTarget} writeBuffer - The write buffer. This buffer is intended as the rendering
+   * destination for the pass.
+   * @param {WebGLRenderTarget} readBuffer - The read buffer. The pass can access the result from the
+   * previous pass from this buffer.
+   * @param {number} deltaTime - The delta time in seconds.
+   * @param {boolean} maskActive - Whether masking is active or not.
+   */
   render(l, i, t) {
     const e = l.autoClear;
     l.autoClear = !1;