@gearbox-protocol/ui-kit 3.14.0-next.37 → 3.14.0-next.39

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

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