candleview 2.3.8 → 2.3.9

package/dist/index.mjs

@@ -2,11 +2,11 @@ import rt, { useState as st, useRef as Ct, useEffect as ut } from "react";
 import { LineSeries as dt, AreaSeries as xe, CandlestickSeries as Kt, BarSeries as yi, BaselineSeries as De, HistogramSeries as Qt, createChart as ar } from "lightweight-charts";
 import me from "react-dom";
 var Jt = { exports: {} }, Vt = {};
-var Ee;
+var Re;
 function nr() {
-  if (Ee) return Vt;
-  Ee = 1;
-  var f = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  if (Re) return Vt;
+  Re = 1;
+  var f = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function e(i, r, a) {
     var s = null;
     if (a !== void 0 && (s = "" + a), r.key !== void 0 && (s = "" + r.key), "key" in r) {
@@ -28,12 +28,12 @@ var qt = {};
 var ye;
 function or() {
   return ye || (ye = 1, process.env.NODE_ENV !== "production" && (function() {
-    function f(E) {
-      if (E == null) return null;
-      if (typeof E == "function")
-        return E.$$typeof === W ? null : E.displayName || E.name || null;
-      if (typeof E == "string") return E;
-      switch (E) {
+    function f(R) {
+      if (R == null) return null;
+      if (typeof R == "function")
+        return R.$$typeof === W ? null : R.displayName || R.name || null;
+      if (typeof R == "string") return R;
+      switch (R) {
         case M:
           return "Fragment";
         case P:
@@ -47,127 +47,127 @@ function or() {
         case I:
           return "Activity";
       }
-      if (typeof E == "object")
-        switch (typeof E.tag == "number" && console.error(
+      if (typeof R == "object")
+        switch (typeof R.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), E.$$typeof) {
+        ), R.$$typeof) {
           case p:
             return "Portal";
           case _:
-            return E.displayName || "Context";
+            return R.displayName || "Context";
           case S:
-            return (E._context.displayName || "Context") + ".Consumer";
+            return (R._context.displayName || "Context") + ".Consumer";
           case C:
-            var N = E.render;
-            return E = E.displayName, E || (E = N.displayName || N.name || "", E = E !== "" ? "ForwardRef(" + E + ")" : "ForwardRef"), E;
-          case R:
-            return N = E.displayName || null, N !== null ? N : f(E.type) || "Memo";
+            var N = R.render;
+            return R = R.displayName, R || (R = N.displayName || N.name || "", R = R !== "" ? "ForwardRef(" + R + ")" : "ForwardRef"), R;
+          case E:
+            return N = R.displayName || null, N !== null ? N : f(R.type) || "Memo";
           case B:
-            N = E._payload, E = E._init;
+            N = R._payload, R = R._init;
             try {
-              return f(E(N));
+              return f(R(N));
             } catch {
             }
         }
       return null;
     }
-    function t(E) {
-      return "" + E;
+    function t(R) {
+      return "" + R;
     }
-    function e(E) {
+    function e(R) {
       try {
-        t(E);
+        t(R);
         var N = !1;
       } catch {
         N = !0;
       }
       if (N) {
         N = console;
-        var nt = N.error, ct = typeof Symbol == "function" && Symbol.toStringTag && E[Symbol.toStringTag] || E.constructor.name || "Object";
+        var nt = N.error, ct = typeof Symbol == "function" && Symbol.toStringTag && R[Symbol.toStringTag] || R.constructor.name || "Object";
         return nt.call(
           N,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           ct
-        ), t(E);
+        ), t(R);
       }
     }
-    function i(E) {
-      if (E === M) return "<>";
-      if (typeof E == "object" && E !== null && E.$$typeof === B)
+    function i(R) {
+      if (R === M) return "<>";
+      if (typeof R == "object" && R !== null && R.$$typeof === B)
         return "<...>";
       try {
-        var N = f(E);
+        var N = f(R);
         return N ? "<" + N + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var E = L.A;
-      return E === null ? null : E.getOwner();
+      var R = L.A;
+      return R === null ? null : R.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function s(E) {
-      if ($.call(E, "key")) {
-        var N = Object.getOwnPropertyDescriptor(E, "key").get;
+    function s(R) {
+      if ($.call(R, "key")) {
+        var N = Object.getOwnPropertyDescriptor(R, "key").get;
         if (N && N.isReactWarning) return !1;
       }
-      return E.key !== void 0;
+      return R.key !== void 0;
     }
-    function n(E, N) {
+    function n(R, N) {
       function nt() {
         Z || (Z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           N
         ));
       }
-      nt.isReactWarning = !0, Object.defineProperty(E, "key", {
+      nt.isReactWarning = !0, Object.defineProperty(R, "key", {
         get: nt,
         configurable: !0
       });
     }
     function o() {
-      var E = f(this.type);
-      return O[E] || (O[E] = !0, console.error(
+      var R = f(this.type);
+      return O[R] || (O[R] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), E = this.props.ref, E !== void 0 ? E : null;
+      )), R = this.props.ref, R !== void 0 ? R : null;
     }
-    function h(E, N, nt, ct, tt, y) {
+    function h(R, N, nt, ct, tt, y) {
       var Q = nt.ref;
-      return E = {
+      return R = {
         $$typeof: u,
-        type: E,
+        type: R,
         key: N,
         props: nt,
         _owner: ct
-      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(E, "ref", {
+      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(R, "ref", {
         enumerable: !1,
         get: o
-      }) : Object.defineProperty(E, "ref", { enumerable: !1, value: null }), E._store = {}, Object.defineProperty(E._store, "validated", {
+      }) : Object.defineProperty(R, "ref", { enumerable: !1, value: null }), R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(E, "_debugInfo", {
+      }), Object.defineProperty(R, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(E, "_debugStack", {
+      }), Object.defineProperty(R, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: tt
-      }), Object.defineProperty(E, "_debugTask", {
+      }), Object.defineProperty(R, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: y
-      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     }
-    function l(E, N, nt, ct, tt, y) {
+    function l(R, N, nt, ct, tt, y) {
       var Q = N.children;
       if (Q !== void 0)
         if (ct)
@@ -181,7 +181,7 @@ function or() {
             );
         else g(Q);
       if ($.call(N, "key")) {
-        Q = f(E);
+        Q = f(R);
         var et = Object.keys(N).filter(function(gt) {
           return gt !== "key";
         });
@@ -205,9 +205,9 @@ React keys must be passed directly to JSX without using spread:
       } else nt = N;
       return Q && n(
         nt,
-        typeof E == "function" ? E.displayName || E.name || "Unknown" : E
+        typeof R == "function" ? R.displayName || R.name || "Unknown" : R
       ), h(
-        E,
+        R,
         Q,
         nt,
         r(),
@@ -215,43 +215,43 @@ React keys must be passed directly to JSX without using spread:
         y
       );
     }
-    function g(E) {
-      c(E) ? E._store && (E._store.validated = 1) : typeof E == "object" && E !== null && E.$$typeof === B && (E._payload.status === "fulfilled" ? c(E._payload.value) && E._payload.value._store && (E._payload.value._store.validated = 1) : E._store && (E._store.validated = 1));
+    function g(R) {
+      c(R) ? R._store && (R._store.validated = 1) : typeof R == "object" && R !== null && R.$$typeof === B && (R._payload.status === "fulfilled" ? c(R._payload.value) && R._payload.value._store && (R._payload.value._store.validated = 1) : R._store && (R._store.validated = 1));
     }
-    function c(E) {
-      return typeof E == "object" && E !== null && E.$$typeof === u;
+    function c(R) {
+      return typeof R == "object" && R !== null && R.$$typeof === u;
     }
-    var d = rt, u = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), W = Symbol.for("react.client.reference"), L = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, at = Array.isArray, J = console.createTask ? console.createTask : function() {
+    var d = rt, u = /* @__PURE__ */ Symbol.for("react.transitional.element"), p = /* @__PURE__ */ Symbol.for("react.portal"), M = /* @__PURE__ */ Symbol.for("react.fragment"), k = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), S = /* @__PURE__ */ Symbol.for("react.consumer"), _ = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), W = /* @__PURE__ */ Symbol.for("react.client.reference"), L = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, at = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(E) {
-        return E();
+      react_stack_bottom_frame: function(R) {
+        return R();
       }
     };
     var Z, O = {}, it = d.react_stack_bottom_frame.bind(
       d,
       a
     )(), ht = J(i(a)), pt = {};
-    qt.Fragment = M, qt.jsx = function(E, N, nt) {
+    qt.Fragment = M, qt.jsx = function(R, N, nt) {
       var ct = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
-        E,
+        R,
         N,
         nt,
         !1,
         ct ? Error("react-stack-top-frame") : it,
-        ct ? J(i(E)) : ht
+        ct ? J(i(R)) : ht
       );
-    }, qt.jsxs = function(E, N, nt) {
+    }, qt.jsxs = function(R, N, nt) {
       var ct = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
-        E,
+        R,
         N,
         nt,
         !0,
         ct ? Error("react-stack-top-frame") : it,
-        ct ? J(i(E)) : ht
+        ct ? J(i(R)) : ht
       );
     };
   })()), qt;
@@ -721,7 +721,7 @@ const vr = (f, t) => ({ series: f.addSeries(Kt, {
     precision: 2,
     minMove: 0.01
   }
-}), type: "candle" }), Rr = (f, t) => ({ series: f.addSeries(Kt, {
+}), type: "candle" }), Er = (f, t) => ({ series: f.addSeries(Kt, {
   upColor: "transparent",
   downColor: t.chart.candleDownColor || "#ef5350",
   borderUpColor: t.chart.candleUpColor || "#26a69a",
@@ -735,7 +735,7 @@ const vr = (f, t) => ({ series: f.addSeries(Kt, {
     precision: 2,
     minMove: 0.01
   }
-}), type: "hollow-candle" }), Er = (f, t) => ({ series: f.addSeries(yi, {
+}), type: "hollow-candle" }), Rr = (f, t) => ({ series: f.addSeries(yi, {
   upColor: t.chart.candleUpColor || "#26a69a",
   downColor: t.chart.candleDownColor || "#ef5350",
   thinBars: !0,
@@ -808,14 +808,14 @@ const vr = (f, t) => ({ series: f.addSeries(Kt, {
     id: "hollow-candle",
     label: "Hollow Candlestick",
     description: "Hollow Candlestick",
-    createSeries: Rr,
+    createSeries: Er,
     type: q.HollowCandle
   },
   {
     id: "bar",
     label: "Bar Chart",
     description: "Bar Chart",
-    createSeries: Er,
+    createSeries: Rr,
     type: q.Bar
   },
   {
@@ -2579,13 +2579,13 @@ const Lr = ({
   onCancel: h,
   i18n: l
 }) => {
-  const [g, c] = st(i), [d, u] = st(r), [p, M] = st(a), [k, P] = st(s), [S, _] = st(n), [C, A] = st(t), [x, R] = st(!1), [B, I] = st({ x: 0, y: 0 }), W = Ct(null), L = Ct(null);
+  const [g, c] = st(i), [d, u] = st(r), [p, M] = st(a), [k, P] = st(s), [S, _] = st(n), [C, A] = st(t), [x, E] = st(!1), [B, I] = st({ x: 0, y: 0 }), W = Ct(null), L = Ct(null);
   ut(() => {
     c(i), u(r), M(a), P(s), _(n), A(t);
   }, [i, r, a, s, n, t]);
   const $ = (O) => {
     if (O.target === L.current || L.current?.contains(O.target)) {
-      R(!0);
+      E(!0);
       const it = W.current.getBoundingClientRect();
       I({
         x: O.clientX - it.left,
@@ -2596,14 +2596,14 @@ const Lr = ({
   ut(() => {
     const O = (ht) => {
       if (x) {
-        const pt = ht.clientX - B.x, E = ht.clientY - B.y, N = window.innerWidth - 320, nt = window.innerHeight - 300;
+        const pt = ht.clientX - B.x, R = ht.clientY - B.y, N = window.innerWidth - 320, nt = window.innerHeight - 300;
         A({
           x: Math.max(10, Math.min(pt, N)),
-          y: Math.max(10, Math.min(E, nt))
+          y: Math.max(10, Math.min(R, nt))
         });
       }
     }, it = () => {
-      R(!1);
+      E(!1);
     };
     if (x)
       return document.addEventListener("mousemove", O), document.addEventListener("mouseup", it), () => {
@@ -2936,7 +2936,7 @@ const Lr = ({
     boxShadow: "0 8px 24px rgba(0,0,0,0.3)",
     cursor: h ? "grabbing" : "default",
     userSelect: h ? "none" : "auto"
-  }, R = {
+  }, E = {
     padding: "12px 16px",
     borderBottom: `1px solid ${i.toolbar.border}`,
     cursor: "grab",
@@ -3003,7 +3003,7 @@ const Lr = ({
     fontSize: "12px",
     cursor: "pointer",
     minWidth: "60px"
-  }, E = {
+  }, R = {
     background: i.toolbar.button.active,
     color: i.toolbar.button.activeTextColor,
     border: "none",
@@ -3056,7 +3056,7 @@ const Lr = ({
                 "div",
                 {
                   ref: p,
-                  style: R,
+                  style: E,
                   onMouseDown: (tt) => {
                     tt.target === p.current && tt.preventDefault();
                   },
@@ -3118,7 +3118,7 @@ const Lr = ({
                     {
                       onClick: P,
                       disabled: !a,
-                      style: a ? E : N,
+                      style: a ? R : N,
                       type: "button",
                       children: r.systemSettings?.confirm || "确定"
                     }
@@ -5346,8 +5346,8 @@ class Wr {
             else if (this.state.dragPoint === "mid") {
               const u = g.timeToCoordinate(this.state.dragTarget.getStartTime()), p = i.series.priceToCoordinate(this.state.dragTarget.getStartPrice()), M = g.timeToCoordinate(this.state.dragTarget.getEndTime()), k = i.series.priceToCoordinate(this.state.dragTarget.getEndPrice());
               if (u === null || p === null || M === null || k === null) return;
-              const P = (u + M) / 2, S = (p + k) / 2, _ = this.state.dragTarget.getMidPixelOffsetX() + P, C = this.state.dragTarget.getMidPixelOffsetY() + S, A = this.quadraticBezierPoint(u, _, M, 0.5), x = this.quadraticBezierPoint(p, C, k, 0.5), R = h - A, B = l - x, I = this.state.dragTarget.getMidPixelOffsetX(), W = this.state.dragTarget.getMidPixelOffsetY();
-              this.state.dragTarget.updateMidPoint(I + R, W + B), this.dragStartData = { time: c, price: d };
+              const P = (u + M) / 2, S = (p + k) / 2, _ = this.state.dragTarget.getMidPixelOffsetX() + P, C = this.state.dragTarget.getMidPixelOffsetY() + S, A = this.quadraticBezierPoint(u, _, M, 0.5), x = this.quadraticBezierPoint(p, C, k, 0.5), E = h - A, B = l - x, I = this.state.dragTarget.getMidPixelOffsetX(), W = this.state.dragTarget.getMidPixelOffsetY();
+              this.state.dragTarget.updateMidPoint(I + E, W + B), this.dragStartData = { time: c, price: d };
             }
             return;
           }
@@ -5546,8 +5546,8 @@ class Oe {
     const l = Math.abs(this._series.priceToCoordinate(this._startPrice - this._channelHeight) - this._series.priceToCoordinate(this._startPrice)), g = s - r, c = n - a, d = Math.sqrt(g * g + c * c), u = this._angle * Math.PI / 180, p = Math.tan(u) * d * 0.5, M = (r + s) / 2, k = (a + n) / 2, P = M, S = k - l;
     if (Math.sqrt(Math.pow(t - P, 2) + Math.pow(e - S, 2)) <= i)
       return "channel";
-    const C = n - l - p, A = n + l + p, x = s, R = (C + A) / 2;
-    return Math.sqrt(Math.pow(t - x, 2) + Math.pow(e - R, 2)) <= i ? "angle" : null;
+    const C = n - l - p, A = n + l + p, x = s, E = (C + A) / 2;
+    return Math.sqrt(Math.pow(t - x, 2) + Math.pow(e - E, 2)) <= i ? "angle" : null;
   }
   updateAngleByPixels(t) {
     if (!this._chart || !this._series) return;
@@ -5609,8 +5609,8 @@ class Oe {
             e.fillRect(L - O / 2 - 5, $ - 25, O + 10, 18), e.fillStyle = "#333333", e.fillText(Z, L, $ - 10), e.restore();
           };
           C(i, r, "start", this._dragPoint === "start" || this._hoverPoint === "start"), C(a, s, "end", this._dragPoint === "end" || this._hoverPoint === "end");
-          const A = (i + a) / 2, x = (r + s) / 2, R = A, B = x - l;
-          C(R, B, "channel", this._dragPoint === "channel" || this._hoverPoint === "channel");
+          const A = (i + a) / 2, x = (r + s) / 2, E = A, B = x - l;
+          C(E, B, "channel", this._dragPoint === "channel" || this._hoverPoint === "channel");
           const I = a, W = (M + _) / 2;
           C(I, W, "angle", this._dragPoint === "angle" || this._hoverPoint === "angle");
         }
@@ -5954,11 +5954,11 @@ class Xr {
     if (p === 0) return !1;
     const M = -u / p, k = d / p;
     for (let P = -1; P <= 1; P += 2) {
-      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, R = o + _, B = t - C, I = e - A, W = x - C, L = R - A, $ = B * W + I * L, at = W * W + L * L;
+      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, E = o + _, B = t - C, I = e - A, W = x - C, L = E - A, $ = B * W + I * L, at = W * W + L * L;
       let J = -1;
       at !== 0 && (J = $ / at);
       let Z, O;
-      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = R) : (Z = C + J * W, O = A + J * L);
+      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = E) : (Z = C + J * W, O = A + J * L);
       const it = t - Z, ht = e - O;
       if (Math.sqrt(it * it + ht * ht) <= r)
         return !0;
@@ -6316,10 +6316,10 @@ class Yr {
             else if (this.state.dragPoint === "mid1" || this.state.dragPoint === "mid2") {
               const u = g.timeToCoordinate(this.state.dragTarget.getStartTime()), p = i.series.priceToCoordinate(this.state.dragTarget.getStartPrice()), M = g.timeToCoordinate(this.state.dragTarget.getEndTime()), k = i.series.priceToCoordinate(this.state.dragTarget.getEndPrice());
               if (u === null || p === null || M === null || k === null) return;
-              const P = u + (M - u) * 1 / 3, S = p + (k - p) * 1 / 3, _ = u + (M - u) * 2 / 3, C = p + (k - p) * 2 / 3, A = this.state.dragTarget.getMid1PixelOffsetX(), x = this.state.dragTarget.getMid1PixelOffsetY(), R = this.state.dragTarget.getMid2PixelOffsetX(), B = this.state.dragTarget.getMid2PixelOffsetY(), I = P + A, W = S + x, L = _ + R, $ = C + B;
+              const P = u + (M - u) * 1 / 3, S = p + (k - p) * 1 / 3, _ = u + (M - u) * 2 / 3, C = p + (k - p) * 2 / 3, A = this.state.dragTarget.getMid1PixelOffsetX(), x = this.state.dragTarget.getMid1PixelOffsetY(), E = this.state.dragTarget.getMid2PixelOffsetX(), B = this.state.dragTarget.getMid2PixelOffsetY(), I = P + A, W = S + x, L = _ + E, $ = C + B;
               let at, J;
               this.state.dragPoint === "mid1" ? (at = this.cubicBezierPoint(u, I, L, M, 1 / 3), J = this.cubicBezierPoint(p, W, $, k, 1 / 3)) : (at = this.cubicBezierPoint(u, I, L, M, 2 / 3), J = this.cubicBezierPoint(p, W, $, k, 2 / 3));
-              const Z = h - at, O = l - J, it = this.state.dragPoint === "mid1" ? A : R, ht = this.state.dragPoint === "mid1" ? x : B;
+              const Z = h - at, O = l - J, it = this.state.dragPoint === "mid1" ? A : E, ht = this.state.dragPoint === "mid1" ? x : B;
               this.state.dragPoint === "mid1" ? this.state.dragTarget.updateMid1Point(it + Z, ht + O) : this.state.dragTarget.updateMid2Point(it + Z, ht + O), this.dragStartData = { time: c, price: d };
             }
             return;
@@ -9368,8 +9368,8 @@ class We {
         if (e.strokeStyle = "#FF6B35", e.setLineDash([]), e.beginPath(), e.moveTo(h, l), e.lineTo(i, r), e.stroke(), !g) {
           const u = i - h, p = r - l, M = 3, k = -u * M, P = -p * M, S = [];
           for (let A = 0; A < this._numberOfForks; A++) {
-            const x = A / (this._numberOfForks - 1), R = a + (n - a) * x, B = s + (o - s) * x;
-            S.push({ x: R, y: B });
+            const x = A / (this._numberOfForks - 1), E = a + (n - a) * x, B = s + (o - s) * x;
+            S.push({ x: E, y: B });
           }
           const _ = [
             "#FF4444",
@@ -9384,17 +9384,17 @@ class We {
           const C = e.createLinearGradient(a, s, n, o);
           if (C.addColorStop(0, "#FF4444"), C.addColorStop(0.5, "#4CAF50"), C.addColorStop(1, "#9C27B0"), e.strokeStyle = C, e.setLineDash([]), e.beginPath(), e.moveTo(a, s), e.lineTo(n, o), e.stroke(), !this._isPreview)
             for (let A = 0; A < S.length - 1; A++) {
-              const x = S[A], R = S[A + 1], B = e.createLinearGradient(
+              const x = S[A], E = S[A + 1], B = e.createLinearGradient(
                 x.x,
                 x.y,
-                R.x + k,
-                R.y + P
+                E.x + k,
+                E.y + P
               );
-              A === 0 ? (B.addColorStop(0, "rgba(255, 68, 68, 0.2)"), B.addColorStop(1, "rgba(255, 170, 0, 0.3)")) : A === 1 ? (B.addColorStop(0, "rgba(255, 170, 0, 0.3)"), B.addColorStop(1, "rgba(76, 175, 80, 0.4)")) : A === 2 ? (B.addColorStop(0, "rgba(76, 175, 80, 0.4)"), B.addColorStop(1, "rgba(33, 150, 243, 0.3)")) : A === 3 && (B.addColorStop(0, "rgba(33, 150, 243, 0.3)"), B.addColorStop(1, "rgba(156, 39, 176, 0.2)")), e.fillStyle = B, e.beginPath(), e.moveTo(x.x, x.y), e.lineTo(x.x + k, x.y + P), e.lineTo(R.x + k, R.y + P), e.lineTo(R.x, R.y), e.closePath(), e.fill(), e.strokeStyle = _[A], e.lineWidth = 0.5, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]);
+              A === 0 ? (B.addColorStop(0, "rgba(255, 68, 68, 0.2)"), B.addColorStop(1, "rgba(255, 170, 0, 0.3)")) : A === 1 ? (B.addColorStop(0, "rgba(255, 170, 0, 0.3)"), B.addColorStop(1, "rgba(76, 175, 80, 0.4)")) : A === 2 ? (B.addColorStop(0, "rgba(76, 175, 80, 0.4)"), B.addColorStop(1, "rgba(33, 150, 243, 0.3)")) : A === 3 && (B.addColorStop(0, "rgba(33, 150, 243, 0.3)"), B.addColorStop(1, "rgba(156, 39, 176, 0.2)")), e.fillStyle = B, e.beginPath(), e.moveTo(x.x, x.y), e.lineTo(x.x + k, x.y + P), e.lineTo(E.x + k, E.y + P), e.lineTo(E.x, E.y), e.closePath(), e.fill(), e.strokeStyle = _[A], e.lineWidth = 0.5, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]);
             }
           this._isPreview || S.forEach((A, x) => {
-            const R = A.x + k, B = A.y + P;
-            e.fillStyle = _[x], e.beginPath(), e.arc(R, B, 3, 0, Math.PI * 2), e.fill(), e.fillStyle = "#FFFFFF", e.beginPath(), e.arc(R, B, 1, 0, Math.PI * 2), e.fill();
+            const E = A.x + k, B = A.y + P;
+            e.fillStyle = _[x], e.beginPath(), e.arc(E, B, 3, 0, Math.PI * 2), e.fill(), e.fillStyle = "#FFFFFF", e.beginPath(), e.arc(E, B, 1, 0, Math.PI * 2), e.fill();
           });
         }
         const c = (this._showHandles || this._isDragging || this._hoverPoint) && !this._isPreview, d = this._isPreview;
@@ -9752,7 +9752,7 @@ class $r {
       return !1;
     const p = (n + h) / 2, M = (o + l) / 2, k = a - p, P = s - M, S = [];
     for (let x = 0; x < 5; x++) {
-      const R = x / 4, B = n + (h - n) * R, I = o + (l - o) * R;
+      const E = x / 4, B = n + (h - n) * E, I = o + (l - o) * E;
       S.push({ x: B, y: I });
     }
     const _ = S.map((x) => ({
@@ -9918,10 +9918,10 @@ class Xe {
         if ((this._showHandles || this._isDragging || this._hoverPoint) && !this._isPreview) {
           const p = (_, C, A, x = !1) => {
             e.save(), e.fillStyle = this._color, e.beginPath(), e.arc(_, C, 6, 0, Math.PI * 2), e.fill(), e.fillStyle = "#FFFFFF", e.beginPath(), e.arc(_, C, 4, 0, Math.PI * 2), e.fill(), x && (e.strokeStyle = this._color, e.lineWidth = 2, e.setLineDash([]), e.beginPath(), e.arc(_, C, 8, 0, Math.PI * 2), e.stroke()), e.fillStyle = this._color, e.font = "12px Arial", e.textAlign = "center", e.textBaseline = "bottom";
-            let R = "";
-            A === "start" ? R = `${this._startPrice.toFixed(2)}` : A === "end" ? R = `${this._endPrice.toFixed(2)}` : A === "channel" && (R = `${(this._channelHeight / this._startPrice * 100).toFixed(2)}%`), e.fillStyle = "rgba(255, 255, 255, 0.9)";
-            const B = e.measureText(R).width;
-            e.fillRect(_ - B / 2 - 5, C - 25, B + 10, 18), e.fillStyle = "#333333", e.fillText(R, _, C - 10), e.restore();
+            let E = "";
+            A === "start" ? E = `${this._startPrice.toFixed(2)}` : A === "end" ? E = `${this._endPrice.toFixed(2)}` : A === "channel" && (E = `${(this._channelHeight / this._startPrice * 100).toFixed(2)}%`), e.fillStyle = "rgba(255, 255, 255, 0.9)";
+            const B = e.measureText(E).width;
+            e.fillRect(_ - B / 2 - 5, C - 25, B + 10, 18), e.fillStyle = "#333333", e.fillText(E, _, C - 10), e.restore();
           };
           p(i, r, "start", this._dragPoint === "start" || this._hoverPoint === "start"), p(a, s, "end", this._dragPoint === "end" || this._hoverPoint === "end");
           const M = (i + a) / 2, k = (r + s) / 2, P = M + c * u, S = k + d * u;
@@ -10258,11 +10258,11 @@ class Zr {
     if (p === 0) return !1;
     const M = -u / p, k = d / p;
     for (let P = -1; P <= 1; P += 2) {
-      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, R = o + _, B = t - C, I = e - A, W = x - C, L = R - A, $ = B * W + I * L, at = W * W + L * L;
+      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, E = o + _, B = t - C, I = e - A, W = x - C, L = E - A, $ = B * W + I * L, at = W * W + L * L;
       let J = -1;
       at !== 0 && (J = $ / at);
       let Z, O;
-      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = R) : (Z = C + J * W, O = A + J * L);
+      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = E) : (Z = C + J * W, O = A + J * L);
       const it = t - Z, ht = e - O;
       if (Math.sqrt(it * it + ht * ht) <= r)
         return !0;
@@ -11004,8 +11004,8 @@ class Ve {
       M === "start" ? C = `${this._startPrice.toFixed(2)}` : M === "end" ? C = `${this._endPrice.toFixed(2)}` : M === "channel" && (C = `${(this._channelHeight / Math.min(this._startPrice, this._endPrice) * 100).toFixed(2)}%`);
       const A = S, x = Math.max(25, _ - 15);
       t.fillStyle = "rgba(255, 255, 255, 0.9)";
-      const R = t.measureText(C).width;
-      t.fillRect(A - R / 2 - 5, x - 8, R + 4, 16), t.fillStyle = "#333333", t.fillText(C, A, x), t.restore();
+      const E = t.measureText(C).width;
+      t.fillRect(A - E / 2 - 5, x - 8, E + 4, 16), t.fillStyle = "#333333", t.fillText(C, A, x), t.restore();
     };
     s(e, i, "start", this._dragPoint === "start" || this._hoverPoint === "start"), s(r, a, "end", this._dragPoint === "end" || this._hoverPoint === "end");
     const n = (e + r) / 2, o = (i + a) / 2, h = r - e, l = a - i, g = Math.sqrt(h * h + l * l);
@@ -11237,7 +11237,7 @@ class es {
               if (P === null) return;
               const _ = l - P, C = Math.abs(M - p), A = i.series.priceToCoordinate(p), x = i.series.priceToCoordinate(M);
               if (A === null || x === null) return;
-              const R = Math.abs(A - x), B = R > 0 ? C / R : 0.01, I = _ * B, W = Math.max(1e-3, Math.abs(this.state.adjustStartData.channelHeight + I));
+              const E = Math.abs(A - x), B = E > 0 ? C / E : 0.01, I = _ * B, W = Math.max(1e-3, Math.abs(this.state.adjustStartData.channelHeight + I));
               this.state.dragTarget.updateChannelHeight(W);
             }
           }
@@ -11356,11 +11356,11 @@ class es {
     if (p === 0) return !1;
     const M = -u / p, k = d / p;
     for (let P = 0; P <= 10; P++) {
-      const S = P / 10, _ = M * 30 * S, C = k * 30 * S, A = a + _, x = s + C, R = n + _, B = o + C, I = t - A, W = e - x, L = R - A, $ = B - x, at = I * L + W * $, J = L * L + $ * $;
+      const S = P / 10, _ = M * 30 * S, C = k * 30 * S, A = a + _, x = s + C, E = n + _, B = o + C, I = t - A, W = e - x, L = E - A, $ = B - x, at = I * L + W * $, J = L * L + $ * $;
       let Z = -1;
       J !== 0 && (Z = at / J);
       let O, it;
-      Z < 0 ? (O = A, it = x) : Z > 1 ? (O = R, it = B) : (O = A + Z * L, it = x + Z * $);
+      Z < 0 ? (O = A, it = x) : Z > 1 ? (O = E, it = B) : (O = A + Z * L, it = x + Z * $);
       const ht = t - O, pt = e - it;
       if (Math.sqrt(ht * ht + pt * pt) <= r)
         return !0;
@@ -14499,8 +14499,8 @@ class os {
             if (this.state.fibonacciSpiralCenterPoint && this.previewFibonacciSpiralMark) {
               const u = this.previewFibonacciSpiralMark.getCenterPrice(), p = this.previewFibonacciSpiralMark.getCenterTime(), M = i.series.priceToCoordinate(u), P = r.timeScale().timeToCoordinate(p);
               if (M !== null && P !== null) {
-                const S = h - P, _ = l - M, C = Math.sqrt(S * S + _ * _), A = M + C, x = i.series.coordinateToPrice(A), R = Math.abs(x - u);
-                this.previewFibonacciSpiralMark.updateRadius && this.previewFibonacciSpiralMark.updateRadius(R);
+                const S = h - P, _ = l - M, C = Math.sqrt(S * S + _ * _), A = M + C, x = i.series.coordinateToPrice(A), E = Math.abs(x - u);
+                this.previewFibonacciSpiralMark.updateRadius && this.previewFibonacciSpiralMark.updateRadius(E);
                 const B = Math.atan2(_, S), I = P + C * Math.cos(B), W = M + C * Math.sin(B);
                 this.previewFibonacciSpiralMark.setRadiusPoint({ x: I, y: W });
               }
@@ -16971,8 +16971,8 @@ class ri {
       let _, C;
       const A = n + (r - s) * Math.tan(P), x = s + (a - n) / Math.tan(P);
       if (A >= a && A <= i ? (_ = r, C = A) : x >= e && x <= r ? (_ = x, C = a) : (_ = r, C = a), t.lineTo(_, C), t.stroke(), this._showLabels && !this._isPreview) {
-        const R = Math.round(P * 180 / Math.PI), B = Math.sqrt(Math.pow(_ - s, 2) + Math.pow(C - n, 2)) * 0.5, I = s + B * Math.cos(P), W = n + B * Math.sin(P);
-        t.save(), t.fillStyle = this._labelColor, t.font = "10px Arial", t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${R}°`, I, W), t.restore();
+        const E = Math.round(P * 180 / Math.PI), B = Math.sqrt(Math.pow(_ - s, 2) + Math.pow(C - n, 2)) * 0.5, I = s + B * Math.cos(P), W = n + B * Math.sin(P);
+        t.save(), t.fillStyle = this._labelColor, t.font = "10px Arial", t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${E}°`, I, W), t.restore();
       }
     }
     t.restore();
@@ -18440,10 +18440,10 @@ class ai {
         if ((this._showHandles || this._isDragging || this._hoverPoint) && !this._isPreview) {
           const p = (_, C, A, x = !1) => {
             e.save(), e.fillStyle = this._color, e.beginPath(), e.arc(_, C, 6, 0, Math.PI * 2), e.fill(), e.fillStyle = "#FFFFFF", e.beginPath(), e.arc(_, C, 4, 0, Math.PI * 2), e.fill(), x && (e.strokeStyle = this._color, e.lineWidth = 2, e.setLineDash([]), e.beginPath(), e.arc(_, C, 8, 0, Math.PI * 2), e.stroke()), e.fillStyle = this._color, e.font = "12px Arial", e.textAlign = "center", e.textBaseline = "bottom";
-            let R = "";
-            A === "start" ? R = `${this._startPrice.toFixed(2)}` : A === "end" ? R = `${this._endPrice.toFixed(2)}` : A === "channel" && (R = `${(this._channelHeight / this._startPrice * 100).toFixed(2)}%`), e.fillStyle = "rgba(255, 255, 255, 0.9)";
-            const B = e.measureText(R).width;
-            e.fillRect(_ - B / 2 - 5, C - 25, B + 10, 18), e.fillStyle = "#333333", e.fillText(R, _, C - 10), e.restore();
+            let E = "";
+            A === "start" ? E = `${this._startPrice.toFixed(2)}` : A === "end" ? E = `${this._endPrice.toFixed(2)}` : A === "channel" && (E = `${(this._channelHeight / this._startPrice * 100).toFixed(2)}%`), e.fillStyle = "rgba(255, 255, 255, 0.9)";
+            const B = e.measureText(E).width;
+            e.fillRect(_ - B / 2 - 5, C - 25, B + 10, 18), e.fillStyle = "#333333", e.fillText(E, _, C - 10), e.restore();
           };
           p(i, r, "start", this._dragPoint === "start" || this._hoverPoint === "start"), p(a, s, "end", this._dragPoint === "end" || this._hoverPoint === "end");
           const M = (i + a) / 2, k = (r + s) / 2, P = M + c * u, S = k + d * u;
@@ -18780,11 +18780,11 @@ class fs {
     if (p === 0) return !1;
     const M = -u / p, k = d / p;
     for (let P = -1; P <= 1; P++) {
-      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, R = o + _, B = t - C, I = e - A, W = x - C, L = R - A, $ = B * W + I * L, at = W * W + L * L;
+      const S = M * 30 * P, _ = k * 30 * P, C = a + S, A = s + _, x = n + S, E = o + _, B = t - C, I = e - A, W = x - C, L = E - A, $ = B * W + I * L, at = W * W + L * L;
       let J = -1;
       at !== 0 && (J = $ / at);
       let Z, O;
-      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = R) : (Z = C + J * W, O = A + J * L);
+      J < 0 ? (Z = C, O = A) : J > 1 ? (Z = x, O = E) : (Z = C + J * W, O = A + J * L);
       const it = t - Z, ht = e - O;
       if (Math.sqrt(it * it + ht * ht) <= r)
         return !0;
@@ -23205,7 +23205,7 @@ class ui {
     return i ? t >= i.minX && t <= i.maxX && e >= i.minY && e <= i.maxY : !1;
   }
 }
-class Rs {
+class Es {
   constructor(t) {
     this.previewTimeRangeMark = null, this.timeRangeMarks = [], this.dragStartData = null, this.isOperating = !1, this.firstPointPrice = 0, this.firstPointTime = 0, this.secondPointPrice = 0, this.secondPointTime = 0, this.setTimeRangeMarkMode = () => (this.state = {
       ...this.state,
@@ -23673,7 +23673,7 @@ class ae {
     }
   }
 }
-class Es {
+class Rs {
   constructor(t) {
     this.previewMark = null, this.TriangleABCDMarks = [], this.mouseDownPoint = null, this.dragStartData = null, this.isOperating = !1, this.defaultColor = "#396DFE", this.lastMousePoint = null, this.setGlassTriangleABCDMode = () => (this.state = {
       ...this.state,
@@ -31677,8 +31677,8 @@ class _i {
     if (isNaN(t) || isNaN(e) || !this._chart || !this._series) return;
     const i = this._chart.timeScale(), r = i.timeToCoordinate(this._handleTime), a = this._series.priceToCoordinate(this._handlePrice), s = i.timeToCoordinate(this._baseStartTime), n = this._series.priceToCoordinate(this._baseStartPrice), o = i.timeToCoordinate(this._baseEndTime), h = this._series.priceToCoordinate(this._baseEndPrice), l = i.timeToCoordinate(this._extensionTime), g = this._series.priceToCoordinate(this._extensionPrice);
     if (r === null || a === null || s === null || n === null || o === null || h === null || l === null || g === null) return;
-    const c = r + t, d = a + e, u = s + t, p = n + e, M = o + t, k = h + e, P = l + t, S = g + e, _ = i.coordinateToTime(c), C = this._series.coordinateToPrice(d), A = i.coordinateToTime(u), x = this._series.coordinateToPrice(p), R = i.coordinateToTime(M), B = this._series.coordinateToPrice(k), I = i.coordinateToTime(P), W = this._series.coordinateToPrice(S);
-    _ !== null && !isNaN(C) && A !== null && !isNaN(x) && R !== null && !isNaN(B) && I !== null && !isNaN(W) && (this._handleTime = _, this._handlePrice = C, this._baseStartTime = A, this._baseStartPrice = x, this._baseEndTime = R, this._baseEndPrice = B, this._extensionTime = I, this._extensionPrice = W, this.requestUpdate());
+    const c = r + t, d = a + e, u = s + t, p = n + e, M = o + t, k = h + e, P = l + t, S = g + e, _ = i.coordinateToTime(c), C = this._series.coordinateToPrice(d), A = i.coordinateToTime(u), x = this._series.coordinateToPrice(p), E = i.coordinateToTime(M), B = this._series.coordinateToPrice(k), I = i.coordinateToTime(P), W = this._series.coordinateToPrice(S);
+    _ !== null && !isNaN(C) && A !== null && !isNaN(x) && E !== null && !isNaN(B) && I !== null && !isNaN(W) && (this._handleTime = _, this._handlePrice = C, this._baseStartTime = A, this._baseStartPrice = x, this._baseEndTime = E, this._baseEndPrice = B, this._extensionTime = I, this._extensionPrice = W, this.requestUpdate());
   }
   isPointNearHandle(t, e, i = 15) {
     if (!this._chart || !this._series) return null;
@@ -31725,8 +31725,8 @@ class _i {
         const g = (a + n) / 2, c = (s + o) / 2, d = a === n && s === o, u = h - g, p = l - c;
         if (e.strokeStyle = "#2962FF", e.setLineDash([]), e.beginPath(), e.moveTo(g, c), e.lineTo(i, r), e.stroke(), !d) {
           const S = -u * 3, _ = -p * 3, C = [];
-          for (let R = 0; R < this._numberOfForks; R++) {
-            const B = R / (this._numberOfForks - 1), I = a + (n - a) * B, W = s + (o - s) * B;
+          for (let E = 0; E < this._numberOfForks; E++) {
+            const B = E / (this._numberOfForks - 1), I = a + (n - a) * B, W = s + (o - s) * B;
             C.push({ x: I, y: W });
           }
           const A = [
@@ -31736,22 +31736,22 @@ class _i {
             "#2196F3",
             "#9C27B0"
           ];
-          e.setLineDash(this._isPreview ? [5, 3] : []), C.forEach((R, B) => {
-            e.strokeStyle = A[B], e.lineWidth = B === 2 ? this._lineWidth + 1 : this._lineWidth, e.beginPath(), e.moveTo(R.x, R.y), e.lineTo(R.x + S, R.y + _), e.stroke();
+          e.setLineDash(this._isPreview ? [5, 3] : []), C.forEach((E, B) => {
+            e.strokeStyle = A[B], e.lineWidth = B === 2 ? this._lineWidth + 1 : this._lineWidth, e.beginPath(), e.moveTo(E.x, E.y), e.lineTo(E.x + S, E.y + _), e.stroke();
           }), e.lineWidth = this._lineWidth;
           const x = e.createLinearGradient(a, s, n, o);
           if (x.addColorStop(0, "#FF4444"), x.addColorStop(0.5, "#4CAF50"), x.addColorStop(1, "#9C27B0"), e.strokeStyle = x, e.setLineDash([]), e.beginPath(), e.moveTo(a, s), e.lineTo(n, o), e.stroke(), !this._isPreview)
-            for (let R = 0; R < C.length - 1; R++) {
-              const B = C[R], I = C[R + 1], W = e.createLinearGradient(
+            for (let E = 0; E < C.length - 1; E++) {
+              const B = C[E], I = C[E + 1], W = e.createLinearGradient(
                 B.x,
                 B.y,
                 I.x + S,
                 I.y + _
               );
-              R === 0 ? (W.addColorStop(0, "rgba(255, 68, 68, 0.2)"), W.addColorStop(1, "rgba(255, 170, 0, 0.3)")) : R === 1 ? (W.addColorStop(0, "rgba(255, 170, 0, 0.3)"), W.addColorStop(1, "rgba(76, 175, 80, 0.4)")) : R === 2 ? (W.addColorStop(0, "rgba(76, 175, 80, 0.4)"), W.addColorStop(1, "rgba(33, 150, 243, 0.3)")) : R === 3 && (W.addColorStop(0, "rgba(33, 150, 243, 0.3)"), W.addColorStop(1, "rgba(156, 39, 176, 0.2)")), e.fillStyle = W, e.beginPath(), e.moveTo(B.x, B.y), e.lineTo(B.x + S, B.y + _), e.lineTo(I.x + S, I.y + _), e.lineTo(I.x, I.y), e.closePath(), e.fill(), e.strokeStyle = A[R], e.lineWidth = 0.5, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]);
+              E === 0 ? (W.addColorStop(0, "rgba(255, 68, 68, 0.2)"), W.addColorStop(1, "rgba(255, 170, 0, 0.3)")) : E === 1 ? (W.addColorStop(0, "rgba(255, 170, 0, 0.3)"), W.addColorStop(1, "rgba(76, 175, 80, 0.4)")) : E === 2 ? (W.addColorStop(0, "rgba(76, 175, 80, 0.4)"), W.addColorStop(1, "rgba(33, 150, 243, 0.3)")) : E === 3 && (W.addColorStop(0, "rgba(33, 150, 243, 0.3)"), W.addColorStop(1, "rgba(156, 39, 176, 0.2)")), e.fillStyle = W, e.beginPath(), e.moveTo(B.x, B.y), e.lineTo(B.x + S, B.y + _), e.lineTo(I.x + S, I.y + _), e.lineTo(I.x, I.y), e.closePath(), e.fill(), e.strokeStyle = A[E], e.lineWidth = 0.5, e.setLineDash([2, 2]), e.stroke(), e.setLineDash([]);
             }
-          this._isPreview || C.forEach((R, B) => {
-            const I = R.x + S, W = R.y + _;
+          this._isPreview || C.forEach((E, B) => {
+            const I = E.x + S, W = E.y + _;
             e.fillStyle = A[B], e.beginPath(), e.arc(I, W, 3, 0, Math.PI * 2), e.fill(), e.fillStyle = "#FFFFFF", e.beginPath(), e.arc(I, W, 1, 0, Math.PI * 2), e.fill();
           });
         }
@@ -31823,8 +31823,8 @@ class _i {
     if (t == null || e == null || i == null || r == null || a == null || s == null || n == null || o == null) return null;
     const h = (i + a) / 2, l = (r + s) / 2, g = t - h, c = e - l, d = 3, u = -g * d, p = -c * d, M = [];
     for (let C = 0; C < this._numberOfForks; C++) {
-      const A = C / (this._numberOfForks - 1), x = i + (a - i) * A, R = r + (s - r) * A;
-      M.push({ x, y: R });
+      const A = C / (this._numberOfForks - 1), x = i + (a - i) * A, E = r + (s - r) * A;
+      M.push({ x, y: E });
     }
     const k = M.map((C) => ({
       x: C.x + u,
@@ -32317,7 +32317,7 @@ class ea {
         chart: t.props.chart,
         containerRef: t.containerRef,
         onCloseDrawing: t.props.onCloseDrawing
-      }), this.timeRangeMarkManager = new Rs({
+      }), this.timeRangeMarkManager = new Es({
         chartSeries: t.props.chartSeries,
         chart: t.props.chart,
         containerRef: t.containerRef,
@@ -32347,7 +32347,7 @@ class ea {
         chart: t.props.chart,
         containerRef: t.containerRef,
         onCloseDrawing: t.props.onCloseDrawing
-      }), this.triangleABCDMarkManager = new Es({
+      }), this.triangleABCDMarkManager = new Rs({
         chartSeries: t.props.chartSeries,
         chart: t.props.chart,
         containerRef: t.containerRef,
@@ -34319,7 +34319,7 @@ const b = 1.5, T = "round", z = "round", Oi = ({ size: f = 29, color: t = "curre
   /* @__PURE__ */ m.jsx("circle", { cx: "2", cy: "20", r: "1.2", stroke: t, strokeWidth: b, fill: "none" }),
   /* @__PURE__ */ m.jsx("circle", { cx: "12", cy: "2", r: "1.2", stroke: t, strokeWidth: b, fill: "none" }),
   /* @__PURE__ */ m.jsx("circle", { cx: "22", cy: "20", r: "1.2", stroke: t, strokeWidth: b, fill: "none" })
-] }), Ra = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
+] }), Ea = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
   /* @__PURE__ */ m.jsx("path", { d: "M2 20L12 2L22 20L2 20Z", stroke: t, strokeWidth: b * 0.8, strokeLinecap: T, strokeLinejoin: z, fill: "none" }),
   /* @__PURE__ */ m.jsx("path", { d: "M6 16L18 16", stroke: t, strokeWidth: b * 0.8, strokeLinecap: T, strokeDasharray: "2 2" }),
   /* @__PURE__ */ m.jsx("circle", { cx: "2", cy: "20", r: "1", stroke: t, strokeWidth: b, fill: "none" }),
@@ -34327,7 +34327,7 @@ const b = 1.5, T = "round", z = "round", Oi = ({ size: f = 29, color: t = "curre
   /* @__PURE__ */ m.jsx("circle", { cx: "22", cy: "20", r: "1", stroke: t, strokeWidth: b, fill: "none" }),
   /* @__PURE__ */ m.jsx("circle", { cx: "6", cy: "16", r: "1", stroke: t, strokeWidth: b, fill: "none" }),
   /* @__PURE__ */ m.jsx("circle", { cx: "18", cy: "16", r: "1", stroke: t, strokeWidth: b, fill: "none" })
-] }), Ea = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
+] }), Ra = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
   /* @__PURE__ */ m.jsx("path", { d: "M2 18L6 6L10 14L14 6L18 10L22 18", stroke: t, strokeWidth: b, strokeLinecap: T, strokeLinejoin: z }),
   /* @__PURE__ */ m.jsx("circle", { cx: "6", cy: "6", r: "0.8", fill: t }),
   /* @__PURE__ */ m.jsx("circle", { cx: "10", cy: "14", r: "0.8", fill: t }),
@@ -34622,7 +34622,7 @@ const b = 1.5, T = "round", z = "round", Oi = ({ size: f = 29, color: t = "curre
   /* @__PURE__ */ m.jsx("path", { d: "M15 6V18", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M18 8V16", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M20 10L23 12L20 14", stroke: t, strokeWidth: b, strokeLinecap: T, strokeLinejoin: z })
-] }), Rn = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
+] }), En = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
   /* @__PURE__ */ m.jsx("path", { d: "M12 2V22", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M8 6H16", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M6 9H18", stroke: t, strokeWidth: b, strokeLinecap: T }),
@@ -34630,7 +34630,7 @@ const b = 1.5, T = "round", z = "round", Oi = ({ size: f = 29, color: t = "curre
   /* @__PURE__ */ m.jsx("path", { d: "M6 15H18", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M8 18H16", stroke: t, strokeWidth: b, strokeLinecap: T }),
   /* @__PURE__ */ m.jsx("path", { d: "M10 20L12 23L14 20", stroke: t, strokeWidth: b, strokeLinecap: T, strokeLinejoin: z })
-] }), En = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsx("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: /* @__PURE__ */ m.jsx("path", { d: "M4 20A16 16 0 0 1 20 4L20 20L4 20Z", stroke: t, strokeWidth: b, fill: "none" }) }), yn = ({ size: f = 25, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
+] }), Rn = ({ size: f = 29, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsx("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: /* @__PURE__ */ m.jsx("path", { d: "M4 20A16 16 0 0 1 20 4L20 20L4 20Z", stroke: t, strokeWidth: b, fill: "none" }) }), yn = ({ size: f = 25, color: t = "currentColor", className: e }) => /* @__PURE__ */ m.jsxs("svg", { width: f, height: f, viewBox: "0 0 24 24", fill: "none", className: e, children: [
   /* @__PURE__ */ m.jsx(
     "rect",
     {
@@ -38943,7 +38943,7 @@ const Vn = ({
       ...o,
       params: V
     });
-  }, R = (Y, U) => {
+  }, E = (Y, U) => {
     if (!o || !o.params) return;
     const V = [...o.params];
     V[Y] = { ...V[Y], lineWidth: U }, h({
@@ -39014,10 +39014,10 @@ const Vn = ({
   ut(() => {
     const Y = (V) => {
       if (c) {
-        const G = V.clientX - u.x, wt = V.clientY - u.y, Tt = window.innerWidth - 400, Rt = window.innerHeight - 400;
+        const G = V.clientX - u.x, wt = V.clientY - u.y, Tt = window.innerWidth - 400, Et = window.innerHeight - 400;
         g({
           x: Math.max(10, Math.min(G, Tt)),
-          y: Math.max(10, Math.min(wt, Rt))
+          y: Math.max(10, Math.min(wt, Et))
         });
       }
     }, U = () => {
@@ -39074,7 +39074,7 @@ const Vn = ({
     cursor: "grab",
     userSelect: "none",
     flexShrink: 0
-  }, E = {
+  }, R = {
     fontSize: "14px",
     fontWeight: "bold",
     color: r?.layout?.textColor || "#000000",
@@ -39236,7 +39236,7 @@ const Vn = ({
                     onMouseDown: (Y) => {
                       Y.target === k.current && Y.preventDefault();
                     },
-                    children: /* @__PURE__ */ m.jsx("div", { style: E, children: L() })
+                    children: /* @__PURE__ */ m.jsx("div", { style: R, children: L() })
                   }
                 ),
                 /* @__PURE__ */ m.jsxs("div", { style: N, children: [
@@ -39262,7 +39262,7 @@ const Vn = ({
                           {
                             style: Q,
                             value: Y.lineWidth,
-                            onChange: (V) => R(U, Number(V.target.value)),
+                            onChange: (V) => E(U, Number(V.target.value)),
                             onClick: (V) => V.stopPropagation(),
                             children: [
                               /* @__PURE__ */ m.jsx("option", { value: 1, children: "1px" }),
@@ -39692,10 +39692,10 @@ class Gn {
       MinusDI: []
     }, r = t.map((S) => S.time), a = [0], s = [0], n = [0];
     for (let S = 1; S < t.length; S++) {
-      const _ = t[S].high, C = t[S].low, A = t[S - 1].high, x = t[S - 1].low, R = t[S - 1].close, B = Math.max(
+      const _ = t[S].high, C = t[S].low, A = t[S - 1].high, x = t[S - 1].low, E = t[S - 1].close, B = Math.max(
         _ - C,
-        Math.abs(_ - R),
-        Math.abs(C - R)
+        Math.abs(_ - E),
+        Math.abs(C - E)
       );
       a.push(B);
       const I = _ - A, W = x - C;
@@ -41592,10 +41592,10 @@ const So = ({
   }, [f, i]), ut(() => {
     f && g((() => {
       if (a?.current) {
-        const V = a.current.getBoundingClientRect(), G = 450, wt = 500, Tt = V.left + (V.width - G) / 2, Rt = V.top + (V.height - wt) / 2;
+        const V = a.current.getBoundingClientRect(), G = 450, wt = 500, Tt = V.left + (V.width - G) / 2, Et = V.top + (V.height - wt) / 2;
         return {
           x: Math.max(10, Tt),
-          y: Math.max(10, Rt)
+          y: Math.max(10, Et)
         };
       } else {
         const V = Math.max(10, (window.innerWidth - 450) / 2), G = Math.max(10, (window.innerHeight - 500) / 2);
@@ -41608,14 +41608,14 @@ const So = ({
     if (o.length >= U.maxParams || !U.allowAdd) return;
     const V = o.map((Lt) => Lt.paramValue), G = [6, 12, 14, 24, 26, 9, 20].filter((Lt) => !V.includes(Lt));
     if (G.length === 0) return;
-    const wt = B(), Tt = G[0], Rt = {
+    const wt = B(), Tt = G[0], Et = {
       paramName: `${n.modal?.parameterName || "Param"}${Tt}`,
       paramValue: Tt,
       lineColor: wt,
       lineWidth: 1,
       data: []
     };
-    h([...o, Rt]);
+    h([...o, Et]);
   }, _ = (U) => {
     const V = $(s);
     if (o.length <= V.minParams || !V.allowDelete) return;
@@ -41639,7 +41639,7 @@ const So = ({
       ...G[U],
       lineColor: V
     }, h(G);
-  }, R = (U, V) => {
+  }, E = (U, V) => {
     const G = [...o];
     G[U] = {
       ...G[U],
@@ -41790,9 +41790,9 @@ const So = ({
   ut(() => {
     const U = (G) => {
       if (c) {
-        const wt = G.clientX - u.x, Tt = G.clientY - u.y, Rt = window.innerWidth - 450, Lt = window.innerHeight - 500;
+        const wt = G.clientX - u.x, Tt = G.clientY - u.y, Et = window.innerWidth - 450, Lt = window.innerHeight - 500;
         g({
-          x: Math.max(10, Math.min(wt, Rt)),
+          x: Math.max(10, Math.min(wt, Et)),
           y: Math.max(10, Math.min(Tt, Lt))
         });
       }
@@ -41855,7 +41855,7 @@ const So = ({
     fontWeight: "bold",
     color: r?.layout?.textColor || "#000000",
     margin: 0
-  }, E = {
+  }, R = {
     padding: "16px",
     flex: 1,
     display: "flex",
@@ -42020,7 +42020,7 @@ const So = ({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ m.jsxs("div", { style: E, children: [
+                /* @__PURE__ */ m.jsxs("div", { style: R, children: [
                   /* @__PURE__ */ m.jsx(
                     "div",
                     {
@@ -42057,7 +42057,7 @@ const So = ({
                           {
                             style: y,
                             value: U.lineWidth,
-                            onChange: (G) => R(V, Number(G.target.value)),
+                            onChange: (G) => E(V, Number(G.target.value)),
                             onClick: (G) => G.stopPropagation(),
                             children: [
                               /* @__PURE__ */ m.jsx("option", { value: 1, children: "1px" }),
@@ -42947,7 +42947,7 @@ class Fo {
     return this.series;
   }
 }
-class Ro {
+class Eo {
   constructor(t, e) {
     this.series = null, this.refreshData = (r) => {
       if (!this.series) return;
@@ -43051,7 +43051,7 @@ class Ro {
     return this.series;
   }
 }
-class Eo {
+class Ro {
   constructor(t, e) {
     this.series = null, this._chart = null, this._renderer = null, this._chartData = [], this._width = 0, this._height = 0, this._isAttached = !1, this.channelWidthPercent = 0.3, this._timeScale = null, this._lineWidth = 2, this.refreshData = (r) => {
       if (!this.series) return;
@@ -43331,10 +43331,10 @@ class Bo {
           this.currentChart = new yo(this.chartLayer, this.theme);
           break;
         case q.HighLow:
-          this.currentChart = new Ro(this.chartLayer, this.theme);
+          this.currentChart = new Eo(this.chartLayer, this.theme);
           break;
         case q.HLCArea:
-          this.currentChart = new Eo(this.chartLayer, this.theme);
+          this.currentChart = new Ro(this.chartLayer, this.theme);
           break;
         default:
           console.warn(`Unknown chart type: ${t}`), this.currentChart = new xi(this.chartLayer, this.theme);
@@ -43474,7 +43474,7 @@ class Uo {
         const L = (_ - 0.5) * 2;
         C = Math.floor(255 * L), A = Math.floor(255 * (1 - L)), x = Math.floor(255 * (1 - L));
       }
-      const R = 0.4 + _ * 0.6, B = `rgba(${C}, ${A}, ${x}, ${R})`, I = o + (n - S), W = this._height - (u + 1) * d;
+      const E = 0.4 + _ * 0.6, B = `rgba(${C}, ${A}, ${x}, ${E})`, I = o + (n - S), W = this._height - (u + 1) * d;
       t.fillStyle = B, t.fillRect(I, W, S, d);
     }
     t.restore();
@@ -44750,7 +44750,7 @@ class Lo extends rt.Component {
               left: 0,
               width: "100%",
               height: "100%",
-              zIndex: 5,
+              zIndex: 1,
               pointerEvents: t ? "auto" : "none",
               opacity: 1,
               display: "block"
@@ -46700,6 +46700,7 @@ const tl = {
       hover: "#2D323D",
       active: "#2962FF",
       color: "#E8EAED",
+      iconColor: "#FFFFFF",
       activeTextColor: "#FFFFFF",
       boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.1), 0 2px 4px rgba(0, 0, 0, 0.3)",
       sendButton: {
@@ -46764,6 +46765,7 @@ const tl = {
       hover: "#E1E5E9",
       active: "#2962FF",
       color: "#495057",
+      iconColor: "#000000",
       activeTextColor: "#FFFFFF",
       boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1)",
       sendButton: {
@@ -47640,7 +47642,7 @@ const ll = {
   deepseek: "https://www.deepseek.com/favicon.ico",
   claude: "https://cdn.simpleicons.org/anthropic/FF6B35",
   gemini: "https://cdn.simpleicons.org/google/4285F4"
-}, Ri = {
+}, Ei = {
   aliyun: "Aliyun",
   openai: "OpenAI",
   deepseek: "DeepSeek",
@@ -47719,7 +47721,7 @@ const ul = ({
   onModelChange: h,
   data: l
 }) => {
-  const [g, c] = st(""), [d, u] = st([]), [p, M] = st(!1), [k, P] = st(""), [S, _] = st([]), [C, A] = st(!1), x = Ct(null), R = Ct(null), B = Ct(null), [I, W] = st(10), L = 10, $ = Ct(!1), at = Ct(0), J = Ct(0);
+  const [g, c] = st(""), [d, u] = st([]), [p, M] = st(!1), [k, P] = st(""), [S, _] = st([]), [C, A] = st(!1), x = Ct(null), E = Ct(null), B = Ct(null), [I, W] = st(10), L = 10, $ = Ct(!1), at = Ct(0), J = Ct(0);
   ut(() => {
     const y = (Q) => {
       C && B.current && !B.current.contains(Q.target) && A(!1);
@@ -47793,7 +47795,7 @@ const ul = ({
     };
     return y.addEventListener("scroll", Q), () => y.removeEventListener("scroll", Q);
   }, []), ut(() => {
-    const y = R.current;
+    const y = E.current;
     y && setTimeout(() => {
       y.style.height = "auto";
       const et = Math.max(y.scrollHeight, 60);
@@ -47809,7 +47811,7 @@ const ul = ({
       }
     ]);
   }, [e, t]), ut(() => {
-    const y = R.current;
+    const y = E.current;
     if (!y) return;
     const Q = 60;
     y.style.height = "auto";
@@ -47834,7 +47836,7 @@ const ul = ({
   }, [o, i, h]);
   const pt = (y) => {
     c(y.target.value);
-  }, E = (y) => {
+  }, R = (y) => {
     P(y), A(!1), h && h(y);
   }, N = () => !o || !k ? null : i.find(
     (Q) => Q.brand === o && Q.model === k
@@ -47915,7 +47917,7 @@ const ul = ({
       });
     } finally {
       M(!1), setTimeout(() => {
-        R.current?.focus();
+        E.current?.focus();
       }, 100);
     }
   }, ct = (y) => {
@@ -48057,7 +48059,7 @@ const ul = ({
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                onClick: () => E(y),
+                onClick: () => R(y),
                 onMouseEnter: (et) => {
                   et.currentTarget.style.backgroundColor = y === k ? f.toolbar.button.dropdown.selected : f.toolbar.button.dropdown.hover;
                 },
@@ -48251,7 +48253,7 @@ const ul = ({
         /* @__PURE__ */ m.jsx(
           "textarea",
           {
-            ref: R,
+            ref: E,
             value: g,
             onChange: pt,
             onKeyDown: ct,
@@ -48328,7 +48330,7 @@ const ul = ({
         marginTop: "8px",
         textAlign: "center"
       }, children: [
-        o ? t === kt ? `Powered by ${Ri[o]}` : `由 ${Ri[o]} 提供支持` : null,
+        o ? t === kt ? `Powered by ${Ei[o]}` : `由 ${Ei[o]} 提供支持` : null,
         k && ` - ${k}`
       ] })
     ] }),
@@ -48419,7 +48421,7 @@ const pl = [
   chartLayerRef: o,
   candleView: h
 }) => {
-  const [l, g] = st(""), [c, d] = st([]), [u, p] = st(-1), [M, k] = st(!1), [P, S] = st(0), [_, C] = st(n), [A, x] = st([]), [R, B] = st(!1), I = Ct(null), W = Ct(null), L = t.terminal.isEn === "en", [$, at] = st([]), [J, Z] = st(-1), [O, it] = st(!1);
+  const [l, g] = st(""), [c, d] = st([]), [u, p] = st(-1), [M, k] = st(!1), [P, S] = st(0), [_, C] = st(n), [A, x] = st([]), [E, B] = st(!1), I = Ct(null), W = Ct(null), L = t.terminal.isEn === "en", [$, at] = st([]), [J, Z] = st(-1), [O, it] = st(!1);
   ut(() => {
     x([L ? `🕯️ Welcome to CandleView Terminal v1.0 Type 'help' to see available commands 
 This software is licensed under AGPL 3.0
@@ -48483,7 +48485,7 @@ Npm: <a href="https://www.npmjs.com/package/candleview" target="_blank" rel="noo
       localStorage.setItem("terminal_command_history", JSON.stringify(X));
     } catch {
     }
-  }, E = (D) => {
+  }, R = (D) => {
     x((K) => [...K, `$ ${D}`]);
   }, N = (D) => {
     x((K) => [...K, D]);
@@ -48495,7 +48497,7 @@ Npm: <a href="https://www.npmjs.com/package/candleview" target="_blank" rel="noo
   const nt = (D) => {
     D.preventDefault();
     const K = l.trim();
-    K && (E(K), e && e(K), Tt(K), pt(K), g(""), p(-1), at([]), it(!1), Z(-1), setTimeout(() => {
+    K && (R(K), e && e(K), Tt(K), pt(K), g(""), p(-1), at([]), it(!1), Z(-1), setTimeout(() => {
       const X = document.querySelector(".terminal-scrollbar");
       X && (X.scrollTop = X.scrollHeight);
     }, 50), !r && _ && (I.current?.focus(), S(0)));
@@ -48665,15 +48667,15 @@ Npm: <a href="https://www.npmjs.com/package/candleview" target="_blank" rel="noo
   }, Tt = (D) => {
     const K = D.toLowerCase().trim();
     if (K.startsWith("open ") || K.startsWith("close ")) {
-      const [X, ...lt] = K.split(" "), mt = lt.join(" ").toUpperCase(), Ot = Object.values(F).includes(mt), Re = Object.values(j).includes(mt);
-      if (!Ot && !Re) {
-        const Gt = Object.values(F).map((Yt) => Yt.toLowerCase().replace(/_/g, " ")).join(", "), Et = Object.values(j).map((Yt) => Yt.toLowerCase().replace(/_/g, " ")).join(", ");
+      const [X, ...lt] = K.split(" "), mt = lt.join(" ").toUpperCase(), Ot = Object.values(F).includes(mt), Ee = Object.values(j).includes(mt);
+      if (!Ot && !Ee) {
+        const Gt = Object.values(F).map((Yt) => Yt.toLowerCase().replace(/_/g, " ")).join(", "), Rt = Object.values(j).map((Yt) => Yt.toLowerCase().replace(/_/g, " ")).join(", ");
         N(
           L ? `[<span style="color: #c41a1aff">ERROR</span>] Invalid indicator: "${mt}".
 Main chart indicators: ${Gt}
-Sub chart indicators: ${Et}` : `[<span style="color: #c41a1aff">错误</span>] 无效的指标: "${mt}"。
+Sub chart indicators: ${Rt}` : `[<span style="color: #c41a1aff">错误</span>] 无效的指标: "${mt}"。
 主图指标: ${Gt}
-副图指标: ${Et}`
+副图指标: ${Rt}`
         );
         return;
       }
@@ -48708,13 +48710,13 @@ Sub chart indicators: ${Et}` : `[<span style="color: #c41a1aff">错误</span>]
             At(ft);
             break;
           default:
-            const Et = mt.toLowerCase().replace(/_/g, " ");
+            const Rt = mt.toLowerCase().replace(/_/g, " ");
             N(
-              L ? `[<span style="color: #52c41a">INFO</span>] ${X === "open" ? "Opening" : "Closing"} main chart indicator: ${Et}` : `[<span style="color: #52c41a">信息</span>] ${X === "open" ? "开启" : "关闭"}主图指标: ${Et}`
+              L ? `[<span style="color: #52c41a">INFO</span>] ${X === "open" ? "Opening" : "Closing"} main chart indicator: ${Rt}` : `[<span style="color: #52c41a">信息</span>] ${X === "open" ? "开启" : "关闭"}主图指标: ${Rt}`
             );
             break;
         }
-      else if (Re)
+      else if (Ee)
         switch (mt) {
           case j.RSI:
             Pt(ft);
@@ -48750,9 +48752,9 @@ Sub chart indicators: ${Et}` : `[<span style="color: #c41a1aff">错误</span>]
             wt(ft);
             break;
           default:
-            const Et = mt.toLowerCase().replace(/_/g, " ");
+            const Rt = mt.toLowerCase().replace(/_/g, " ");
             N(
-              L ? `[<span style="color: #52c41a">INFO</span>] ${X === "open" ? "Opening" : "Closing"} sub chart indicator: ${Et}` : `[<span style="color: #52c41a">信息</span>] ${X === "open" ? "开启" : "关闭"}副图指标: ${Et}`
+              L ? `[<span style="color: #52c41a">INFO</span>] ${X === "open" ? "Opening" : "Closing"} sub chart indicator: ${Rt}` : `[<span style="color: #52c41a">信息</span>] ${X === "open" ? "开启" : "关闭"}副图指标: ${Rt}`
             );
             break;
         }
@@ -48806,7 +48808,7 @@ ${X}`
       N(
         L ? `Command executed: ${D}` : `命令已执行: ${D}`
       );
-  }, Rt = (D) => {
+  }, Et = (D) => {
     if (!r)
       switch (D.key) {
         case "ArrowLeft":
@@ -48922,7 +48924,7 @@ ${X}`
               style: {
                 fontSize: "20px",
                 color: f.toolbar.button.color,
-                backgroundColor: R ? f.toolbar.button.hover + "20" : "transparent",
+                backgroundColor: E ? f.toolbar.button.hover + "20" : "transparent",
                 border: "none",
                 borderRadius: "4px",
                 padding: "6px",
@@ -48933,7 +48935,7 @@ ${X}`
                 justifyContent: "center",
                 width: "30px",
                 height: "30px",
-                opacity: R ? 1 : 0.7,
+                opacity: E ? 1 : 0.7,
                 transition: "opacity 0.2s, background-color 0.2s"
               },
               title: L ? "Close Terminal" : "关闭终端",
@@ -49078,7 +49080,7 @@ ${X}`
                           onChange: (D) => {
                             g(D.target.value), p(-1), S(D.target.selectionStart || 0);
                           },
-                          onKeyDown: Rt,
+                          onKeyDown: Et,
                           onFocus: () => k(!0),
                           onBlur: () => k(!1),
                           disabled: r,
@@ -49670,7 +49672,7 @@ ${X}`
         { id: "fibonacci-wedge", name: f.leftPanel.fibonacciWedge, description: f.leftPanel.fibonacciWedgeDesc, icon: Ca },
         { id: "fibonacci-fan", name: f.leftPanel.fibonacciFan, description: f.leftPanel.fibonacciFanDesc, icon: va },
         { id: "fibonacci-channel", name: f.leftPanel.fibonacciChannel, description: f.leftPanel.fibonacciChannelDesc, icon: Ta },
-        { id: "fibonacci-extension-base-price", name: f.leftPanel.fibonacciExtensionPrice, description: f.leftPanel.fibonacciExtensionPriceDesc, icon: Rn },
+        { id: "fibonacci-extension-base-price", name: f.leftPanel.fibonacciExtensionPrice, description: f.leftPanel.fibonacciExtensionPriceDesc, icon: En },
         { id: "fibonacci-extension-base-time", name: f.leftPanel.fibonacciExtensionTime, description: f.leftPanel.fibonacciExtensionTimeDesc, icon: Fn }
       ]
     }
@@ -49682,13 +49684,13 @@ ${X}`
         { id: "xabcd", name: f.leftPanel.xabcdPattern, description: f.leftPanel.xabcdPatternDesc, icon: xa },
         { id: "head-and-shoulders", name: f.leftPanel.headAndShoulders, description: f.leftPanel.headAndShouldersDesc, icon: Da },
         { id: "abcd", name: f.leftPanel.abcdPattern, description: f.leftPanel.abcdPatternDesc, icon: Fa },
-        { id: "triangle-abcd", name: f.leftPanel.triangleAbcd, description: f.leftPanel.triangleAbcdDesc, icon: Ra }
+        { id: "triangle-abcd", name: f.leftPanel.triangleAbcd, description: f.leftPanel.triangleAbcdDesc, icon: Ea }
       ]
     },
     {
       title: f.leftPanel.elliottWave,
       tools: [
-        { id: "elliott-lmpulse", name: f.leftPanel.elliottImpulse, description: f.leftPanel.elliottImpulseDesc, icon: Ea },
+        { id: "elliott-lmpulse", name: f.leftPanel.elliottImpulse, description: f.leftPanel.elliottImpulseDesc, icon: Ra },
         { id: "elliott-corrective", name: f.leftPanel.elliottCorrective, description: f.leftPanel.elliottCorrectiveDesc, icon: ya },
         { id: "elliott-triangle", name: f.leftPanel.elliottTriangle, description: f.leftPanel.elliottTriangleDesc, icon: Ba },
         { id: "elliott-double-combo", name: f.leftPanel.elliottDoubleCombo, description: f.leftPanel.elliottDoubleComboDesc, icon: Ua },
@@ -49702,7 +49704,7 @@ ${X}`
         { id: "circle", name: f.leftPanel.circle, description: f.leftPanel.circleDesc, icon: aa },
         { id: "ellipse", name: f.leftPanel.ellipse, description: f.leftPanel.ellipseDesc, icon: ca },
         { id: "triangle", name: f.leftPanel.triangle, description: f.leftPanel.triangleDesc, icon: na },
-        { id: "sector", name: f.leftPanel.sector, description: f.leftPanel.sectorDesc, icon: En },
+        { id: "sector", name: f.leftPanel.sector, description: f.leftPanel.sectorDesc, icon: Rn },
         { id: "curve", name: f.leftPanel.curve, description: f.leftPanel.curveDesc, icon: La },
         { id: "double-curve", name: f.leftPanel.doubleCurve, description: f.leftPanel.doubleCurveDesc, icon: Ka }
       ]
@@ -49790,7 +49792,7 @@ ${X}`
     }
   ]
 });
-class Ei {
+class Ri {
   constructor() {
     this.handleDrawingToolSelect = (t, e) => {
       t.setState({
@@ -49808,7 +49810,7 @@ class Ei {
 }
 class Sl extends rt.Component {
   constructor(t) {
-    super(t), this.drawingModalRef = rt.createRef(), this.emojiPickerRef = rt.createRef(), this.cursorModalRef = rt.createRef(), this.brushModalRef = rt.createRef(), this.rulerModalRef = rt.createRef(), this.fibonacciModalRef = rt.createRef(), this.gannModalRef = rt.createRef(), this.projectInfoModalRef = rt.createRef(), this.irregularShapeModalRef = rt.createRef(), this.aiModalRef = rt.createRef(), this.toolManager = new Ei(), this.functionPopUpWidth = "200px", this.emojiSelectPopUpWidth = "315px", this.containerRef = rt.createRef(), this.updateContainerHeight = () => {
+    super(t), this.drawingModalRef = rt.createRef(), this.emojiPickerRef = rt.createRef(), this.cursorModalRef = rt.createRef(), this.brushModalRef = rt.createRef(), this.rulerModalRef = rt.createRef(), this.fibonacciModalRef = rt.createRef(), this.gannModalRef = rt.createRef(), this.projectInfoModalRef = rt.createRef(), this.irregularShapeModalRef = rt.createRef(), this.aiModalRef = rt.createRef(), this.toolManager = new Ri(), this.functionPopUpWidth = "200px", this.emojiSelectPopUpWidth = "315px", this.containerRef = rt.createRef(), this.updateContainerHeight = () => {
       if (this.containerRef.current) {
         const e = this.containerRef.current.clientHeight;
         this.setState({ containerHeight: e });
@@ -50821,7 +50823,7 @@ class Sl extends rt.Component {
       ai: this.props.ai || !1,
       // ai config list
       aiconfigs: this.props.aiconfigs || []
-    }, this.toolManager = new Ei();
+    }, this.toolManager = new Ri();
   }
   componentDidMount() {
     document.addEventListener("mousedown", (t) => this.handleClickOutside(t), !0), this.updateContainerHeight(), window.addEventListener("resize", this.updateContainerHeight);
@@ -53694,7 +53696,7 @@ class yl extends rt.Component {
                 left: 0,
                 right: 0,
                 bottom: 0,
-                zIndex: 9999,
+                zIndex: 4,
                 backgroundColor: t.layout.background.color + "10",
                 display: "flex",
                 alignItems: "center",
@@ -53811,7 +53813,7 @@ class yl extends rt.Component {
                 left: 0,
                 right: 0,
                 bottom: 0,
-                zIndex: 998,
+                zIndex: 2,
                 background: "transparent"
               },
               onClick: this.handleCloseModals
@@ -53954,21 +53956,22 @@ class yl extends rt.Component {
                       {
                         style: {
                           position: "absolute",
-                          bottom: "110px",
+                          bottom: "100px",
                           left: "50%",
                           transform: "translateX(-50%)",
                           display: "flex",
                           alignItems: "center",
-                          gap: "25px",
-                          zIndex: 100,
+                          gap: "15px",
+                          zIndex: 3,
                           opacity: 0,
-                          transition: "opacity 0.3s ease"
+                          transition: "opacity 0.3s ease",
+                          pointerEvents: "auto"
                         },
                         onMouseEnter: (p) => {
-                          p.currentTarget.style.opacity = "1";
+                          p.currentTarget.style.opacity = "1", p.stopPropagation();
                         },
                         onMouseLeave: (p) => {
-                          p.currentTarget.style.opacity = "0";
+                          p.currentTarget.style.opacity = "0", p.stopPropagation();
                         },
                         children: [
                           /* @__PURE__ */ m.jsx(
@@ -53976,18 +53979,20 @@ class yl extends rt.Component {
                             {
                               onClick: this.handleZoomOut,
                               style: {
-                                width: "36px",
-                                height: "36px",
-                                borderRadius: "50%",
+                                width: "25px",
+                                height: "25px",
+                                borderRadius: "6px",
                                 border: "none",
                                 background: t.toolbar.button.backgroundColor,
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
-                                boxShadow: t.toolbar.button.boxShadow
+                                boxShadow: t.toolbar.button.boxShadow,
+                                pointerEvents: "auto"
                               },
-                              children: /* @__PURE__ */ m.jsx(Dn, { size: 18, color: t.toolbar.button.color })
+                              onMouseDown: (p) => p.stopPropagation(),
+                              children: /* @__PURE__ */ m.jsx(Dn, { size: 14, color: t.toolbar.button.iconColor })
                             }
                           ),
                           /* @__PURE__ */ m.jsx(
@@ -53995,18 +54000,20 @@ class yl extends rt.Component {
                             {
                               onClick: this.handleLeftArrowClick,
                               style: {
-                                width: "36px",
-                                height: "36px",
-                                borderRadius: "50%",
+                                width: "25px",
+                                height: "25px",
+                                borderRadius: "6px",
                                 border: "none",
                                 background: t.toolbar.button.backgroundColor,
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
-                                boxShadow: t.toolbar.button.boxShadow
+                                boxShadow: t.toolbar.button.boxShadow,
+                                pointerEvents: "auto"
                               },
-                              children: /* @__PURE__ */ m.jsx(wn, { size: 18, color: t.toolbar.button.color })
+                              onMouseDown: (p) => p.stopPropagation(),
+                              children: /* @__PURE__ */ m.jsx(wn, { size: 14, color: t.toolbar.button.iconColor })
                             }
                           ),
                           /* @__PURE__ */ m.jsx(
@@ -54014,18 +54021,20 @@ class yl extends rt.Component {
                             {
                               onClick: this.handleRefreshClick,
                               style: {
-                                width: "40px",
-                                height: "40px",
-                                borderRadius: "50%",
+                                width: "25px",
+                                height: "25px",
+                                borderRadius: "6px",
                                 border: "none",
                                 background: t.toolbar.button.backgroundColor,
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
-                                boxShadow: t.toolbar.button.boxShadow
+                                boxShadow: t.toolbar.button.boxShadow,
+                                pointerEvents: "auto"
                               },
-                              children: /* @__PURE__ */ m.jsx(vn, { size: 20, color: t.toolbar.button.color })
+                              onMouseDown: (p) => p.stopPropagation(),
+                              children: /* @__PURE__ */ m.jsx(vn, { size: 16, color: t.toolbar.button.iconColor })
                             }
                           ),
                           /* @__PURE__ */ m.jsx(
@@ -54033,18 +54042,20 @@ class yl extends rt.Component {
                             {
                               onClick: this.handleRightArrowClick,
                               style: {
-                                width: "36px",
-                                height: "36px",
-                                borderRadius: "50%",
+                                width: "25px",
+                                height: "25px",
+                                borderRadius: "6px",
                                 border: "none",
                                 background: t.toolbar.button.backgroundColor,
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
-                                boxShadow: t.toolbar.button.boxShadow
+                                boxShadow: t.toolbar.button.boxShadow,
+                                pointerEvents: "auto"
                               },
-                              children: /* @__PURE__ */ m.jsx(An, { size: 18, color: t.toolbar.button.color })
+                              onMouseDown: (p) => p.stopPropagation(),
+                              children: /* @__PURE__ */ m.jsx(An, { size: 14, color: t.toolbar.button.iconColor })
                             }
                           ),
                           /* @__PURE__ */ m.jsx(
@@ -54052,18 +54063,20 @@ class yl extends rt.Component {
                             {
                               onClick: this.handleZoomIn,
                               style: {
-                                width: "36px",
-                                height: "36px",
-                                borderRadius: "50%",
+                                width: "25px",
+                                height: "25px",
+                                borderRadius: "6px",
                                 border: "none",
                                 background: t.toolbar.button.backgroundColor,
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "center",
                                 cursor: "pointer",
-                                boxShadow: t.toolbar.button.boxShadow
+                                boxShadow: t.toolbar.button.boxShadow,
+                                pointerEvents: "auto"
                               },
-                              children: /* @__PURE__ */ m.jsx(xn, { size: 18, color: t.toolbar.button.color })
+                              onMouseDown: (p) => p.stopPropagation(),
+                              children: /* @__PURE__ */ m.jsx(xn, { size: 14, color: t.toolbar.button.iconColor })
                             }
                           )
                         ]