@gearbox-protocol/ui-kit 3.14.0-next.34 → 3.14.0-next.35

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

@@ -1,79 +1,79 @@
-import { jsxs as U, jsx as S } from "react/jsx-runtime";
-import { createChart as He, CrosshairMode as Xe, AreaSeries as qe, LineStyle as Ze } from "lightweight-charts";
-import * as ge from "react";
-import { useRef as I, useState as be, useEffect as L } from "react";
-import { useIsMobile as Ke } from "../../hooks/use-media-query.js";
-import { cn as Ce } from "../../utils/cn.js";
-import { resolveCSSColor as O, generateColorsFromBase as ne, hslToHex as Je } from "../../utils/colors.js";
-import { getDefaultOptions as De, getDefaultSeries as Qe, getDefaultVerticalLine as Oe } from "./default-config.js";
-import { getXFormatters as Be, createAdaptiveYAxisFormatter as Ue, formatExactValue as pe } from "./formatters.js";
-import { GraphCurrentValue as et } from "./graph-current-value.js";
-import { GraphTooltip as tt } from "./graph-tooltip.js";
-import { VertLine as ot } from "./plugins/vertical-line.js";
-class rt {
+import { jsxs as te, jsx as y } from "react/jsx-runtime";
+import { createChart as Ye, CrosshairMode as Ue, LineStyle as Ae, LineSeries as et, AreaSeries as tt } from "lightweight-charts";
+import * as Ce from "react";
+import { useRef as $, useState as Se, useEffect as F } from "react";
+import { useIsMobile as ot } from "../../hooks/use-media-query.js";
+import { cn as ae } from "../../utils/cn.js";
+import { resolveCSSColor as ee, generateColorsFromBase as le, hslToHex as rt } from "../../utils/colors.js";
+import { getDefaultOptions as $e, getDefaultSeries as nt, getDefaultVerticalLine as lt } from "./default-config.js";
+import { getXFormatters as Ee, createAdaptiveYAxisFormatter as at, formatExactValue as xe } from "./formatters.js";
+import { GraphCurrentValue as it } from "./graph-current-value.js";
+import { GraphTooltip as st } from "./graph-tooltip.js";
+import { VertLine as ct } from "./plugins/vertical-line.js";
+class ut {
   _yTop;
   _yBottom;
   _color;
-  constructor(c, s, b) {
-    this._yTop = c, this._yBottom = s, this._color = b;
+  constructor(s, f, m) {
+    this._yTop = s, this._yBottom = f, this._color = m;
   }
-  draw(c) {
-    c.useBitmapCoordinateSpace((s) => {
-      const b = s.context, h = s.verticalPixelRatio, y = this._yTop === null ? 0 : this._yTop * h, z = this._yBottom === null ? s.bitmapSize.height : this._yBottom * h, p = Math.min(y, z), R = Math.max(y, z);
-      b.fillStyle = this._color, b.fillRect(0, p, s.bitmapSize.width, R - p);
+  draw(s) {
+    s.useBitmapCoordinateSpace((f) => {
+      const m = f.context, h = f.verticalPixelRatio, w = this._yTop === null ? 0 : this._yTop * h, X = this._yBottom === null ? f.bitmapSize.height : this._yBottom * h, b = Math.min(w, X), V = Math.max(w, X);
+      m.fillStyle = this._color, m.fillRect(0, b, f.bitmapSize.width, V - b);
     });
   }
 }
-class nt {
+class ft {
   _source;
   _yTop = null;
   _yBottom = null;
-  constructor(c) {
-    this._source = c;
+  constructor(s) {
+    this._source = s;
   }
   update() {
-    const c = this._source.series;
-    this._yTop = this._source.priceTop === void 0 ? null : c.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : c.priceToCoordinate(this._source.priceBottom);
+    const s = this._source.series;
+    this._yTop = this._source.priceTop === void 0 ? null : s.priceToCoordinate(this._source.priceTop), this._yBottom = this._source.priceBottom === void 0 ? null : s.priceToCoordinate(this._source.priceBottom);
   }
   /** Draw beneath the series line/area so the data stays readable. */
   zOrder() {
     return "bottom";
   }
   renderer() {
-    return new rt(this._yTop, this._yBottom, this._source.color);
+    return new ut(this._yTop, this._yBottom, this._source.color);
   }
 }
-class at {
+class ht {
   series;
   priceTop;
   priceBottom;
   color;
   _paneViews;
-  constructor(c, s, b, h) {
-    this.series = c, this.priceTop = s, this.priceBottom = b, this.color = h, this._paneViews = [new nt(this)];
+  constructor(s, f, m, h) {
+    this.series = s, this.priceTop = f, this.priceBottom = m, this.color = h, this._paneViews = [new ft(this)];
   }
   updateAllViews() {
-    for (const c of this._paneViews) c.update();
+    for (const s of this._paneViews) s.update();
   }
   paneViews() {
     return this._paneViews;
   }
 }
-function lt(t, c, s) {
-  const b = t.labelText ?? "", h = t.value, y = h === void 0 ? "" : typeof h == "number" ? c === "$" ? `$${pe(h, void 0, s)}` : c === "%" ? `${pe(h, void 0, s)}%` : pe(
+function gt(t, s, f) {
+  const m = t.labelText ?? "", h = t.value, w = h === void 0 ? "" : typeof h == "number" ? s === "$" ? `$${xe(h, void 0, f)}` : s === "%" ? `${xe(h, void 0, f)}%` : xe(
     h,
-    c !== "none" && c !== "%" && c !== "$" ? c : void 0,
-    s
+    s !== "none" && s !== "%" && s !== "$" ? s : void 0,
+    f
   ) : String(h);
-  return { labelText: b, valueStr: y };
+  return { labelText: m, valueStr: w };
 }
-function it(t, c) {
-  for (let s = t.length - 1; s >= 0; s--)
-    if (Number(t[s].time) <= c)
-      return t[s].value;
+function mt(t, s) {
+  for (let f = t.length - 1; f >= 0; f--)
+    if (Number(t[f].time) <= s)
+      return t[f].value;
   return 0;
 }
-const ve = [
+const ye = [
   // 0  green (emerald)
   {
     line: "#02c39a",
@@ -188,67 +188,72 @@ const ve = [
     top: "rgba(71, 85, 105, 0.56)",
     bottom: "rgba(71, 85, 105, 0.04)"
   }
-], st = 137.5;
-function Fe(t) {
-  if (t < ve.length)
-    return ve[t];
-  const s = (t - ve.length) * st % 360, b = Je(s, 70, 50), { topColor: h, bottomColor: y } = ne(b);
-  return { line: b, top: h, bottom: y };
+], dt = 137.5;
+function Ge(t) {
+  if (t < ye.length)
+    return ye[t];
+  const f = (t - ye.length) * dt % 360, m = rt(f, 70, 50), { topColor: h, bottomColor: w } = le(m);
+  return { line: m, top: h, bottom: w };
 }
-function Nt({
+function Lt({
   series: t,
-  className: c,
-  showLegend: s = !1,
-  onUnselectSeries: b,
+  className: s,
+  showLegend: f = !1,
+  onUnselectSeries: m,
   xMeasureUnit: h = "time",
-  yMeasureUnit: y = "token",
-  optionsOverrides: z,
-  verticalLineOptions: p,
-  priceLineOptions: R,
-  zoneOptions: W,
-  currentValueDecimals: ae,
-  useSharedPriceScale: D = !1,
-  showCurrentValue: Ae = !0,
-  graphTitle: le,
-  yScaleMin: xe,
-  yScaleMinMultiple: Se,
-  visibleTimeFrom: j,
-  disableZoom: ee = !1
+  yMeasureUnit: w = "token",
+  optionsOverrides: X,
+  verticalLineOptions: b,
+  priceLineOptions: V,
+  zoneOptions: E,
+  currentValueDecimals: ie,
+  useSharedPriceScale: I = !1,
+  dualYAxis: L = !1,
+  defaultVisiblePriceScaleId: we = "right",
+  leftPriceScaleTitle: Te,
+  rightPriceScaleTitle: pt,
+  showCurrentValue: je = !0,
+  graphTitle: se,
+  yScaleMin: Ne,
+  yScaleMinMultiple: Ve,
+  visibleTimeFrom: q,
+  disableZoom: oe = !1,
+  hideDefaultTooltip: ce = !1
 }) {
-  const T = I(null), v = I(/* @__PURE__ */ new Map()), ie = I(!1), ye = I(!0), se = I(
+  const k = $(null), p = $(/* @__PURE__ */ new Map()), ue = $(!1), Re = $(!0), fe = $(
     null
-  ), Ie = I(null), H = I(null), ce = I(null), te = I(null), P = Ke(), $ = ge.useMemo(() => t.flatMap((e) => e.data), [t]), ze = ge.useMemo(() => {
+  ), He = $(null), Z = $(null), he = $(null), re = $(null), T = ot(), G = Ce.useMemo(() => t.flatMap((e) => e.data), [t]), Xe = Ce.useMemo(() => {
     if (t.length > 0) {
       const e = t[t.length - 1];
       if (e.data.length > 0)
         return e.data[e.data.length - 1];
     }
-  }, [t]), [we, ue] = be(() => {
-    if (!ze) return;
+  }, [t]), [Pe, ge] = Se(() => {
+    if (!Xe) return;
     const e = /* @__PURE__ */ new Map();
-    for (const l of t)
-      l.data.length > 0 && e.set(l.label, l.data[l.data.length - 1]);
+    for (const a of t)
+      a.data.length > 0 && e.set(a.label, a.data[a.data.length - 1]);
     return e;
-  }), [Ne, E] = be(null), [Ve, Re] = be([]);
-  L(() => {
+  }), [Me, j] = Se(null), [_e, Le] = Se([]);
+  F(() => {
     const e = () => {
       try {
-        if (T.current && H.current) {
-          const r = H.current.clientWidth, i = H.current.clientHeight;
-          T.current.resize(r, i);
+        if (k.current && Z.current) {
+          const n = Z.current.clientWidth, i = Z.current.clientHeight;
+          k.current.resize(n, i);
         }
       } catch {
       }
-    }, l = H.current, n = l ? new ResizeObserver(e) : null;
-    return te.current = n, l && n?.observe(l), () => {
-      l && n?.unobserve(l), n?.disconnect(), te.current = null;
+    }, a = Z.current, l = a ? new ResizeObserver(e) : null;
+    return re.current = l, a && l?.observe(a), () => {
+      a && l?.unobserve(a), l?.disconnect(), re.current = null;
     };
-  }, []), L(() => {
-    if (!ce.current || ie.current) return;
-    const e = De(), l = O(
+  }, []), F(() => {
+    if (!he.current || ue.current) return;
+    const e = $e(), a = ee(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
-    ), n = ee ? {
+    ), l = oe ? {
       handleScale: {
         mouseWheel: !1,
         pinch: !1,
@@ -261,29 +266,34 @@ function Nt({
         horzTouchDrag: !1,
         vertTouchDrag: !1
       }
-    } : {}, r = He(ce.current, {
+    } : {}, n = Ye(he.current, {
       ...e,
+      leftPriceScale: {
+        ...e.leftPriceScale || {},
+        visible: !1,
+        textColor: a
+      },
       rightPriceScale: {
         ...e.rightPriceScale || {},
-        visible: !P,
-        textColor: l
+        visible: !T,
+        textColor: a
       },
-      ...P && {
+      ...T && {
         crosshair: {
           ...e.crosshair,
-          mode: Xe.Magnet
+          mode: Ue.Magnet
         }
       },
-      ...n,
-      ...z
+      ...l,
+      ...X
     });
-    return T.current = r, ie.current = !0, () => {
-      te.current?.disconnect(), te.current = null, r.remove(), T.current = null, ie.current = !1, v.current.clear();
+    return k.current = n, ue.current = !0, () => {
+      re.current?.disconnect(), re.current = null, n.remove(), k.current = null, ue.current = !1, p.current.clear();
     };
-  }, [P, z, ee]), L(() => {
-    const e = T.current;
+  }, [T, X, oe]), F(() => {
+    const e = k.current;
     e && e.applyOptions(
-      ee ? {
+      oe ? {
         handleScale: {
           mouseWheel: !1,
           pinch: !1,
@@ -311,47 +321,58 @@ function Nt({
         }
       }
     );
-  }, [ee]), L(() => {
-    const e = T.current;
+  }, [oe]), F(() => {
+    const e = k.current;
     if (!e || t.length === 0) return;
-    const n = t.filter((o) => o.data.length > 0).length <= 1 ? xe : Se, r = h === "time" ? Be(h, $) : Be(h), i = $.map((o) => o.value), {
-      formatter: u,
-      tickmarksFormatter: d,
-      updateVisibleRange: B,
-      updateLastValues: g
-    } = Ue(i, y, {
-      yScaleMin: n
+    const l = t.filter((o) => o.data.length > 0).length <= 1 ? Ne : Ve, n = h === "time" ? Ee(h, G) : Ee(h), i = G.map((o) => o.value), {
+      formatter: c,
+      tickmarksFormatter: g,
+      updateVisibleRange: z,
+      updateLastValues: v
+    } = at(i, w, {
+      yScaleMin: l
     });
-    se.current = B, Ie.current = g;
-    const F = t.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
-    g(F);
-    const M = De();
+    fe.current = z, He.current = v;
+    const W = t.filter((o) => o.data.length > 0).map((o) => o.data[o.data.length - 1].value);
+    v(W);
+    const P = $e();
     e.applyOptions({
       localization: {
-        ...M.localization || {},
+        ...P.localization || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
         timeFormatter: (o) => (
           // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-          r.timeFormatter(parseFloat(o), void 0)
+          n.timeFormatter(parseFloat(o), void 0)
         )
       },
       timeScale: {
-        ...M.timeScale || {},
+        ...P.timeScale || {},
         // biome-ignore lint/suspicious/noExplicitAny: External library type compatibility
-        tickMarkFormatter: r.tickMarkFormatter,
+        tickMarkFormatter: n.tickMarkFormatter,
         minBarSpacing: 0
       }
     });
-    const m = ($.length > 0 ? Math.min(...$.map((o) => o.value)) : 0) < 0, N = $.some((o) => o.value === 0), C = !m && N, w = t.length > 1 && !D, x = t.length > 1 && !D || P, Y = O(
+    const d = (G.length > 0 ? Math.min(...G.map((o) => o.value)) : 0) < 0, R = G.some((o) => o.value === 0), C = !d && R, N = !L && t.length > 1 && !I, S = L ? T : t.length > 1 && !I || T, D = ee(
       "hsl(var(--foreground))",
       "rgb(0, 0, 0)"
     );
     e.applyOptions({
+      ...L && {
+        defaultVisiblePriceScaleId: we
+      },
+      leftPriceScale: {
+        ...P.leftPriceScale || {},
+        visible: L && !T,
+        textColor: D,
+        ...L && Te && {
+          // lightweight-charts uses scale margins; title shown via localization if needed
+        }
+      },
       rightPriceScale: {
-        ...M.rightPriceScale || {},
-        visible: !x,
-        textColor: Y,
-        ...C && {
+        ...P.rightPriceScale || {},
+        visible: L ? !T : !S,
+        textColor: D,
+        ...C && !L && {
           scaleMargins: {
             top: 0.3,
             bottom: 0
@@ -359,102 +380,123 @@ function Nt({
         }
       }
     });
-    const J = new Set(v.current.keys()), fe = new Set(t.map((o) => o.label));
-    for (const o of J)
-      if (!fe.has(o)) {
-        const a = v.current.get(o);
-        a && (e.removeSeries(a), v.current.delete(o));
+    const Q = new Set(p.current.keys()), me = new Set(t.map((o) => o.label));
+    for (const o of Q)
+      if (!me.has(o)) {
+        const r = p.current.get(o);
+        r && (e.removeSeries(r), p.current.delete(o));
       }
-    const We = Qe(), he = [];
-    let re = 0;
-    const Pe = t.find((o) => o.data.length > 0), Q = /* @__PURE__ */ new Map();
-    if (R && R.length > 0)
-      for (const o of R) {
+    const Be = nt(), de = [];
+    let Y = 0;
+    const De = t.find((o) => o.data.length > 0), U = /* @__PURE__ */ new Map();
+    if (V && V.length > 0)
+      for (const o of V) {
         if (!Number.isFinite(o.price)) continue;
-        const a = o.seriesLabel ?? Pe?.label;
-        if (!a) continue;
-        const V = Q.get(a) ?? [];
-        V.push(o.price), Q.set(a, V);
+        const r = o.seriesLabel ?? De?.label;
+        if (!r) continue;
+        const x = U.get(r) ?? [];
+        x.push(o.price), U.set(r, x);
       }
-    if (W && W.length > 0)
-      for (const o of W) {
-        const a = o.seriesLabel ?? Pe?.label;
-        if (!a) continue;
-        const V = Q.get(a) ?? [];
-        Number.isFinite(o.priceTop) && V.push(o.priceTop), Number.isFinite(o.priceBottom) && V.push(o.priceBottom), Q.set(a, V);
+    if (E && E.length > 0)
+      for (const o of E) {
+        const r = o.seriesLabel ?? De?.label;
+        if (!r) continue;
+        const x = U.get(r) ?? [];
+        Number.isFinite(o.priceTop) && x.push(o.priceTop), Number.isFinite(o.priceBottom) && x.push(o.priceBottom), U.set(r, x);
       }
     for (let o = 0; o < t.length; o++) {
-      const a = t[o], V = Fe(o), X = a.lineColor ?? a.color ?? V.line;
-      let G, q;
-      if (a.lineColor ?? a.color)
-        if (a.topColor && a.bottomColor)
-          G = a.topColor, q = a.bottomColor;
-        else if (a.topColor) {
-          const f = ne(X);
-          G = a.topColor, q = f.bottomColor;
-        } else if (a.bottomColor)
-          G = ne(X).topColor, q = a.bottomColor;
+      const r = t[o], x = Ge(o), K = r.lineColor ?? r.color ?? x.line;
+      let H, O;
+      if (r.lineColor ?? r.color)
+        if (r.topColor && r.bottomColor)
+          H = r.topColor, O = r.bottomColor;
+        else if (r.topColor) {
+          const u = le(K);
+          H = r.topColor, O = u.bottomColor;
+        } else if (r.bottomColor)
+          H = le(K).topColor, O = r.bottomColor;
         else {
-          const f = ne(X);
-          G = f.topColor, q = f.bottomColor;
+          const u = le(K);
+          H = u.topColor, O = u.bottomColor;
         }
       else
-        G = a.topColor || V.top, q = a.bottomColor || V.bottom;
-      if (a.data.length === 0) {
-        const f = v.current.get(a.label);
-        f && (e.removeSeries(f), v.current.delete(a.label));
+        H = r.topColor || x.top, O = r.bottomColor || x.bottom;
+      if (r.data.length === 0) {
+        const u = p.current.get(r.label);
+        u && (e.removeSeries(u), p.current.delete(r.label));
         continue;
       }
-      const $e = (a.data.length > 0 ? Math.min(...a.data.map((f) => f.value)) : 0) < 0, Ee = a.data.some((f) => f.value === 0), Ye = !$e && Ee, Me = D || !w || re === 0 ? "right" : `scale-${re}`;
-      w && he.push({
-        priceScaleId: Me || "right",
-        shouldPreventNegativeAxis: Ye,
-        seriesIndex: re
+      const qe = (r.data.length > 0 ? Math.min(...r.data.map((u) => u.value)) : 0) < 0, Ze = r.data.some((u) => u.value === 0), Ke = !qe && Ze, Fe = L ? r.priceScaleId ?? (Y === 0 ? "left" : "right") : I || !N || Y === 0 ? "right" : `scale-${Y}`;
+      N && de.push({
+        priceScaleId: Fe || "right",
+        shouldPreventNegativeAxis: Ke,
+        seriesIndex: Y
       });
-      const _e = (D || !w) && n !== void 0 && typeof n == "number", Ge = Q.get(a.label) ?? [], ke = {
-        lineColor: X,
-        topColor: G,
-        bottomColor: q,
-        priceScaleId: Me,
+      const Ie = (I || !N) && l !== void 0 && typeof l == "number", Oe = U.get(r.label) ?? [], Je = (u) => {
+        const _ = u();
+        if (_?.priceRange) {
+          Ie && (_.priceRange.minValue = l);
+          for (const A of Oe)
+            A < _.priceRange.minValue && (_.priceRange.minValue = A), A > _.priceRange.maxValue && (_.priceRange.maxValue = A);
+        }
+        return _;
+      }, pe = {
+        lineColor: K,
+        topColor: H,
+        bottomColor: O,
+        priceScaleId: Fe,
+        ...r.seriesType === "line" && {
+          lineStyle: r.lineStyle ?? Ae.Solid
+        },
         priceFormat: {
           type: "custom",
           minMove: 0.01,
-          formatter: _e && typeof n == "number" ? (f) => u(
-            f < n ? n : f
-          ) : u,
-          tickmarksFormatter: d
+          formatter: Ie && typeof l == "number" ? (u) => c(
+            u < l ? l : u
+          ) : c,
+          tickmarksFormatter: g
         },
-        autoscaleInfoProvider: (f) => {
-          const k = f();
-          if (k?.priceRange) {
-            _e && (k.priceRange.minValue = n);
-            for (const A of Ge)
-              A < k.priceRange.minValue && (k.priceRange.minValue = A), A > k.priceRange.maxValue && (k.priceRange.maxValue = A);
-          }
-          return k;
-        }
-      };
-      let Z = v.current.get(a.label);
-      const K = a.data.map((f) => ({
-        ...f,
-        time: f.time
+        autoscaleInfoProvider: Je
+      }, ze = r.seriesType === "line";
+      let M = p.current.get(r.label);
+      const J = r.data.map((u) => ({
+        ...u,
+        time: u.time
       }));
-      if (j !== void 0 && K.length > 0 && Number(K[0].time) > j) {
-        const f = Number(K[0].time), k = f - j, A = 86400, je = k > 180 * A ? 7 * A : k > 30 * A ? A : 6 * 3600, Le = [];
-        for (let me = j; me < f; me += je)
-          Le.push({ time: me });
-        K.unshift(...Le);
+      if (q !== void 0 && J.length > 0 && Number(J[0].time) > q) {
+        const u = Number(J[0].time), _ = u - q, A = 86400, Qe = _ > 180 * A ? 7 * A : _ > 30 * A ? A : 6 * 3600, We = [];
+        for (let ve = q; ve < u; ve += Qe)
+          We.push({ time: ve });
+        J.unshift(...We);
       }
-      Z ? (Z.applyOptions(ke), Z.setData(K)) : (Z = e.addSeries(qe, {
-        ...We,
-        ...ke
-      }), Z.setData(K), v.current.set(a.label, Z)), re++;
+      M && M.seriesType() !== (ze ? "Line" : "Area") && (e.removeSeries(M), p.current.delete(r.label), M = void 0), M ? (M.applyOptions(pe), M.setData(J)) : (ze ? M = e.addSeries(et, {
+        ...Be,
+        ...pe
+      }) : M = e.addSeries(tt, {
+        ...Be,
+        ...pe
+      }), M.setData(J), p.current.set(r.label, M)), Y++;
     }
-    if (w && he.length > 0)
-      for (const o of he)
+    if (L)
+      try {
+        const o = e.priceScale("left"), r = e.priceScale("right"), x = {
+          visible: !T,
+          autoScale: !0,
+          scaleMargins: { top: 0.1, bottom: 0.1 },
+          alignLabels: !0,
+          borderVisible: !0,
+          borderColor: "rgba(224, 227, 235, 0.1)",
+          entireTextOnly: !1,
+          textColor: D
+        };
+        o?.applyOptions(x), r?.applyOptions(x);
+      } catch {
+      }
+    else if (N && de.length > 0)
+      for (const o of de)
         try {
-          const a = e.priceScale(o.priceScaleId);
-          a && a.applyOptions({
+          const r = e.priceScale(o.priceScaleId);
+          r && r.applyOptions({
             visible: !1,
             autoScale: !0,
             scaleMargins: {
@@ -469,24 +511,24 @@ function Nt({
             borderVisible: !0,
             borderColor: "rgba(224, 227, 235, 0.1)",
             entireTextOnly: !1,
-            textColor: Y
+            textColor: D
           });
-        } catch (a) {
+        } catch (r) {
           console.warn(
             `Failed to configure price scale ${o.priceScaleId} for series ${o.seriesIndex}:`,
-            a
+            r
           );
         }
-    else if (!w)
+    else if (!N)
       try {
         const o = e.priceScale("right");
         o && o.applyOptions({
-          visible: !P,
+          visible: !T,
           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 || C ? 0 : 0.1,
+            bottom: l !== void 0 || C ? 0 : 0.1,
             ...C && {
               top: 0.3
             }
@@ -495,294 +537,297 @@ function Nt({
           borderVisible: !0,
           borderColor: "rgba(224, 227, 235, 0.1)",
           entireTextOnly: !1,
-          textColor: Y
+          textColor: D
         });
       } catch {
       }
-    if (n !== void 0 && !P && (D || !w) && e.applyOptions({
+    if (l !== void 0 && !T && (I || !N) && e.applyOptions({
       handleScroll: {
         vertTouchDrag: !1
       }
-    }), $.length > 0) {
-      const o = $.map((G) => Number(G.time)), a = Math.min(...o), V = j !== void 0 ? Math.min(j, a) : a, X = Math.max(...o);
-      e.timeScale().setVisibleRange({ from: V, to: X });
+    }), G.length > 0) {
+      const o = G.map((H) => Number(H.time)), r = Math.min(...o), x = q !== void 0 ? Math.min(q, r) : r, K = Math.max(...o);
+      e.timeScale().setVisibleRange({ from: x, to: K });
     }
-    ye.current && (ye.current = !1);
-    const de = /* @__PURE__ */ new Map();
+    Re.current && (Re.current = !1);
+    const be = /* @__PURE__ */ new Map();
     for (const o of t)
-      o.data.length > 0 && de.set(o.label, o.data[o.data.length - 1]);
-    ue(de.size > 0 ? de : void 0);
+      o.data.length > 0 && be.set(o.label, o.data[o.data.length - 1]);
+    ge(be.size > 0 ? be : void 0);
   }, [
     t,
-    $,
+    G,
     h,
-    y,
-    P,
-    D,
-    xe,
-    Se,
-    j,
-    R,
-    W
-  ]), L(() => {
-    const e = T.current;
+    w,
+    T,
+    I,
+    L,
+    we,
+    Te,
+    Ne,
+    Ve,
+    q,
+    V,
+    E
+  ]), F(() => {
+    const e = k.current;
     if (!e || t.length === 0) return;
-    const l = t.length === 1;
-    let n;
+    const a = t.length === 1;
+    let l;
     for (const i of t)
       if (i.data.length > 0) {
-        n = i.data[i.data.length - 1].time;
+        l = i.data[i.data.length - 1].time;
         break;
       }
-    if (!n) return;
-    const r = (i) => {
-      const { time: u = n, seriesData: d, point: B } = i || {}, g = Array.from(v.current.values());
-      if (!B || !u) {
-        const _ = /* @__PURE__ */ new Map();
-        for (const m of t)
-          m.data.length > 0 && _.set(m.label, m.data[m.data.length - 1]);
-        if (ue(_.size > 0 ? _ : void 0), l || D)
-          E(null);
-        else if (g[0] && n) {
-          const N = e.timeScale().timeToCoordinate(n), C = t[0];
+    if (!l) return;
+    const n = (i) => {
+      const { time: c = l, seriesData: g, point: z } = i || {}, v = Array.from(p.current.values());
+      if (!z || !c) {
+        const B = /* @__PURE__ */ new Map();
+        for (const d of t)
+          d.data.length > 0 && B.set(d.label, d.data[d.data.length - 1]);
+        if (ge(B.size > 0 ? B : void 0), a || I || ce)
+          j(null);
+        else if (v[0] && l) {
+          const R = e.timeScale().timeToCoordinate(l), C = t[0];
           if (C.data.length > 0) {
-            const w = C.data[C.data.length - 1].value, x = g[0].priceToCoordinate(w);
-            N !== null && x !== null && E({ x: N, y: x });
+            const N = C.data[C.data.length - 1].value, S = v[0].priceToCoordinate(N);
+            R !== null && S !== null && j({ x: R, y: S });
           }
         }
         return;
       }
-      const F = /* @__PURE__ */ new Map();
-      let M;
-      for (let _ = 0; _ < t.length; _++) {
-        const m = t[_], N = g[_];
-        if (!N) continue;
-        const C = d?.get(N), w = C && "value" in C ? C.value : void 0;
-        let x;
-        if (w !== void 0)
-          x = w;
-        else if (l) {
-          const Y = Number(u), J = m.data.length > 0 ? Number(m.data[0].time) : Number.POSITIVE_INFINITY;
-          Y < J ? x = Number.NaN : x = m.data[m.data.length - 1]?.value ?? 0;
+      const W = /* @__PURE__ */ new Map();
+      let P;
+      for (let B = 0; B < t.length; B++) {
+        const d = t[B], R = v[B];
+        if (!R) continue;
+        const C = g?.get(R), N = C && "value" in C ? C.value : void 0;
+        let S;
+        if (N !== void 0)
+          S = N;
+        else if (a) {
+          const D = Number(c), Q = d.data.length > 0 ? Number(d.data[0].time) : Number.POSITIVE_INFINITY;
+          D < Q ? S = Number.NaN : S = d.data[d.data.length - 1]?.value ?? 0;
         } else
-          x = it(m.data, Number(u));
-        Number.isNaN(x) || (M === void 0 && (M = x), F.set(m.label, { value: x, time: u }));
+          S = mt(d.data, Number(c));
+        Number.isNaN(S) || (P === void 0 && (P = S), W.set(d.label, { value: S, time: c }));
       }
-      if (ue(F), M !== void 0 && g[0]) {
-        const m = e.timeScale().timeToCoordinate(u), N = g[0].priceToCoordinate(M);
-        if (m !== null && N !== null) {
-          const C = H.current;
+      if (ge(W), P !== void 0 && v[0]) {
+        const d = e.timeScale().timeToCoordinate(c), R = v[0].priceToCoordinate(P);
+        if (d !== null && R !== null) {
+          const C = Z.current;
           if (C) {
-            const w = C.querySelector(
+            const N = C.querySelector(
               ".LightweightChart"
             );
-            if (w) {
-              const x = w.getBoundingClientRect(), Y = C.getBoundingClientRect(), J = m + (x.left - Y.left), fe = N + (x.top - Y.top);
-              E({ x: J, y: fe });
+            if (N) {
+              const S = N.getBoundingClientRect(), D = C.getBoundingClientRect(), Q = d + (S.left - D.left), me = R + (S.top - D.top);
+              j({ x: Q, y: me });
             } else
-              E({ x: m, y: N });
+              j({ x: d, y: R });
           } else
-            E({ x: m, y: N });
+            j({ x: d, y: R });
         } else
-          E(null);
+          j(null);
       } else
-        E(null);
+        j(null);
     };
-    return e.subscribeCrosshairMove(r), P && e.subscribeClick(r), !l && !D && requestAnimationFrame(() => {
-      const i = Array.from(v.current.values());
-      if (i[0] && n && t[0]?.data.length > 0) {
-        const d = e.timeScale().timeToCoordinate(n), B = t[0].data[t[0].data.length - 1].value, g = i[0].priceToCoordinate(B);
-        d !== null && g !== null && E({ x: d, y: g });
+    return e.subscribeCrosshairMove(n), T && e.subscribeClick(n), !a && !I && !ce && requestAnimationFrame(() => {
+      const i = Array.from(p.current.values());
+      if (i[0] && l && t[0]?.data.length > 0) {
+        const g = e.timeScale().timeToCoordinate(l), z = t[0].data[t[0].data.length - 1].value, v = i[0].priceToCoordinate(z);
+        g !== null && v !== null && j({ x: g, y: v });
       }
     }), () => {
-      e.unsubscribeCrosshairMove(r), P && e.unsubscribeClick(r);
+      e.unsubscribeCrosshairMove(n), T && e.unsubscribeClick(n);
     };
-  }, [t, D, P]), L(() => {
-    const e = T.current;
+  }, [t, I, T, ce]), F(() => {
+    const e = k.current;
     if (!e || t.length === 0) return;
-    const l = e.timeScale(), n = () => {
-      if (!se.current) return;
-      const r = l.getVisibleRange();
-      if (!r) return;
-      const i = Number(r.from), u = Number(r.to), d = [];
-      for (const B of t)
-        for (const g of B.data) {
-          const F = Number(g.time);
-          F >= i && F <= u && d.push(g.value);
+    const a = e.timeScale(), l = () => {
+      if (!fe.current) return;
+      const n = a.getVisibleRange();
+      if (!n) return;
+      const i = Number(n.from), c = Number(n.to), g = [];
+      for (const z of t)
+        for (const v of z.data) {
+          const W = Number(v.time);
+          W >= i && W <= c && g.push(v.value);
         }
-      d.length > 0 && se.current(d);
+      g.length > 0 && fe.current(g);
     };
-    return l.subscribeVisibleLogicalRangeChange(n), () => {
-      l.unsubscribeVisibleLogicalRangeChange(
-        n
+    return a.subscribeVisibleLogicalRangeChange(l), () => {
+      a.unsubscribeVisibleLogicalRangeChange(
+        l
       );
     };
-  }, [t]), L(() => {
-    const e = T.current, l = Array.from(v.current.values()), n = [];
-    if (e && l.length > 0 && p) {
-      const r = Oe(), i = l[0];
-      for (const u of p) {
-        const d = new ot(e, i, u.xCoordinate, {
-          ...r,
-          ...u.options || {}
+  }, [t]), F(() => {
+    const e = k.current, a = Array.from(p.current.values()), l = [];
+    if (e && a.length > 0 && b) {
+      const n = lt(), i = a[0];
+      for (const c of b) {
+        const g = new ct(e, i, c.xCoordinate, {
+          ...n,
+          ...c.options || {}
         });
-        i.attachPrimitive(d), n.push(d);
+        i.attachPrimitive(g), l.push(g);
       }
     }
     return () => {
-      if (l.length > 0) {
-        const r = l[0];
-        for (const i of n)
-          r.detachPrimitive(i);
+      if (a.length > 0) {
+        const n = a[0];
+        for (const i of l)
+          n.detachPrimitive(i);
       }
     };
-  }, [p, t]), L(() => {
+  }, [b, t]), F(() => {
     const e = [];
-    if (R && R.length > 0) {
-      const l = Array.from(v.current.values())[0], n = O(
+    if (V && V.length > 0) {
+      const a = Array.from(p.current.values())[0], l = ee(
         "hsl(var(--destructive))",
         "rgb(239, 68, 68)"
       );
-      for (const r of R) {
-        if (!Number.isFinite(r.price)) continue;
-        const i = r.seriesLabel ? v.current.get(r.seriesLabel) : l;
+      for (const n of V) {
+        if (!Number.isFinite(n.price)) continue;
+        const i = n.seriesLabel ? p.current.get(n.seriesLabel) : a;
         if (!i) continue;
-        const u = i.createPriceLine({
-          price: r.price,
-          color: r.color ? O(r.color, r.color) : n,
-          lineWidth: r.lineWidth ?? 1,
-          lineStyle: r.lineStyle ?? Ze.Dashed,
-          axisLabelVisible: r.axisLabelVisible ?? !0,
-          title: r.title ?? ""
+        const c = i.createPriceLine({
+          price: n.price,
+          color: n.color ? ee(n.color, n.color) : l,
+          lineWidth: n.lineWidth ?? 1,
+          lineStyle: n.lineStyle ?? Ae.Dashed,
+          axisLabelVisible: n.axisLabelVisible ?? !0,
+          title: n.title ?? ""
         });
-        e.push({ series: i, line: u });
+        e.push({ series: i, line: c });
       }
     }
     return () => {
-      for (const { series: l, line: n } of e)
+      for (const { series: a, line: l } of e)
         try {
-          l.removePriceLine(n);
+          a.removePriceLine(l);
         } catch {
         }
     };
-  }, [R, t]), L(() => {
+  }, [V, t]), F(() => {
     const e = [];
-    if (W && W.length > 0) {
-      const l = Array.from(v.current.values())[0], n = "rgba(239, 68, 68, 0.12)";
-      for (const r of W) {
-        const i = r.seriesLabel ? v.current.get(r.seriesLabel) : l;
+    if (E && E.length > 0) {
+      const a = Array.from(p.current.values())[0], l = "rgba(239, 68, 68, 0.12)";
+      for (const n of E) {
+        const i = n.seriesLabel ? p.current.get(n.seriesLabel) : a;
         if (!i) continue;
-        const u = r.color ? O(r.color, n) : n, d = new at(
+        const c = n.color ? ee(n.color, l) : l, g = new ht(
           i,
-          r.priceTop,
-          r.priceBottom,
-          u
+          n.priceTop,
+          n.priceBottom,
+          c
         );
-        i.attachPrimitive(d), e.push({ series: i, zone: d });
+        i.attachPrimitive(g), e.push({ series: i, zone: g });
       }
     }
     return () => {
-      for (const { series: l, zone: n } of e)
+      for (const { series: a, zone: l } of e)
         try {
-          l.detachPrimitive(n);
+          a.detachPrimitive(l);
         } catch {
         }
     };
-  }, [W, t]), L(() => {
-    const e = T.current;
-    if (!e || !p?.length) {
-      Re([]);
+  }, [E, t]), F(() => {
+    const e = k.current;
+    if (!e || !b?.length) {
+      Le([]);
       return;
     }
-    const l = () => {
-      const i = e.timeScale(), u = p.map((d) => i.timeToCoordinate(d.xCoordinate) ?? null);
-      Re(u);
+    const a = () => {
+      const i = e.timeScale(), c = b.map((g) => i.timeToCoordinate(g.xCoordinate) ?? null);
+      Le(c);
     };
-    l();
-    const n = e.timeScale(), r = () => {
-      l();
+    a();
+    const l = e.timeScale(), n = () => {
+      a();
     };
-    return n.subscribeVisibleLogicalRangeChange(r), () => {
-      n.unsubscribeVisibleLogicalRangeChange(r);
+    return l.subscribeVisibleLogicalRangeChange(n), () => {
+      l.unsubscribeVisibleLogicalRangeChange(n);
     };
-  }, [p, t]);
-  const oe = t.length === 1, Te = ge.useMemo(() => {
-    if (oe && t.length > 0) {
+  }, [b, t]);
+  const ne = t.length === 1, ke = Ce.useMemo(() => {
+    if (ne && t.length > 0) {
       const e = t[0];
       if (e.data.length > 0)
         return e.data[e.data.length - 1];
     }
-  }, [oe, t]);
-  return /* @__PURE__ */ U(
+  }, [ne, t]);
+  return /* @__PURE__ */ te(
     "div",
     {
-      ref: H,
-      className: Ce(
+      ref: Z,
+      className: ae(
         "relative z-[1] w-full h-full overflow-hidden p-0",
-        c
+        s
       ),
       children: [
-        le != null && le !== !1 && oe ? /* @__PURE__ */ S("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ S("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: le }) }) : Ae && oe && Te && /* @__PURE__ */ S(
-          et,
+        se != null && se !== !1 && ne ? /* @__PURE__ */ y("div", { className: "absolute top-2 left-2 right-2 z-[100] pointer-events-none", children: /* @__PURE__ */ y("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: se }) }) : je && ne && ke && /* @__PURE__ */ y(
+          it,
           {
-            point: Te,
+            point: ke,
             xMeasureUnit: h,
-            yMeasureUnit: y,
-            decimals: ae
+            yMeasureUnit: w,
+            decimals: ie
           }
         ),
-        we && Ne && /* @__PURE__ */ S(
-          tt,
+        Pe && Me && /* @__PURE__ */ y(
+          st,
           {
-            points: we,
+            points: Pe,
             xMeasureUnit: h,
-            yMeasureUnit: y,
+            yMeasureUnit: w,
             series: t,
-            position: Ne,
-            containerRef: H,
-            decimals: ae
+            position: Me,
+            containerRef: Z,
+            decimals: ie
           }
         ),
-        s && /* @__PURE__ */ S(ct, { series: t, onUnselect: b }),
-        p && p.length > 0 && Ve.length === p.length && /* @__PURE__ */ S(
+        f && /* @__PURE__ */ y(bt, { series: t, onUnselect: m }),
+        b && b.length > 0 && _e.length === b.length && /* @__PURE__ */ y(
           "div",
           {
             className: "absolute inset-0 z-[5] pointer-events-none",
             "aria-hidden": !0,
-            children: p.map((e, l) => {
-              const n = Ve[l], r = e.options ?? {}, i = r.showLabel !== !1;
-              if (n === null || !i) return null;
-              const { labelText: u, valueStr: d } = lt(
-                r,
-                y,
-                ae
+            children: b.map((e, a) => {
+              const l = _e[a], n = e.options ?? {}, i = n.showLabel !== !1;
+              if (l === null || !i) return null;
+              const { labelText: c, valueStr: g } = gt(
+                n,
+                w,
+                ie
               );
-              if (!(u || d)) return null;
-              const g = r.labelBackgroundColor ?? r.color ?? "hsl(var(--background))", F = r.labelTextColor ?? "hsl(var(--foreground))", M = `${String(e.xCoordinate)}-${u}`;
-              return /* @__PURE__ */ U(
+              if (!(c || g)) return null;
+              const v = n.labelBackgroundColor ?? n.color ?? "hsl(var(--background))", W = n.labelTextColor ?? "hsl(var(--foreground))", P = `${String(e.xCoordinate)}-${c}`;
+              return /* @__PURE__ */ te(
                 "div",
                 {
                   className: "absolute top-2 px-2 py-1 rounded text-xs font-medium whitespace-nowrap shadow-sm border border-border",
                   style: {
-                    left: n,
+                    left: l,
                     transform: "translateX(-50%)",
-                    backgroundColor: g,
-                    color: F
+                    backgroundColor: v,
+                    color: W
                   },
                   children: [
-                    u && /* @__PURE__ */ S("span", { className: "block", children: u }),
-                    d && /* @__PURE__ */ S("span", { className: Ce("block", u && "mt-0.5"), children: d })
+                    c && /* @__PURE__ */ y("span", { className: "block", children: c }),
+                    g && /* @__PURE__ */ y("span", { className: ae("block", c && "mt-0.5"), children: g })
                   ]
                 },
-                M
+                P
               );
             })
           }
         ),
-        /* @__PURE__ */ S(
+        /* @__PURE__ */ y(
           "div",
           {
-            ref: ce,
+            ref: he,
             className: "LightweightChart w-full h-full overflow-hidden"
           }
         )
@@ -790,73 +835,84 @@ function Nt({
     }
   );
 }
-function ct({
+function bt({
   series: t,
-  onUnselect: c
+  onUnselect: s,
+  inline: f = !1
 }) {
-  return /* @__PURE__ */ S("div", { className: "absolute top-0 left-2 z-[10] flex flex-wrap gap-2", children: t.map((s, b) => {
-    const h = Fe(b), y = (s.lineColor ?? s.color) || h.line, z = s.data.length === 0;
-    return /* @__PURE__ */ U(
-      "div",
-      {
-        className: Ce(
-          "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
-          z && "opacity-50"
-        ),
-        children: [
-          /* @__PURE__ */ S(
-            "div",
-            {
-              className: "w-3 h-3 rounded-sm",
-              style: { backgroundColor: y }
-            }
-          ),
-          /* @__PURE__ */ U("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
-            s.label,
-            z && " (no data)"
-          ] }),
-          c && /* @__PURE__ */ S(
-            "button",
-            {
-              type: "button",
-              onClick: (p) => {
-                p.stopPropagation(), c(s.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 ${s.label}`,
-              children: /* @__PURE__ */ U(
-                "svg",
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: ae(
+        "flex flex-wrap gap-2",
+        f ? "items-center" : "absolute top-0 left-2 z-[10]"
+      ),
+      children: t.map((m, h) => {
+        const w = Ge(h), X = (m.lineColor ?? m.color) || w.line, b = m.data.length === 0;
+        return /* @__PURE__ */ te(
+          "div",
+          {
+            className: ae(
+              "flex items-center gap-1.5 px-2 py-1 bg-background/80 backdrop-blur-sm rounded border border-border",
+              b && "opacity-50"
+            ),
+            children: [
+              /* @__PURE__ */ y(
+                "div",
                 {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "12",
-                  height: "12",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  className: "text-muted-foreground hover:text-foreground",
-                  "aria-hidden": "true",
-                  children: [
-                    /* @__PURE__ */ S("title", { children: "Close" }),
-                    /* @__PURE__ */ S("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                    /* @__PURE__ */ S("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                  ]
+                  className: "w-3 h-3 rounded-sm",
+                  style: { backgroundColor: X }
+                }
+              ),
+              /* @__PURE__ */ te("span", { className: "text-[10px] sm:text-xs font-medium text-foreground", children: [
+                m.label,
+                b && " (no data)"
+              ] }),
+              s && /* @__PURE__ */ y(
+                "button",
+                {
+                  type: "button",
+                  onClick: (V) => {
+                    V.stopPropagation(), s(m.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 ${m.label}`,
+                  children: /* @__PURE__ */ te(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "12",
+                      height: "12",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      className: "text-muted-foreground hover:text-foreground",
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ y("title", { children: "Close" }),
+                        /* @__PURE__ */ y("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ y("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      ]
+                    }
+                  )
                 }
               )
-            }
-          )
-        ]
-      },
-      s.label
-    );
-  }) });
+            ]
+          },
+          m.label
+        );
+      })
+    }
+  );
 }
 export {
-  ve as DEFAULT_SERIES_COLORS,
-  Nt as Graph,
-  Fe as getSeriesColorPalette,
-  it as getStepForwardValue,
-  lt as getVerticalLineTooltipContent
+  ye as DEFAULT_SERIES_COLORS,
+  Lt as Graph,
+  bt as GraphLegend,
+  Ge as getSeriesColorPalette,
+  mt as getStepForwardValue,
+  gt as getVerticalLineTooltipContent
 };