@extrabinoss/three-plot 1.0.0 → 1.0.2

package/dist/three-plot.js

@@ -1,6 +1,5 @@
-import * as r from "three";
-import { Controls as Q, Vector3 as y, MOUSE as b, TOUCH as x, Quaternion as I, Spherical as U, Vector2 as g, Ray as $, Plane as J, MathUtils as tt } from "three";
-const W = { type: "change" }, j = { type: "start" }, H = { type: "end" }, w = new $(), Y = new J(), et = Math.cos(70 * tt.DEG2RAD), u = new y(), f = 2 * Math.PI, l = {
+import { Controls as ot, Vector3 as g, MOUSE as x, TOUCH as b, Quaternion as F, Spherical as N, Vector2 as d, Ray as rt, Plane as ht, MathUtils as lt, Color as _, PlaneGeometry as U, InstancedBufferGeometry as ct, InstancedBufferAttribute as I, ShaderMaterial as M, AdditiveBlending as W, InstancedMesh as Q, Object3D as $, Points as ut, BufferGeometry as dt, BufferAttribute as mt, DoubleSide as ft, TextureLoader as pt, LinearFilter as H, Mesh as gt, Scene as xt, OrthographicCamera as L, WebGLRenderer as yt, PerspectiveCamera as Z } from "three";
+const K = { type: "change" }, Y = { type: "start" }, J = { type: "end" }, w = new rt(), q = new ht(), _t = Math.cos(70 * lt.DEG2RAD), c = new g(), f = 2 * Math.PI, h = {
   NONE: -1,
   ROTATE: 0,
   DOLLY: 1,
@@ -9,8 +8,8 @@ const W = { type: "change" }, j = { type: "start" }, H = { type: "end" }, w = ne
   TOUCH_PAN: 4,
   TOUCH_DOLLY_PAN: 5,
   TOUCH_DOLLY_ROTATE: 6
-}, z = 1e-6;
-class it extends Q {
+}, j = 1e-6;
+class bt extends ot {
   /**
    * Constructs a new controls instance.
    *
@@ -18,7 +17,7 @@ class it extends Q {
    * @param {?HTMLElement} domElement - The HTML element used for event listeners.
    */
   constructor(t, e = null) {
-    super(t, e), this.state = l.NONE, this.target = new y(), this.cursor = new y(), 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: b.ROTATE, MIDDLE: b.DOLLY, RIGHT: b.PAN }, this.touches = { ONE: x.ROTATE, TWO: x.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new y(), this._lastQuaternion = new I(), this._lastTargetPosition = new y(), this._quat = new I().setFromUnitVectors(t.up, new y(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new U(), this._sphericalDelta = new U(), this._scale = 1, this._panOffset = new y(), this._rotateStart = new g(), this._rotateEnd = new g(), this._rotateDelta = new g(), this._panStart = new g(), this._panEnd = new g(), this._panDelta = new g(), this._dollyStart = new g(), this._dollyEnd = new g(), this._dollyDelta = new g(), this._dollyDirection = new y(), this._mouse = new g(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = nt.bind(this), this._onPointerDown = st.bind(this), this._onPointerUp = ot.bind(this), this._onContextMenu = dt.bind(this), this._onMouseWheel = ht.bind(this), this._onKeyDown = lt.bind(this), this._onTouchStart = ct.bind(this), this._onTouchMove = ut.bind(this), this._onMouseDown = at.bind(this), this._onMouseMove = rt.bind(this), this._interceptControlDown = mt.bind(this), this._interceptControlUp = ft.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
+    super(t, e), this.state = h.NONE, this.target = new g(), this.cursor = new g(), 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: x.ROTATE, MIDDLE: x.DOLLY, RIGHT: x.PAN }, this.touches = { ONE: b.ROTATE, TWO: b.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this._lastPosition = new g(), this._lastQuaternion = new F(), this._lastTargetPosition = new g(), this._quat = new F().setFromUnitVectors(t.up, new g(0, 1, 0)), this._quatInverse = this._quat.clone().invert(), this._spherical = new N(), this._sphericalDelta = new N(), this._scale = 1, this._panOffset = new g(), this._rotateStart = new d(), this._rotateEnd = new d(), this._rotateDelta = new d(), this._panStart = new d(), this._panEnd = new d(), this._panDelta = new d(), this._dollyStart = new d(), this._dollyEnd = new d(), this._dollyDelta = new d(), this._dollyDirection = new g(), this._mouse = new d(), this._performCursorZoom = !1, this._pointers = [], this._pointerPositions = {}, this._controlActive = !1, this._onPointerMove = vt.bind(this), this._onPointerDown = Pt.bind(this), this._onPointerUp = wt.bind(this), this._onContextMenu = At.bind(this), this._onMouseWheel = Mt.bind(this), this._onKeyDown = Et.bind(this), this._onTouchStart = Dt.bind(this), this._onTouchMove = kt.bind(this), this._onMouseDown = St.bind(this), this._onMouseMove = Tt.bind(this), this._interceptControlDown = Rt.bind(this), this._interceptControlUp = Ot.bind(this), this.domElement !== null && this.connect(this.domElement), this.update();
   }
   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";
@@ -79,42 +78,42 @@ class it extends Q {
    * 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(W), this.update(), this.state = l.NONE;
+    this.target.copy(this.target0), this.object.position.copy(this.position0), this.object.zoom = this.zoom0, this.object.updateProjectionMatrix(), this.dispatchEvent(K), this.update(), this.state = h.NONE;
   }
   update(t = null) {
     const e = this.object.position;
-    u.copy(e).sub(this.target), u.applyQuaternion(this._quat), this._spherical.setFromVector3(u), this.autoRotate && this.state === l.NONE && this._rotateLeft(this._getAutoRotationAngle(t)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
+    c.copy(e).sub(this.target), c.applyQuaternion(this._quat), this._spherical.setFromVector3(c), this.autoRotate && this.state === h.NONE && this._rotateLeft(this._getAutoRotationAngle(t)), this.enableDamping ? (this._spherical.theta += this._sphericalDelta.theta * this.dampingFactor, this._spherical.phi += this._sphericalDelta.phi * this.dampingFactor) : (this._spherical.theta += this._sphericalDelta.theta, this._spherical.phi += this._sphericalDelta.phi);
     let i = this.minAzimuthAngle, s = this.maxAzimuthAngle;
     isFinite(i) && isFinite(s) && (i < -Math.PI ? i += f : i > Math.PI && (i -= f), s < -Math.PI ? s += f : s > Math.PI && (s -= f), i <= s ? this._spherical.theta = Math.max(i, Math.min(s, this._spherical.theta)) : this._spherical.theta = this._spherical.theta > (i + s) / 2 ? Math.max(i, this._spherical.theta) : Math.min(s, this._spherical.theta)), this._spherical.phi = Math.max(this.minPolarAngle, Math.min(this.maxPolarAngle, this._spherical.phi)), this._spherical.makeSafe(), this.enableDamping === !0 ? this.target.addScaledVector(this._panOffset, this.dampingFactor) : this.target.add(this._panOffset), this.target.sub(this.cursor), this.target.clampLength(this.minTargetRadius, this.maxTargetRadius), this.target.add(this.cursor);
     let n = !1;
     if (this.zoomToCursor && this._performCursorZoom || this.object.isOrthographicCamera)
       this._spherical.radius = this._clampDistance(this._spherical.radius);
     else {
-      const a = this._spherical.radius;
-      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), n = a != this._spherical.radius;
+      const o = this._spherical.radius;
+      this._spherical.radius = this._clampDistance(this._spherical.radius * this._scale), n = o != this._spherical.radius;
     }
-    if (u.setFromSpherical(this._spherical), u.applyQuaternion(this._quatInverse), e.copy(this.target).add(u), this.object.lookAt(this.target), this.enableDamping === !0 ? (this._sphericalDelta.theta *= 1 - this.dampingFactor, this._sphericalDelta.phi *= 1 - this.dampingFactor, this._panOffset.multiplyScalar(1 - this.dampingFactor)) : (this._sphericalDelta.set(0, 0, 0), this._panOffset.set(0, 0, 0)), this.zoomToCursor && this._performCursorZoom) {
-      let a = null;
+    if (c.setFromSpherical(this._spherical), c.applyQuaternion(this._quatInverse), e.copy(this.target).add(c), this.object.lookAt(this.target), this.enableDamping === !0 ? (this._sphericalDelta.theta *= 1 - this.dampingFactor, this._sphericalDelta.phi *= 1 - this.dampingFactor, this._panOffset.multiplyScalar(1 - this.dampingFactor)) : (this._sphericalDelta.set(0, 0, 0), this._panOffset.set(0, 0, 0)), this.zoomToCursor && this._performCursorZoom) {
+      let o = null;
       if (this.object.isPerspectiveCamera) {
-        const h = u.length();
-        a = this._clampDistance(h * this._scale);
-        const c = h - a;
-        this.object.position.addScaledVector(this._dollyDirection, c), this.object.updateMatrixWorld(), n = !!c;
+        const r = c.length();
+        o = this._clampDistance(r * this._scale);
+        const l = r - o;
+        this.object.position.addScaledVector(this._dollyDirection, l), this.object.updateMatrixWorld(), n = !!l;
       } else if (this.object.isOrthographicCamera) {
-        const h = new y(this._mouse.x, this._mouse.y, 0);
-        h.unproject(this.object);
-        const c = this.object.zoom;
-        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), n = c !== this.object.zoom;
-        const m = new y(this._mouse.x, this._mouse.y, 0);
-        m.unproject(this.object), this.object.position.sub(m).add(h), this.object.updateMatrixWorld(), a = u.length();
+        const r = new g(this._mouse.x, this._mouse.y, 0);
+        r.unproject(this.object);
+        const l = this.object.zoom;
+        this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), this.object.updateProjectionMatrix(), n = l !== this.object.zoom;
+        const u = new g(this._mouse.x, this._mouse.y, 0);
+        u.unproject(this.object), this.object.position.sub(u).add(r), this.object.updateMatrixWorld(), o = c.length();
       } else
         console.warn("WARNING: OrbitControls.js encountered an unknown camera type - zoom to cursor disabled."), this.zoomToCursor = !1;
-      a !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(a).add(this.object.position) : (w.origin.copy(this.object.position), w.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(w.direction)) < et ? this.object.lookAt(this.target) : (Y.setFromNormalAndCoplanarPoint(this.object.up, this.target), w.intersectPlane(Y, this.target))));
+      o !== null && (this.screenSpacePanning ? this.target.set(0, 0, -1).transformDirection(this.object.matrix).multiplyScalar(o).add(this.object.position) : (w.origin.copy(this.object.position), w.direction.set(0, 0, -1).transformDirection(this.object.matrix), Math.abs(this.object.up.dot(w.direction)) < _t ? this.object.lookAt(this.target) : (q.setFromNormalAndCoplanarPoint(this.object.up, this.target), w.intersectPlane(q, this.target))));
     } else if (this.object.isOrthographicCamera) {
-      const a = this.object.zoom;
-      this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), a !== this.object.zoom && (this.object.updateProjectionMatrix(), n = !0);
+      const o = this.object.zoom;
+      this.object.zoom = Math.max(this.minZoom, Math.min(this.maxZoom, this.object.zoom / this._scale)), o !== this.object.zoom && (this.object.updateProjectionMatrix(), n = !0);
     }
-    return this._scale = 1, this._performCursorZoom = !1, n || this._lastPosition.distanceToSquared(this.object.position) > z || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > z || this._lastTargetPosition.distanceToSquared(this.target) > z ? (this.dispatchEvent(W), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
+    return this._scale = 1, this._performCursorZoom = !1, n || this._lastPosition.distanceToSquared(this.object.position) > j || 8 * (1 - this._lastQuaternion.dot(this.object.quaternion)) > j || this._lastTargetPosition.distanceToSquared(this.target) > j ? (this.dispatchEvent(K), this._lastPosition.copy(this.object.position), this._lastQuaternion.copy(this.object.quaternion), this._lastTargetPosition.copy(this.target), !0) : !1;
   }
   _getAutoRotationAngle(t) {
     return t !== null ? f / 60 * this.autoRotateSpeed * t : f / 60 / 60 * this.autoRotateSpeed;
@@ -130,18 +129,18 @@ class it extends Q {
     this._sphericalDelta.phi -= t;
   }
   _panLeft(t, e) {
-    u.setFromMatrixColumn(e, 0), u.multiplyScalar(-t), this._panOffset.add(u);
+    c.setFromMatrixColumn(e, 0), c.multiplyScalar(-t), this._panOffset.add(c);
   }
   _panUp(t, e) {
-    this.screenSpacePanning === !0 ? u.setFromMatrixColumn(e, 1) : (u.setFromMatrixColumn(e, 0), u.crossVectors(this.object.up, u)), u.multiplyScalar(t), this._panOffset.add(u);
+    this.screenSpacePanning === !0 ? c.setFromMatrixColumn(e, 1) : (c.setFromMatrixColumn(e, 0), c.crossVectors(this.object.up, c)), c.multiplyScalar(t), this._panOffset.add(c);
   }
   // deltaX and deltaY are in pixels; right and down are positive
   _pan(t, e) {
     const i = this.domElement;
     if (this.object.isPerspectiveCamera) {
       const s = this.object.position;
-      u.copy(s).sub(this.target);
-      let n = u.length();
+      c.copy(s).sub(this.target);
+      let n = c.length();
       n *= Math.tan(this.object.fov / 2 * Math.PI / 180), this._panLeft(2 * t * n / i.clientHeight, this.object.matrix), this._panUp(2 * e * n / i.clientHeight, this.object.matrix);
     } else this.object.isOrthographicCamera ? (this._panLeft(t * (this.object.right - this.object.left) / this.object.zoom / i.clientWidth, this.object.matrix), this._panUp(e * (this.object.top - this.object.bottom) / this.object.zoom / i.clientHeight, this.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), this.enablePan = !1);
   }
@@ -155,8 +154,8 @@ class it extends Q {
     if (!this.zoomToCursor)
       return;
     this._performCursorZoom = !0;
-    const i = this.domElement.getBoundingClientRect(), s = t - i.left, n = e - i.top, a = i.width, h = i.height;
-    this._mouse.x = s / a * 2 - 1, this._mouse.y = -(n / h) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
+    const i = this.domElement.getBoundingClientRect(), s = t - i.left, n = e - i.top, o = i.width, r = i.height;
+    this._mouse.x = s / o * 2 - 1, this._mouse.y = -(n / r) * 2 + 1, this._dollyDirection.set(this._mouse.x, this._mouse.y, 1).unproject(this.object).sub(this.object.position).normalize();
   }
   _clampDistance(t) {
     return Math.max(this.minDistance, Math.min(this.maxDistance, t));
@@ -254,8 +253,8 @@ class it extends Q {
   _handleTouchMoveDolly(t) {
     const e = this._getSecondPointerPosition(t), i = t.pageX - e.x, s = t.pageY - e.y, n = Math.sqrt(i * i + s * s);
     this._dollyEnd.set(0, n), this._dollyDelta.set(0, Math.pow(this._dollyEnd.y / this._dollyStart.y, this.zoomSpeed)), this._dollyOut(this._dollyDelta.y), this._dollyStart.copy(this._dollyEnd);
-    const a = (t.pageX + e.x) * 0.5, h = (t.pageY + e.y) * 0.5;
-    this._updateZoomParameters(a, h);
+    const o = (t.pageX + e.x) * 0.5, r = (t.pageY + e.y) * 0.5;
+    this._updateZoomParameters(o, r);
   }
   _handleTouchMoveDollyPan(t) {
     this.enableZoom && this._handleTouchMoveDolly(t), this.enablePan && this._handleTouchMovePan(t);
@@ -282,7 +281,7 @@ class it extends Q {
   }
   _trackPointer(t) {
     let e = this._pointerPositions[t.pointerId];
-    e === void 0 && (e = new g(), this._pointerPositions[t.pointerId] = e), e.set(t.pageX, t.pageY);
+    e === void 0 && (e = new d(), this._pointerPositions[t.pointerId] = e), e.set(t.pageX, t.pageY);
   }
   _getSecondPointerPosition(t) {
     const e = t.pointerId === this._pointers[0] ? this._pointers[1] : this._pointers[0];
@@ -306,16 +305,16 @@ class it extends Q {
     return t.ctrlKey && !this._controlActive && (i.deltaY *= 10), i;
   }
 }
-function st(o) {
-  this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(o.pointerId), this.domElement.ownerDocument.addEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(o) && (this._addPointer(o), o.pointerType === "touch" ? this._onTouchStart(o) : this._onMouseDown(o)));
+function Pt(a) {
+  this.enabled !== !1 && (this._pointers.length === 0 && (this.domElement.setPointerCapture(a.pointerId), this.domElement.ownerDocument.addEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.addEventListener("pointerup", this._onPointerUp)), !this._isTrackingPointer(a) && (this._addPointer(a), a.pointerType === "touch" ? this._onTouchStart(a) : this._onMouseDown(a)));
 }
-function nt(o) {
-  this.enabled !== !1 && (o.pointerType === "touch" ? this._onTouchMove(o) : this._onMouseMove(o));
+function vt(a) {
+  this.enabled !== !1 && (a.pointerType === "touch" ? this._onTouchMove(a) : this._onMouseMove(a));
 }
-function ot(o) {
-  switch (this._removePointer(o), this._pointers.length) {
+function wt(a) {
+  switch (this._removePointer(a), this._pointers.length) {
     case 0:
-      this.domElement.releasePointerCapture(o.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(H), this.state = l.NONE;
+      this.domElement.releasePointerCapture(a.pointerId), this.domElement.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.removeEventListener("pointerup", this._onPointerUp), this.dispatchEvent(J), this.state = h.NONE;
       break;
     case 1:
       const t = this._pointers[0], e = this._pointerPositions[t];
@@ -323,9 +322,9 @@ function ot(o) {
       break;
   }
 }
-function at(o) {
+function St(a) {
   let t;
-  switch (o.button) {
+  switch (a.button) {
     case 0:
       t = this.mouseButtons.LEFT;
       break;
@@ -339,122 +338,122 @@ function at(o) {
       t = -1;
   }
   switch (t) {
-    case b.DOLLY:
+    case x.DOLLY:
       if (this.enableZoom === !1) return;
-      this._handleMouseDownDolly(o), this.state = l.DOLLY;
+      this._handleMouseDownDolly(a), this.state = h.DOLLY;
       break;
-    case b.ROTATE:
-      if (o.ctrlKey || o.metaKey || o.shiftKey) {
+    case x.ROTATE:
+      if (a.ctrlKey || a.metaKey || a.shiftKey) {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(o), this.state = l.PAN;
+        this._handleMouseDownPan(a), this.state = h.PAN;
       } else {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(o), this.state = l.ROTATE;
+        this._handleMouseDownRotate(a), this.state = h.ROTATE;
       }
       break;
-    case b.PAN:
-      if (o.ctrlKey || o.metaKey || o.shiftKey) {
+    case x.PAN:
+      if (a.ctrlKey || a.metaKey || a.shiftKey) {
         if (this.enableRotate === !1) return;
-        this._handleMouseDownRotate(o), this.state = l.ROTATE;
+        this._handleMouseDownRotate(a), this.state = h.ROTATE;
       } else {
         if (this.enablePan === !1) return;
-        this._handleMouseDownPan(o), this.state = l.PAN;
+        this._handleMouseDownPan(a), this.state = h.PAN;
       }
       break;
     default:
-      this.state = l.NONE;
+      this.state = h.NONE;
   }
-  this.state !== l.NONE && this.dispatchEvent(j);
+  this.state !== h.NONE && this.dispatchEvent(Y);
 }
-function rt(o) {
+function Tt(a) {
   switch (this.state) {
-    case l.ROTATE:
+    case h.ROTATE:
       if (this.enableRotate === !1) return;
-      this._handleMouseMoveRotate(o);
+      this._handleMouseMoveRotate(a);
       break;
-    case l.DOLLY:
+    case h.DOLLY:
       if (this.enableZoom === !1) return;
-      this._handleMouseMoveDolly(o);
+      this._handleMouseMoveDolly(a);
       break;
-    case l.PAN:
+    case h.PAN:
       if (this.enablePan === !1) return;
-      this._handleMouseMovePan(o);
+      this._handleMouseMovePan(a);
       break;
   }
 }
-function ht(o) {
-  this.enabled === !1 || this.enableZoom === !1 || this.state !== l.NONE || (o.preventDefault(), this.dispatchEvent(j), this._handleMouseWheel(this._customWheelEvent(o)), this.dispatchEvent(H));
+function Mt(a) {
+  this.enabled === !1 || this.enableZoom === !1 || this.state !== h.NONE || (a.preventDefault(), this.dispatchEvent(Y), this._handleMouseWheel(this._customWheelEvent(a)), this.dispatchEvent(J));
 }
-function lt(o) {
-  this.enabled !== !1 && this._handleKeyDown(o);
+function Et(a) {
+  this.enabled !== !1 && this._handleKeyDown(a);
 }
-function ct(o) {
-  switch (this._trackPointer(o), this._pointers.length) {
+function Dt(a) {
+  switch (this._trackPointer(a), this._pointers.length) {
     case 1:
       switch (this.touches.ONE) {
-        case x.ROTATE:
+        case b.ROTATE:
           if (this.enableRotate === !1) return;
-          this._handleTouchStartRotate(o), this.state = l.TOUCH_ROTATE;
+          this._handleTouchStartRotate(a), this.state = h.TOUCH_ROTATE;
           break;
-        case x.PAN:
+        case b.PAN:
           if (this.enablePan === !1) return;
-          this._handleTouchStartPan(o), this.state = l.TOUCH_PAN;
+          this._handleTouchStartPan(a), this.state = h.TOUCH_PAN;
           break;
         default:
-          this.state = l.NONE;
+          this.state = h.NONE;
       }
       break;
     case 2:
       switch (this.touches.TWO) {
-        case x.DOLLY_PAN:
+        case b.DOLLY_PAN:
           if (this.enableZoom === !1 && this.enablePan === !1) return;
-          this._handleTouchStartDollyPan(o), this.state = l.TOUCH_DOLLY_PAN;
+          this._handleTouchStartDollyPan(a), this.state = h.TOUCH_DOLLY_PAN;
           break;
-        case x.DOLLY_ROTATE:
+        case b.DOLLY_ROTATE:
           if (this.enableZoom === !1 && this.enableRotate === !1) return;
-          this._handleTouchStartDollyRotate(o), this.state = l.TOUCH_DOLLY_ROTATE;
+          this._handleTouchStartDollyRotate(a), this.state = h.TOUCH_DOLLY_ROTATE;
           break;
         default:
-          this.state = l.NONE;
+          this.state = h.NONE;
       }
       break;
     default:
-      this.state = l.NONE;
+      this.state = h.NONE;
   }
-  this.state !== l.NONE && this.dispatchEvent(j);
+  this.state !== h.NONE && this.dispatchEvent(Y);
 }
-function ut(o) {
-  switch (this._trackPointer(o), this.state) {
-    case l.TOUCH_ROTATE:
+function kt(a) {
+  switch (this._trackPointer(a), this.state) {
+    case h.TOUCH_ROTATE:
       if (this.enableRotate === !1) return;
-      this._handleTouchMoveRotate(o), this.update();
+      this._handleTouchMoveRotate(a), this.update();
       break;
-    case l.TOUCH_PAN:
+    case h.TOUCH_PAN:
       if (this.enablePan === !1) return;
-      this._handleTouchMovePan(o), this.update();
+      this._handleTouchMovePan(a), this.update();
       break;
-    case l.TOUCH_DOLLY_PAN:
+    case h.TOUCH_DOLLY_PAN:
       if (this.enableZoom === !1 && this.enablePan === !1) return;
-      this._handleTouchMoveDollyPan(o), this.update();
+      this._handleTouchMoveDollyPan(a), this.update();
       break;
-    case l.TOUCH_DOLLY_ROTATE:
+    case h.TOUCH_DOLLY_ROTATE:
       if (this.enableZoom === !1 && this.enableRotate === !1) return;
-      this._handleTouchMoveDollyRotate(o), this.update();
+      this._handleTouchMoveDollyRotate(a), this.update();
       break;
     default:
-      this.state = l.NONE;
+      this.state = h.NONE;
   }
 }
-function dt(o) {
-  this.enabled !== !1 && o.preventDefault();
+function At(a) {
+  this.enabled !== !1 && a.preventDefault();
 }
-function mt(o) {
-  o.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
+function Rt(a) {
+  a.key === "Control" && (this._controlActive = !0, this.domElement.getRootNode().addEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-function ft(o) {
-  o.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
+function Ot(a) {
+  a.key === "Control" && (this._controlActive = !1, this.domElement.getRootNode().removeEventListener("keyup", this._interceptControlUp, { passive: !0, capture: !0 }));
 }
-var X = `precision highp float;
+var V = `precision highp float;
 
 attribute float instanceIndex;
 
@@ -569,7 +568,7 @@ void main() {
     currentScreen += normal * position.y * effectiveLineWidth * 2.0;
     
     gl_Position = vec4((currentScreen / uResolution * 2.0 - 1.0), 0.0, 1.0);
-}`, pt = `precision highp float;
+}`, Ct = `precision highp float;
 uniform vec3 uColor;
 uniform vec3 uOutlineColor;
 uniform float uOutlineWidth;
@@ -621,7 +620,7 @@ class S {
   material;
   params;
   static customInjection = "";
-  constructor(t, e = new r.Color(65416)) {
+  constructor(t, e = new _(65416)) {
     this.params = {
       count: t,
       frequency: 0.1,
@@ -632,16 +631,16 @@ class S {
       lodFactor: 1,
       pointSize: 2
     };
-    const i = new r.PlaneGeometry(1, 1);
-    this.geometry = new r.InstancedBufferGeometry(), this.geometry.index = i.index, i.attributes.position && this.geometry.setAttribute("position", i.attributes.position);
+    const i = new U(1, 1);
+    this.geometry = new ct(), this.geometry.index = i.index, i.attributes.position && this.geometry.setAttribute("position", i.attributes.position);
     const s = new Float32Array(t);
-    for (let c = 0; c < t; c++) s[c] = c;
-    this.geometry.setAttribute("instanceIndex", new r.InstancedBufferAttribute(s, 1));
-    const n = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, a = X.replace(
+    for (let l = 0; l < t; l++) s[l] = l;
+    this.geometry.setAttribute("instanceIndex", new I(s, 1));
+    const n = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, o = V.replace(
       n,
       S.customInjection || "else { y = 0.0; }"
     );
-    this.material = new r.ShaderMaterial({
+    this.material = new M({
       uniforms: {
         uTime: { value: 0 },
         uCount: { value: Number(t) },
@@ -651,23 +650,23 @@ class S {
         uPreset: { value: Number(this.params.presetIndex) },
         uColor: { value: e.clone() },
         uLodFactor: { value: 1 },
-        uResolution: { value: new r.Vector2(100, 100) },
+        uResolution: { value: new d(100, 100) },
         uLineWidth: { value: 2 },
-        uOutlineColor: { value: new r.Color(0) },
+        uOutlineColor: { value: new _(0) },
         uOutlineWidth: { value: 0 },
         uDashScale: { value: 0 },
-        uOffset: { value: new r.Vector2(0, 0) }
+        uOffset: { value: new d(0, 0) }
       },
-      vertexShader: a,
-      fragmentShader: pt,
+      vertexShader: o,
+      fragmentShader: Ct,
       transparent: !1,
       depthWrite: !1,
       depthTest: !1,
-      blending: r.AdditiveBlending
-    }), this.instancedMesh = new r.InstancedMesh(this.geometry, this.material, t), this.instancedMesh.frustumCulled = !1;
-    const h = new r.Object3D();
-    h.updateMatrix();
-    for (let c = 0; c < t; c++) this.instancedMesh.setMatrixAt(c, h.matrix);
+      blending: W
+    }), this.instancedMesh = new Q(this.geometry, this.material, t), this.instancedMesh.frustumCulled = !1;
+    const r = new $();
+    r.updateMatrix();
+    for (let l = 0; l < t; l++) this.instancedMesh.setMatrixAt(l, r.matrix);
   }
   setParams(t) {
     return this.params = { ...this.params, ...t }, this;
@@ -692,13 +691,13 @@ class S {
   }
   injectPresets(t) {
     let e = "", i = 8;
-    t.forEach((a, h) => {
-      e += `else if (preset == ${i}) { // ${h}
- y = ${a};
+    t.forEach((o, r) => {
+      e += `else if (preset == ${i}) { // ${r}
+ y = ${o};
  }
 `, i++;
     }), e += "else { y = 0.0; }", S.customInjection = e;
-    const s = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, n = X.replace(s, e);
+    const s = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, n = V.replace(s, e);
     this.material.vertexShader !== n && (this.material.vertexShader = n, this.material.needsUpdate = !0);
   }
   update(t, e) {
@@ -707,16 +706,16 @@ class S {
     e && i.uResolution.value.set(e.pixelWidth, e.pixelHeight);
     const s = this.params, n = s.autoUpdate !== !1 ? t : 0;
     this.updateUniform(i.uTime, n), this.updateUniform(i.uFrequency, s.frequency), this.updateUniform(i.uAmplitude, s.amplitude), this.updateUniform(i.uPlotWidth, s.width ?? 400), this.updateUniform(i.uPreset, Number(s.presetIndex)), this.updateUniform(i.uLodFactor, s.lodFactor ?? 1), this.updateUniform(i.uLineWidth, s.pointSize ?? 2), s.color !== void 0 && i.uColor.value.set(s.color), s.borderColor !== void 0 && i.uOutlineColor.value.set(s.borderColor), this.updateUniform(i.uOutlineWidth, s.borderWidth ?? 0), this.updateUniform(i.uDashScale, s.dashScale ?? 0), s.offset && i.uOffset.value.set(s.offset.x, s.offset.y);
-    const a = this.calculateEffectiveCount(s, e);
-    this.updateUniform(i.uCount, a), this.instancedMesh.count = Math.max(0, a);
+    const o = this.calculateEffectiveCount(s, e);
+    this.updateUniform(i.uCount, o), this.instancedMesh.count = Math.max(0, o);
   }
   updateUniform(t, e) {
     t.value !== e && (t.value = e);
   }
   calculateEffectiveCount(t, e) {
     if (!e) return t.count;
-    const n = (t.width ?? 400) / Math.max(e.maxX - e.minX, 1e-3), a = Math.ceil(e.pixelWidth * 2 * n);
-    return Math.min(t.count, a);
+    const n = (t.width ?? 400) / Math.max(e.maxX - e.minX, 1e-3), o = Math.ceil(e.pixelWidth * 2 * n);
+    return Math.min(t.count, o);
   }
   get mesh() {
     return this.instancedMesh;
@@ -728,7 +727,7 @@ class S {
     this.geometry.dispose(), Array.isArray(this.material) ? this.material.forEach((t) => t.dispose()) : this.material.dispose();
   }
 }
-var F = `precision highp float;
+var G = `precision highp float;
 attribute float pIndex;
 uniform float uTime;
 uniform float uCount;
@@ -805,7 +804,7 @@ void main() {
     vec4 mvPosition = modelViewMatrix * worldPos;
     gl_PointSize = uPointSize;
     gl_Position = projectionMatrix * mvPosition;
-}`, gt = `precision mediump float;
+}`, zt = `precision mediump float;
 uniform vec3 uColor;
 
 void main() {
@@ -825,7 +824,7 @@ class T {
   material;
   params;
   static customInjection = "";
-  constructor(t, e = new r.Color(65416)) {
+  constructor(t, e = new _(65416)) {
     this.params = {
       count: t,
       frequency: 0.1,
@@ -838,19 +837,19 @@ class T {
       adaptive: !0,
       autoSubsampling: !0,
       autoCulling: !0
-    }, this.geometry = this.initGeometry(t), this.material = this.initMaterial(t, e), this.points = new r.Points(this.geometry, this.material), this.points.frustumCulled = !1;
+    }, this.geometry = this.initGeometry(t), this.material = this.initMaterial(t, e), this.points = new ut(this.geometry, this.material), this.points.frustumCulled = !1;
   }
   initGeometry(t) {
-    const e = new r.BufferGeometry(), i = new Float32Array(t);
+    const e = new dt(), i = new Float32Array(t);
     for (let s = 0; s < t; s++) i[s] = s;
-    return e.setAttribute("pIndex", new r.BufferAttribute(i, 1)), e.setDrawRange(0, t), e;
+    return e.setAttribute("pIndex", new mt(i, 1)), e.setDrawRange(0, t), e;
   }
   initMaterial(t, e) {
-    const i = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, s = F.replace(
+    const i = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, s = G.replace(
       i,
       T.customInjection || "else { y = 0.0; }"
     );
-    return new r.ShaderMaterial({
+    return new M({
       uniforms: {
         uTime: { value: 0 },
         uCount: { value: Number(t) },
@@ -862,14 +861,14 @@ class T {
         uColor: { value: e.clone() },
         uAdaptive: { value: 1 },
         uLodFactor: { value: 1 },
-        uOffset: { value: new r.Vector2(0, 0) }
+        uOffset: { value: new d(0, 0) }
       },
       vertexShader: s,
-      fragmentShader: gt,
+      fragmentShader: zt,
       transparent: !1,
       depthWrite: !1,
       depthTest: !1,
-      blending: r.AdditiveBlending
+      blending: W
     });
   }
   setParams(t) {
@@ -901,13 +900,13 @@ class T {
   }
   injectPresets(t) {
     let e = "", i = 8;
-    t.forEach((a, h) => {
-      e += `else if (preset == ${i}) { // ${h}
- y = ${a};
+    t.forEach((o, r) => {
+      e += `else if (preset == ${i}) { // ${r}
+ y = ${o};
  }
 `, i++;
     }), e += "else { y = 0.0; }", T.customInjection = e;
-    const s = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, n = F.replace(s, e);
+    const s = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, n = G.replace(s, e);
     this.material.vertexShader !== n && (this.material.vertexShader = n, this.material.needsUpdate = !0);
   }
   update(t, e) {
@@ -915,8 +914,8 @@ class T {
     if (!i) return;
     const s = this.params, n = s.autoUpdate !== !1 ? t : 0;
     this.updateUniform(i.uTime, n), this.updateUniform(i.uFrequency, s.frequency), this.updateUniform(i.uAmplitude, s.amplitude), this.updateUniform(i.uPlotWidth, s.width ?? 400), this.updateUniform(i.uPreset, Number(s.presetIndex)), this.updateUniform(i.uLodFactor, s.lodFactor ?? 1), this.updateUniform(i.uAdaptive, s.adaptive ? 1 : 0), s.color !== void 0 && i.uColor.value.set(s.color), s.offset && i.uOffset.value.set(s.offset.x, s.offset.y);
-    const a = this.calculateEffectiveCount(s, e), { drawStart: h, drawCount: c } = this.calculateDrawRange(a, s, e), m = this.calculatePointSize(s.pointSize ?? 5, s.count, s.adaptive ?? !0);
-    this.updateUniform(i.uPointSize, m), this.updateUniform(i.uCount, a), this.geometry.setDrawRange(h, c);
+    const o = this.calculateEffectiveCount(s, e), { drawStart: r, drawCount: l } = this.calculateDrawRange(o, s, e), u = this.calculatePointSize(s.pointSize ?? 5, s.count, s.adaptive ?? !0);
+    this.updateUniform(i.uPointSize, u), this.updateUniform(i.uCount, o), this.geometry.setDrawRange(r, l);
   }
   updateUniform(t, e) {
     t.value !== e && (t.value = e);
@@ -928,8 +927,8 @@ class T {
   }
   calculateDrawRange(t, e, i) {
     if (!(e.autoCulling ?? !0) || !i) return { drawStart: 0, drawCount: t };
-    const s = e.width ?? 400, n = -(s * 0.5), a = (i.minX - n) / s, h = (i.maxX - n) / s, c = Math.max(0, Math.floor(a * (t - 1))), m = Math.min(t - 1, Math.ceil(h * (t - 1)));
-    return { drawStart: c, drawCount: Math.max(1, m - c + 1) };
+    const s = e.width ?? 400, n = -(s * 0.5), o = (i.minX - n) / s, r = (i.maxX - n) / s, l = Math.max(0, Math.floor(o * (t - 1))), u = Math.min(t - 1, Math.ceil(r * (t - 1)));
+    return { drawStart: l, drawCount: Math.max(1, u - l + 1) };
   }
   calculatePointSize(t, e, i) {
     return i ? Math.max(0.1, t * Math.sqrt(1e5 / e)) : t;
@@ -944,14 +943,14 @@ class T {
     this.geometry.dispose(), Array.isArray(this.material) ? this.material.forEach((t) => t.dispose()) : this.material.dispose();
   }
 }
-var yt = `varying vec2 vUv;
+var Lt = `varying vec2 vUv;
 varying vec3 vWorldPos;
 
 void main() {
     vUv = uv;
     vWorldPos = (modelMatrix * vec4(position, 1.0)).xyz;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-}`, _t = `precision highp float;
+}`, jt = `precision highp float;
 
 varying vec3 vWorldPos;
 
@@ -1049,7 +1048,7 @@ void main() {
     
     gl_FragColor = vec4(uColor, finalAlpha * 0.8);
 }`;
-const xt = `
+const It = `
 attribute vec4 aUvOffset;
 attribute vec3 aColor;
 varying vec2 vUv;
@@ -1060,7 +1059,7 @@ void main() {
     vColor = aColor;
     gl_Position = projectionMatrix * modelViewMatrix * instanceMatrix * vec4(position, 1.0);
 }
-`, bt = `
+`, Ut = `
 varying vec2 vUv;
 varying vec3 vColor;
 uniform sampler2D uMap;
@@ -1094,7 +1093,7 @@ void main() {
     gl_FragColor = vec4(vColor, opacity);
 }
 `;
-class Pt {
+class Wt {
   mesh;
   material;
   charMap = /* @__PURE__ */ new Map();
@@ -1102,19 +1101,19 @@ class Pt {
   instances = [];
   capacity;
   constructor(t = 100) {
-    this.capacity = t, this.material = new r.ShaderMaterial({
-      vertexShader: xt,
-      fragmentShader: bt,
+    this.capacity = t, this.material = new M({
+      vertexShader: It,
+      fragmentShader: Ut,
       uniforms: { uMap: { value: null } },
       transparent: !0,
-      side: r.DoubleSide,
+      side: ft,
       depthWrite: !1
     }), this.mesh = this.createMesh(this.capacity);
   }
   createMesh(t) {
-    const e = new r.PlaneGeometry(1, 1);
-    e.setAttribute("aUvOffset", new r.InstancedBufferAttribute(new Float32Array(t * 4), 4)), e.setAttribute("aColor", new r.InstancedBufferAttribute(new Float32Array(t * 3), 3));
-    const i = new r.InstancedMesh(e, this.material, t);
+    const e = new U(1, 1);
+    e.setAttribute("aUvOffset", new I(new Float32Array(t * 4), 4)), e.setAttribute("aColor", new I(new Float32Array(t * 3), 3));
+    const i = new Q(e, this.material, t);
     return i.count = 0, i.frustumCulled = !1, i;
   }
   grow(t) {
@@ -1124,17 +1123,17 @@ class Pt {
   async load(t, e) {
     const [i, s] = await Promise.all([
       fetch(t).then((n) => n.json()),
-      new r.TextureLoader().loadAsync(e)
+      new pt().loadAsync(e)
     ]);
-    this.fontData = i, this.fontData && this.fontData.chars && this.fontData.chars.forEach((n) => this.charMap.set(n.char, n)), s.minFilter = r.LinearFilter, s.magFilter = r.LinearFilter, s.generateMipmaps = !1, this.material.uniforms.uMap && (this.material.uniforms.uMap.value = s);
+    this.fontData = i, this.fontData && this.fontData.chars && this.fontData.chars.forEach((n) => this.charMap.set(n.char, n)), s.minFilter = H, s.magFilter = H, s.generateMipmaps = !1, this.material.uniforms.uMap && (this.material.uniforms.uMap.value = s);
   }
-  addText(t, e, i, s = 0.1, n = "#ffffff", a = "left") {
+  addText(t, e, i, s = 0.1, n = "#ffffff", o = "left") {
     return this.instances.push({
       text: t,
-      position: new r.Vector3(e, i, 0),
+      position: new g(e, i, 0),
       scale: s,
-      color: new r.Color(n),
-      align: a
+      color: new _(n),
+      align: o
     }), this;
   }
   clear() {
@@ -1143,34 +1142,34 @@ class Pt {
   update() {
     if (!this.fontData) return;
     let t = 0;
-    for (const _ of this.instances)
-      t += _.text.length;
+    for (const y of this.instances)
+      t += y.text.length;
     t > this.capacity && this.grow(t);
     let e = 0;
-    const i = this.mesh.instanceMatrix.array, s = this.mesh.geometry.getAttribute("aUvOffset"), n = s.array, a = this.mesh.geometry.getAttribute("aColor"), h = a.array, c = this.fontData.common.scaleW, m = this.fontData.common.scaleH, Z = this.charMap;
-    for (const _ of this.instances) {
-      const M = _.text, V = M.length, P = _.scale, E = _.position, D = _.color;
+    const i = this.mesh.instanceMatrix.array, s = this.mesh.geometry.getAttribute("aUvOffset"), n = s.array, o = this.mesh.geometry.getAttribute("aColor"), r = o.array, l = this.fontData.common.scaleW, u = this.fontData.common.scaleH, tt = this.charMap;
+    for (const y of this.instances) {
+      const E = y.text, et = E.length, P = y.scale, D = y.position, k = y.color;
       let A = 0;
-      const L = this.calculateWidth(M) * P;
-      let k = 0;
-      _.align === "center" ? k = -L / 2 : _.align === "right" && (k = -L);
-      for (let R = 0; R < V && !(e >= this.capacity); R++) {
-        const O = M[R];
-        if (O === void 0) continue;
-        const p = Z.get(O);
+      const X = this.calculateWidth(E) * P;
+      let R = 0;
+      y.align === "center" ? R = -X / 2 : y.align === "right" && (R = -X);
+      for (let O = 0; O < et && !(e >= this.capacity); O++) {
+        const C = E[O];
+        if (C === void 0) continue;
+        const p = tt.get(C);
         if (!p) {
-          O === " " && (A += 20);
+          C === " " && (A += 20);
           continue;
         }
-        const d = e * 16, K = p.width * P, q = p.height * P, G = E.x + k + (A + p.xoffset + p.width / 2) * P, B = E.y - (p.yoffset + p.height / 2) * P;
-        i[d + 0] = K, i[d + 1] = 0, i[d + 2] = 0, i[d + 3] = 0, i[d + 4] = 0, i[d + 5] = q, i[d + 6] = 0, i[d + 7] = 0, i[d + 8] = 0, i[d + 9] = 0, i[d + 10] = 1, i[d + 11] = 0, i[d + 12] = G, i[d + 13] = B, i[d + 14] = E.z, i[d + 15] = 1;
+        const m = e * 16, it = p.width * P, st = p.height * P, nt = D.x + R + (A + p.xoffset + p.width / 2) * P, at = D.y - (p.yoffset + p.height / 2) * P;
+        i[m + 0] = it, i[m + 1] = 0, i[m + 2] = 0, i[m + 3] = 0, i[m + 4] = 0, i[m + 5] = st, i[m + 6] = 0, i[m + 7] = 0, i[m + 8] = 0, i[m + 9] = 0, i[m + 10] = 1, i[m + 11] = 0, i[m + 12] = nt, i[m + 13] = at, i[m + 14] = D.z, i[m + 15] = 1;
         const v = e * 4;
-        n[v + 0] = p.x / c, n[v + 1] = 1 - (p.y + p.height) / m, n[v + 2] = p.width / c, n[v + 3] = p.height / m;
-        const C = e * 3;
-        h[C + 0] = D.r, h[C + 1] = D.g, h[C + 2] = D.b, A += p.xadvance, e++;
+        n[v + 0] = p.x / l, n[v + 1] = 1 - (p.y + p.height) / u, n[v + 2] = p.width / l, n[v + 3] = p.height / u;
+        const z = e * 3;
+        r[z + 0] = k.r, r[z + 1] = k.g, r[z + 2] = k.b, A += p.xadvance, e++;
       }
     }
-    this.mesh.count = e, this.mesh.instanceMatrix.needsUpdate = !0, s.needsUpdate = !0, a.needsUpdate = !0;
+    this.mesh.count = e, this.mesh.instanceMatrix.needsUpdate = !0, s.needsUpdate = !0, o.needsUpdate = !0;
   }
   calculateWidth(t) {
     if (!this.fontData) return 0;
@@ -1192,17 +1191,17 @@ class Pt {
     return this.mesh;
   }
 }
-class N {
+class B {
   engine;
   params = { offset: { x: 0, y: 0 } };
   constructor(t = 100) {
-    this.engine = new Pt(t);
+    this.engine = new Wt(t);
   }
   async load(t, e) {
     await this.engine.load(t, e);
   }
-  add(t, e, i, s = 0.1, n = "#ffffff", a = "left") {
-    return this.engine.addText(t, e, i, s, n, a), this;
+  add(t, e, i, s = 0.1, n = "#ffffff", o = "left") {
+    return this.engine.addText(t, e, i, s, n, o), this;
   }
   setParams(t) {
     return this.params = { ...this.params, ...t }, this;
@@ -1227,7 +1226,7 @@ class N {
     this.engine.meshObj.geometry.dispose(), Array.isArray(this.engine.meshObj.material) ? this.engine.meshObj.material.forEach((t) => t.dispose()) : this.engine.meshObj.material.dispose();
   }
 }
-class vt {
+class Yt {
   meshObj;
   geometry;
   material;
@@ -1235,7 +1234,7 @@ class vt {
   textEngine;
   constructor(t = "#ffffff") {
     this.params = {
-      color: new r.Color(t),
+      color: new _(t),
       offset: { x: 0, y: 0 },
       tickStep: 50,
       tickSize: 8,
@@ -1250,25 +1249,25 @@ class vt {
       showLabels: !1,
       labelPrecision: 0,
       thickness: 1.5
-    }, this.geometry = new r.PlaneGeometry(4e3, 4e3), this.material = new r.ShaderMaterial({
+    }, this.geometry = new U(4e3, 4e3), this.material = new M({
       uniforms: {
         uColor: { value: this.params.color },
-        uOffset: { value: new r.Vector2(0, 0) },
+        uOffset: { value: new d(0, 0) },
         uTickStep: { value: 50 },
         uTickSize: { value: 8 },
         uSubTicks: { value: 0 },
         uSubTickSize: { value: 4 },
-        uRangeX: { value: new r.Vector2(-200, 200) },
-        uRangeY: { value: new r.Vector2(-50, 50) },
+        uRangeX: { value: new d(-200, 200) },
+        uRangeY: { value: new d(-50, 50) },
         uZoom: { value: 1 },
         uThickness: { value: 1.5 }
       },
-      vertexShader: yt,
-      fragmentShader: _t,
+      vertexShader: Lt,
+      fragmentShader: jt,
       transparent: !0,
       depthWrite: !1,
-      blending: r.AdditiveBlending
-    }), this.meshObj = new r.Mesh(this.geometry, this.material), this.meshObj.position.z = -0.1;
+      blending: W
+    }), this.meshObj = new gt(this.geometry, this.material), this.meshObj.position.z = -0.1;
   }
   setParams(t) {
     return this.params = { ...this.params, ...t }, this;
@@ -1311,11 +1310,11 @@ class vt {
   }
   renderLabels() {
     if (!this.textEngine) return;
-    const t = this.params, e = this.textEngine, i = t.offset.x, s = t.offset.y, n = t.labelPrecision, a = t.minX + i - 4;
-    e.add(t.maxY.toFixed(n), a, s + t.maxY, t.labelSize, t.labelColor, "right"), e.add(0 .toFixed(n), a, s, t.labelSize, t.labelColor, "right"), e.add(t.minY.toFixed(n), a, s + t.minY, t.labelSize, t.labelColor, "right");
-    const h = t.tickStep, c = Math.ceil(t.minX / h) * h;
-    for (let m = c; m <= t.maxX; m += h)
-      Math.abs(m - t.minX) < 10 || e.add(m.toFixed(n), m + i, s - 8, t.labelSize * 0.8, t.labelColor, "center");
+    const t = this.params, e = this.textEngine, i = t.offset.x, s = t.offset.y, n = t.labelPrecision, o = t.minX + i - 4;
+    e.add(t.maxY.toFixed(n), o, s + t.maxY, t.labelSize, t.labelColor, "right"), e.add(0 .toFixed(n), o, s, t.labelSize, t.labelColor, "right"), e.add(t.minY.toFixed(n), o, s + t.minY, t.labelSize, t.labelColor, "right");
+    const r = t.tickStep, l = Math.ceil(t.minX / r) * r;
+    for (let u = l; u <= t.maxX; u += r)
+      Math.abs(u - t.minX) < 10 || e.add(u.toFixed(n), u + i, s - 8, t.labelSize * 0.8, t.labelColor, "center");
   }
   updateUniform(t, e) {
     t.value !== e && (t.value = e);
@@ -1330,7 +1329,7 @@ class vt {
     this.geometry.dispose(), this.material.dispose();
   }
 }
-class wt {
+class Xt {
   params;
   textEngine;
   dummyMesh;
@@ -1348,7 +1347,7 @@ class wt {
       showRangeX: !1,
       position: "right",
       offset: { x: 0, y: 0 }
-    }, this.dummyMesh = new r.Object3D();
+    }, this.dummyMesh = new $();
   }
   setParams(t) {
     return this.params = { ...this.params, ...t }, this;
@@ -1382,16 +1381,16 @@ class wt {
   }
   update(t, e) {
     if (!this.textEngine) return;
-    const i = this.params, s = this.textEngine, n = i.precision, a = i.offset;
+    const i = this.params, s = this.textEngine, n = i.precision, o = i.offset;
     if (i.position === "left" || i.position === "both") {
-      const h = i.minX + a.x - 5;
-      i.showMax && s.add(i.maxY.toFixed(n), h, i.maxY + a.y, i.size, i.color, "right"), i.showMin && s.add(i.minY.toFixed(n), h, i.minY + a.y, i.size, i.color, "right");
+      const r = i.minX + o.x - 5;
+      i.showMax && s.add(i.maxY.toFixed(n), r, i.maxY + o.y, i.size, i.color, "right"), i.showMin && s.add(i.minY.toFixed(n), r, i.minY + o.y, i.size, i.color, "right");
     }
     if (i.position === "right" || i.position === "both") {
-      const h = i.maxX + a.x + 5;
-      i.showMax && s.add(i.maxY.toFixed(n), h, i.maxY + a.y, i.size, i.color, "left"), i.showMin && s.add(i.minY.toFixed(n), h, i.minY + a.y, i.size, i.color, "left");
+      const r = i.maxX + o.x + 5;
+      i.showMax && s.add(i.maxY.toFixed(n), r, i.maxY + o.y, i.size, i.color, "left"), i.showMin && s.add(i.minY.toFixed(n), r, i.minY + o.y, i.size, i.color, "left");
     }
-    i.showRangeX && (s.add(i.minX.toFixed(n), i.minX + a.x, i.minY + a.y - 12, i.size * 0.8, i.color, "center"), s.add(i.maxX.toFixed(n), i.maxX + a.x, i.minY + a.y - 12, i.size * 0.8, i.color, "center"));
+    i.showRangeX && (s.add(i.minX.toFixed(n), i.minX + o.x, i.minY + o.y - 12, i.size * 0.8, i.color, "center"), s.add(i.maxX.toFixed(n), i.maxX + o.x, i.minY + o.y - 12, i.size * 0.8, i.color, "center"));
   }
   get mesh() {
     return this.dummyMesh;
@@ -1402,7 +1401,7 @@ class wt {
   dispose() {
   }
 }
-class St {
+class Ft {
   scene;
   camera;
   renderer;
@@ -1418,30 +1417,38 @@ class St {
   customPresets = /* @__PURE__ */ new Map();
   onUpdate;
   constructor(t, e = {}) {
-    this.container = t, this.autoRender = e.autoRender !== !1, this.fontConfig = e.font, this.scene = e.scene || new r.Scene(), e.scene || (this.scene.background = new r.Color(657930));
-    const i = this.container.clientWidth, s = this.container.clientHeight, n = i / s, a = 250;
-    this.camera = e.camera || new r.OrthographicCamera(
-      -a * n,
-      a * n,
-      a,
-      -a,
-      0.1,
-      2e3
-    ), e.camera || this.camera.position.set(0, 0, 500), e.renderer ? (this.renderer = e.renderer, this.isExternalRenderer = !0) : (this.renderer = new r.WebGLRenderer({
-      antialias: e.antialias ?? !1,
-      alpha: e.alpha ?? !1,
-      powerPreference: "high-performance"
-    }), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.setSize(i, s), this.container.appendChild(this.renderer.domElement)), this.controls = new it(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.enableRotate = !1, this.controls.mouseButtons = {
-      LEFT: r.MOUSE.PAN,
-      MIDDLE: r.MOUSE.DOLLY,
-      RIGHT: r.MOUSE.ROTATE
-    }, this.resizeObserver = new ResizeObserver(() => this.onResize()), this.resizeObserver.observe(this.container), this.autoRender && this.animate();
+    this.container = t, this.autoRender = e.autoRender !== !1, this.fontConfig = e.font, this.scene = e.scene || new xt(), !e.scene && !this.scene.background && (this.scene.background = new _(657930));
+    const i = this.container.clientWidth, s = this.container.clientHeight, n = i / s, o = 250;
+    if (e.camera)
+      this.camera = e.camera;
+    else {
+      const r = new L(
+        -o * n,
+        o * n,
+        o,
+        -o,
+        0.1,
+        2e3
+      );
+      r.position.set(0, 0, 500), this.camera = r;
+    }
+    if (e.renderer)
+      this.renderer = e.renderer, this.isExternalRenderer = !0;
+    else
+      try {
+        this.renderer = new yt({
+          antialias: e.antialias ?? !1,
+          alpha: e.alpha ?? !1
+        }), this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)), this.renderer.setSize(i, s), this.container.appendChild(this.renderer.domElement);
+      } catch (r) {
+        throw console.error("ThreePlot: Failed to create WebGL context", r), new Error("WebGL not supported or context creation failed");
+      }
+    e.controls !== !1 && (this.controls = new bt(this.camera, this.renderer.domElement), this.controls.enableDamping = !0, this.controls.enableRotate = !1, this.controls.mouseButtons = {
+      LEFT: x.PAN,
+      MIDDLE: x.DOLLY,
+      RIGHT: x.ROTATE
+    }), this.isExternalRenderer || (this.resizeObserver = new ResizeObserver(() => this.onResize()), this.resizeObserver.observe(this.container)), this.autoRender && this.animate();
   }
-  /**
-   * Registers a custom signal preset that can be used by Line and Point plots.
-   * @param name The name of the preset
-   * @param glsl The GLSL function body that returns a float. Available variables: t (time+freq), x (world pos).
-   */
   registerPreset(t, e) {
     return this.customPresets.set(t, e), this.plots.forEach((i) => {
       i.injectPresets && i.injectPresets(this.customPresets);
@@ -1449,7 +1456,7 @@ class St {
   }
   add(t, e, i) {
     let s;
-    return t === "line" ? s = new S(e, new r.Color(i || "#00ff88")) : t === "point" ? s = new T(e, new r.Color(i || "#00ff88")) : t === "axis" ? s = new vt(e || "#ffffff") : t === "legend" ? s = new wt() : t === "text" && (s = new N(e || 100), this.fontConfig && this.fontConfig.json && this.fontConfig.texture && s.load(this.fontConfig.json, this.fontConfig.texture), this.textPlots.add(s)), t !== "text" && (this.plots.add(s), s.injectPresets && this.customPresets.size > 0 && s.injectPresets(this.customPresets)), this.scene.add(s.mesh), s;
+    return t === "line" ? s = new S(e, new _(i || "#00ff88")) : t === "point" ? s = new T(e, new _(i || "#00ff88")) : t === "axis" ? s = new Yt(e || "#ffffff") : t === "legend" ? s = new Xt() : t === "text" && (s = new B(e || 100), this.fontConfig && this.fontConfig.json && this.fontConfig.texture && s.load(this.fontConfig.json, this.fontConfig.texture), this.textPlots.add(s)), t !== "text" && (this.plots.add(s), s.injectPresets && this.customPresets.size > 0 && s.injectPresets(this.customPresets)), this.scene.add(s.mesh), s;
   }
   line(t, e) {
     return this.add("line", t, e);
@@ -1467,7 +1474,7 @@ class St {
     return this.add("text", t);
   }
   remove(t) {
-    return this.plots.delete(t), t instanceof N && this.textPlots.delete(t), this.scene.remove(t.mesh), t.dispose(), this;
+    return this.plots.delete(t), t instanceof B && this.textPlots.delete(t), this.scene.remove(t.mesh), t.dispose(), this;
   }
   clear() {
     return this.plots.forEach((t) => {
@@ -1478,11 +1485,18 @@ class St {
   }
   onResize() {
     const t = this.container.clientWidth, e = this.container.clientHeight, i = t / e, s = 250;
-    this.camera.left = -s * i, this.camera.right = s * i, this.camera.top = s, this.camera.bottom = -s, this.camera.updateProjectionMatrix(), this.renderer.setSize(t, e);
+    this.camera instanceof L ? (this.camera.left = -s * i, this.camera.right = s * i, this.camera.top = s, this.camera.bottom = -s, this.camera.updateProjectionMatrix()) : this.camera instanceof Z && (this.camera.aspect = i, this.camera.updateProjectionMatrix()), this.renderer.setSize(t, e);
   }
   getViewportStats() {
-    const t = this.container.clientWidth, e = this.container.clientHeight, i = this.camera.zoom, s = this.camera.position.x + this.camera.left / i, n = this.camera.position.x + this.camera.right / i;
-    return { pixelWidth: t, pixelHeight: e, minX: s, maxX: n, zoom: i };
+    const t = this.container.clientWidth, e = this.container.clientHeight;
+    let i = -100, s = 100, n = 1;
+    if (this.camera instanceof L)
+      n = this.camera.zoom, i = this.camera.position.x + this.camera.left / n, s = this.camera.position.x + this.camera.right / n;
+    else if (this.camera instanceof Z) {
+      const o = this.camera.position.z, r = this.camera.fov * Math.PI / 180, u = 2 * Math.tan(r / 2) * o * (t / e);
+      i = this.camera.position.x - u / 2, s = this.camera.position.x + u / 2, n = 1;
+    }
+    return { pixelWidth: t, pixelHeight: e, minX: i, maxX: s, zoom: n };
   }
   getRendererInfo() {
     return {
@@ -1494,21 +1508,32 @@ class St {
   }
   render() {
     const t = performance.now(), e = this.getViewportStats();
-    this.onUpdate && this.onUpdate(t), this.plots.forEach((i) => i.update(t / 1e3, e)), this.textPlots.forEach((i) => i.update(t / 1e3, e)), this.controls.update(), this.renderer.render(this.scene, this.camera);
+    this.onUpdate && this.onUpdate(t), this.plots.forEach((i) => i.update(t / 1e3, e)), this.textPlots.forEach((i) => i.update(t / 1e3, e)), this.controls && this.controls.update(), this.renderer.render(this.scene, this.camera);
   }
   animate() {
     this.autoRender && (this.animationId = requestAnimationFrame(() => this.animate()), this.render());
   }
   destroy() {
-    this.animationId !== null && cancelAnimationFrame(this.animationId), this.resizeObserver.disconnect(), this.clear(), this.isExternalRenderer || (this.renderer.dispose(), this.renderer.domElement.remove()), this.controls.dispose();
+    this.animationId !== null && cancelAnimationFrame(this.animationId), this.resizeObserver && this.resizeObserver.disconnect(), this.clear(), this.isExternalRenderer || (this.renderer.dispose(), this.renderer.domElement.remove()), this.controls && this.controls.dispose();
   }
 }
-const Mt = {
+const Ht = {
   /**
    * Initializes a new PlotContainer in the given element.
    */
-  init(o, t) {
-    return new St(o, t);
+  init(a, t) {
+    return new Ft(a, t);
+  },
+  /**
+   * Checks if WebGL is available in the current environment.
+   */
+  isSupported() {
+    try {
+      const a = document.createElement("canvas");
+      return !!(window.WebGLRenderingContext && (a.getContext("webgl") || a.getContext("experimental-webgl")));
+    } catch {
+      return !1;
+    }
   },
   /**
    * Version info
@@ -1516,12 +1541,12 @@ const Mt = {
   version: "1.2.0"
 };
 export {
-  vt as AxisPlot,
-  wt as LegendPlot,
+  Yt as AxisPlot,
+  Xt as LegendPlot,
   S as LinePlot,
-  Pt as MSDFText,
-  St as PlotContainer,
+  Wt as MSDFText,
+  Ft as PlotContainer,
   T as PointPlot,
-  N as TextPlot,
-  Mt as ThreePlot
+  B as TextPlot,
+  Ht as ThreePlot
 };