@gearbox-protocol/permissionless-ui 1.26.2 → 1.26.4

package/dist/esm/components/graph/graph.js

@@ -1,225 +1,250 @@
-import { jsxs as Y, jsx as p } from "react/jsx-runtime";
-import { createChart as $t } from "lightweight-charts";
-import * as it from "react";
-import { useRef as T, useState as st, useEffect as E } from "react";
-import { useIsMobile as Dt } from "../../hooks/use-media-query.js";
-import { cn as ft } from "../../utils/cn.js";
-import { resolveCSSColor as Vt, generateColorsFromBase as _, hslToHex as Gt } from "../../utils/colors.js";
-import { getDefaultOptions as yt, getDefaultSeries as Ot, getDefaultVerticalLine as Bt } from "./default-config.js";
-import { getXFormatter as Lt, createAdaptiveYAxisFormatter as Yt, formatExactValue as ct } from "./formatters.js";
-import { GraphCurrentValue as jt } from "./graph-current-value.js";
-import { GraphTooltip as Ht } from "./graph-tooltip.js";
-import { VertLine as Wt } from "./plugins/vertical-line.js";
-function _t(t, x, b) {
-  const A = t.labelText ?? "", m = t.value, R = m === void 0 ? "" : typeof m == "number" ? x === "$" ? `$${ct(m, void 0, b)}` : x === "%" ? `${ct(m, void 0, b)}%` : ct(
-    m,
-    x !== "none" && x !== "%" && x !== "$" ? x : void 0,
+import { jsxs as H, jsx as m } from "react/jsx-runtime";
+import { createChart as Gt, CrosshairMode as Bt, AreaSeries as Ot } from "lightweight-charts";
+import * as ct from "react";
+import { useRef as k, useState as ut, useEffect as D } from "react";
+import { useIsMobile as Yt } from "../../hooks/use-media-query.js";
+import { cn as dt } from "../../utils/cn.js";
+import { resolveCSSColor as yt, generateColorsFromBase as q, hslToHex as Ht } from "../../utils/colors.js";
+import { getDefaultOptions as Vt, getDefaultSeries as jt, getDefaultVerticalLine as Wt } from "./default-config.js";
+import { getXFormatters as kt, createAdaptiveYAxisFormatter as _t, formatExactValue as ft } from "./formatters.js";
+import { GraphCurrentValue as Xt } from "./graph-current-value.js";
+import { GraphTooltip as Nt } from "./graph-tooltip.js";
+import { VertLine as qt } from "./plugins/vertical-line.js";
+function Zt(e, C, b) {
+  const I = e.labelText ?? "", f = e.value, v = f === void 0 ? "" : typeof f == "number" ? C === "$" ? `$${ft(f, void 0, b)}` : C === "%" ? `${ft(f, void 0, b)}%` : ft(
+    f,
+    C !== "none" && C !== "%" && C !== "$" ? C : void 0,
     b
-  ) : String(m);
-  return { labelText: A, valueStr: R };
+  ) : String(f);
+  return { labelText: I, valueStr: v };
 }
-const ut = [
+const gt = [
+  // 0  green (emerald)
   {
     line: "#02c39a",
     top: "rgba(2, 195, 154, 0.56)",
     bottom: "rgba(2, 195, 154, 0.04)"
   },
+  // 1  blue
   {
     line: "#3b82f6",
     top: "rgba(59, 130, 246, 0.56)",
     bottom: "rgba(59, 130, 246, 0.04)"
   },
+  // 2  red
   {
     line: "#ef4444",
     top: "rgba(239, 68, 68, 0.56)",
     bottom: "rgba(239, 68, 68, 0.04)"
   },
+  // 3  amber
   {
     line: "#f59e0b",
     top: "rgba(245, 158, 11, 0.56)",
     bottom: "rgba(245, 158, 11, 0.04)"
   },
+  // 4  violet
   {
     line: "#8b5cf6",
     top: "rgba(139, 92, 246, 0.56)",
     bottom: "rgba(139, 92, 246, 0.04)"
   },
+  // 5  pink
   {
     line: "#ec4899",
     top: "rgba(236, 72, 153, 0.56)",
     bottom: "rgba(236, 72, 153, 0.04)"
   },
+  // 6  cyan
   {
     line: "#06b6d4",
     top: "rgba(6, 182, 212, 0.56)",
     bottom: "rgba(6, 182, 212, 0.04)"
   },
+  // 7  orange
   {
-    line: "#0ea5e9",
-    top: "rgba(14, 165, 233, 0.56)",
-    bottom: "rgba(14, 165, 233, 0.04)"
+    line: "#ea580c",
+    top: "rgba(234, 88, 12, 0.56)",
+    bottom: "rgba(234, 88, 12, 0.04)"
   },
+  // 8  lime
   {
-    line: "#6366f1",
-    top: "rgba(99, 102, 241, 0.56)",
-    bottom: "rgba(99, 102, 241, 0.04)"
+    line: "#84cc16",
+    top: "rgba(132, 204, 22, 0.56)",
+    bottom: "rgba(132, 204, 22, 0.04)"
   },
+  // 9  fuchsia
   {
     line: "#d946ef",
     top: "rgba(217, 70, 239, 0.56)",
     bottom: "rgba(217, 70, 239, 0.04)"
   },
+  // 10 sky
   {
-    line: "#10b981",
-    top: "rgba(16, 185, 129, 0.56)",
-    bottom: "rgba(16, 185, 129, 0.04)"
-  },
-  {
-    line: "#ea580c",
-    top: "rgba(234, 88, 12, 0.56)",
-    bottom: "rgba(234, 88, 12, 0.04)"
-  },
-  {
-    line: "#84cc16",
-    top: "rgba(132, 204, 22, 0.56)",
-    bottom: "rgba(132, 204, 22, 0.04)"
+    line: "#0ea5e9",
+    top: "rgba(14, 165, 233, 0.56)",
+    bottom: "rgba(14, 165, 233, 0.04)"
   },
+  // 11 teal
   {
-    line: "#0d9488",
-    top: "rgba(13, 148, 136, 0.56)",
-    bottom: "rgba(13, 148, 136, 0.04)"
+    line: "#14b8a6",
+    top: "rgba(20, 184, 166, 0.56)",
+    bottom: "rgba(20, 184, 166, 0.04)"
   },
+  // 12 yellow
   {
     line: "#eab308",
     top: "rgba(234, 179, 8, 0.56)",
     bottom: "rgba(234, 179, 8, 0.04)"
   },
+  // 13 rose
   {
     line: "#f43f5e",
     top: "rgba(244, 63, 94, 0.56)",
     bottom: "rgba(244, 63, 94, 0.04)"
   },
+  // 14 indigo
+  {
+    line: "#6366f1",
+    top: "rgba(99, 102, 241, 0.56)",
+    bottom: "rgba(99, 102, 241, 0.04)"
+  },
+  // 15 emerald
+  {
+    line: "#10b981",
+    top: "rgba(16, 185, 129, 0.56)",
+    bottom: "rgba(16, 185, 129, 0.04)"
+  },
+  // 16 warm-gray
   {
-    line: "#d97706",
-    top: "rgba(217, 119, 6, 0.56)",
-    bottom: "rgba(217, 119, 6, 0.04)"
+    line: "#78716c",
+    top: "rgba(120, 113, 108, 0.56)",
+    bottom: "rgba(120, 113, 108, 0.04)"
   },
+  // 17 slate
   {
     line: "#64748b",
     top: "rgba(100, 116, 139, 0.56)",
     bottom: "rgba(100, 116, 139, 0.04)"
   },
+  // 18 dark-slate
   {
     line: "#475569",
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], Xt = 137.5;
-function Nt(t) {
-  if (t < ut.length)
-    return ut[t];
-  const b = (t - ut.length) * Xt % 360, A = Gt(b, 70, 50), { topColor: m, bottomColor: R } = _(A);
-  return { line: A, top: m, bottom: R };
+], Kt = 137.5;
+function Lt(e) {
+  if (e < gt.length)
+    return gt[e];
+  const b = (e - gt.length) * Kt % 360, I = Ht(b, 70, 50), { topColor: f, bottomColor: v } = q(I);
+  return { line: I, top: f, bottom: v };
 }
-function ce({
-  series: t,
-  className: x,
+function ge({
+  series: e,
+  className: C,
   showLegend: b = !1,
-  onUnselectSeries: A,
-  xMeasureUnit: m = "time",
-  yMeasureUnit: R = "token",
-  optionsOverrides: B,
-  verticalLineOptions: S,
-  currentValueDecimals: X,
-  useSharedPriceScale: k = !1,
+  onUnselectSeries: I,
+  xMeasureUnit: f = "time",
+  yMeasureUnit: v = "token",
+  optionsOverrides: O,
+  verticalLineOptions: x,
+  currentValueDecimals: j,
+  useSharedPriceScale: N = !1,
   showCurrentValue: Pt = !0,
-  graphTitle: q,
-  yScaleMin: dt,
-  yScaleMinMultiple: gt
+  graphTitle: Z,
+  yScaleMin: mt,
+  yScaleMinMultiple: bt
 }) {
-  const N = T(null), V = T(/* @__PURE__ */ new Map()), Z = T(!1), K = T(/* @__PURE__ */ new Set()), mt = T(0), bt = T(!0), J = T(
+  const V = k(null), R = k(/* @__PURE__ */ new Map()), K = k(!1), J = k(/* @__PURE__ */ new Set()), pt = k(0), ht = k(!0), Q = k(
     null
-  ), Tt = T(null), F = T(null), Q = T(null), $ = Dt(), M = it.useMemo(() => t.flatMap((e) => e.data), [t]), kt = it.useMemo(() => {
-    if (t.length > 0) {
-      const e = t[t.length - 1];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  ), Tt = k(null), M = k(null), U = k(null), S = Yt(), z = ct.useMemo(() => e.flatMap((t) => t.data), [e]), Ft = ct.useMemo(() => {
+    if (e.length > 0) {
+      const t = e[e.length - 1];
+      if (t.data.length > 0)
+        return t.data[t.data.length - 1];
     }
-  }, [t]), [ht, U] = st(() => {
-    if (!kt) return;
-    const e = /* @__PURE__ */ new Map();
-    for (const a of t)
-      a.data.length > 0 && e.set(a.label, a.data[a.data.length - 1]);
-    return e;
-  }), [pt, I] = st(null), [Ct, vt] = st([]);
-  E(() => {
-    const e = () => {
-      if (N.current && F.current) {
-        const i = F.current.clientWidth, l = F.current.clientHeight;
-        N.current.resize(i, l), N.current.timeScale().fitContent();
+  }, [e]), [W, tt] = ut(() => {
+    if (!Ft) return;
+    const t = /* @__PURE__ */ new Map();
+    for (const a of e)
+      a.data.length > 0 && t.set(a.label, a.data[a.data.length - 1]);
+    return t;
+  }), [et, $] = ut(null), [Ct, vt] = ut([]);
+  D(() => {
+    const t = () => {
+      if (V.current && M.current) {
+        const l = M.current.clientWidth, s = M.current.clientHeight;
+        V.current.resize(l, s), V.current.timeScale().fitContent();
       }
-    }, a = F.current, n = a ? new ResizeObserver(e) : null;
+    }, a = M.current, n = a ? new ResizeObserver(t) : null;
     return a && n?.observe(a), () => {
       a && n?.unobserve(a);
     };
-  }, []), E(() => {
-    if (!Q.current || Z.current) return;
-    const e = yt(), a = Vt(
+  }, []), D(() => {
+    if (!U.current || K.current) return;
+    const t = Vt(), a = yt(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), n = $t(Q.current, {
-      ...e,
+    ), n = Gt(U.current, {
+      ...t,
       rightPriceScale: {
-        ...e.rightPriceScale || {},
-        visible: !$,
+        ...t.rightPriceScale || {},
+        visible: !S,
         textColor: a
       },
-      ...B
+      ...S && {
+        crosshair: {
+          ...t.crosshair,
+          mode: Bt.Magnet
+        }
+      },
+      ...O
     });
-    return N.current = n, Z.current = !0, () => {
-      n.remove(), N.current = null, Z.current = !1, V.current.clear();
+    return V.current = n, K.current = !0, () => {
+      n.remove(), V.current = null, K.current = !1, R.current.clear();
     };
-  }, [$, B]), E(() => {
-    const e = N.current;
-    if (!e || t.length === 0) return;
-    const n = t.filter((o) => o.data.length > 0).length <= 1 ? dt : gt, i = m === "time" ? Lt(m, M) : Lt(m), l = M.map((o) => o.value), {
+  }, [S, O]), D(() => {
+    const t = V.current;
+    if (!t || e.length === 0) return;
+    const n = e.filter((o) => o.data.length > 0).length <= 1 ? mt : bt, l = f === "time" ? kt(f, z) : kt(f), s = z.map((o) => o.value), {
       formatter: c,
-      updateVisibleRange: f,
-      updateLastValues: y
-    } = Yt(l, R, {
+      tickmarksFormatter: u,
+      updateVisibleRange: L,
+      updateLastValues: g
+    } = _t(s, v, {
       yScaleMin: n
     });
-    J.current = f, Tt.current = y;
-    const h = t.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
-    y(h);
-    const w = yt();
-    e.applyOptions({
+    Q.current = L, Tt.current = g;
+    const P = e.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
+    g(P);
+    const T = Vt();
+    t.applyOptions({
       localization: {
-        ...w.localization || {},
-        timeFormatter: i ? (
+        ...T.localization || {},
+        // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
+        timeFormatter: (o) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((o) => i(parseFloat(o), void 0))
-        ) : void 0
+          l.timeFormatter(parseFloat(o), void 0)
+        )
       },
       timeScale: {
-        ...w.timeScale || {},
-        tickMarkFormatter: i ? (
-          // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          ((o) => i(parseFloat(o), void 0))
-        ) : void 0,
+        ...T.timeScale || {},
+        // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
+        tickMarkFormatter: l.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const C = (M.length > 0 ? Math.min(...M.map((o) => o.value)) : 0) < 0, d = M.some((o) => o.value === 0), g = !C && d, u = t.length > 1 && !k, v = t.length > 1 && !k || $, L = Vt(
+    const d = (z.length > 0 ? Math.min(...z.map((o) => o.value)) : 0) < 0, w = z.some((o) => o.value === 0), p = !d && w, h = e.length > 1 && !N, F = e.length > 1 && !N || S, A = yt(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
-    e.applyOptions({
+    t.applyOptions({
       rightPriceScale: {
-        ...w.rightPriceScale || {},
-        visible: !v,
-        textColor: L,
-        ...g && {
+        ...T.rightPriceScale || {},
+        visible: !F,
+        textColor: A,
+        ...p && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -227,83 +252,85 @@ function ce({
         }
       }
     });
-    const z = new Set(V.current.keys()), tt = new Set(t.map((o) => o.label));
-    for (const o of z)
-      if (!tt.has(o)) {
-        const r = V.current.get(o);
-        r && (e.removeSeries(r), V.current.delete(o));
+    const ot = new Set(R.current.keys()), nt = new Set(e.map((o) => o.label));
+    for (const o of ot)
+      if (!nt.has(o)) {
+        const r = R.current.get(o);
+        r && (t.removeSeries(r), R.current.delete(o));
       }
-    const et = Ot(), ot = [];
-    let H = 0;
-    for (let o = 0; o < t.length; o++) {
-      const r = t[o], at = Nt(o), W = r.lineColor ?? r.color ?? at.line;
-      let D, G;
+    const At = jt(), rt = [];
+    let _ = 0;
+    for (let o = 0; o < e.length; o++) {
+      const r = e[o], it = Lt(o), X = r.lineColor ?? r.color ?? it.line;
+      let E, G;
       if (r.lineColor ?? r.color)
         if (r.topColor && r.bottomColor)
-          D = r.topColor, G = r.bottomColor;
+          E = r.topColor, G = r.bottomColor;
         else if (r.topColor) {
-          const s = _(W);
-          D = r.topColor, G = s.bottomColor;
+          const i = q(X);
+          E = r.topColor, G = i.bottomColor;
         } else if (r.bottomColor)
-          D = _(W).topColor, G = r.bottomColor;
+          E = q(X).topColor, G = r.bottomColor;
         else {
-          const s = _(W);
-          D = s.topColor, G = s.bottomColor;
+          const i = q(X);
+          E = i.topColor, G = i.bottomColor;
         }
       else
-        D = r.topColor || at.top, G = r.bottomColor || at.bottom;
+        E = r.topColor || it.top, G = r.bottomColor || it.bottom;
       if (r.data.length === 0) {
-        const s = V.current.get(r.label);
-        s && (e.removeSeries(s), V.current.delete(r.label));
+        const i = R.current.get(r.label);
+        i && (t.removeSeries(i), R.current.delete(r.label));
         continue;
       }
-      const It = (r.data.length > 0 ? Math.min(...r.data.map((s) => s.value)) : 0) < 0, Ft = r.data.some((s) => s.value === 0), zt = !It && Ft, St = k || !u || H === 0 ? "right" : `scale-${H}`;
-      u && ot.push({
+      const zt = (r.data.length > 0 ? Math.min(...r.data.map((i) => i.value)) : 0) < 0, $t = r.data.some((i) => i.value === 0), Dt = !zt && $t, St = N || !h || _ === 0 ? "right" : `scale-${_}`;
+      h && rt.push({
         priceScaleId: St || "right",
-        shouldPreventNegativeAxis: zt,
-        seriesIndex: H
+        shouldPreventNegativeAxis: Dt,
+        seriesIndex: _
       });
-      const wt = (k || !u) && n !== void 0 && typeof n == "number", Rt = {
-        lineColor: W,
-        topColor: D,
+      const wt = (N || !h) && n !== void 0 && typeof n == "number", Rt = {
+        lineColor: X,
+        topColor: E,
         bottomColor: G,
         priceScaleId: St,
         priceFormat: {
           type: "custom",
-          formatter: wt && typeof n == "number" ? (s) => c(
-            s < n ? n : s
-          ) : c
+          minMove: 0.01,
+          formatter: wt && typeof n == "number" ? (i) => c(
+            i < n ? n : i
+          ) : c,
+          tickmarksFormatter: u
         },
-        autoscaleInfoProvider: (s) => {
-          if (!wt) return s();
-          const lt = s();
-          if (lt?.priceRange) {
+        autoscaleInfoProvider: (i) => {
+          if (!wt) return i();
+          const st = i();
+          if (st?.priceRange) {
             const Et = n;
-            lt.priceRange.minValue = Et;
+            st.priceRange.minValue = Et;
           }
-          return lt;
+          return st;
         }
       };
-      let O = V.current.get(r.label);
-      O ? (O.applyOptions(Rt), O.setData(
-        r.data.map((s) => ({
-          ...s,
-          time: s.time
+      let B = R.current.get(r.label);
+      B ? (B.applyOptions(Rt), B.setData(
+        r.data.map((i) => ({
+          ...i,
+          time: i.time
         }))
-      )) : (O = e.addAreaSeries({
-        ...et,
+      )) : (B = t.addSeries(Ot, {
+        ...At,
         ...Rt
-      }), O.setData(
-        r.data.map((s) => ({
-          ...s,
-          time: s.time
+      }), B.setData(
+        r.data.map((i) => ({
+          ...i,
+          time: i.time
         }))
-      ), V.current.set(r.label, O)), H++;
+      ), R.current.set(r.label, B)), _++;
     }
-    if (u && ot.length > 0)
-      for (const o of ot)
+    if (h && rt.length > 0)
+      for (const o of rt)
         try {
-          const r = e.priceScale(o.priceScaleId);
+          const r = t.priceScale(o.priceScaleId);
           r && r.applyOptions({
             visible: !1,
             autoScale: !0,
@@ -319,7 +346,7 @@ function ce({
             borderVisible: !0,
             borderColor: "rgba(224, 227, 235, 0.1)",
             entireTextOnly: !1,
-            textColor: L
+            textColor: A
           });
         } catch (r) {
           console.warn(
@@ -327,17 +354,17 @@ function ce({
             r
           );
         }
-    else if (!u)
+    else if (!h)
       try {
-        const o = e.priceScale("right");
+        const o = t.priceScale("right");
         o && o.applyOptions({
-          visible: !$,
+          visible: !S,
           autoScale: !0,
           scaleMargins: {
             top: 0.1,
             // No bottom margin when yScaleMin is set so the scale doesn't extend below the minimum (avoids negative labels like -10M)
-            bottom: n !== void 0 || g ? 0 : 0.1,
-            ...g && {
+            bottom: n !== void 0 || p ? 0 : 0.1,
+            ...p && {
               top: 0.3
             }
           },
@@ -345,237 +372,241 @@ function ce({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: L
+          textColor: A
         });
       } catch {
       }
-    n !== void 0 && (k || !u) && e.applyOptions({
+    n !== void 0 && !S && (N || !h) && t.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
     });
-    const nt = new Set(t.map((o) => o.label)), At = nt.size !== K.current.size || [...nt].some((o) => !K.current.has(o)), Mt = M.length !== mt.current;
-    (bt.current || At || Mt || $) && (e.timeScale().fitContent(), bt.current = !1), K.current = nt, mt.current = M.length;
-    const rt = /* @__PURE__ */ new Map();
-    for (const o of t)
-      o.data.length > 0 && rt.set(o.label, o.data[o.data.length - 1]);
-    U(rt.size > 0 ? rt : void 0);
+    const at = new Set(e.map((o) => o.label)), It = at.size !== J.current.size || [...at].some((o) => !J.current.has(o)), Mt = z.length !== pt.current;
+    (ht.current || It || Mt || S) && (t.timeScale().fitContent(), ht.current = !1), J.current = at, pt.current = z.length;
+    const lt = /* @__PURE__ */ new Map();
+    for (const o of e)
+      o.data.length > 0 && lt.set(o.label, o.data[o.data.length - 1]);
+    tt(lt.size > 0 ? lt : void 0);
   }, [
-    t,
-    M,
-    m,
-    R,
-    $,
-    k,
-    dt,
-    gt
-  ]), E(() => {
-    const e = N.current;
-    if (!e || t.length === 0) return;
-    const a = t.length === 1;
+    e,
+    z,
+    f,
+    v,
+    S,
+    N,
+    mt,
+    bt
+  ]), D(() => {
+    const t = V.current;
+    if (!t || e.length === 0) return;
+    const a = e.length === 1;
     let n;
-    for (const l of t)
-      if (l.data.length > 0) {
-        n = l.data[l.data.length - 1].time;
+    for (const s of e)
+      if (s.data.length > 0) {
+        n = s.data[s.data.length - 1].time;
         break;
       }
     if (!n) return;
-    const i = (l) => {
-      const { time: c = n, seriesData: f, point: y } = l || {}, h = Array.from(V.current.values());
-      if (!y || !c) {
-        const C = /* @__PURE__ */ new Map();
-        for (const d of t)
-          d.data.length > 0 && C.set(d.label, d.data[d.data.length - 1]);
-        if (U(C.size > 0 ? C : void 0), a || k)
-          I(null);
-        else if (h[0] && n) {
-          const g = e.timeScale().timeToCoordinate(n), u = t[0];
-          if (u.data.length > 0) {
-            const v = u.data[u.data.length - 1].value, L = h[0].priceToCoordinate(v);
-            g !== null && L !== null && I({ x: g, y: L });
+    const l = (s) => {
+      const { time: c = n, seriesData: u, point: L } = s || {}, g = Array.from(R.current.values());
+      if (!L || !c) {
+        const y = /* @__PURE__ */ new Map();
+        for (const d of e)
+          d.data.length > 0 && y.set(d.label, d.data[d.data.length - 1]);
+        if (tt(y.size > 0 ? y : void 0), a || N)
+          $(null);
+        else if (g[0] && n) {
+          const w = t.timeScale().timeToCoordinate(n), p = e[0];
+          if (p.data.length > 0) {
+            const h = p.data[p.data.length - 1].value, F = g[0].priceToCoordinate(h);
+            w !== null && F !== null && $({ x: w, y: F });
           }
         }
         return;
       }
-      const w = /* @__PURE__ */ new Map();
-      let P;
-      for (let C = 0; C < t.length; C++) {
-        const d = t[C], g = h[C];
-        if (!g) continue;
-        const u = f?.get(g), v = u && "value" in u ? u.value : void 0, L = d.data[d.data.length - 1], z = v !== void 0 ? v : L?.value ?? 0;
-        C === 0 && (P = z), w.set(d.label, { value: z, time: c });
+      const P = /* @__PURE__ */ new Map();
+      let T;
+      for (let y = 0; y < e.length; y++) {
+        const d = e[y], w = g[y];
+        if (!w) continue;
+        const p = u?.get(w), h = p && "value" in p ? p.value : void 0, F = d.data[d.data.length - 1], A = h !== void 0 ? h : F?.value ?? 0;
+        y === 0 && (T = A), P.set(d.label, { value: A, time: c });
       }
-      if (U(w), P !== void 0 && h[0]) {
-        const d = e.timeScale().timeToCoordinate(c), g = h[0].priceToCoordinate(P);
-        if (d !== null && g !== null) {
-          const u = F.current;
-          if (u) {
-            const v = u.querySelector(
+      if (tt(P), T !== void 0 && g[0]) {
+        const d = t.timeScale().timeToCoordinate(c), w = g[0].priceToCoordinate(T);
+        if (d !== null && w !== null) {
+          const p = M.current;
+          if (p) {
+            const h = p.querySelector(
               ".LightweightChart"
             );
-            if (v) {
-              const L = v.getBoundingClientRect(), z = u.getBoundingClientRect(), tt = d + (L.left - z.left), et = g + (L.top - z.top);
-              I({ x: tt, y: et });
+            if (h) {
+              const F = h.getBoundingClientRect(), A = p.getBoundingClientRect(), ot = d + (F.left - A.left), nt = w + (F.top - A.top);
+              $({ x: ot, y: nt });
             } else
-              I({ x: d, y: g });
+              $({ x: d, y: w });
           } else
-            I({ x: d, y: g });
+            $({ x: d, y: w });
         } else
-          I(null);
+          $(null);
       } else
-        I(null);
+        $(null);
     };
-    return e.subscribeCrosshairMove(i), !a && !k && requestAnimationFrame(() => {
-      const l = Array.from(V.current.values());
-      if (l[0] && n && t[0]?.data.length > 0) {
-        const f = e.timeScale().timeToCoordinate(n), y = t[0].data[t[0].data.length - 1].value, h = l[0].priceToCoordinate(y);
-        f !== null && h !== null && I({ x: f, y: h });
+    return t.subscribeCrosshairMove(l), S && t.subscribeClick(l), !a && !N && requestAnimationFrame(() => {
+      const s = Array.from(R.current.values());
+      if (s[0] && n && e[0]?.data.length > 0) {
+        const u = t.timeScale().timeToCoordinate(n), L = e[0].data[e[0].data.length - 1].value, g = s[0].priceToCoordinate(L);
+        u !== null && g !== null && $({ x: u, y: g });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(i);
+      t.unsubscribeCrosshairMove(l), S && t.unsubscribeClick(l);
     };
-  }, [t, k]), E(() => {
-    const e = N.current;
-    if (!e || t.length === 0) return;
-    const a = e.timeScale(), n = Math.max(...t.map((l) => l.data.length)), i = () => {
-      if (n === 0) return;
-      const l = a.getVisibleLogicalRange();
+  }, [e, N, S]), D(() => {
+    const t = V.current;
+    if (!t || e.length === 0) return;
+    const a = t.timeScale(), n = () => {
+      if (!Q.current) return;
+      const l = a.getVisibleRange();
       if (!l) return;
-      const c = {
-        from: 0,
-        to: n - 1
-      }, f = typeof l.from == "number" ? l.from : 0, y = typeof l.to == "number" ? l.to : n - 1;
-      if (J.current) {
-        const C = Math.max(0, Math.floor(f)), d = Math.min(n - 1, Math.ceil(y)), g = [];
-        for (const u of t)
-          for (let v = C; v <= d && v < u.data.length; v++)
-            g.push(u.data[v].value);
-        g.length > 0 && J.current(g);
-      }
-      const h = 0.01;
-      let w = !1;
-      const P = { ...l };
-      f < c.from - h && (P.from = c.from, w = !0), y > c.to + h && (P.to = c.to, w = !0), w && a.setVisibleLogicalRange(P);
+      const s = Number(l.from), c = Number(l.to), u = [];
+      for (const L of e)
+        for (const g of L.data) {
+          const P = Number(g.time);
+          P >= s && P <= c && u.push(g.value);
+        }
+      u.length > 0 && Q.current(u);
     };
-    return a.subscribeVisibleLogicalRangeChange(i), () => {
+    return a.subscribeVisibleLogicalRangeChange(n), () => {
       a.unsubscribeVisibleLogicalRangeChange(
-        i
+        n
       );
     };
-  }, [t]), E(() => {
-    const e = N.current, a = Array.from(V.current.values()), n = [];
-    if (e && a.length > 0 && S) {
-      const i = Bt(), l = a[0];
-      for (const c of S) {
-        const f = new Wt(e, l, c.xCoordinate, {
-          ...i,
+  }, [e]), D(() => {
+    const t = V.current, a = Array.from(R.current.values()), n = [];
+    if (t && a.length > 0 && x) {
+      const l = Wt(), s = a[0];
+      for (const c of x) {
+        const u = new qt(t, s, c.xCoordinate, {
+          ...l,
           ...c.options || {}
         });
-        l.attachPrimitive(f), n.push(f);
+        s.attachPrimitive(u), n.push(u);
       }
     }
     return () => {
       if (a.length > 0) {
-        const i = a[0];
-        for (const l of n)
-          i.detachPrimitive(l);
+        const l = a[0];
+        for (const s of n)
+          l.detachPrimitive(s);
       }
     };
-  }, [S]), E(() => {
-    const e = N.current;
-    if (!e || !S?.length) {
+  }, [x]), D(() => {
+    const t = V.current;
+    if (!t || !x?.length) {
       vt([]);
       return;
     }
     const a = () => {
-      const l = e.timeScale(), c = S.map((f) => l.timeToCoordinate(f.xCoordinate) ?? null);
+      const s = t.timeScale(), c = x.map((u) => s.timeToCoordinate(u.xCoordinate) ?? null);
       vt(c);
     };
     a();
-    const n = e.timeScale(), i = () => {
+    const n = t.timeScale(), l = () => {
       a();
     };
-    return n.subscribeVisibleLogicalRangeChange(i), () => {
-      n.unsubscribeVisibleLogicalRangeChange(i);
+    return n.subscribeVisibleLogicalRangeChange(l), () => {
+      n.unsubscribeVisibleLogicalRangeChange(l);
     };
-  }, [S]);
-  const j = t.length === 1, xt = it.useMemo(() => {
-    if (j && t.length > 0) {
-      const e = t[0];
-      if (e.data.length > 0)
-        return e.data[e.data.length - 1];
+  }, [x]);
+  const Y = e.length === 1, xt = ct.useMemo(() => {
+    if (Y && e.length > 0) {
+      const t = e[0];
+      if (t.data.length > 0)
+        return t.data[t.data.length - 1];
     }
-  }, [j, t]);
-  return /* @__PURE__ */ Y(
+  }, [Y, e]);
+  return /* @__PURE__ */ H(
     "div",
     {
-      ref: F,
-      className: ft(
+      ref: M,
+      className: dt(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        x
+        C
       ),
       children: [
-        q != null && q !== !1 && j ? /* @__PURE__ */ p("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ p("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: q }) }) : Pt && j && xt && /* @__PURE__ */ p(
-          jt,
+        Z != null && Z !== !1 && Y ? /* @__PURE__ */ m("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ m("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: Z }) }) : Pt && Y && xt && /* @__PURE__ */ m(
+          Xt,
           {
             point: xt,
-            xMeasureUnit: m,
-            yMeasureUnit: R,
-            decimals: X
+            xMeasureUnit: f,
+            yMeasureUnit: v,
+            decimals: j
+          }
+        ),
+        W && et && /* @__PURE__ */ m(
+          Nt,
+          {
+            points: W,
+            xMeasureUnit: f,
+            yMeasureUnit: v,
+            series: e,
+            position: et,
+            containerRef: M,
+            decimals: j
           }
         ),
-        ht && pt && /* @__PURE__ */ p(
-          Ht,
+        W && !et && !Y && S && /* @__PURE__ */ m(
+          Nt,
           {
-            points: ht,
-            xMeasureUnit: m,
-            yMeasureUnit: R,
-            series: t,
-            position: pt,
-            containerRef: F,
-            decimals: X
+            points: W,
+            xMeasureUnit: f,
+            yMeasureUnit: v,
+            series: e,
+            containerRef: M,
+            decimals: j,
+            className: "top-2 left-2"
           }
         ),
-        b && /* @__PURE__ */ p(qt, { series: t, onUnselect: A }),
-        S && S.length > 0 && Ct.length === S.length && /* @__PURE__ */ p(
+        b && /* @__PURE__ */ m(Jt, { series: e, onUnselect: I }),
+        x && x.length > 0 && Ct.length === x.length && /* @__PURE__ */ m(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: S.map((e, a) => {
-              const n = Ct[a], i = e.options ?? {}, l = i.showLabel !== !1;
-              if (n === null || !l) return null;
-              const { labelText: c, valueStr: f } = _t(
-                i,
-                R,
-                X
+            children: x.map((t, a) => {
+              const n = Ct[a], l = t.options ?? {}, s = l.showLabel !== !1;
+              if (n === null || !s) return null;
+              const { labelText: c, valueStr: u } = Zt(
+                l,
+                v,
+                j
               );
-              if (!(c || f)) return null;
-              const h = i.labelBackgroundColor ?? i.color ?? "hsl(var(--background))", w = i.labelTextColor ?? "hsl(var(--foreground))", P = `${String(e.xCoordinate)}-${c}`;
-              return /* @__PURE__ */ Y(
+              if (!(c || u)) return null;
+              const g = l.labelBackgroundColor ?? l.color ?? "hsl(var(--background))", P = l.labelTextColor ?? "hsl(var(--foreground))", T = `${String(t.xCoordinate)}-${c}`;
+              return /* @__PURE__ */ H(
                 "div",
                 {
                   className: "absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
                   style: {
                     left: n,
                     transform: "translateX(-50%)",
-                    backgroundColor: h,
-                    color: w
+                    backgroundColor: g,
+                    color: P
                   },
                   children: [
-                    c && /* @__PURE__ */ p("span", { className: "block", children: c }),
-                    f && /* @__PURE__ */ p("span", { className: ft("block", c && "mt-0.5"), children: f })
+                    c && /* @__PURE__ */ m("span", { className: "block", children: c }),
+                    u && /* @__PURE__ */ m("span", { className: dt("block", c && "mt-0.5"), children: u })
                   ]
                 },
-                P
+                T
               );
             })
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           "div",
           {
-            ref: Q,
+            ref: U,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -583,41 +614,41 @@ function ce({
     }
   );
 }
-function qt({
-  series: t,
-  onUnselect: x
+function Jt({
+  series: e,
+  onUnselect: C
 }) {
-  return /* @__PURE__ */ p("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: t.map((b, A) => {
-    const m = Nt(A), R = (b.lineColor ?? b.color) || m.line, B = b.data.length === 0;
-    return /* @__PURE__ */ Y(
+  return /* @__PURE__ */ m("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: e.map((b, I) => {
+    const f = Lt(I), v = (b.lineColor ?? b.color) || f.line, O = b.data.length === 0;
+    return /* @__PURE__ */ H(
       "div",
       {
-        className: ft(
+        className: dt(
           "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-          B && "opacity-50"
+          O && "opacity-50"
         ),
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ m(
             "div",
             {
               className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: R }
+              style: { backgroundColor: v }
             }
           ),
-          /* @__PURE__ */ Y("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ H("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
             b.label,
-            B && " (no data)"
+            O && " (no data)"
           ] }),
-          x && /* @__PURE__ */ p(
+          C && /* @__PURE__ */ m(
             "button",
             {
               type: "button",
-              onClick: (S) => {
-                S.stopPropagation(), x(b.label);
+              onClick: (x) => {
+                x.stopPropagation(), C(b.label);
               },
               className: "ml-1 flex items-center justify-center w-4 h-4 rounded-sm hover:bg-muted transition-colors cursor-pointer",
               "aria-label": `Remove ${b.label}`,
-              children: /* @__PURE__ */ Y(
+              children: /* @__PURE__ */ H(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -632,9 +663,9 @@ function qt({
                   className: "text-muted-foreground hover:text-foreground",
                   "aria-hidden": "true",
                   children: [
-                    /* @__PURE__ */ p("title", { children: "Close" }),
-                    /* @__PURE__ */ p("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ p("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                    /* @__PURE__ */ m("title", { children: "Close" }),
+                    /* @__PURE__ */ m("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ m("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                   ]
                 }
               )
@@ -647,8 +678,8 @@ function qt({
   }) });
 }
 export {
-  ut as DEFAULT_SERIES_COLORS,
-  ce as Graph,
-  Nt as getSeriesColorPalette,
-  _t as getVerticalLineTooltipContent
+  gt as DEFAULT_SERIES_COLORS,
+  ge as Graph,
+  Lt as getSeriesColorPalette,
+  Zt as getVerticalLineTooltipContent
 };