@dwlf/charting 1.2.0 → 1.3.0

package/dist/index.js

@@ -334,9 +334,9 @@ function xr(e, t = 50, r = 30, c = "daily") {
     const W = Math.min(o, e.length), U = e.slice(u, W);
     let S = [];
     if (o > e.length && e.length) {
-      const Q = new Date(e[e.length - 1].date), J = Math.max(u, e.length), j = Math.max(0, o - J), B = J - (e.length - 1);
+      const Q = new Date(e[e.length - 1].date), J = Math.max(u, e.length), j = Math.max(0, o - J), T = J - (e.length - 1);
       S = Array.from({ length: j }, (A, C) => {
-        const V = B + C, y = new Date(Q.getTime() + V * l).toISOString();
+        const V = T + C, y = new Date(Q.getTime() + V * l).toISOString();
         return {
           date: n === "hourly" ? y : y.split("T")[0],
           _virtual: !0
@@ -364,7 +364,7 @@ function xr(e, t = 50, r = 30, c = "daily") {
       if (!p) return;
       const U = W.clientX - h, S = a.current;
       if (!S) return;
-      const Q = S.getBoundingClientRect(), J = { left: 10, right: 20 }, B = (Q.width - J.left - J.right) / b, A = Math.round(U / (B * 1.5));
+      const Q = S.getBoundingClientRect(), J = { left: 10, right: 20 }, T = (Q.width - J.left - J.right) / b, A = Math.round(U / (T * 1.5));
       if (A !== 0) {
         const { start: C, end: V } = M(u - A, b);
         i(C), m(V), P(W.clientX);
@@ -383,9 +383,9 @@ function xr(e, t = 50, r = 30, c = "daily") {
         }
         return;
       }
-      const B = (W.clientX - U.left - S.left) / Q, C = 1 + W.deltaY * 2e-3, V = C <= 0 ? 0.1 : C, ne = Math.max(5, Math.min(s, Math.round(b * V)));
+      const T = (W.clientX - U.left - S.left) / Q, C = 1 + W.deltaY * 2e-3, V = C <= 0 ? 0.1 : C, ne = Math.max(5, Math.min(s, Math.round(b * V)));
       if (ne === b) return;
-      const y = u + B * b, R = Math.round(y - B * ne), { start: be, end: H } = M(R, ne);
+      const y = u + T * b, R = Math.round(y - T * ne), { start: be, end: H } = M(R, ne);
       i(be), m(H);
     },
     [b, u, M, s]
@@ -767,14 +767,14 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   Ne(() => {
     F.current = t, b.current = m, M.current = a, L.current = g, N.current = p;
   }, [t, m, a, g, p]);
-  const x = k((B) => {
-    B.stopPropagation(), u == null || u(e.id);
-  }, [e.id, u]), f = k((B) => {
-    B.stopPropagation(), i == null || i(e.id);
-  }, [e.id, i]), Y = k((B) => {
-    P.current = B.clientX, D.current = e.time;
-  }, [e.time]), _ = k((B) => {
-    const A = B.clientX - P.current, C = F.current, V = b.current, ne = M.current, y = L.current, R = N.current, be = V && ne && R > 0 ? Ue(D.current, y, V) ?? D.current : D.current, H = C(be) + A;
+  const x = k((T) => {
+    T.stopPropagation(), u == null || u(e.id);
+  }, [e.id, u]), f = k((T) => {
+    T.stopPropagation(), i == null || i(e.id);
+  }, [e.id, i]), Y = k((T) => {
+    P.current = T.clientX, D.current = e.time;
+  }, [e.time]), _ = k((T) => {
+    const A = T.clientX - P.current, C = F.current, V = b.current, ne = M.current, y = L.current, R = N.current, be = V && ne && R > 0 ? Ue(D.current, y, V) ?? D.current : D.current, H = C(be) + A;
     let K = D.current;
     if (C.invert) {
       const ee = C.invert(H), oe = ee instanceof Date ? ee.getTime() : ee;
@@ -1033,8 +1033,8 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, [t, r, o, m, p, a]);
   const N = k((ie) => {
     ie.stopPropagation(), u == null || u(e.id);
-  }, [e.id, u]), x = k((ie, T, v, z) => {
-    const Z = P.current, X = D.current, te = F.current, ce = b.current, re = M.current, le = L.current, Oe = !!(te && ce && le > 0) ? Ue(ie, re, te) : null, De = Z(Oe ?? ie) + v, we = X.scale(T) + z;
+  }, [e.id, u]), x = k((ie, I, v, z) => {
+    const Z = P.current, X = D.current, te = F.current, ce = b.current, re = M.current, le = L.current, Oe = !!(te && ce && le > 0) ? Ue(ie, re, te) : null, De = Z(Oe ?? ie) + v, we = X.scale(I) + z;
     let ke = ie;
     if (Z.invert) {
       const xe = Z.invert(De), Se = xe instanceof Date ? xe.getTime() : xe;
@@ -1043,7 +1043,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     const $e = X.invert(we);
     return {
       time: Number.isFinite(ke) ? ke : ie,
-      price: Number.isFinite($e) ? $e : T
+      price: Number.isFinite($e) ? $e : I
     };
   }, []), f = k((ie) => {
     g.current = { x: ie.clientX, y: ie.clientY }, h.current = {
@@ -1053,10 +1053,10 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       price2: e.price2
     };
   }, [e.time1, e.price1, e.time2, e.price2]), Y = k((ie) => {
-    const T = ie.clientX - g.current.x, v = ie.clientY - g.current.y, { time: z, price: Z } = x(
+    const I = ie.clientX - g.current.x, v = ie.clientY - g.current.y, { time: z, price: Z } = x(
       h.current.time1,
       h.current.price1,
-      T,
+      I,
       v
     );
     i == null || i(e.id, { time1: z, price1: Z });
@@ -1064,10 +1064,10 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     onDragStart: f,
     onDragMove: Y
   }), O = k((ie) => {
-    const T = ie.clientX - g.current.x, v = ie.clientY - g.current.y, { time: z, price: Z } = x(
+    const I = ie.clientX - g.current.x, v = ie.clientY - g.current.y, { time: z, price: Z } = x(
       h.current.time2,
       h.current.price2,
-      T,
+      I,
       v
     );
     i == null || i(e.id, { time2: z, price2: Z });
@@ -1075,7 +1075,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     onDragStart: f,
     onDragMove: O
   }), W = k((ie) => {
-    const T = ie.clientX - g.current.x, v = ie.clientY - g.current.y, z = x(h.current.time1, h.current.price1, T, v), Z = x(h.current.time2, h.current.price2, T, v);
+    const I = ie.clientX - g.current.x, v = ie.clientY - g.current.y, z = x(h.current.time1, h.current.price1, I, v), Z = x(h.current.time2, h.current.price2, I, v);
     i == null || i(e.id, { time1: z.time, price1: z.price, time2: Z.time, price2: Z.price });
   }, [e.id, i, x]), { isDragging: U, handleMouseDown: S } = Xe({
     onDragStart: f,
@@ -1098,11 +1098,11 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     c
   );
   if (J === void 0 || j === void 0) return null;
-  const B = r.scale(e.price1), A = r.scale(e.price2);
-  if (!Number.isFinite(B) || !Number.isFinite(A)) return null;
+  const T = r.scale(e.price1), A = r.scale(e.price2);
+  if (!Number.isFinite(T) || !Number.isFinite(A)) return null;
   const { ex1: C, ey1: V, ex2: ne, ey2: y } = Lr(
     J,
-    B,
+    T,
     j,
     A,
     c,
@@ -1111,7 +1111,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     e.extendRight
   ), R = C < -50 && ne < -50 || C > c + 50 && ne > c + 50, be = V < -50 && y < -50 || V > n + 50 && y > n + 50;
   if (R || be) return null;
-  const H = rt[e.lineStyle] || void 0, K = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", ee = l ? "#e2e8f0" : "#1f2937", oe = e.label || "", G = (J + j) / 2, se = (B + A) / 2;
+  const H = rt[e.lineStyle] || void 0, K = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", ee = l ? "#e2e8f0" : "#1f2937", oe = e.label || "", G = (J + j) / 2, se = (T + A) / 2;
   return /* @__PURE__ */ de(
     "g",
     {
@@ -1190,7 +1190,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             "circle",
             {
               cx: J,
-              cy: B,
+              cy: T,
               r: Ae,
               fill: ee,
               fillOpacity: 0.9,
@@ -1309,7 +1309,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     const oe = ne(ee) + C, G = y.scale(P.current.price) + V;
     let se = P.current.time;
     if (ne.invert) {
-      const T = ne.invert(oe), v = T instanceof Date ? T.getTime() : T;
+      const I = ne.invert(oe), v = I instanceof Date ? I.getTime() : I;
       se = be ? be(Math.round(v)) : v;
     }
     const ie = y.invert(G);
@@ -1323,7 +1323,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     const A = O >= -50 && O <= c + 50, C = E >= -50 && E <= n + 50;
     if (!A && !C) return null;
   }
-  const q = rt[e.lineStyle] || void 0, W = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", U = l ? "#e2e8f0" : "#1f2937", S = e.showPrice ? e.price.toFixed(2) : "", Q = e.showTime ? g(e.time) : "", J = e.label || "", j = S ? Math.max(50, S.length * 7 + 16) : 0, B = Q ? Math.max(60, Q.length * 7 + 16) : 0;
+  const q = rt[e.lineStyle] || void 0, W = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", U = l ? "#e2e8f0" : "#1f2937", S = e.showPrice ? e.price.toFixed(2) : "", Q = e.showTime ? g(e.time) : "", J = e.label || "", j = S ? Math.max(50, S.length * 7 + 16) : 0, T = Q ? Math.max(60, Q.length * 7 + 16) : 0;
   return /* @__PURE__ */ de(
     "g",
     {
@@ -1451,9 +1451,9 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
           /* @__PURE__ */ d(
             "rect",
             {
-              x: O - B / 2,
+              x: O - T / 2,
               y: n - 20,
-              width: B,
+              width: T,
               height: 20,
               fill: e.color,
               fillOpacity: 0.9,
@@ -1563,10 +1563,10 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   const N = k((G) => {
     G.stopPropagation(), u == null || u(e.id);
   }, [e.id, u]), x = k((G, se) => {
-    const ie = P.current, T = F.current, v = b.current, z = M.current, Z = L.current, X = T && v && Z > 0 ? $t(G, z, T) ?? G : G, te = ie(X) + se;
+    const ie = P.current, I = F.current, v = b.current, z = M.current, Z = L.current, X = I && v && Z > 0 ? $t(G, z, I) ?? G : G, te = ie(X) + se;
     if (!ie.invert) return G;
     const ce = ie.invert(te), re = ce instanceof Date ? ce.getTime() : ce;
-    return T && v && Z > 0 ? v(Math.round(re)) : re;
+    return I && v && Z > 0 ? v(Math.round(re)) : re;
   }, []), f = k((G) => {
     g.current = { x: G.clientX, y: G.clientY }, h.current = {
       time1: e.time1,
@@ -1575,7 +1575,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       price2: e.price2
     };
   }, [e.time1, e.price1, e.time2, e.price2]), Y = k((G) => {
-    const se = G.clientX - g.current.x, ie = G.clientY - g.current.y, T = D.current, v = h.current, z = x(v.time1, se), Z = x(v.time2, se), X = T.invert(T.scale(v.price1) + ie), te = T.invert(T.scale(v.price2) + ie);
+    const se = G.clientX - g.current.x, ie = G.clientY - g.current.y, I = D.current, v = h.current, z = x(v.time1, se), Z = x(v.time2, se), X = I.invert(I.scale(v.price1) + ie), te = I.invert(I.scale(v.price2) + ie);
     [z, Z, X, te].every(Number.isFinite) && (i == null || i(e.id, {
       time1: z,
       price1: X,
@@ -1583,7 +1583,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       price2: te
     }));
   }, [e.id, i, x]), _ = k((G) => (se) => {
-    const ie = se.clientX - g.current.x, T = se.clientY - g.current.y, v = D.current, z = h.current, Z = v.scale(z.price1), X = v.scale(z.price2), te = Z <= X, ce = {}, re = P.current, le = F.current, We = M.current, Oe = (le ? $t(z.time1, We, le) : void 0) ?? z.time1, Fe = (le ? $t(z.time2, We, le) : void 0) ?? z.time2, De = re(Oe), we = re(Fe), ke = De <= we;
+    const ie = se.clientX - g.current.x, I = se.clientY - g.current.y, v = D.current, z = h.current, Z = v.scale(z.price1), X = v.scale(z.price2), te = Z <= X, ce = {}, re = P.current, le = F.current, We = M.current, Oe = (le ? $t(z.time1, We, le) : void 0) ?? z.time1, Fe = (le ? $t(z.time2, We, le) : void 0) ?? z.time2, De = re(Oe), we = re(Fe), ke = De <= we;
     if (G === "tl" || G === "bl") {
       const $e = ke ? z.time1 : z.time2, xe = x($e, ie);
       Number.isFinite(xe) && (ke ? ce.time1 = xe : ce.time2 = xe);
@@ -1592,10 +1592,10 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       Number.isFinite(xe) && (ke ? ce.time2 = xe : ce.time1 = xe);
     }
     if (G === "tl" || G === "tr") {
-      const $e = te ? z.price1 : z.price2, xe = v.invert(v.scale($e) + T);
+      const $e = te ? z.price1 : z.price2, xe = v.invert(v.scale($e) + I);
       Number.isFinite(xe) && (te ? ce.price1 = xe : ce.price2 = xe);
     } else {
-      const $e = te ? z.price2 : z.price1, xe = v.invert(v.scale($e) + T);
+      const $e = te ? z.price2 : z.price1, xe = v.invert(v.scale($e) + I);
       Number.isFinite(xe) && (te ? ce.price2 = xe : ce.price1 = xe);
     }
     i == null || i(e.id, ce);
@@ -1614,9 +1614,9 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     if (o) return o(G);
   }, Q = S(e.time1), J = S(e.time2);
   if (o && (Q === void 0 || J === void 0)) return null;
-  const j = t(Q ?? e.time1), B = t(J ?? e.time2), A = r.scale(e.price1), C = r.scale(e.price2);
-  if ([j, B, A, C].some((G) => !Number.isFinite(G))) return null;
-  const V = Math.min(j, B), ne = Math.max(j, B), y = Math.min(A, C), R = Math.max(A, C), be = ne - V, H = R - y;
+  const j = t(Q ?? e.time1), T = t(J ?? e.time2), A = r.scale(e.price1), C = r.scale(e.price2);
+  if ([j, T, A, C].some((G) => !Number.isFinite(G))) return null;
+  const V = Math.min(j, T), ne = Math.max(j, T), y = Math.min(A, C), R = Math.max(A, C), be = ne - V, H = R - y;
   if (ne < -50 || V > c + 50 || R < -50 || y > n + 50) return null;
   const K = zr[e.lineStyle] || void 0, ee = l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)", oe = l ? "#e2e8f0" : "#1f2937";
   return /* @__PURE__ */ de(
@@ -1790,8 +1790,8 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       const A = w.invert(Q), C = A instanceof Date ? A.getTime() : A;
       j = q ? q(Math.round(C)) : C;
     }
-    const B = O.invert(J);
-    Number.isFinite(j) && Number.isFinite(B) && (l == null || l(e, j, B));
+    const T = O.invert(J);
+    Number.isFinite(j) && Number.isFinite(T) && (l == null || l(e, j, T));
   }, [e, l]), { isDragging: L, handleMouseDown: N } = Xe({
     onDragStart: b,
     onDragMove: M
@@ -1941,7 +1941,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     const ee = K.clientX - p.current, oe = g.current, G = L(oe.time1, ee), se = L(oe.time2, ee);
     Number.isFinite(G) && Number.isFinite(se) && (u == null || u(e.id, { time1: G, time2: se }));
   }, [e.id, u, L]), f = k((K) => (ee) => {
-    const oe = ee.clientX - p.current, G = g.current, se = h.current, ie = P.current, T = D.current, v = !!(ie && T), z = v ? M(G.time1) : G.time1, Z = v ? M(G.time2) : G.time2, X = z !== void 0 && Z !== void 0 ? se(z) <= se(Z) : G.time1 <= G.time2;
+    const oe = ee.clientX - p.current, G = g.current, se = h.current, ie = P.current, I = D.current, v = !!(ie && I), z = v ? M(G.time1) : G.time1, Z = v ? M(G.time2) : G.time2, X = z !== void 0 && Z !== void 0 ? se(z) <= se(Z) : G.time1 <= G.time2;
     if (K === "left") {
       const te = X ? G.time1 : G.time2, ce = L(te, oe);
       Number.isFinite(ce) && (u == null || u(e.id, X ? { time1: ce } : { time2: ce }));
@@ -1965,9 +1965,9 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, U = W(e.time1), S = W(e.time2);
   if (i && (U === void 0 || S === void 0))
     return null;
-  const Q = U ?? e.time1, J = S ?? e.time2, j = t(Q), B = t(J);
-  if (!Number.isFinite(j) || !Number.isFinite(B)) return null;
-  const A = Math.min(j, B), C = Math.max(j, B), V = C - A;
+  const Q = U ?? e.time1, J = S ?? e.time2, j = t(Q), T = t(J);
+  if (!Number.isFinite(j) || !Number.isFinite(T)) return null;
+  const A = Math.min(j, T), C = Math.max(j, T), V = C - A;
   if (C < -50 || A > r + 50) return null;
   const ne = qr[e.lineStyle] || void 0, y = n ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)", R = n ? "#e2e8f0" : "#1f2937", be = 6, H = 40;
   return /* @__PURE__ */ de(
@@ -2225,18 +2225,18 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     if (m) return m(re);
   }, U = W(e.time1), S = W(e.time2);
   if (m && (U === void 0 || S === void 0)) return null;
-  const Q = t(U ?? e.time1), J = r.scale(e.price1), j = t(S ?? e.time2), B = r.scale(e.price2);
-  if (!Number.isFinite(Q) || !Number.isFinite(J) || !Number.isFinite(j) || !Number.isFinite(B)) return null;
+  const Q = t(U ?? e.time1), J = r.scale(e.price1), j = t(S ?? e.time2), T = r.scale(e.price2);
+  if (!Number.isFinite(Q) || !Number.isFinite(J) || !Number.isFinite(j) || !Number.isFinite(T)) return null;
   const A = 100;
-  if (Q < -A && j < -A || Q > c + A && j > c + A || J < -A && B < -A || J > n + A && B > n + A) return null;
+  if (Q < -A && j < -A || Q > c + A && j > c + A || J < -A && T < -A || J > n + A && T > n + A) return null;
   const V = jr[e.lineStyle] || void 0, ne = l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)", y = l ? "#e2e8f0" : "#1f2937", R = 6, be = e.fontSize * 1.3, H = e.text || "", K = H.split(`
-`), ee = K.length, oe = Math.max(...K.map((re) => re.length), 1), G = Math.max(24, oe * (e.fontSize * 0.6) + R * 2), se = ee === 1 ? e.fontSize + R * 2 : ee * be + R * 2, ie = l ? "rgba(30, 41, 59, 0.95)" : "rgba(255, 255, 255, 0.95)", T = s ? l ? "#63b3ed" : "#3b82f6" : e.color, v = j - Q, z = B - J, Z = Math.sqrt(v * v + z * z);
+`), ee = K.length, oe = Math.max(...K.map((re) => re.length), 1), G = Math.max(24, oe * (e.fontSize * 0.6) + R * 2), se = ee === 1 ? e.fontSize + R * 2 : ee * be + R * 2, ie = l ? "rgba(30, 41, 59, 0.95)" : "rgba(255, 255, 255, 0.95)", I = s ? l ? "#63b3ed" : "#3b82f6" : e.color, v = j - Q, z = T - J, Z = Math.sqrt(v * v + z * z);
   let X = Q, te = J;
   if (Z > 0 && H) {
     const re = G / 2, le = se / 2, We = Math.abs(v) > 0 ? re / Math.abs(v) : Number.POSITIVE_INFINITY, Oe = Math.abs(z) > 0 ? le / Math.abs(z) : Number.POSITIVE_INFINITY, Fe = Math.min(We, Oe), De = Math.min(Z * Fe, Z * 0.4);
     X = Q + v / Z * De, te = J + z / Z * De;
   }
-  const ce = Gr(X, te, j, B, 10 + e.lineWidth * 2);
+  const ce = Gr(X, te, j, T, 10 + e.lineWidth * 2);
   return /* @__PURE__ */ de(
     "g",
     {
@@ -2251,7 +2251,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             x1: X,
             y1: te,
             x2: j,
-            y2: B,
+            y2: T,
             stroke: ne,
             strokeWidth: e.lineWidth + 6,
             strokeLinecap: "round"
@@ -2263,7 +2263,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             x1: Q,
             y1: J,
             x2: j,
-            y2: B,
+            y2: T,
             stroke: "transparent",
             strokeWidth: Te,
             style: { cursor: "pointer" }
@@ -2275,7 +2275,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             x1: X,
             y1: te,
             x2: j,
-            y2: B,
+            y2: T,
             stroke: e.color,
             strokeWidth: e.lineWidth,
             strokeDasharray: V,
@@ -2318,7 +2318,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
               width: G,
               height: se,
               fill: ie,
-              stroke: T,
+              stroke: I,
               strokeWidth: 1,
               rx: 4,
               onMouseDown: s ? q("point1") : void 0,
@@ -2364,7 +2364,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             "circle",
             {
               cx: j,
-              cy: B,
+              cy: T,
               r: Ae,
               fill: y,
               stroke: e.color,
@@ -2496,19 +2496,19 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, [e.id, i, x]), { isDragging: J, handleMouseDown: j } = Xe({
     onDragStart: f,
     onDragMove: Q
-  }), B = _ || E || U || J, A = nt(e.time1, t, o, m, a, p), C = nt(e.time2, t, o, m, a, p);
+  }), T = _ || E || U || J, A = nt(e.time1, t, o, m, a, p), C = nt(e.time2, t, o, m, a, p);
   if (A === void 0 || C === void 0) return null;
   const V = r.scale(e.price1), ne = r.scale(e.price2);
   if (!Number.isFinite(V) || !Number.isFinite(ne)) return null;
   const y = r.scale(e.price1 + e.priceOffset), R = r.scale(e.price2 + e.priceOffset);
   if (!Number.isFinite(y) || !Number.isFinite(R) || A < -50 && C < -50 || A > c + 50 && C > c + 50) return null;
-  const H = Zt(A, V, C, ne, c, n, e.extendLeft, e.extendRight), K = Zt(A, y, C, R, c, n, e.extendLeft, e.extendRight), ee = Hr[e.lineStyle] || void 0, oe = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", G = l ? "#e2e8f0" : "#1f2937", se = e.label || "", ie = (A + C) / 2, T = (V + ne) / 2, v = (y + R) / 2, z = `${H.ex1},${H.ey1} ${H.ex2},${H.ey2} ${K.ex2},${K.ey2} ${K.ex1},${K.ey1}`;
+  const H = Zt(A, V, C, ne, c, n, e.extendLeft, e.extendRight), K = Zt(A, y, C, R, c, n, e.extendLeft, e.extendRight), ee = Hr[e.lineStyle] || void 0, oe = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", G = l ? "#e2e8f0" : "#1f2937", se = e.label || "", ie = (A + C) / 2, I = (V + ne) / 2, v = (y + R) / 2, z = `${H.ex1},${H.ey1} ${H.ex2},${H.ey2} ${K.ex2},${K.ey2} ${K.ex1},${K.ey1}`;
   return /* @__PURE__ */ de(
     "g",
     {
       className: "channel-annotation",
       onClick: N,
-      style: { cursor: B ? "grabbing" : "pointer" },
+      style: { cursor: T ? "grabbing" : "pointer" },
       children: [
         /* @__PURE__ */ d(
           "polygon",
@@ -2604,7 +2604,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             "rect",
             {
               x: ie - se.length * 3.5 - 8,
-              y: T - 10,
+              y: I - 10,
               width: Math.max(30, se.length * 7 + 16),
               height: 20,
               fill: e.color,
@@ -2616,7 +2616,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             "text",
             {
               x: ie,
-              y: T,
+              y: I,
               dy: "0.35em",
               textAnchor: "middle",
               fontSize: 11,
@@ -2674,7 +2674,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             "circle",
             {
               cx: ie,
-              cy: T,
+              cy: I,
               r: gt,
               fill: e.color,
               fillOpacity: 0.6,
@@ -2725,29 +2725,29 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   Ne(() => {
     F.current = t, b.current = r, M.current = o, L.current = m, N.current = p, x.current = a;
   }, [t, r, o, m, p, a]);
-  const f = k((T) => {
-    T.stopPropagation(), u == null || u(e.id);
-  }, [e.id, u]), Y = k((T, v, z, Z) => {
-    const X = F.current, te = b.current, ce = M.current, re = L.current, le = N.current, We = x.current, Oe = ce && re && We > 0 ? or(T, le, ce) ?? T : T, Fe = X(Oe) + z, De = te.scale(v) + Z;
-    let we = T;
+  const f = k((I) => {
+    I.stopPropagation(), u == null || u(e.id);
+  }, [e.id, u]), Y = k((I, v, z, Z) => {
+    const X = F.current, te = b.current, ce = M.current, re = L.current, le = N.current, We = x.current, Oe = ce && re && We > 0 ? or(I, le, ce) ?? I : I, Fe = X(Oe) + z, De = te.scale(v) + Z;
+    let we = I;
     if (X.invert) {
       const $e = X.invert(Fe), xe = $e instanceof Date ? $e.getTime() : $e;
       we = re ? re(Math.round(xe)) : xe;
     }
     const ke = te.invert(De);
     return {
-      time: Number.isFinite(we) ? we : T,
+      time: Number.isFinite(we) ? we : I,
       price: Number.isFinite(ke) ? ke : v
     };
-  }, []), _ = k((T) => {
-    h(1), P.current = { x: T.clientX, y: T.clientY }, D.current = {
+  }, []), _ = k((I) => {
+    h(1), P.current = { x: I.clientX, y: I.clientY }, D.current = {
       time1: e.time1,
       price1: e.price1,
       time2: e.time2,
       price2: e.price2
     };
-  }, [e.time1, e.price1, e.time2, e.price2]), w = k((T) => {
-    const v = T.clientX - P.current.x, z = T.clientY - P.current.y, { time: Z, price: X } = Y(
+  }, [e.time1, e.price1, e.time2, e.price2]), w = k((I) => {
+    const v = I.clientX - P.current.x, z = I.clientY - P.current.y, { time: Z, price: X } = Y(
       D.current.time1,
       D.current.price1,
       v,
@@ -2758,15 +2758,15 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     onDragStart: _,
     onDragMove: w,
     onDragEnd: () => h(null)
-  }), q = k((T) => {
-    h(2), P.current = { x: T.clientX, y: T.clientY }, D.current = {
+  }), q = k((I) => {
+    h(2), P.current = { x: I.clientX, y: I.clientY }, D.current = {
       time1: e.time1,
       price1: e.price1,
       time2: e.time2,
       price2: e.price2
     };
-  }, [e.time1, e.price1, e.time2, e.price2]), W = k((T) => {
-    const v = T.clientX - P.current.x, z = T.clientY - P.current.y, { time: Z, price: X } = Y(
+  }, [e.time1, e.price1, e.time2, e.price2]), W = k((I) => {
+    const v = I.clientX - P.current.x, z = I.clientY - P.current.y, { time: Z, price: X } = Y(
       D.current.time2,
       D.current.price2,
       v,
@@ -2777,40 +2777,40 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     onDragStart: q,
     onDragMove: W,
     onDragEnd: () => h(null)
-  }), Q = k((T) => {
-    h("whole"), P.current = { x: T.clientX, y: T.clientY }, D.current = {
+  }), Q = k((I) => {
+    h("whole"), P.current = { x: I.clientX, y: I.clientY }, D.current = {
       time1: e.time1,
       price1: e.price1,
       time2: e.time2,
       price2: e.price2
     };
-  }, [e.time1, e.price1, e.time2, e.price2]), J = k((T) => {
-    const v = T.clientX - P.current.x, z = T.clientY - P.current.y, Z = Y(D.current.time1, D.current.price1, v, z), X = Y(D.current.time2, D.current.price2, v, z);
+  }, [e.time1, e.price1, e.time2, e.price2]), J = k((I) => {
+    const v = I.clientX - P.current.x, z = I.clientY - P.current.y, Z = Y(D.current.time1, D.current.price1, v, z), X = Y(D.current.time2, D.current.price2, v, z);
     i == null || i(e.id, {
       time1: Z.time,
       price1: Z.price,
       time2: X.time,
       price2: X.price
     });
-  }, [e.id, i, Y]), { isDragging: j, handleMouseDown: B } = Xe({
+  }, [e.id, i, Y]), { isDragging: j, handleMouseDown: T } = Xe({
     onDragStart: Q,
     onDragMove: J,
     onDragEnd: () => h(null)
   }), A = O || U || j, C = Ht(e.time1, t, o, m, a, p), V = Ht(e.time2, t, o, m, a, p), ne = Ee(() => {
-    const T = [...e.levels ?? [...Jr]];
+    const I = [...e.levels ?? [...Jr]];
     if (e.showExtensions)
       for (const v of Qr)
-        T.includes(v) || T.push(v);
-    return T.sort((v, z) => v - z), T;
+        I.includes(v) || I.push(v);
+    return I.sort((v, z) => v - z), I;
   }, [e.levels, e.showExtensions]);
   if (C === void 0 || V === void 0) return null;
   const y = r.scale(e.price1), R = r.scale(e.price2);
   if (!Number.isFinite(y) || !Number.isFinite(R)) return null;
   const be = e.price2 - e.price1, H = Math.min(C, V), K = e.extendRight ? c : Math.max(C, V), ee = K - H;
   if (ee < 1) return null;
-  const oe = ei[e.lineStyle] || void 0, G = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", se = l ? "#e2e8f0" : "#1f2937", ie = ne.map((T) => {
-    const v = e.price1 + be * T;
-    return { ratio: T, price: v, y: r.scale(v) };
+  const oe = ei[e.lineStyle] || void 0, G = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", se = l ? "#e2e8f0" : "#1f2937", ie = ne.map((I) => {
+    const v = e.price1 + be * I;
+    return { ratio: I, price: v, y: r.scale(v) };
   });
   return /* @__PURE__ */ de(
     "g",
@@ -2819,9 +2819,9 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       onClick: f,
       style: { cursor: A ? "grabbing" : "pointer" },
       children: [
-        e.fillOpacity > 0 && ie.map((T, v) => {
+        e.fillOpacity > 0 && ie.map((I, v) => {
           if (v === 0) return null;
-          const z = ie[v - 1], Z = Math.min(T.y, z.y), te = Math.max(T.y, z.y) - Z;
+          const z = ie[v - 1], Z = Math.min(I.y, z.y), te = Math.max(I.y, z.y) - Z;
           return te < 0.5 ? null : /* @__PURE__ */ d(
             "rect",
             {
@@ -2832,13 +2832,13 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
               fill: e.color,
               fillOpacity: e.fillOpacity * (v % 2 === 0 ? 1 : 0.5),
               stroke: "none",
-              onMouseDown: s ? B : void 0,
+              onMouseDown: s ? T : void 0,
               style: { cursor: s ? "grab" : "pointer" }
             },
-            `fill-${T.ratio}`
+            `fill-${I.ratio}`
           );
         }),
-        s && ie.map(({ ratio: T, y: v }) => /* @__PURE__ */ d(
+        s && ie.map(({ ratio: I, y: v }) => /* @__PURE__ */ d(
           "line",
           {
             x1: H,
@@ -2849,11 +2849,11 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             strokeWidth: e.lineWidth + 4,
             strokeLinecap: "round"
           },
-          `glow-${T}`
+          `glow-${I}`
         )),
-        ie.map(({ ratio: T, price: v, y: z }) => {
+        ie.map(({ ratio: I, price: v, y: z }) => {
           if (z < -50 || z > n + 50) return null;
-          const Z = ti(T), X = ri(v), te = `${Z}  (${X})`, ce = Math.max(80, te.length * 6 + 16), re = T === 0 || T === 0.5 || T === 0.618 || T === 1, le = re ? 1 : 0.7;
+          const Z = ti(I), X = ri(v), te = `${Z}  (${X})`, ce = Math.max(80, te.length * 6 + 16), re = I === 0 || I === 0.5 || I === 0.618 || I === 1, le = re ? 1 : 0.7;
           return /* @__PURE__ */ de("g", { children: [
             /* @__PURE__ */ d(
               "line",
@@ -2865,7 +2865,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
                 stroke: "transparent",
                 strokeWidth: Te,
                 style: { cursor: "pointer" },
-                onMouseDown: s ? B : void 0
+                onMouseDown: s ? T : void 0
               }
             ),
             /* @__PURE__ */ d(
@@ -2910,7 +2910,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
                 }
               )
             ] })
-          ] }, `level-${T}`);
+          ] }, `level-${I}`);
         }),
         /* @__PURE__ */ d(
           "line",
@@ -3016,7 +3016,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
               r: gt,
               fill: e.color,
               fillOpacity: 0.6,
-              onMouseDown: B,
+              onMouseDown: T,
               style: { cursor: "grab" }
             }
           )
@@ -3113,7 +3113,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, [e.id, i, f]), { isDragging: S, handleMouseDown: Q } = Xe({
     onDragStart: Y,
     onDragMove: U
-  }), J = w || q || S, j = nt(e.time1, t, m, a, p, g), B = nt(e.time2, t, m, a, p, g), A = Ee(() => {
+  }), J = w || q || S, j = nt(e.time1, t, m, a, p, g), T = nt(e.time2, t, m, a, p, g), A = Ee(() => {
     const Me = e.price2 - e.price1, je = e.price1 !== 0 ? Me / e.price1 * 100 : 0, Ie = Math.abs(e.time2 - e.time1), He = si(o), Je = Math.max(1, Math.round(Ie / He)), ut = ci(Ie), ot = Me >= 0;
     return {
       priceDiff: Me,
@@ -3124,10 +3124,10 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       isPositive: ot
     };
   }, [e.price1, e.price2, e.time1, e.time2, o]);
-  if (j === void 0 || B === void 0) return null;
+  if (j === void 0 || T === void 0) return null;
   const C = r.scale(e.price1), V = r.scale(e.price2);
   if (!Number.isFinite(C) || !Number.isFinite(V)) return null;
-  const { priceDiff: ne, pricePct: y, barCount: R, timeStr: be, isPositive: H } = A, K = Math.min(j, B), ee = Math.max(j, B), oe = Math.min(C, V), G = Math.max(C, V), se = Math.max(ee - K, 1), ie = Math.max(G - oe, 1), T = H ? "rgba(34, 197, 94, 0.12)" : "rgba(239, 68, 68, 0.12)", v = H ? "#22c55e" : "#ef4444", z = H ? "#4ade80" : "#f87171", Z = l ? "rgba(23, 23, 23, 0.92)" : "rgba(30, 30, 30, 0.92)", X = `${ne >= 0 ? "+" : ""}${Vt(ne)}`, te = li(y), ce = `${R} bar${R !== 1 ? "s" : ""}`, re = `${X}  (${te})`, le = `${ce}  •  ${be}`, We = 11, Oe = 16, Fe = Math.max(re.length, le.length) * 6.5 + 24, De = Oe * 2 + 14, we = (K + ee) / 2, ke = (oe + G) / 2;
+  const { priceDiff: ne, pricePct: y, barCount: R, timeStr: be, isPositive: H } = A, K = Math.min(j, T), ee = Math.max(j, T), oe = Math.min(C, V), G = Math.max(C, V), se = Math.max(ee - K, 1), ie = Math.max(G - oe, 1), I = H ? "rgba(34, 197, 94, 0.12)" : "rgba(239, 68, 68, 0.12)", v = H ? "#22c55e" : "#ef4444", z = H ? "#4ade80" : "#f87171", Z = l ? "rgba(23, 23, 23, 0.92)" : "rgba(30, 30, 30, 0.92)", X = `${ne >= 0 ? "+" : ""}${Vt(ne)}`, te = li(y), ce = `${R} bar${R !== 1 ? "s" : ""}`, re = `${X}  (${te})`, le = `${ce}  •  ${be}`, We = 11, Oe = 16, Fe = Math.max(re.length, le.length) * 6.5 + 24, De = Oe * 2 + 14, we = (K + ee) / 2, ke = (oe + G) / 2;
   let $e = we - Fe / 2, xe = ke - De / 2;
   $e < 4 && ($e = 4), $e + Fe > c - 4 && ($e = c - Fe - 4), xe < 4 && (xe = 4), xe + De > n - 4 && (xe = n - De - 4);
   const Se = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", Qe = s ? l ? "#63b3ed" : "#3b82f6" : v;
@@ -3157,7 +3157,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
           {
             x1: j,
             y1: C,
-            x2: B,
+            x2: T,
             y2: V,
             stroke: Se,
             strokeWidth: 7,
@@ -3183,7 +3183,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             y: oe,
             width: se,
             height: ie,
-            fill: T,
+            fill: I,
             stroke: v,
             strokeWidth: 1,
             strokeDasharray: "6 3",
@@ -3195,7 +3195,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
           {
             x1: j,
             y1: C,
-            x2: B,
+            x2: T,
             y2: V,
             stroke: v,
             strokeWidth: 1.5,
@@ -3221,7 +3221,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
         /* @__PURE__ */ d(
           "circle",
           {
-            cx: B,
+            cx: T,
             cy: V,
             r: s ? Ae : gt,
             fill: Qe,
@@ -3277,9 +3277,9 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
         /* @__PURE__ */ d(
           "line",
           {
-            x1: B,
+            x1: T,
             y1: oe,
-            x2: B,
+            x2: T,
             y2: G,
             stroke: v,
             strokeWidth: 0.5,
@@ -3647,16 +3647,16 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
     if (!Number.isFinite(J)) return;
     const j = J - U.v;
     if (!Number.isFinite(j)) return;
-    let B = 0;
+    let T = 0;
     if (q.invert) {
       const C = q.invert(S + w), V = C instanceof Date ? C.getTime() : C;
       if (!Number.isFinite(V)) return;
       const ne = o ? o(Math.round(V)) : V;
       if (!Number.isFinite(ne)) return;
-      B = ne - U.t;
+      T = ne - U.t;
     }
     const A = W.map((C) => ({
-      t: C.t + B,
+      t: C.t + T,
       v: C.v + j
     }));
     u == null || u(e.id, { points: A });
@@ -3842,7 +3842,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, [e.id, i, x]), { isDragging: J, handleMouseDown: j } = Xe({
     onDragStart: f,
     onDragMove: Q
-  }), B = _ || E || U || J, A = nt(e.time1, t, o, m, a, p), C = nt(e.time2, t, o, m, a, p), V = nt(e.time3, t, o, m, a, p);
+  }), T = _ || E || U || J, A = nt(e.time1, t, o, m, a, p), C = nt(e.time2, t, o, m, a, p), V = nt(e.time3, t, o, m, a, p);
   if (A === void 0 || C === void 0 || V === void 0) return null;
   const ne = r.scale(e.price1), y = r.scale(e.price2), R = r.scale(e.price3);
   if (!Number.isFinite(ne) || !Number.isFinite(y) || !Number.isFinite(R)) return null;
@@ -3858,13 +3858,13 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
       endX: X + ce * De,
       endY: te + re * De
     };
-  }, G = oe(A, ne, K, ee), se = oe(C, y, K, ee), ie = oe(V, R, K, ee), T = rt[e.lineStyle] || void 0, v = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", z = l ? "#e2e8f0" : "#1f2937", Z = `${C},${y} ${se.endX},${se.endY} ${ie.endX},${ie.endY} ${V},${R}`;
+  }, G = oe(A, ne, K, ee), se = oe(C, y, K, ee), ie = oe(V, R, K, ee), I = rt[e.lineStyle] || void 0, v = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", z = l ? "#e2e8f0" : "#1f2937", Z = `${C},${y} ${se.endX},${se.endY} ${ie.endX},${ie.endY} ${V},${R}`;
   return /* @__PURE__ */ de(
     "g",
     {
       className: "pitchfork-annotation",
       onClick: N,
-      style: { cursor: B ? "grabbing" : "pointer" },
+      style: { cursor: T ? "grabbing" : "pointer" },
       children: [
         /* @__PURE__ */ d(
           "polygon",
@@ -3989,7 +3989,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             y2: G.endY,
             stroke: e.color,
             strokeWidth: e.lineWidth,
-            strokeDasharray: T,
+            strokeDasharray: I,
             strokeLinecap: "round"
           }
         ),
@@ -4002,7 +4002,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             y2: se.endY,
             stroke: e.color,
             strokeWidth: e.lineWidth,
-            strokeDasharray: T,
+            strokeDasharray: I,
             strokeLinecap: "round"
           }
         ),
@@ -4015,7 +4015,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
             y2: ie.endY,
             stroke: e.color,
             strokeWidth: e.lineWidth,
-            strokeDasharray: T,
+            strokeDasharray: I,
             strokeLinecap: "round"
           }
         ),
@@ -4252,20 +4252,20 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
   }, [e.id, i, x]), { isDragging: J, handleMouseDown: j } = Xe({
     onDragStart: f,
     onDragMove: Q
-  }), B = _ || E || U || J, A = At(e.time1, t, o, m, a, p), C = At(e.time2, t, o, m, a, p), V = At(e.time3, t, o, m, a, p);
+  }), T = _ || E || U || J, A = At(e.time1, t, o, m, a, p), C = At(e.time2, t, o, m, a, p), V = At(e.time3, t, o, m, a, p);
   if (A === void 0 || C === void 0 || V === void 0) return null;
   const ne = r.scale(e.price1), y = r.scale(e.price2), R = r.scale(e.price3);
   if (!Number.isFinite(ne) || !Number.isFinite(y) || !Number.isFinite(R)) return null;
   const be = e.price2 - e.price1, ee = [...e.levels && e.levels.length > 0 ? e.levels : [0, 0.618, 1, 1.272, 1.618, 2, 2.618]].sort((v, z) => v - z).map((v) => {
     const z = e.price3 + v * be, Z = r.scale(z);
     return { level: v, price: z, y: Z };
-  }).filter((v) => Number.isFinite(v.y)), oe = Math.min(A, C, V), G = hi[e.lineStyle] || void 0, se = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", ie = l ? "#e2e8f0" : "#1f2937", T = l ? "#1e1e1e" : "#1f2937";
+  }).filter((v) => Number.isFinite(v.y)), oe = Math.min(A, C, V), G = hi[e.lineStyle] || void 0, se = s ? l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)" : "transparent", ie = l ? "#e2e8f0" : "#1f2937", I = l ? "#1e1e1e" : "#1f2937";
   return /* @__PURE__ */ de(
     "g",
     {
       className: "fib-extension-annotation",
       onClick: N,
-      style: { cursor: B ? "grabbing" : "pointer" },
+      style: { cursor: T ? "grabbing" : "pointer" },
       children: [
         e.fillOpacity > 0 && ee.length >= 2 && ee.map((v, z) => {
           if (z === 0) return null;
@@ -4416,7 +4416,7 @@ const Dr = [0, 1], kr = 0.15, Ge = (e) => Number.isFinite(e), cr = (e) => {
                     y: v.y - 10,
                     width: le,
                     height: 20,
-                    fill: T,
+                    fill: I,
                     fillOpacity: 0.9,
                     rx: 3,
                     stroke: e.color,
@@ -4589,16 +4589,16 @@ const pi = {
       low: e.low
     };
   }, [e.time, e.high, e.low]), f = k((H, K) => {
-    const ee = D.current, oe = F.current, G = b.current, se = M.current, ie = L.current, T = oe && G && ie > 0 && se ? oe(H) !== void 0 ? oe(H) : oe(findClosestTime(se, H)) ?? H : H, v = ee(T) + K;
+    const ee = D.current, oe = F.current, G = b.current, se = M.current, ie = L.current, I = oe && G && ie > 0 && se ? oe(H) !== void 0 ? oe(H) : oe(findClosestTime(se, H)) ?? H : H, v = ee(I) + K;
     if (!ee.invert) return H;
     const z = ee.invert(v), Z = z instanceof Date ? z.getTime() : z;
     return oe && G && ie > 0 && se ? G(Math.round(Z)) : Z;
   }, []), Y = k((H) => {
-    const K = H.clientX - g.current.x, ee = H.clientY - g.current.y, oe = P.current, G = h.current, se = f(G.time, K), ie = oe.invert(oe.scale(G.high) + ee), T = oe.invert(oe.scale(G.low) + ee);
-    [se, ie, T].every(Number.isFinite) && (i == null || i(e.id, {
+    const K = H.clientX - g.current.x, ee = H.clientY - g.current.y, oe = P.current, G = h.current, se = f(G.time, K), ie = oe.invert(oe.scale(G.high) + ee), I = oe.invert(oe.scale(G.low) + ee);
+    [se, ie, I].every(Number.isFinite) && (i == null || i(e.id, {
       time: se,
       high: ie,
-      low: T
+      low: I
     }));
   }, [e.id, i, f]), { isDragging: _, handleMouseDown: w } = Xe({
     onDragStart: x,
@@ -4609,7 +4609,7 @@ const pi = {
     if (o) return o(H);
   })(e.time), q = t(E ?? e.time), W = r.scale(e.high), U = r.scale(e.low);
   if ([q, W, U].some((H) => !Number.isFinite(H))) return null;
-  const S = q - 20, Q = q + 20, J = Math.min(W, U), j = Math.max(W, U), B = Q - S, A = j - J;
+  const S = q - 20, Q = q + 20, J = Math.min(W, U), j = Math.max(W, U), T = Q - S, A = j - J;
   if (Q < -50 || S > c + 50 || j < -50 || J > n + 50) return null;
   const C = bi(e), V = xi(e), ne = wi(e), y = e.state === "tested" ? rt.dashed : rt[e.lineStyle], R = l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)", be = e.label || (e.direction === "bullish" ? "Buy OB" : "Sell OB");
   return /* @__PURE__ */ de(
@@ -4624,7 +4624,7 @@ const pi = {
           {
             x: S - 3,
             y: J - 3,
-            width: B + 6,
+            width: T + 6,
             height: A + 6,
             fill: "none",
             stroke: R,
@@ -4637,7 +4637,7 @@ const pi = {
           {
             x: S - Ze,
             y: J - Ze,
-            width: B + Ze * 2,
+            width: T + Ze * 2,
             height: A + Ze * 2,
             fill: "transparent",
             stroke: "transparent",
@@ -4650,7 +4650,7 @@ const pi = {
           {
             x: S,
             y: J,
-            width: B,
+            width: T,
             height: A,
             fill: C,
             fillOpacity: V,
@@ -4729,10 +4729,10 @@ const pi = {
     P.current = r, D.current = t, F.current = o, b.current = m, M.current = p, L.current = a;
   }, [r, t, o, m, p, a]);
   const N = k((ee, oe) => {
-    const G = D.current, se = F.current, ie = b.current, T = M.current, v = L.current, z = se && ie && v > 0 && T ? se(ee) !== void 0 ? se(ee) : se(findClosestTime(T, ee)) ?? ee : ee, Z = G(z) + oe;
+    const G = D.current, se = F.current, ie = b.current, I = M.current, v = L.current, z = se && ie && v > 0 && I ? se(ee) !== void 0 ? se(ee) : se(findClosestTime(I, ee)) ?? ee : ee, Z = G(z) + oe;
     if (!G.invert) return ee;
     const X = G.invert(Z), te = X instanceof Date ? X.getTime() : X;
-    return se && ie && v > 0 && T ? ie(Math.round(te)) : te;
+    return se && ie && v > 0 && I ? ie(Math.round(te)) : te;
   }, []), x = k((ee) => {
     ee.stopPropagation(), u == null || u(e.id);
   }, [e.id, u]), f = k((ee) => {
@@ -4743,9 +4743,9 @@ const pi = {
       bottom: e.bottom
     };
   }, [e.time1, e.time2, e.top, e.bottom]), Y = k((ee) => {
-    const oe = ee.clientX - g.current.x, G = ee.clientY - g.current.y, se = P.current, ie = h.current, T = N(ie.time1, oe), v = N(ie.time2, oe), z = se.invert(se.scale(ie.top) + G), Z = se.invert(se.scale(ie.bottom) + G);
-    [T, v, z, Z].every(Number.isFinite) && (i == null || i(e.id, {
-      time1: T,
+    const oe = ee.clientX - g.current.x, G = ee.clientY - g.current.y, se = P.current, ie = h.current, I = N(ie.time1, oe), v = N(ie.time2, oe), z = se.invert(se.scale(ie.top) + G), Z = se.invert(se.scale(ie.bottom) + G);
+    [I, v, z, Z].every(Number.isFinite) && (i == null || i(e.id, {
+      time1: I,
       time2: v,
       top: z,
       bottom: Z
@@ -4761,8 +4761,8 @@ const pi = {
   if (!Number.isFinite(E) || !Number.isFinite(q)) return null;
   const W = t(E), U = t(q), S = r.scale(e.top), Q = r.scale(e.bottom);
   if ([W, U, S, Q].some((ee) => !Number.isFinite(ee))) return null;
-  const J = Math.min(W, U), j = Math.max(W, U), B = Math.min(S, Q), A = Math.max(S, Q), C = j - J, V = A - B;
-  if (j < -50 || J > c + 50 || A < -50 || B > n + 50) return null;
+  const J = Math.min(W, U), j = Math.max(W, U), T = Math.min(S, Q), A = Math.max(S, Q), C = j - J, V = A - T;
+  if (j < -50 || J > c + 50 || A < -50 || T > n + 50) return null;
   const ne = Ni(e), y = vi(e), R = Wi(e), be = e.filled ? rt.dashed : rt[e.lineStyle], H = l ? "rgba(99, 179, 237, 0.4)" : "rgba(59, 130, 246, 0.4)", K = e.label || "FVG";
   return /* @__PURE__ */ de(
     "g",
@@ -4775,7 +4775,7 @@ const pi = {
           "rect",
           {
             x: J - 3,
-            y: B - 3,
+            y: T - 3,
             width: C + 6,
             height: V + 6,
             fill: "none",
@@ -4788,7 +4788,7 @@ const pi = {
           "rect",
           {
             x: J - Ze,
-            y: B - Ze,
+            y: T - Ze,
             width: C + Ze * 2,
             height: V + Ze * 2,
             fill: "transparent",
@@ -4801,7 +4801,7 @@ const pi = {
           "rect",
           {
             x: J,
-            y: B,
+            y: T,
             width: C,
             height: V,
             fill: ne,
@@ -4820,7 +4820,7 @@ const pi = {
             "rect",
             {
               x: J + 2,
-              y: B + 2,
+              y: T + 2,
               width: Math.max(50, K.length * 7),
               height: 16,
               fill: ne,
@@ -4832,7 +4832,7 @@ const pi = {
             "text",
             {
               x: J + 2 + Math.max(50, K.length * 7) / 2,
-              y: B + 10,
+              y: T + 10,
               dy: "0.35em",
               textAnchor: "middle",
               fontSize: 10,
@@ -4880,14 +4880,14 @@ const pi = {
   Ne(() => {
     P.current = r;
   }, [r]);
-  const D = k((B) => {
-    B.stopPropagation(), u == null || u(e.id);
-  }, [e.id, u]), F = k((B) => {
-    B.stopPropagation(), i == null || i(e.id);
-  }, [e.id, i]), b = k((B) => {
-    g.current = B.clientY, h.current = e.price;
-  }, [e.price]), M = k((B) => {
-    const A = B.clientY - g.current, C = P.current, V = C.invert(C.scale(h.current) + A);
+  const D = k((T) => {
+    T.stopPropagation(), u == null || u(e.id);
+  }, [e.id, u]), F = k((T) => {
+    T.stopPropagation(), i == null || i(e.id);
+  }, [e.id, i]), b = k((T) => {
+    g.current = T.clientY, h.current = e.price;
+  }, [e.price]), M = k((T) => {
+    const A = T.clientY - g.current, C = P.current, V = C.invert(C.scale(h.current) + A);
     Number.isFinite(V) && (o == null || o(e.id, V));
   }, [e.id, o]), { isDragging: L, handleMouseDown: N } = Xe({
     onDragStart: b,
@@ -5105,7 +5105,7 @@ const pi = {
       alert_line: 5
     }, H = be[y.type] ?? 2, K = be[R.type] ?? 2;
     return H !== K ? H - K : 0;
-  }), [b, s]), B = Ee(() => {
+  }), [b, s]), T = Ee(() => {
     if (h && h.length > 0) return h;
     if (!p || g <= 0) return;
     const y = new Array(g);
@@ -5147,7 +5147,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B,
+      compressedTimes: T,
       timeFormatter: P
     },
     y.id
@@ -5166,7 +5166,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "order_block" ? /* @__PURE__ */ d(
@@ -5184,7 +5184,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "fair_value_gap" ? /* @__PURE__ */ d(
@@ -5202,7 +5202,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "bos_line" ? /* @__PURE__ */ d(
@@ -5220,7 +5220,7 @@ const pi = {
       onMove: J,
       timeToIndex: a,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "brush" ? /* @__PURE__ */ d(
@@ -5236,7 +5236,7 @@ const pi = {
       onMove: o,
       timeToIndex: a,
       indexToTime: p,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "alert_line" ? /* @__PURE__ */ d(
@@ -5268,7 +5268,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "ray" ? /* @__PURE__ */ d(
@@ -5286,7 +5286,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "crossline" ? /* @__PURE__ */ d(
@@ -5304,7 +5304,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B,
+      compressedTimes: T,
       timeFormatter: P
     },
     y.id
@@ -5323,7 +5323,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "emoji" ? /* @__PURE__ */ d(
@@ -5340,7 +5340,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "timerange" ? /* @__PURE__ */ d(
@@ -5357,7 +5357,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B,
+      compressedTimes: T,
       timeFormatter: P
     },
     y.id
@@ -5377,7 +5377,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "channel" ? /* @__PURE__ */ d(
@@ -5395,7 +5395,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "fibRetracement" ? /* @__PURE__ */ d(
@@ -5413,7 +5413,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "measure" ? /* @__PURE__ */ d(
@@ -5431,7 +5431,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type === "pitchfork" ? /* @__PURE__ */ d(
@@ -5449,7 +5449,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   ) : y.type !== "text" ? null : /* @__PURE__ */ d(
@@ -5468,7 +5468,7 @@ const pi = {
       timeToIndex: a,
       indexToTime: p,
       dataLength: g,
-      compressedTimes: B
+      compressedTimes: T
     },
     y.id
   )) });
@@ -6099,7 +6099,7 @@ const pi = {
   return h.forEach((N, x) => {
     const f = c(N.t), Y = r.scale(N.h), _ = r.scale(N.l), w = r.scale(N.o), O = r.scale(N.c), E = P(x);
     if (E === 0) return;
-    const q = `M${f},${Y}L${f},${_}`, W = Math.min(w, O), U = Math.max(w, O), S = f - i, Q = f + i, J = Math.max(1, U - W), j = `M${S},${W}H${Q}V${W + J}H${S}Z`, B = N.c >= N.o;
+    const q = `M${f},${Y}L${f},${_}`, W = Math.min(w, O), U = Math.max(w, O), S = f - i, Q = f + i, J = Math.max(1, U - W), j = `M${S},${W}H${Q}V${W + J}H${S}Z`, T = N.c >= N.o;
     (s == null ? void 0 : s.phase) === "candles" && E < 0.9 ? M.push(
       /* @__PURE__ */ de("g", { className: "dwlf-candle-individual", children: [
         /* @__PURE__ */ d(
@@ -6116,13 +6116,13 @@ const pi = {
           "path",
           {
             d: j,
-            fill: B ? g : p,
+            fill: T ? g : p,
             stroke: "none",
             opacity: E
           }
         )
       ] }, `candle-${x}`)
-    ) : (D += q, B ? F += j : b += j);
+    ) : (D += q, T ? F += j : b += j);
   }), /* @__PURE__ */ de("g", { className: "dwlf-candles", children: [
     D && /* @__PURE__ */ d(
       "path",
@@ -6255,14 +6255,14 @@ const pi = {
     w(vt(t));
   }, [t]);
   const [O, E] = qe(!0), [q, W] = qe(null), [U, { width: S, height: Q }] = wr(), J = $(null), j = Q || Xi, A = (u || "").toLowerCase() === "hourly" ? 36e5 : 864e5, C = Ee(() => {
-    for (const I of _.panes) {
-      const ue = I.series.find((pe) => pe.type === "ohlc" && Array.isArray(pe.data));
+    for (const B of _.panes) {
+      const ue = B.series.find((pe) => pe.type === "ohlc" && Array.isArray(pe.data));
       if (ue)
         return ue;
     }
     return null;
-  }, [_]), V = Ee(() => !C || !Array.isArray(C.data) ? [] : C.data.filter((I) => Number.isFinite(I == null ? void 0 : I.t)), [C]), ne = Ee(
-    () => V.map((I) => ({ date: new Date(I.t).toISOString() })),
+  }, [_]), V = Ee(() => !C || !Array.isArray(C.data) ? [] : C.data.filter((B) => Number.isFinite(B == null ? void 0 : B.t)), [C]), ne = Ee(
+    () => V.map((B) => ({ date: new Date(B.t).toISOString() })),
     [V]
   ), y = xr(ne, i, o, u), R = s && V.length > 0, be = m && V.length > 0, {
     mouseHandlers: H,
@@ -6272,22 +6272,22 @@ const pi = {
     resetView: G,
     panToStart: se,
     panToEnd: ie
-  } = y, T = k(
-    (I) => {
+  } = y, I = k(
+    (B) => {
       if (!V.length)
-        return Date.now() + I * A;
-      if (I <= 0)
-        return V[Math.max(0, I)].t;
-      if (I < V.length)
-        return V[I].t;
-      const ue = V[V.length - 1].t, pe = I - (V.length - 1);
+        return Date.now() + B * A;
+      if (B <= 0)
+        return V[Math.max(0, B)].t;
+      if (B < V.length)
+        return V[B].t;
+      const ue = V[V.length - 1].t, pe = B - (V.length - 1);
       return ue + pe * A;
     },
     [V, A]
   ), v = Ee(() => {
     if (!R)
       return null;
-    const I = y.viewportStart, ue = Math.max(y.viewportEnd, I + 1), pe = T(I), ae = T(ue), me = ae <= pe ? pe + A : ae;
+    const B = y.viewportStart, ue = Math.max(y.viewportEnd, B + 1), pe = I(B), ae = I(ue), me = ae <= pe ? pe + A : ae;
     return {
       startTime: pe,
       endTime: me,
@@ -6295,7 +6295,7 @@ const pi = {
       viewportEnd: y.viewportEnd,
       visibleCount: y.visibleCount
     };
-  }, [R, y.viewportStart, y.viewportEnd, y.visibleCount, T, A]), z = $(!1), Z = $(V.length);
+  }, [R, y.viewportStart, y.viewportEnd, y.visibleCount, I, A]), z = $(!1), Z = $(V.length);
   Ne(() => {
     if (!R) {
       z.current = !1;
@@ -6316,30 +6316,30 @@ const pi = {
   const X = Ee(() => {
     if (!be)
       return null;
-    let I = [];
+    let B = [];
     if (R && v) {
       const ae = Math.max(0, v.viewportEnd - v.viewportStart);
-      I = Array.from({ length: ae }, (me, ge) => T(v.viewportStart + ge));
+      B = Array.from({ length: ae }, (me, ge) => I(v.viewportStart + ge));
     } else
-      I = Ut(_);
-    const ue = Array.from(new Set(I.filter((ae) => Number.isFinite(ae)))).sort((ae, me) => ae - me);
+      B = Ut(_);
+    const ue = Array.from(new Set(B.filter((ae) => Number.isFinite(ae)))).sort((ae, me) => ae - me);
     if (!ue.length)
       return null;
     const pe = /* @__PURE__ */ new Map();
     return ue.forEach((ae, me) => pe.set(ae, me)), { rawToIndex: pe, indexToRaw: ue };
-  }, [be, R, v, _, T]), te = Ee(() => {
+  }, [be, R, v, _, I]), te = Ee(() => {
     if (X)
-      return (I) => X.rawToIndex.get(I);
+      return (B) => X.rawToIndex.get(B);
   }, [X]), ce = Ee(() => {
     if (X)
-      return (I) => {
-        const ue = X.indexToRaw.length - 1, pe = Math.max(0, Math.min(ue, I));
+      return (B) => {
+        const ue = X.indexToRaw.length - 1, pe = Math.max(0, Math.min(ue, B));
         return X.indexToRaw[pe];
       };
-  }, [X]), re = k((I) => {
-    R && K(I), U && (U.current = I);
+  }, [X]), re = k((B) => {
+    R && K(B), U && (U.current = B);
   }, [R, K, U]), le = Ee(() => {
-    const I = (me) => {
+    const B = (me) => {
       if (!X || !Number.isFinite(me))
         return me;
       const { rawToIndex: ge, indexToRaw: he } = X, ye = ge.get(me);
@@ -6353,11 +6353,11 @@ const pi = {
     }, ue = (me) => !X || !me ? me : me.map((ge) => {
       let he = ge;
       if (Number.isFinite(ge.startTime ?? NaN)) {
-        const ye = I(ge.startTime);
+        const ye = B(ge.startTime);
         ye !== ge.startTime && (he = { ...he, startTime: ye });
       }
       if (Number.isFinite(ge.endTime ?? NaN)) {
-        const ye = I(ge.endTime);
+        const ye = B(ge.endTime);
         ye !== ge.endTime && (he = he === ge ? { ...he } : he, he.endTime = ye);
       }
       return he;
@@ -6416,14 +6416,14 @@ const pi = {
         guides: ue(me.guides)
       };
     }), ae;
-  }, [_, R, v, A, T, X]), { rects: We, heights: Oe } = Ee(
+  }, [_, R, v, A, I, X]), { rects: We, heights: Oe } = Ee(
     () => Yi(le, j),
     [le, j]
   ), Fe = Ee(() => {
-    const I = /* @__PURE__ */ new Map();
+    const B = /* @__PURE__ */ new Map();
     return We.forEach((ue) => {
-      I.set(ue.pane.id, ue);
-    }), I;
+      B.set(ue.pane.id, ue);
+    }), B;
   }, [We]), De = Ee(
     () => Mr(le, Oe),
     [le, Oe]
@@ -6432,48 +6432,48 @@ const pi = {
       return X.indexToRaw.map((ue, pe) => pe);
     if (!R || !v)
       return Ut(le);
-    const I = [];
+    const B = [];
     for (let ue = v.viewportStart; ue < v.viewportEnd; ue += 1)
-      I.push(T(ue));
-    return I.length ? I : [v.startTime, v.endTime];
-  }, [X, R, v, le, T]), ke = Ee(() => {
-    const I = Math.max(0, S);
-    if (!we.length || I <= 0) {
+      B.push(I(ue));
+    return B.length ? B : [v.startTime, v.endTime];
+  }, [X, R, v, le, I]), ke = Ee(() => {
+    const B = Math.max(0, S);
+    if (!we.length || B <= 0) {
       const ae = Date.now();
-      return ze.scaleUtc().domain([ae - 36e5, ae]).range([0, I || 1]);
+      return ze.scaleUtc().domain([ae - 36e5, ae]).range([0, B || 1]);
     }
     if (X) {
       const ae = X.indexToRaw.length, me = ae > 1 ? ae - 1 : 1;
-      return ze.scaleLinear().domain([0, me]).range([0, I]);
+      return ze.scaleLinear().domain([0, me]).range([0, B]);
     }
     let ue = we[0], pe = we[we.length - 1];
-    return R && v && (ue = v.startTime, pe = v.endTime), ue === pe && (pe = ue + A), ze.scaleUtc().domain([ue, pe]).range([0, I]);
+    return R && v && (ue = v.startTime, pe = v.endTime), ue === pe && (pe = ue + A), ze.scaleUtc().domain([ue, pe]).range([0, B]);
   }, [we, S, R, v, A, X]), $e = Ee(() => {
     if (!we.length || S <= 0) return [];
-    const I = Math.min(12, Math.max(2, Math.floor(S / 140)));
+    const B = Math.min(12, Math.max(2, Math.floor(S / 140)));
     if (X) {
       const ue = X.indexToRaw.length;
       if (!ue) return [];
-      const ae = ze.scaleLinear().domain([0, Math.max(1, ue - 1)]).ticks(I);
+      const ae = ze.scaleLinear().domain([0, Math.max(1, ue - 1)]).ticks(B);
       return Array.from(new Set(ae.map((ge) => {
         const he = Math.round(ge);
         return Math.max(0, Math.min(ue - 1, he));
       }))).sort((ge, he) => ge - he);
     }
-    return ke.ticks(I).map((ue) => ue instanceof Date ? ue.valueOf() : Number(ue));
-  }, [ke, we, S, X]), xe = k((I) => {
+    return ke.ticks(B).map((ue) => ue instanceof Date ? ue.valueOf() : Number(ue));
+  }, [ke, we, S, X]), xe = k((B) => {
     if (X) {
       if (!X.indexToRaw.length)
-        return I;
-      const ue = Math.max(0, Math.min(X.indexToRaw.length - 1, Math.round(I)));
+        return B;
+      const ue = Math.max(0, Math.min(X.indexToRaw.length - 1, Math.round(B)));
       return X.indexToRaw[ue];
     }
-    return I;
+    return B;
   }, [X]), Se = O ? q : null, Qe = k(
-    (I) => {
+    (B) => {
       var Le;
       if (!O || !J.current) return;
-      const ue = J.current.getBoundingClientRect(), pe = I.clientX - ue.left, ae = Math.max(0, Math.min(pe, Math.max(0, S))), me = ke.invert(ae), ge = me instanceof Date ? me.valueOf() : me;
+      const ue = J.current.getBoundingClientRect(), pe = B.clientX - ue.left, ae = Math.max(0, Math.min(pe, Math.max(0, S))), me = ke.invert(ae), ge = me instanceof Date ? me.valueOf() : me;
       if (!Number.isFinite(ge)) {
         W(null);
         return;
@@ -6483,7 +6483,7 @@ const pi = {
         W(null);
         return;
       }
-      const ye = I.clientY - ue.top;
+      const ye = B.clientY - ue.top;
       let Pe = null;
       if (p === "pointer")
         for (const Ye of Fe.values()) {
@@ -6521,8 +6521,8 @@ const pi = {
                 time: Ce,
                 price: it,
                 paneId: Ye,
-                screenX: I.clientX,
-                screenY: I.clientY
+                screenX: B.clientX,
+                screenY: B.clientY
               }), x == null || x({
                 time: Ce,
                 price: it
@@ -6549,20 +6549,20 @@ const pi = {
   ), Me = k(() => {
     W(null);
   }, []), je = k(
-    (I) => {
+    (B) => {
       var ae, me;
       if (!O || !J.current) return;
       let ue, pe;
       if (q)
         ue = q.time, pe = q.perPane;
       else {
-        const ge = J.current.getBoundingClientRect(), he = I.clientX - ge.left, ye = Math.max(0, Math.min(he, Math.max(0, S))), Pe = ke.invert(ye), ve = Pe instanceof Date ? Pe.valueOf() : Pe;
+        const ge = J.current.getBoundingClientRect(), he = B.clientX - ge.left, ye = Math.max(0, Math.min(he, Math.max(0, S))), Pe = ke.invert(ye), ve = Pe instanceof Date ? Pe.valueOf() : Pe;
         if (!Number.isFinite(ve))
           return;
         const Ce = at(we, ve);
         if (!Number.isFinite(Ce))
           return;
-        const Le = I.clientY - ge.top;
+        const Le = B.clientY - ge.top;
         let Ye = null;
         if (p === "pointer")
           for (const Ve of Fe.values()) {
@@ -6589,7 +6589,7 @@ const pi = {
         }), ue = xe(Ce);
       }
       if (L) {
-        const ge = J.current.getBoundingClientRect(), he = I.clientY - ge.top;
+        const ge = J.current.getBoundingClientRect(), he = B.clientY - ge.top;
         for (const [ye, Pe] of Fe.entries()) {
           const ve = Pe.y + Pe.height;
           if (he >= Pe.y && he <= ve) {
@@ -6600,8 +6600,8 @@ const pi = {
                 time: ue,
                 price: Ye,
                 paneId: ye,
-                screenX: I.clientX,
-                screenY: I.clientY
+                screenX: B.clientX,
+                screenY: B.clientY
               });
             }
             break;
@@ -6674,62 +6674,62 @@ const pi = {
       xe,
       L
     ]
-  ), Ie = k((I) => {
-    w(vt(I));
-  }, []), He = k((I) => {
+  ), Ie = k((B) => {
+    w(vt(B));
+  }, []), He = k((B) => {
     w((ue) => ({
       ...ue,
-      panes: [...ue.panes, fr(I)]
+      panes: [...ue.panes, fr(B)]
     }));
-  }, []), Je = k((I) => {
+  }, []), Je = k((B) => {
     w((ue) => ({
       ...ue,
-      panes: ue.panes.filter((pe) => pe.id !== I)
+      panes: ue.panes.filter((pe) => pe.id !== B)
     }));
-  }, []), ut = k((I, ue) => {
+  }, []), ut = k((B, ue) => {
     w((pe) => ({
       ...pe,
       panes: pe.panes.map((ae) => {
-        if (ae.id !== I) return ae;
+        if (ae.id !== B) return ae;
         const me = { ...ae, ...ue };
         return ue.series && (me.series = ue.series.map(Xt)), ue.guides && (me.guides = ue.guides.map((ge) => ({ ...ge }))), me;
       })
     }));
-  }, []), ot = k((I, ue) => {
+  }, []), ot = k((B, ue) => {
     w((pe) => ({
       ...pe,
       panes: pe.panes.map((ae) => {
-        if (ae.id !== I) return ae;
+        if (ae.id !== B) return ae;
         const me = ae.series.some((ge) => ge.key === ue.key) ? ae.series.map((ge) => ge.key === ue.key ? Xt(ue) : ge) : [...ae.series, Xt(ue)];
         return { ...ae, series: me };
       })
     }));
-  }, []), mt = k((I, ue, pe) => {
+  }, []), mt = k((B, ue, pe) => {
     w((ae) => ({
       ...ae,
       panes: ae.panes.map((me) => {
-        if (me.id !== I) return me;
+        if (me.id !== B) return me;
         const ge = me.series.map((he) => he.key === ue ? { ...he, data: Array.isArray(pe) ? [...pe] : [] } : he);
         return { ...me, series: ge };
       })
     }));
-  }, []), Wt = k((I, ue) => {
+  }, []), Wt = k((B, ue) => {
     w((pe) => ({
       ...pe,
-      panes: pe.panes.map((ae) => ae.id === I ? { ...ae, series: ae.series.filter((me) => me.key !== ue) } : ae)
+      panes: pe.panes.map((ae) => ae.id === B ? { ...ae, series: ae.series.filter((me) => me.key !== ue) } : ae)
     }));
-  }, []), xt = k((I, ue) => {
+  }, []), xt = k((B, ue) => {
     w((pe) => ({
       ...pe,
-      panes: pe.panes.map((ae) => ae.id === I ? { ...ae, guides: [...ae.guides ?? [], { ...ue }] } : ae)
+      panes: pe.panes.map((ae) => ae.id === B ? { ...ae, guides: [...ae.guides ?? [], { ...ue }] } : ae)
     }));
-  }, []), Ct = k((I, ue) => {
+  }, []), Ct = k((B, ue) => {
     w((pe) => ({
       ...pe,
-      panes: pe.panes.map((ae) => ae.id === I ? { ...ae, guides: (ae.guides ?? []).filter((me) => me.y !== ue) } : ae)
+      panes: pe.panes.map((ae) => ae.id === B ? { ...ae, guides: (ae.guides ?? []).filter((me) => me.y !== ue) } : ae)
     }));
-  }, []), wt = k((I) => {
-    E(!!I), I || W(null);
+  }, []), wt = k((B) => {
+    E(!!B), B || W(null);
   }, []), Yt = k(() => {
     R && ee();
   }, [R, ee]), Ft = k(() => {
@@ -6740,14 +6740,14 @@ const pi = {
     R && se();
   }, [R, se]), Dt = k(() => {
     R && ie();
-  }, [R, ie]), kt = k((I) => {
-    !R || !H.onMouseDown || H.onMouseDown(I);
-  }, [R, H]), Mt = k((I) => {
-    !R || !H.onMouseMove || H.onMouseMove(I);
-  }, [R, H]), ar = k((I) => {
-    !R || !H.onMouseUp || H.onMouseUp(I);
-  }, [R, H]), mr = k((I) => {
-    !R || !H.onMouseLeave || H.onMouseLeave(I);
+  }, [R, ie]), kt = k((B) => {
+    !R || !H.onMouseDown || H.onMouseDown(B);
+  }, [R, H]), Mt = k((B) => {
+    !R || !H.onMouseMove || H.onMouseMove(B);
+  }, [R, H]), ar = k((B) => {
+    !R || !H.onMouseUp || H.onMouseUp(B);
+  }, [R, H]), mr = k((B) => {
+    !R || !H.onMouseLeave || H.onMouseLeave(B);
   }, [R, H]);
   br(Y, () => ({
     setSpec: Ie,
@@ -6810,20 +6810,20 @@ const pi = {
             className: "dwlf-chart-svg",
             onClick: je,
             onMouseDown: kt,
-            onMouseMove: (I) => {
-              R && Mt(I), Qe(I);
+            onMouseMove: (B) => {
+              R && Mt(B), Qe(B);
             },
             onMouseUp: ar,
-            onMouseLeave: (I) => {
-              R && mr(I), Me();
+            onMouseLeave: (B) => {
+              R && mr(B), Me();
             },
             children: [
               /* @__PURE__ */ d("rect", { x: 0, y: 0, width: S, height: j, fill: Et }),
-              We.map(({ pane: I, y: ue, height: pe }) => {
+              We.map(({ pane: B, y: ue, height: pe }) => {
                 var he;
-                const ae = De[I.id];
+                const ae = De[B.id];
                 if (!ae) return null;
-                const me = ze.scaleLinear().domain(ae.domain).ticks(4), ge = Se == null ? void 0 : Se.perPane[I.id];
+                const me = ze.scaleLinear().domain(ae.domain).ticks(4), ge = Se == null ? void 0 : Se.perPane[B.id];
                 return /* @__PURE__ */ de("g", { transform: `translate(0, ${ue})`, children: [
                   /* @__PURE__ */ d("rect", { x: 0, y: 0, width: S, height: pe, fill: Et }),
                   c && $e.map((ye, Pe) => /* @__PURE__ */ d(
@@ -6853,7 +6853,7 @@ const pi = {
                       `y-grid-${ye}-${Pe}`
                     ) : null;
                   }),
-                  (he = I.guides) == null ? void 0 : he.map((ye, Pe) => {
+                  (he = B.guides) == null ? void 0 : he.map((ye, Pe) => {
                     const ve = ae.scale(ye.y);
                     let Ce = 0, Le = S;
                     if (ye.startTime !== void 0 && Number.isFinite(ye.startTime)) {
@@ -6888,8 +6888,8 @@ const pi = {
                       )
                     ] }, `${ye.y}-${Pe}`);
                   }),
-                  I.series.map((ye) => /* @__PURE__ */ d(gr.Fragment, { children: Bi(ye, ae, ke, S, r, f) }, ye.key)),
-                  I.id === "price" && h.length > 0 && /* @__PURE__ */ d(
+                  B.series.map((ye) => /* @__PURE__ */ d(gr.Fragment, { children: Bi(ye, ae, ke, S, r, f) }, ye.key)),
+                  B.id === "price" && h.length > 0 && /* @__PURE__ */ d(
                     $i,
                     {
                       annotations: h,
@@ -6911,7 +6911,7 @@ const pi = {
                       animationPhase: f == null ? void 0 : f.phase
                     }
                   ),
-                  Se && ge && g && ge.lineVisible !== !1 && Number.isFinite(ge.y ?? NaN) && (() => {
+                  Se && ge && g && !B.hideYAxis && ge.lineVisible !== !1 && Number.isFinite(ge.y ?? NaN) && (() => {
                     const Le = Math.max(0, S - 72 - 4), Ye = ge.y, Re = Math.max(
                       11,
                       Math.min(pe - 9 - 2, Ye)
@@ -6960,7 +6960,7 @@ const pi = {
                       strokeDasharray: "3 3"
                     }
                   ),
-                  /* @__PURE__ */ d("g", { className: "dwlf-y-axis", transform: `translate(${S - 40}, 0)`, children: me.map((ye, Pe) => /* @__PURE__ */ d(
+                  !B.hideYAxis && /* @__PURE__ */ d("g", { className: "dwlf-y-axis", transform: `translate(${S - 40}, 0)`, children: me.map((ye, Pe) => /* @__PURE__ */ d(
                     "text",
                     {
                       x: 0,
@@ -6972,8 +6972,8 @@ const pi = {
                     },
                     `${ye}-${Pe}`
                   )) }),
-                  I.title && /* @__PURE__ */ d("text", { x: 12, y: 14, fill: Rt, fontSize: 12, fontWeight: 600, children: I.title })
-                ] }, I.id);
+                  B.title && /* @__PURE__ */ d("text", { x: 12, y: 14, fill: Rt, fontSize: 12, fontWeight: 600, children: B.title })
+                ] }, B.id);
               }),
               Se && /* @__PURE__ */ d("g", { className: "dwlf-crosshair", children: /* @__PURE__ */ d(
                 "line",
@@ -6987,23 +6987,23 @@ const pi = {
                   strokeDasharray: "3 3"
                 }
               ) }),
-              /* @__PURE__ */ d("g", { className: "dwlf-x-axis", children: $e.map((I) => /* @__PURE__ */ d(
+              /* @__PURE__ */ d("g", { className: "dwlf-x-axis", children: $e.map((B) => /* @__PURE__ */ d(
                 "text",
                 {
-                  x: ke(I),
+                  x: ke(B),
                   y: j - 6,
                   fill: St,
                   fontSize: 10,
                   textAnchor: "middle",
-                  children: er(xe(I), le.timeFormatter)
+                  children: er(xe(B), le.timeFormatter)
                 },
-                `tick-${I}`
+                `tick-${B}`
               )) })
             ]
           }
         ),
-        Se && We.map(({ pane: I, y: ue, height: pe }) => {
-          const ae = Se.perPane[I.id];
+        Se && We.map(({ pane: B, y: ue, height: pe }) => {
+          const ae = Se.perPane[B.id];
           return ae ? /* @__PURE__ */ de(
             "div",
             {
@@ -7018,7 +7018,7 @@ const pi = {
               },
               children: [
                 /* @__PURE__ */ de("div", { className: "dwlf-pane-tooltip__title", children: [
-                  I.title ?? "Pane",
+                  B.title ?? "Pane",
                   " · ",
                   er(Se.time, le.timeFormatter)
                 ] }),
@@ -7028,7 +7028,7 @@ const pi = {
                 ] }, me.key)) })
               ]
             },
-            `tooltip-${I.id}`
+            `tooltip-${B.id}`
           ) : null;
         })
       ]
@@ -7118,12 +7118,12 @@ function xs(e, t = 50) {
     if (!E) return;
     const q = E.getBoundingClientRect(), W = { left: 50, right: 20 }, U = q.width - W.left - W.right, S = U / h, Q = U - S, J = (A) => Math.max(-Q, Math.min(0, A));
     let j = O;
-    const B = n >= e.length;
+    const T = n >= e.length;
     if (m !== 0 && Math.sign(O) !== Math.sign(m)) {
       const A = m + O, C = J(A), V = C - m;
       a(C), j = O - V;
     }
-    if (B && j < 0) {
+    if (T && j < 0) {
       const A = m + j, C = J(A), V = C - m;
       a(C), j -= V;
     }
@@ -7143,12 +7143,12 @@ function xs(e, t = 50) {
     if (O) {
       const se = W / h, ie = Math.round(w.deltaX / (se * 1.5));
       if (ie !== 0) {
-        const T = Math.max(0, r - ie), v = Math.min(e.length, T + h), z = Math.max(0, v - h);
+        const I = Math.max(0, r - ie), v = Math.min(e.length, I + h), z = Math.max(0, v - h);
         c(z), l(v), a(0);
       }
       return;
     }
-    const S = (w.clientX - E.left - q.left - m) / W, Q = r + S * h, J = n - r, B = 1 + w.deltaY * 2e-3, A = B <= 0 ? 0.1 : B;
+    const S = (w.clientX - E.left - q.left - m) / W, Q = r + S * h, J = n - r, T = 1 + w.deltaY * 2e-3, A = T <= 0 ? 0.1 : T;
     let C = Math.round(J * A);
     if (C = Math.max(5, Math.min(e.length, C)), C === J) return;
     let y = Math.max(0, Math.min(e.length - 1, Q)) - C * S;