@extrabinoss/three-plot 1.0.0

package/dist/three-plot.js

@@ -0,0 +1,1527 @@
+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 = {
+  NONE: -1,
+  ROTATE: 0,
+  DOLLY: 1,
+  PAN: 2,
+  TOUCH_ROTATE: 3,
+  TOUCH_PAN: 4,
+  TOUCH_DOLLY_PAN: 5,
+  TOUCH_DOLLY_ROTATE: 6
+}, z = 1e-6;
+class it extends Q {
+  /**
+   * Constructs a new controls instance.
+   *
+   * @param {Object3D} object - The object that is managed by the controls.
+   * @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();
+  }
+  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.ownerDocument.removeEventListener("pointermove", this._onPointerMove), this.domElement.ownerDocument.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";
+  }
+  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 {HTMLElement} 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(W), this.update(), this.state = l.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);
+    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;
+    }
+    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 (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;
+      } 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();
+      } 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))));
+    } 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);
+    }
+    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;
+  }
+  _getAutoRotationAngle(t) {
+    return t !== null ? f / 60 * this.autoRotateSpeed * t : f / 60 / 60 * this.autoRotateSpeed;
+  }
+  _getZoomScale(t) {
+    const e = Math.abs(t * 0.01);
+    return Math.pow(0.95, this.zoomSpeed * e);
+  }
+  _rotateLeft(t) {
+    this._sphericalDelta.theta -= t;
+  }
+  _rotateUp(t) {
+    this._sphericalDelta.phi -= t;
+  }
+  _panLeft(t, e) {
+    u.setFromMatrixColumn(e, 0), u.multiplyScalar(-t), this._panOffset.add(u);
+  }
+  _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);
+  }
+  // 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();
+      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);
+  }
+  _dollyOut(t) {
+    this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale /= t : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+  }
+  _dollyIn(t) {
+    this.object.isPerspectiveCamera || this.object.isOrthographicCamera ? this._scale *= t : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), this.enableZoom = !1);
+  }
+  _updateZoomParameters(t, e) {
+    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();
+  }
+  _clampDistance(t) {
+    return Math.max(this.minDistance, Math.min(this.maxDistance, t));
+  }
+  //
+  // event callbacks - update the object state
+  //
+  _handleMouseDownRotate(t) {
+    this._rotateStart.set(t.clientX, t.clientY);
+  }
+  _handleMouseDownDolly(t) {
+    this._updateZoomParameters(t.clientX, t.clientX), this._dollyStart.set(t.clientX, t.clientY);
+  }
+  _handleMouseDownPan(t) {
+    this._panStart.set(t.clientX, t.clientY);
+  }
+  _handleMouseMoveRotate(t) {
+    this._rotateEnd.set(t.clientX, t.clientY), this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+    const e = this.domElement;
+    this._rotateLeft(f * this._rotateDelta.x / e.clientHeight), this._rotateUp(f * this._rotateDelta.y / e.clientHeight), this._rotateStart.copy(this._rotateEnd), this.update();
+  }
+  _handleMouseMoveDolly(t) {
+    this._dollyEnd.set(t.clientX, t.clientY), this._dollyDelta.subVectors(this._dollyEnd, this._dollyStart), this._dollyDelta.y > 0 ? this._dollyOut(this._getZoomScale(this._dollyDelta.y)) : this._dollyDelta.y < 0 && this._dollyIn(this._getZoomScale(this._dollyDelta.y)), this._dollyStart.copy(this._dollyEnd), this.update();
+  }
+  _handleMouseMovePan(t) {
+    this._panEnd.set(t.clientX, t.clientY), this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd), this.update();
+  }
+  _handleMouseWheel(t) {
+    this._updateZoomParameters(t.clientX, t.clientY), t.deltaY < 0 ? this._dollyIn(this._getZoomScale(t.deltaY)) : t.deltaY > 0 && this._dollyOut(this._getZoomScale(t.deltaY)), this.update();
+  }
+  _handleKeyDown(t) {
+    let e = !1;
+    switch (t.code) {
+      case this.keys.UP:
+        t.ctrlKey || t.metaKey || t.shiftKey ? this.enableRotate && this._rotateUp(f * 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(-f * 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(f * 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(-f * this.keyRotateSpeed / this.domElement.clientHeight) : this.enablePan && this._pan(-this.keyPanSpeed, 0), e = !0;
+        break;
+    }
+    e && (t.preventDefault(), this.update());
+  }
+  _handleTouchStartRotate(t) {
+    if (this._pointers.length === 1)
+      this._rotateStart.set(t.pageX, t.pageY);
+    else {
+      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), s = 0.5 * (t.pageY + e.y);
+      this._rotateStart.set(i, s);
+    }
+  }
+  _handleTouchStartPan(t) {
+    if (this._pointers.length === 1)
+      this._panStart.set(t.pageX, t.pageY);
+    else {
+      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), s = 0.5 * (t.pageY + e.y);
+      this._panStart.set(i, s);
+    }
+  }
+  _handleTouchStartDolly(t) {
+    const e = this._getSecondPointerPosition(t), i = t.pageX - e.x, s = t.pageY - e.y, n = Math.sqrt(i * i + s * s);
+    this._dollyStart.set(0, n);
+  }
+  _handleTouchStartDollyPan(t) {
+    this.enableZoom && this._handleTouchStartDolly(t), this.enablePan && this._handleTouchStartPan(t);
+  }
+  _handleTouchStartDollyRotate(t) {
+    this.enableZoom && this._handleTouchStartDolly(t), this.enableRotate && this._handleTouchStartRotate(t);
+  }
+  _handleTouchMoveRotate(t) {
+    if (this._pointers.length == 1)
+      this._rotateEnd.set(t.pageX, t.pageY);
+    else {
+      const i = this._getSecondPointerPosition(t), s = 0.5 * (t.pageX + i.x), n = 0.5 * (t.pageY + i.y);
+      this._rotateEnd.set(s, n);
+    }
+    this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart).multiplyScalar(this.rotateSpeed);
+    const e = this.domElement;
+    this._rotateLeft(f * this._rotateDelta.x / e.clientHeight), this._rotateUp(f * this._rotateDelta.y / e.clientHeight), this._rotateStart.copy(this._rotateEnd);
+  }
+  _handleTouchMovePan(t) {
+    if (this._pointers.length === 1)
+      this._panEnd.set(t.pageX, t.pageY);
+    else {
+      const e = this._getSecondPointerPosition(t), i = 0.5 * (t.pageX + e.x), s = 0.5 * (t.pageY + e.y);
+      this._panEnd.set(i, s);
+    }
+    this._panDelta.subVectors(this._panEnd, this._panStart).multiplyScalar(this.panSpeed), this._pan(this._panDelta.x, this._panDelta.y), this._panStart.copy(this._panEnd);
+  }
+  _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);
+  }
+  _handleTouchMoveDollyPan(t) {
+    this.enableZoom && this._handleTouchMoveDolly(t), this.enablePan && this._handleTouchMovePan(t);
+  }
+  _handleTouchMoveDollyRotate(t) {
+    this.enableZoom && this._handleTouchMoveDolly(t), this.enableRotate && this._handleTouchMoveRotate(t);
+  }
+  // pointers
+  _addPointer(t) {
+    this._pointers.push(t.pointerId);
+  }
+  _removePointer(t) {
+    delete this._pointerPositions[t.pointerId];
+    for (let e = 0; e < this._pointers.length; e++)
+      if (this._pointers[e] == t.pointerId) {
+        this._pointers.splice(e, 1);
+        return;
+      }
+  }
+  _isTrackingPointer(t) {
+    for (let e = 0; e < this._pointers.length; e++)
+      if (this._pointers[e] == t.pointerId) return !0;
+    return !1;
+  }
+  _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);
+  }
+  _getSecondPointerPosition(t) {
+    const e = t.pointerId === this._pointers[0] ? this._pointers[1] : this._pointers[0];
+    return this._pointerPositions[e];
+  }
+  //
+  _customWheelEvent(t) {
+    const e = t.deltaMode, i = {
+      clientX: t.clientX,
+      clientY: t.clientY,
+      deltaY: t.deltaY
+    };
+    switch (e) {
+      case 1:
+        i.deltaY *= 16;
+        break;
+      case 2:
+        i.deltaY *= 100;
+        break;
+    }
+    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 nt(o) {
+  this.enabled !== !1 && (o.pointerType === "touch" ? this._onTouchMove(o) : this._onMouseMove(o));
+}
+function ot(o) {
+  switch (this._removePointer(o), 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;
+      break;
+    case 1:
+      const t = this._pointers[0], e = this._pointerPositions[t];
+      this._onTouchStart({ pointerId: t, pageX: e.x, pageY: e.y });
+      break;
+  }
+}
+function at(o) {
+  let t;
+  switch (o.button) {
+    case 0:
+      t = this.mouseButtons.LEFT;
+      break;
+    case 1:
+      t = this.mouseButtons.MIDDLE;
+      break;
+    case 2:
+      t = this.mouseButtons.RIGHT;
+      break;
+    default:
+      t = -1;
+  }
+  switch (t) {
+    case b.DOLLY:
+      if (this.enableZoom === !1) return;
+      this._handleMouseDownDolly(o), this.state = l.DOLLY;
+      break;
+    case b.ROTATE:
+      if (o.ctrlKey || o.metaKey || o.shiftKey) {
+        if (this.enablePan === !1) return;
+        this._handleMouseDownPan(o), this.state = l.PAN;
+      } else {
+        if (this.enableRotate === !1) return;
+        this._handleMouseDownRotate(o), this.state = l.ROTATE;
+      }
+      break;
+    case b.PAN:
+      if (o.ctrlKey || o.metaKey || o.shiftKey) {
+        if (this.enableRotate === !1) return;
+        this._handleMouseDownRotate(o), this.state = l.ROTATE;
+      } else {
+        if (this.enablePan === !1) return;
+        this._handleMouseDownPan(o), this.state = l.PAN;
+      }
+      break;
+    default:
+      this.state = l.NONE;
+  }
+  this.state !== l.NONE && this.dispatchEvent(j);
+}
+function rt(o) {
+  switch (this.state) {
+    case l.ROTATE:
+      if (this.enableRotate === !1) return;
+      this._handleMouseMoveRotate(o);
+      break;
+    case l.DOLLY:
+      if (this.enableZoom === !1) return;
+      this._handleMouseMoveDolly(o);
+      break;
+    case l.PAN:
+      if (this.enablePan === !1) return;
+      this._handleMouseMovePan(o);
+      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 lt(o) {
+  this.enabled !== !1 && this._handleKeyDown(o);
+}
+function ct(o) {
+  switch (this._trackPointer(o), this._pointers.length) {
+    case 1:
+      switch (this.touches.ONE) {
+        case x.ROTATE:
+          if (this.enableRotate === !1) return;
+          this._handleTouchStartRotate(o), this.state = l.TOUCH_ROTATE;
+          break;
+        case x.PAN:
+          if (this.enablePan === !1) return;
+          this._handleTouchStartPan(o), this.state = l.TOUCH_PAN;
+          break;
+        default:
+          this.state = l.NONE;
+      }
+      break;
+    case 2:
+      switch (this.touches.TWO) {
+        case x.DOLLY_PAN:
+          if (this.enableZoom === !1 && this.enablePan === !1) return;
+          this._handleTouchStartDollyPan(o), this.state = l.TOUCH_DOLLY_PAN;
+          break;
+        case x.DOLLY_ROTATE:
+          if (this.enableZoom === !1 && this.enableRotate === !1) return;
+          this._handleTouchStartDollyRotate(o), this.state = l.TOUCH_DOLLY_ROTATE;
+          break;
+        default:
+          this.state = l.NONE;
+      }
+      break;
+    default:
+      this.state = l.NONE;
+  }
+  this.state !== l.NONE && this.dispatchEvent(j);
+}
+function ut(o) {
+  switch (this._trackPointer(o), this.state) {
+    case l.TOUCH_ROTATE:
+      if (this.enableRotate === !1) return;
+      this._handleTouchMoveRotate(o), this.update();
+      break;
+    case l.TOUCH_PAN:
+      if (this.enablePan === !1) return;
+      this._handleTouchMovePan(o), this.update();
+      break;
+    case l.TOUCH_DOLLY_PAN:
+      if (this.enableZoom === !1 && this.enablePan === !1) return;
+      this._handleTouchMoveDollyPan(o), this.update();
+      break;
+    case l.TOUCH_DOLLY_ROTATE:
+      if (this.enableZoom === !1 && this.enableRotate === !1) return;
+      this._handleTouchMoveDollyRotate(o), this.update();
+      break;
+    default:
+      this.state = l.NONE;
+  }
+}
+function dt(o) {
+  this.enabled !== !1 && o.preventDefault();
+}
+function mt(o) {
+  o.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 }));
+}
+var X = `precision highp float;
+
+attribute float instanceIndex;
+
+uniform vec2 uResolution;
+uniform float uLineWidth;
+uniform float uTime;
+uniform float uCount;
+uniform float uFrequency;
+uniform float uAmplitude;
+uniform float uPlotWidth; 
+uniform float uPreset;
+uniform float uLodFactor;
+uniform vec2 uOffset;
+
+varying float vVanish;
+varying float vSide; 
+varying float vProgress; 
+varying float vSegmentIndex;
+
+#define PI 3.14159265359
+
+float hash(float n) { return fract(sin(n) * 1e4); }
+float noise(float x) {
+    float i = floor(x);
+    float f = fract(x);
+    float u = f * f * (3.0 - 2.0 * f);
+    return mix(hash(i), hash(i + 1.0), u);
+}
+
+float hash3(vec3 p3) {
+	p3  = fract(p3 * .1031);
+    p3 += dot(p3, p3.zyx + 31.32);
+    return fract((p3.x + p3.y) * p3.z);
+}
+
+float noise3D(in vec3 x) {
+    vec3 i = floor(x);
+    vec3 f = fract(x);
+    f = f * f * (3.0 - 2.0 * f);
+    return mix(mix(mix(hash3(i + vec3(0,0,0)), hash3(i + vec3(1,0,0)), f.x),
+                   mix(hash3(i + vec3(0,1,0)), hash3(i + vec3(1,1,0)), f.x), f.y),
+               mix(mix(hash3(i + vec3(0,0,1)), hash3(i + vec3(1,0,1)), f.x),
+                   mix(hash3(i + vec3(0,1,1)), hash3(i + vec3(1,1,1)), f.x), f.y), f.z);
+}
+
+vec4 getPlotPos(float index) {
+    
+    float halfW = uPlotWidth * 0.5;
+    float x = (index / max(uCount - 1.0, 1.0)) * uPlotWidth - halfW;
+    
+    float t = x * uFrequency + uTime;
+    int preset = int(uPreset + 0.5);
+    float y = 0.0;
+    if (preset == 0) y = sin(t) * uAmplitude;
+    else if (preset == 1) y = (fract(t / (2.0 * PI)) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 2) y = (abs(fract(t / (2.0 * PI)) * 2.0 - 1.0) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 3) y = (step(0.5, fract(t / (2.0 * PI))) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 4) {
+        y = (sin(t) + sin(t * 2.1) * 0.5 + sin(t * 0.5) * 1.5) * uAmplitude * 0.5;
+        y += cos(t * 0.2) * uAmplitude * 0.3;
+    }
+    else if (preset == 5) {
+        y = (sin(t) * cos(t * 1.1 + uTime) * sin(t * 0.5 - uTime * 0.5)) * uAmplitude * 2.0;
+    }
+    else if (preset == 6) {
+        y = (noise(t) * 2.0 - 1.0) * uAmplitude;
+    }
+    else if (preset == 7) {
+        
+        y = (noise3D(vec3(x * uFrequency * 0.5, 0.0, uTime * 0.5)) * 2.0 - 1.0) * uAmplitude;
+    }
+    else {
+        
+        y = 0.0;
+    }
+    
+    return vec4(x + uOffset.x, y + uOffset.y, 0.0, 1.0);
+}
+
+void main() {
+    vVanish = 0.0;
+    vSide = position.y;
+
+    if (instanceIndex >= uCount - 1.0 || instanceIndex > uCount * uLodFactor) {
+        vVanish = 1.0;
+        gl_Position = vec4(2.0, 2.0, 2.0, 1.0);
+        return;
+    }
+
+    mat4 mvp = projectionMatrix * modelViewMatrix;
+    vec4 worldP0 = getPlotPos(instanceIndex);
+    vec4 worldP1 = getPlotPos(instanceIndex + 1.0);
+    
+    vec4 clipP0 = mvp * worldP0;
+    vec4 clipP1 = mvp * worldP1;
+    
+    vec2 screenP0 = (clipP0.xy / clipP0.w + 1.0) * 0.5 * uResolution;
+    vec2 screenP1 = (clipP1.xy / clipP1.w + 1.0) * 0.5 * uResolution;
+    
+    vec2 dir = normalize(screenP1 - screenP0);
+    vec2 normal = vec2(-dir.y, dir.x);
+    
+    vec4 clipAmp = mvp * vec4(0.0, uAmplitude, 0.0, 0.0);
+    float ampPixels = length((clipAmp.xy / clipAmp.w) * uResolution * 0.5);
+    float effectiveLineWidth = min(uLineWidth, max(ampPixels * 0.2, 0.5));
+    
+    float t = position.x + 0.5;
+    vProgress = t;
+    vSegmentIndex = instanceIndex;
+    
+    vec2 currentScreen = mix(screenP0, screenP1, t);
+    currentScreen += normal * position.y * effectiveLineWidth * 2.0;
+    
+    gl_Position = vec4((currentScreen / uResolution * 2.0 - 1.0), 0.0, 1.0);
+}`, pt = `precision highp float;
+uniform vec3 uColor;
+uniform vec3 uOutlineColor;
+uniform float uOutlineWidth;
+uniform float uLineWidth;
+uniform float uDashScale;
+uniform float uTime;
+
+varying float vVanish;
+varying float vSide; 
+varying float vProgress; 
+varying float vSegmentIndex;
+
+void main() {
+    if (vVanish > 0.5) discard;
+    
+    
+    if (uDashScale > 0.0) {
+        float dashPos = (vSegmentIndex + vProgress) * uDashScale;
+        if (fract(dashPos) > 0.5) discard;
+    }
+    
+    
+    
+    float dist = abs(vSide) * 2.0; 
+    
+    
+    
+    float blur = 1.5 / max(uLineWidth, 1.0);
+    
+    
+    
+    float innerEdge = 1.0 - uOutlineWidth;
+    
+    
+    float alpha = smoothstep(1.0, 1.0 - blur, dist);
+    
+    
+    vec3 baseColor = uColor;
+    
+    
+    float innerAlpha = smoothstep(innerEdge, innerEdge - blur, dist);
+    vec3 color = mix(uOutlineColor, baseColor, innerAlpha);
+    
+    gl_FragColor = vec4(color, alpha);
+}`;
+class S {
+  instancedMesh;
+  geometry;
+  material;
+  params;
+  static customInjection = "";
+  constructor(t, e = new r.Color(65416)) {
+    this.params = {
+      count: t,
+      frequency: 0.1,
+      amplitude: 20,
+      width: 400,
+      presetIndex: 0,
+      color: e.clone(),
+      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 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(
+      n,
+      S.customInjection || "else { y = 0.0; }"
+    );
+    this.material = new r.ShaderMaterial({
+      uniforms: {
+        uTime: { value: 0 },
+        uCount: { value: Number(t) },
+        uFrequency: { value: this.params.frequency },
+        uAmplitude: { value: this.params.amplitude },
+        uPlotWidth: { value: 400 },
+        uPreset: { value: Number(this.params.presetIndex) },
+        uColor: { value: e.clone() },
+        uLodFactor: { value: 1 },
+        uResolution: { value: new r.Vector2(100, 100) },
+        uLineWidth: { value: 2 },
+        uOutlineColor: { value: new r.Color(0) },
+        uOutlineWidth: { value: 0 },
+        uDashScale: { value: 0 },
+        uOffset: { value: new r.Vector2(0, 0) }
+      },
+      vertexShader: a,
+      fragmentShader: pt,
+      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);
+  }
+  setParams(t) {
+    return this.params = { ...this.params, ...t }, this;
+  }
+  color(t) {
+    return this.setParams({ color: t });
+  }
+  amplitude(t) {
+    return this.setParams({ amplitude: t });
+  }
+  frequency(t) {
+    return this.setParams({ frequency: t });
+  }
+  width(t) {
+    return this.setParams({ width: t });
+  }
+  offset(t, e) {
+    return this.setParams({ offset: { x: t, y: e } });
+  }
+  preset(t) {
+    return this.setParams({ presetIndex: t });
+  }
+  injectPresets(t) {
+    let e = "", i = 8;
+    t.forEach((a, h) => {
+      e += `else if (preset == ${i}) { // ${h}
+ y = ${a};
+ }
+`, 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);
+    this.material.vertexShader !== n && (this.material.vertexShader = n, this.material.needsUpdate = !0);
+  }
+  update(t, e) {
+    const i = this.material.uniforms;
+    if (!i) return;
+    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);
+  }
+  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);
+  }
+  get mesh() {
+    return this.instancedMesh;
+  }
+  getDrawStats() {
+    return { total: this.params.count, visible: this.instancedMesh.count };
+  }
+  dispose() {
+    this.geometry.dispose(), Array.isArray(this.material) ? this.material.forEach((t) => t.dispose()) : this.material.dispose();
+  }
+}
+var F = `precision highp float;
+attribute float pIndex;
+uniform float uTime;
+uniform float uCount;
+uniform float uFrequency;
+uniform float uAmplitude;
+uniform float uPlotWidth; 
+uniform float uPreset;
+uniform float uPointSize;
+uniform float uLodFactor;
+uniform float uAdaptive;
+uniform vec2 uOffset;
+
+#define PI 3.14159265359
+
+float hash(float n) { return fract(sin(n) * 1e4); }
+float noise(float x) {
+    float i = floor(x);
+    float f = fract(x);
+    float u = f * f * (3.0 - 2.0 * f);
+    return mix(hash(i), hash(i + 1.0), u);
+}
+
+float hash3(vec3 p3) {
+	p3  = fract(p3 * .1031);
+    p3 += dot(p3, p3.zyx + 31.32);
+    return fract((p3.x + p3.y) * p3.z);
+}
+
+float noise3D(in vec3 x) {
+    vec3 i = floor(x);
+    vec3 f = fract(x);
+    f = f * f * (3.0 - 2.0 * f);
+    return mix(mix(mix(hash3(i + vec3(0,0,0)), hash3(i + vec3(1,0,0)), f.x),
+                   mix(hash3(i + vec3(0,1,0)), hash3(i + vec3(1,1,0)), f.x), f.y),
+               mix(mix(hash3(i + vec3(0,0,1)), hash3(i + vec3(1,0,1)), f.x),
+                   mix(hash3(i + vec3(0,1,1)), hash3(i + vec3(1,1,1)), f.x), f.y), f.z);
+}
+
+void main() {
+    if (pIndex > uCount * uLodFactor) {
+        gl_Position = vec4(2.0, 2.0, 2.0, 1.0);
+        return;
+    }
+
+    float halfW = uPlotWidth * 0.5;
+    float x = (pIndex / max(uCount - 1.0, 1.0)) * uPlotWidth - halfW;
+    float y = 0.0;
+    
+    int preset = int(uPreset + 0.5);
+    float t = x * uFrequency + uTime;
+    
+    if (preset == 0) y = sin(t) * uAmplitude;
+    else if (preset == 1) y = (fract(t / (2.0 * PI)) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 2) y = (abs(fract(t / (2.0 * PI)) * 2.0 - 1.0) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 3) y = (step(0.5, fract(t / (2.0 * PI))) * 2.0 - 1.0) * uAmplitude;
+    else if (preset == 4) {
+        y = (sin(t) + sin(t * 2.1) * 0.5 + sin(t * 0.5) * 1.5) * uAmplitude * 0.5;
+        y += cos(t * 0.2) * uAmplitude * 0.3;
+    }
+    else if (preset == 5) {
+        y = (sin(t) * cos(t * 1.1 + uTime) * sin(t * 0.5 - uTime * 0.5)) * uAmplitude * 2.0;
+    }
+    else if (preset == 6) {
+        y = (noise(t) * 2.0 - 1.0) * uAmplitude;
+    }
+    else if (preset == 7) {
+        y = (noise3D(vec3(x * uFrequency * 0.5, 0.0, uTime * 0.5)) * 2.0 - 1.0) * uAmplitude;
+    }
+    else {
+        y = 0.0;
+    }
+
+    vec4 worldPos = vec4(x + uOffset.x, y + uOffset.y, 0.0, 1.0);
+    vec4 mvPosition = modelViewMatrix * worldPos;
+    gl_PointSize = uPointSize;
+    gl_Position = projectionMatrix * mvPosition;
+}`, gt = `precision mediump float;
+uniform vec3 uColor;
+
+void main() {
+    vec2 cxy = 2.0 * gl_PointCoord - 1.0;
+    float r = dot(cxy, cxy);
+    
+    
+    if (r > 1.0) discard;
+    
+    
+    float alpha = smoothstep(1.0, 0.5, r);
+    gl_FragColor = vec4(uColor, alpha);
+}`;
+class T {
+  points;
+  geometry;
+  material;
+  params;
+  static customInjection = "";
+  constructor(t, e = new r.Color(65416)) {
+    this.params = {
+      count: t,
+      frequency: 0.1,
+      amplitude: 20,
+      width: 400,
+      presetIndex: 0,
+      color: e.clone(),
+      lodFactor: 1,
+      pointSize: 5,
+      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;
+  }
+  initGeometry(t) {
+    const e = new r.BufferGeometry(), 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;
+  }
+  initMaterial(t, e) {
+    const i = /else\s*{\s*y\s*=\s*0\.0;\s*}/g, s = F.replace(
+      i,
+      T.customInjection || "else { y = 0.0; }"
+    );
+    return new r.ShaderMaterial({
+      uniforms: {
+        uTime: { value: 0 },
+        uCount: { value: Number(t) },
+        uFrequency: { value: this.params.frequency },
+        uAmplitude: { value: this.params.amplitude },
+        uPlotWidth: { value: 400 },
+        uPreset: { value: Number(this.params.presetIndex) },
+        uPointSize: { value: this.params.pointSize },
+        uColor: { value: e.clone() },
+        uAdaptive: { value: 1 },
+        uLodFactor: { value: 1 },
+        uOffset: { value: new r.Vector2(0, 0) }
+      },
+      vertexShader: s,
+      fragmentShader: gt,
+      transparent: !1,
+      depthWrite: !1,
+      depthTest: !1,
+      blending: r.AdditiveBlending
+    });
+  }
+  setParams(t) {
+    return this.params = { ...this.params, ...t }, this;
+  }
+  color(t) {
+    return this.setParams({ color: t });
+  }
+  amplitude(t) {
+    return this.setParams({ amplitude: t });
+  }
+  frequency(t) {
+    return this.setParams({ frequency: t });
+  }
+  width(t) {
+    return this.setParams({ width: t });
+  }
+  offset(t, e) {
+    return this.setParams({ offset: { x: t, y: e } });
+  }
+  preset(t) {
+    return this.setParams({ presetIndex: t });
+  }
+  size(t) {
+    return this.setParams({ pointSize: t });
+  }
+  adaptive(t) {
+    return this.setParams({ adaptive: t });
+  }
+  injectPresets(t) {
+    let e = "", i = 8;
+    t.forEach((a, h) => {
+      e += `else if (preset == ${i}) { // ${h}
+ y = ${a};
+ }
+`, 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);
+    this.material.vertexShader !== n && (this.material.vertexShader = n, this.material.needsUpdate = !0);
+  }
+  update(t, e) {
+    const i = this.material.uniforms;
+    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);
+  }
+  updateUniform(t, e) {
+    t.value !== e && (t.value = e);
+  }
+  calculateEffectiveCount(t, e) {
+    if (!(t.autoSubsampling ?? !0) || !e) return t.count;
+    const i = t.pointsPerPixel || 2, n = (t.width ?? 400) / Math.max(e.maxX - e.minX, 1e-3);
+    return Math.min(t.count, Math.ceil(e.pixelWidth * i * n));
+  }
+  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) };
+  }
+  calculatePointSize(t, e, i) {
+    return i ? Math.max(0.1, t * Math.sqrt(1e5 / e)) : t;
+  }
+  get mesh() {
+    return this.points;
+  }
+  getDrawStats() {
+    return { total: this.params.count, visible: this.geometry.drawRange.count };
+  }
+  dispose() {
+    this.geometry.dispose(), Array.isArray(this.material) ? this.material.forEach((t) => t.dispose()) : this.material.dispose();
+  }
+}
+var yt = `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;
+
+varying vec3 vWorldPos;
+
+uniform vec3 uColor;
+uniform vec2 uOffset;
+uniform float uZoom;
+uniform float uThickness;
+uniform float uTickStep;
+uniform float uTickSize;
+uniform float uSubTicks;
+uniform float uSubTickSize;
+uniform vec2 uRangeX; 
+uniform vec2 uRangeY; 
+
+float getLine(float d, float width) {
+    float fw = fwidth(d);
+    return smoothstep(width + fw, width - fw, abs(d));
+}
+
+float getPeriodicTicks(float pos, float step, float width) {
+    float fw = fwidth(pos);
+    float dist = abs(fract(pos / step + 0.5) - 0.5) * step;
+    return smoothstep(width + fw, width - fw, dist);
+}
+
+void main() {
+    vec2 relPos = vWorldPos.xy - uOffset;
+    float plotHeight = uRangeY.y - uRangeY.x;
+    
+    
+    float pixelSize = 1.0 / uZoom;
+    
+    
+    
+    float lineAlpha = clamp(uThickness, 0.0, 1.0);
+    float tickAlpha = clamp(uThickness * 0.8, 0.0, 1.0);
+    float subTickAlpha = clamp(uThickness * 0.5, 0.0, 1.0);
+
+    
+    float lineW = max(uThickness, 1.0) * pixelSize * 0.5;
+    float tickW = max(uThickness * 0.8, 0.8) * pixelSize * 0.5;
+    float subTickW = max(uThickness * 0.5, 0.5) * pixelSize * 0.5;
+    
+    
+    float maxW = plotHeight * 0.05;
+    lineW = min(lineW, maxW);
+    tickW = min(tickW, maxW);
+    subTickW = min(subTickW, maxW);
+
+    
+    float yAxis = 0.0;
+    if (relPos.y >= uRangeY.x - 1.0 && relPos.y <= uRangeY.y + 1.0) {
+        yAxis = getLine(relPos.x - uRangeX.x, lineW) * lineAlpha;
+    }
+    
+    float xAxis = 0.0;
+    if (relPos.x >= uRangeX.x - 1.0 && relPos.x <= uRangeX.y + 1.0) {
+        xAxis = getLine(relPos.y, lineW) * lineAlpha;
+    }
+    
+    
+    float currentTickSize = min(uTickSize * pixelSize, plotHeight * 0.1);
+    float currentSubTickSize = min(uSubTickSize * pixelSize, plotHeight * 0.05);
+    
+    float yTicks = 0.0;
+    float ySubTicks = 0.0;
+    if (relPos.y >= uRangeY.x && relPos.y <= uRangeY.y) {
+        
+        if (relPos.x >= uRangeX.x && relPos.x <= uRangeX.x + currentTickSize) {
+            yTicks = getPeriodicTicks(relPos.y, uTickStep, tickW) * tickAlpha;
+        }
+        
+        if (uSubTicks > 1.0 && relPos.x >= uRangeX.x && relPos.x <= uRangeX.x + currentSubTickSize) {
+            ySubTicks = getPeriodicTicks(relPos.y, uTickStep / uSubTicks, subTickW) * 0.6 * subTickAlpha;
+        }
+    }
+    
+    float xTicks = 0.0;
+    float xSubTicks = 0.0;
+    if (relPos.x >= uRangeX.x && relPos.x <= uRangeX.y) {
+        
+        if (abs(relPos.y) < currentTickSize) {
+            xTicks = getPeriodicTicks(relPos.x, uTickStep, tickW) * tickAlpha;
+        }
+        
+        if (uSubTicks > 1.0 && abs(relPos.y) < currentSubTickSize) {
+            xSubTicks = getPeriodicTicks(relPos.x, uTickStep / uSubTicks, subTickW) * 0.6 * subTickAlpha;
+        }
+    }
+    
+    float combinedTicks = max(max(xTicks, yTicks), max(xSubTicks, ySubTicks));
+    float finalAlpha = max(max(xAxis, yAxis), combinedTicks);
+    
+    if (finalAlpha < 0.01) discard;
+    
+    gl_FragColor = vec4(uColor, finalAlpha * 0.8);
+}`;
+const xt = `
+attribute vec4 aUvOffset;
+attribute vec3 aColor;
+varying vec2 vUv;
+varying vec3 vColor;
+
+void main() {
+    vUv = uv * aUvOffset.zw + aUvOffset.xy;
+    vColor = aColor;
+    gl_Position = projectionMatrix * modelViewMatrix * instanceMatrix * vec4(position, 1.0);
+}
+`, bt = `
+varying vec2 vUv;
+varying vec3 vColor;
+uniform sampler2D uMap;
+
+float median(float r, float g, float b) {
+    return max(min(r, g), min(max(r, g), b));
+}
+
+float contour(in float d, in float w) {
+    return smoothstep(0.5 - w, 0.5 + w, d);
+}
+
+float samp(in vec2 uv, float w) {
+    return contour(median(texture2D(uMap, uv).r, texture2D(uMap, uv).g, texture2D(uMap, uv).b), w);
+}
+
+void main() {
+    vec3 msdfSample = texture2D(uMap, vUv).rgb;
+    float dist = median(msdfSample.r, msdfSample.g, msdfSample.b);
+    float width = fwidth(dist);
+    float alpha = contour(dist, width);
+    
+    float dscale = 0.354; 
+    vec2 duv = dscale * (dFdx(vUv) + dFdy(vUv));
+    vec4 box = vec4(vUv - duv, vUv + duv);
+    
+    float asum = samp(box.xy, width) + samp(box.zw, width) + samp(box.xw, width) + samp(box.zy, width);
+    float opacity = (alpha + 0.5 * asum) / 3.0;
+    
+    if (opacity < 0.01) discard;
+    gl_FragColor = vec4(vColor, opacity);
+}
+`;
+class Pt {
+  mesh;
+  material;
+  charMap = /* @__PURE__ */ new Map();
+  fontData = null;
+  instances = [];
+  capacity;
+  constructor(t = 100) {
+    this.capacity = t, this.material = new r.ShaderMaterial({
+      vertexShader: xt,
+      fragmentShader: bt,
+      uniforms: { uMap: { value: null } },
+      transparent: !0,
+      side: r.DoubleSide,
+      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);
+    return i.count = 0, i.frustumCulled = !1, i;
+  }
+  grow(t) {
+    const e = Math.max(Math.ceil(t * 1.05), t + 10), i = this.mesh, s = this.createMesh(e);
+    i.parent && (i.parent.add(s), i.parent.remove(i)), i.geometry.dispose(), this.mesh = s, this.capacity = e;
+  }
+  async load(t, e) {
+    const [i, s] = await Promise.all([
+      fetch(t).then((n) => n.json()),
+      new r.TextureLoader().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);
+  }
+  addText(t, e, i, s = 0.1, n = "#ffffff", a = "left") {
+    return this.instances.push({
+      text: t,
+      position: new r.Vector3(e, i, 0),
+      scale: s,
+      color: new r.Color(n),
+      align: a
+    }), this;
+  }
+  clear() {
+    this.instances = [];
+  }
+  update() {
+    if (!this.fontData) return;
+    let t = 0;
+    for (const _ of this.instances)
+      t += _.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;
+      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);
+        if (!p) {
+          O === " " && (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 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++;
+      }
+    }
+    this.mesh.count = e, this.mesh.instanceMatrix.needsUpdate = !0, s.needsUpdate = !0, a.needsUpdate = !0;
+  }
+  calculateWidth(t) {
+    if (!this.fontData) return 0;
+    let e = 0;
+    const i = this.charMap;
+    for (let s = 0; s < t.length; s++) {
+      const n = t[s];
+      n !== void 0 && (e += i.get(n)?.xadvance ?? 20);
+    }
+    return e;
+  }
+  getStats() {
+    return {
+      count: this.mesh.count,
+      capacity: this.capacity
+    };
+  }
+  get meshObj() {
+    return this.mesh;
+  }
+}
+class N {
+  engine;
+  params = { offset: { x: 0, y: 0 } };
+  constructor(t = 100) {
+    this.engine = new Pt(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;
+  }
+  setParams(t) {
+    return this.params = { ...this.params, ...t }, this;
+  }
+  update(t, e) {
+    this.engine.update();
+  }
+  get mesh() {
+    return this.engine.meshObj;
+  }
+  getDrawStats() {
+    const t = this.engine.getStats();
+    return {
+      total: t.capacity,
+      visible: t.count
+    };
+  }
+  clear() {
+    return this.engine.clear(), this;
+  }
+  dispose() {
+    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 {
+  meshObj;
+  geometry;
+  material;
+  params;
+  textEngine;
+  constructor(t = "#ffffff") {
+    this.params = {
+      color: new r.Color(t),
+      offset: { x: 0, y: 0 },
+      tickStep: 50,
+      tickSize: 8,
+      subTicks: 0,
+      subTickSize: 4,
+      minX: -200,
+      maxX: 200,
+      minY: -50,
+      maxY: 50,
+      labelSize: 0.06,
+      labelColor: "#888888",
+      showLabels: !1,
+      labelPrecision: 0,
+      thickness: 1.5
+    }, this.geometry = new r.PlaneGeometry(4e3, 4e3), this.material = new r.ShaderMaterial({
+      uniforms: {
+        uColor: { value: this.params.color },
+        uOffset: { value: new r.Vector2(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) },
+        uZoom: { value: 1 },
+        uThickness: { value: 1.5 }
+      },
+      vertexShader: yt,
+      fragmentShader: _t,
+      transparent: !0,
+      depthWrite: !1,
+      blending: r.AdditiveBlending
+    }), this.meshObj = new r.Mesh(this.geometry, this.material), this.meshObj.position.z = -0.1;
+  }
+  setParams(t) {
+    return this.params = { ...this.params, ...t }, this;
+  }
+  color(t) {
+    return this.setParams({ color: t });
+  }
+  offset(t, e) {
+    return this.setParams({ offset: { x: t, y: e } });
+  }
+  ticks(t, e = 8) {
+    return this.setParams({ tickStep: t, tickSize: e });
+  }
+  subTicks(t, e = 4) {
+    return this.setParams({ subTicks: t, subTickSize: e });
+  }
+  precision(t) {
+    return this.setParams({ labelPrecision: t });
+  }
+  rangeY(t, e) {
+    return this.setParams({ minY: t, maxY: e });
+  }
+  rangeX(t, e) {
+    return this.setParams({ minX: t, maxX: e });
+  }
+  thickness(t) {
+    return this.setParams({ thickness: t });
+  }
+  labels(t, e = 0.06, i = "#888") {
+    return this.textEngine = t, this.setParams({ showLabels: !0, labelSize: e, labelColor: i });
+  }
+  displayLabels(t) {
+    return this.setParams({ showLabels: t });
+  }
+  update(t, e) {
+    const i = this.material.uniforms;
+    if (!i) return;
+    const s = this.params;
+    s.color !== void 0 && i.uColor.value.set(s.color), i.uOffset.value.set(s.offset.x, s.offset.y), i.uRangeX.value.set(s.minX, s.maxX), i.uRangeY.value.set(s.minY, s.maxY), this.updateUniform(i.uTickStep, s.tickStep), this.updateUniform(i.uTickSize, s.tickSize), this.updateUniform(i.uSubTicks, s.subTicks), this.updateUniform(i.uSubTickSize, s.subTickSize), this.updateUniform(i.uZoom, e.zoom), this.updateUniform(i.uThickness, s.thickness), this.meshObj.position.x = e.minX + (e.maxX - e.minX) / 2, this.meshObj.position.y = s.offset.y, s.showLabels && this.textEngine && this.renderLabels();
+  }
+  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");
+  }
+  updateUniform(t, e) {
+    t.value !== e && (t.value = e);
+  }
+  get mesh() {
+    return this.meshObj;
+  }
+  getDrawStats() {
+    return { total: 1, visible: 1 };
+  }
+  dispose() {
+    this.geometry.dispose(), this.material.dispose();
+  }
+}
+class wt {
+  params;
+  textEngine;
+  dummyMesh;
+  constructor() {
+    this.params = {
+      minX: -200,
+      maxX: 200,
+      minY: -50,
+      maxY: 50,
+      color: "#ffffff",
+      size: 0.08,
+      precision: 1,
+      showMin: !0,
+      showMax: !0,
+      showRangeX: !1,
+      position: "right",
+      offset: { x: 0, y: 0 }
+    }, this.dummyMesh = new r.Object3D();
+  }
+  setParams(t) {
+    return this.params = { ...this.params, ...t }, this;
+  }
+  rangeY(t, e) {
+    return this.setParams({ minY: t, maxY: e });
+  }
+  rangeX(t, e) {
+    return this.setParams({ minX: t, maxX: e });
+  }
+  color(t) {
+    return this.setParams({ color: t });
+  }
+  size(t) {
+    return this.setParams({ size: t });
+  }
+  precision(t) {
+    return this.setParams({ precision: t });
+  }
+  side(t) {
+    return this.setParams({ position: t });
+  }
+  showMinMax(t, e) {
+    return this.setParams({ showMin: t, showMax: e });
+  }
+  showRangeX(t) {
+    return this.setParams({ showRangeX: t });
+  }
+  use(t) {
+    return this.textEngine = t, this;
+  }
+  update(t, e) {
+    if (!this.textEngine) return;
+    const i = this.params, s = this.textEngine, n = i.precision, a = 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");
+    }
+    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");
+    }
+    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"));
+  }
+  get mesh() {
+    return this.dummyMesh;
+  }
+  getDrawStats() {
+    return { total: 0, visible: 0 };
+  }
+  dispose() {
+  }
+}
+class St {
+  scene;
+  camera;
+  renderer;
+  controls;
+  container;
+  animationId = null;
+  resizeObserver;
+  isExternalRenderer = !1;
+  autoRender = !0;
+  plots = /* @__PURE__ */ new Set();
+  textPlots = /* @__PURE__ */ new Set();
+  fontConfig;
+  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();
+  }
+  /**
+   * 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);
+    }), this;
+  }
+  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;
+  }
+  line(t, e) {
+    return this.add("line", t, e);
+  }
+  point(t, e) {
+    return this.add("point", t, e);
+  }
+  axis(t) {
+    return this.add("axis", t);
+  }
+  legend() {
+    return this.add("legend", null);
+  }
+  text(t) {
+    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;
+  }
+  clear() {
+    return this.plots.forEach((t) => {
+      this.scene.remove(t.mesh), t.dispose();
+    }), this.textPlots.forEach((t) => {
+      this.scene.remove(t.mesh), t.dispose();
+    }), this.plots.clear(), this.textPlots.clear(), this;
+  }
+  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);
+  }
+  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 };
+  }
+  getRendererInfo() {
+    return {
+      frame: this.renderer.info.render.frame,
+      calls: this.renderer.info.render.calls,
+      points: this.renderer.info.render.points,
+      triangles: this.renderer.info.render.triangles
+    };
+  }
+  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);
+  }
+  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();
+  }
+}
+const Mt = {
+  /**
+   * Initializes a new PlotContainer in the given element.
+   */
+  init(o, t) {
+    return new St(o, t);
+  },
+  /**
+   * Version info
+   */
+  version: "1.2.0"
+};
+export {
+  vt as AxisPlot,
+  wt as LegendPlot,
+  S as LinePlot,
+  Pt as MSDFText,
+  St as PlotContainer,
+  T as PointPlot,
+  N as TextPlot,
+  Mt as ThreePlot
+};