charts-core 1.1.28 → 1.1.30

package/dist/charts-core.js

@@ -1,64 +1,39 @@
 var Ns = Object.defineProperty;
 var Fs = (i, e, t) => e in i ? Ns(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var f = (i, e, t) => Fs(i, typeof e != "symbol" ? e + "" : e, t);
-import * as E from "d3";
+import * as L from "d3";
 const Hs = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: g } = r;
   if (!g) return null;
   e.append("g").attr("transform", `translate(${n - a.right},0)`).call((_) => {
-    let p = E.axisRight(s);
-    o && c ? p = p.tickFormat(c) : p = p.tickFormat((y) => {
-      const v = Number(y), b = (x) => x.toString().replace(/\.0+$/, "");
-      return Math.abs(v) >= 1e12 ? b(v / 1e12) + "T" : Math.abs(v) >= 1e9 ? b(v / 1e9) + "B" : Math.abs(v) >= 1e6 ? b(v / 1e6) + "M" : Math.abs(v) >= 1e3 ? b(v / 1e3) + "K" : b(v);
+    let p = L.axisRight(s);
+    o && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
+      const b = Number(v), w = (x) => x.toString().replace(/\.0+$/, "");
+      return Math.abs(b) >= 1e12 ? w(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? w(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? w(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? w(b / 1e3) + "K" : w(b);
     }), o && d && (p = Array.isArray(d) ? p.ticks(...d) : p.ticks(d)), o && h && (p = p.tickValues(h)), _.call(p);
   }).call((_) => {
     let p = [];
-    _.selectAll(".tick").each((y) => p.push(y)), i.yTicks = p;
+    _.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
   }).call((_) => _.select(".domain").remove()).call((_) => _.selectAll(".tick line").remove()).call((_) => {
     const p = _.selectAll(".tick text");
     p.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
-    const y = p.nodes().map((b) => b.getBBox().width), v = Math.max(...y);
-    _.selectAll(".tick").each(function(b, x) {
+    const v = p.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
+    _.selectAll(".tick").each(function(w, x) {
       var $;
-      const w = E.select(this), C = w.select("text"), S = y[x], M = v - S, N = w.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", M), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
+      const y = L.select(this), C = y.select("text"), M = v[x], S = b - M, N = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", S), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
 }, Bs = (i) => {
-  const { svg: e, config: t, x: s, height: n, data: a } = i, { margin: r, xAxis: o } = t, { isShow: c, tickValues: h, tickFormat: d, customTicks: g, ticks: _ } = o;
-  if (!c) return null;
-  let p = null, y = d;
-  if (a.length > 0 && a.length <= 10 && !h) {
-    const v = /* @__PURE__ */ new Set();
-    a.forEach((b) => {
-      const x = new Date(b.date.getFullYear(), b.date.getMonth(), b.date.getDate()).getTime();
-      v.add(x.toString());
-    }), p = Array.from(v).map((b) => new Date(parseInt(b))).sort((b, x) => b.getTime() - x.getTime()), d || (y = (b) => {
-      const x = new Date(b);
-      return new Intl.DateTimeFormat("en-US", {
-        month: "short",
-        day: "numeric"
-      }).format(x);
-    });
-  }
-  e.append("g").attr("transform", `translate(0,${n - r.bottom})`).call((v) => {
-    let b = E.axisBottom(s);
-    g ? (y && (b = b.tickFormat(y)), p ? b = b.tickValues(p) : h ? b = b.tickValues(h) : _ && (b = Array.isArray(_) ? b.ticks(..._) : b.ticks(_))) : b.ticks(5), v.call(b);
-  }).call((v) => v.select(".domain").remove()).call((v) => {
-    let b = [];
-    v.selectAll(".tick").each((x) => b.push(x)), i.xTicks = b;
-  }).call((v) => v.selectAll(".tick line").remove()).call((v) => v.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).call((v) => {
-    requestAnimationFrame(() => {
-      const b = v.select(".tick");
-      if (!b.empty()) {
-        const x = b.attr("transform"), w = x == null ? void 0 : x.match(/translate\(([^,]+)/);
-        if (w && parseFloat(w[1]) < r.left) {
-          const S = b.select("text");
-          b.attr("transform", `translate(${r.left},0)`), S.attr("text-anchor", "start").attr("dx", "0");
-        }
-      }
-    });
-  }).attr("font-family", "inherit");
+  const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: g } = r;
+  if (!o) return null;
+  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((_) => {
+    let p = L.axisBottom(s);
+    d ? (h && (p = p.tickFormat(h)), g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), c && (p = p.tickValues(c))) : p.ticks(5), _.call(p);
+  }).call((_) => _.select(".domain").remove()).call((_) => {
+    let p = [];
+    _.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
+  }).call((_) => _.selectAll(".tick line").remove()).call((_) => _.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
 }, Is = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, {
     margin: a,
@@ -119,30 +94,30 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     margin: c,
     grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
   } = t;
-  if (i.gridHoverTooltip = null, h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((y) => {
-    const v = e.append("line").attr("x1", s(y)).attr("x2", s(y)).attr("y1", c.top).attr("y2", a - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-    h === "every-line-dashed" && v.attr("stroke-dasharray", "4 4");
+  if (i.gridHoverTooltip = null, h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
+    const b = e.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", c.top).attr("y2", a - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+    h === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
   }), h === "hovered-circles")) {
-    const p = n.range()[0], y = s(r[0].date), v = s(r[r.length - 1].date);
-    qt(e, { x1: y, x2: v, y1: p, y2: p });
-    const { tooltipContainer: b, tooltip: x, tooltipArrow: w } = Rs(o), C = (M) => {
+    const p = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
+    qt(e, { x1: v, x2: b, y1: p, y2: p });
+    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o), C = (S) => {
       if (!d) return;
-      _i(x), b.style.display = "block", x.append(d({ date: M.date, value: M.value }));
+      _i(x), w.style.display = "block", x.append(d({ date: S.date, value: S.value }));
       const N = x.getBoundingClientRect(), $ = Os(
         N,
-        s(M.date),
+        s(S.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
         i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
       );
-      $ !== null && (x.style.left = $ + "px"), w.style.left = s(M.date) + "px";
-    }, S = () => {
-      b.style.display = "none";
+      $ !== null && (x.style.left = $ + "px"), y.style.left = s(S.date) + "px";
+    }, M = () => {
+      w.style.display = "none";
     };
     i.gridHoverTooltip = d ? {
-      show: (M) => C(M),
-      hide: S
-    } : null, r.forEach((M, N) => {
-      const $ = s(M.date), z = n(M.value), V = r[N - 1], Y = N > 0 && V && M.value === V.value;
+      show: (S) => C(S),
+      hide: M
+    } : null, r.forEach((S, N) => {
+      const $ = s(S.date), z = n(S.value), V = r[N - 1], Y = N > 0 && V && S.value === V.value;
       Y || qt(e, { x1: $, x2: $, y1: z, y2: p });
       const re = $s(e, Y, {
         x: $,
@@ -151,9 +126,9 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
         hr: _
       });
       d && re.on("mouseover", function() {
-        C({ date: M.date, value: Y ? null : M.value });
+        C({ date: S.date, value: Y ? null : S.value });
       }).on("mouseout", function() {
-        S();
+        M();
       });
     });
   }
@@ -162,15 +137,15 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
 }, Vs = (i) => {
   const { svg: e, config: t, width: s, height: n } = i, { margin: a, logo: r } = t;
   Bs(i), Hs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
-}, Ee = (i, e, t) => {
+}, Le = (i, e, t) => {
   let s = i.select(`#${e}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), s.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: n, stopColor: a }) => {
     s.append("stop").attr("offset", n).attr("stop-color", a);
   }), s;
 }, _e = (i) => {
-  const e = E.select(i).select("defs");
-  return e.empty() ? E.select(i).append("defs") : e;
-}, Mt = (i) => {
+  const e = L.select(i).select("defs");
+  return e.empty() ? L.select(i).append("defs") : e;
+}, St = (i) => {
   const {
     y: e,
     config: { margin: t }
@@ -212,7 +187,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     ...e == null ? void 0 : e.selection
   }
 }), Qt = (i, e = {}) => {
-  const t = i.node(), s = _e(t), n = (o, c) => Ee(s, o, {
+  const t = i.node(), s = _e(t), n = (o, c) => Le(s, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -252,7 +227,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
   };
 }, Ys = (i, e = {}) => {
   const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = _e(n);
-  return ((o, c) => Ee(a, o, {
+  return ((o, c) => Le(a, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -274,8 +249,8 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       s.remove();
     }
   };
-}, fe = "sc-charts__range-tooltip", Kt = E.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
-  const e = E.format(",.2f");
+}, fe = "sc-charts__range-tooltip", Kt = L.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
+  const e = L.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function js(i) {
@@ -307,18 +282,18 @@ const Xs = (i) => {
     },
     update({ leftPoint: n, rightPoint: a, x: r, y: o, hidden: c, closest: h }) {
       if (n && a && h && r !== void 0) {
-        const d = a.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(a.date) + i.x(n.date)) / 2, y = i.x(h.date) < p ? "left" : "right";
-        let v = "", b = "";
+        const d = a.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < p ? "left" : "right";
+        let b = "", w = "";
         if (g)
-          v = g({ left: n.value, right: a.value, direction: y });
+          b = g({ left: n.value, right: a.value, direction: v });
         else {
           const x = (d / Math.abs(n.value) * 100).toFixed(2);
-          v = `${Ws(d)} (${x}%)`;
+          b = `${Ws(d)} (${x}%)`;
         }
-        _ ? b = _({ left: n.date, right: a.date, direction: y }) : b = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = v, s.textContent = b, requestAnimationFrame(() => {
-          const x = e.getBoundingClientRect(), w = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), S = i.x(a.date);
-          let N = (C + S) / 2 - x.width / 2;
-          const $ = 0, z = w.width - x.width;
+        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
+          const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
+          let N = (C + M) / 2 - x.width / 2;
+          const $ = 0, z = y.width - x.width;
           N < $ && (N = $), N > z && (N = z), e.style.left = `${N}px`, e.style.top = `${o}px`;
         });
       }
@@ -328,8 +303,8 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, ke = "sc-charts__hover-tooltip", _t = 16, Us = E.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
-  const e = E.format(",.2f");
+}, ke = "sc-charts__hover-tooltip", _t = 16, Us = L.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+  const e = L.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
@@ -427,9 +402,9 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, tt = () => E.curveMonotoneX, Ks = (i) => {
+}, tt = () => L.curveMonotoneX, Ks = (i) => {
   const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = _e(r);
-  Ee(o, "main-line-area-gradient", {
+  Le(o, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -439,7 +414,7 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = E.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
+  const h = L.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
   return {
     className(_, p) {
       _ === "remove" ? g.classed(`${d}${p}`, !1) : g.classed(`${d}${p}`, !0);
@@ -456,7 +431,7 @@ const Js = (i) => {
   };
 }, en = (i, e = {}) => {
   const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, d = s.node(), g = _e(d), _ = "range-line-area-gradient";
-  Ee(g, _ + "_up", {
+  Le(g, _ + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -465,7 +440,7 @@ const Js = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), Ee(g, _ + "_down", {
+  }), Le(g, _ + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -475,39 +450,39 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const p = E.area().x((w) => n(w.date)).y0(a.range()[0]).y1((w) => a(w.value)).curve(tt()), y = `${c}-clip-${t}`, b = g.append("clipPath").attr("id", y).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", p).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${y})`);
+  const p = L.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt()), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", p).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
-    className(w, C) {
-      w === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
+    className(y, C) {
+      y === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
     },
-    update({ data: w, hidden: C, clip: S }) {
-      w !== void 0 && x.datum(w).attr("d", p), C !== void 0 && x.classed(`${t}_hidden`, C), S !== void 0 && b.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.height);
+    update({ data: y, hidden: C, clip: M }) {
+      y !== void 0 && x.datum(y).attr("d", p), C !== void 0 && x.classed(`${t}_hidden`, C), M !== void 0 && w.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height);
     },
     destroy() {
       x.remove();
     }
   };
 }, vt = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = _e(d), _ = E.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), p = `${r}-clip-${o}`, v = g.append("clipPath").attr("id", p).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), b = t.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = _e(d), _ = L.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), p = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", p).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
   return {
-    className(x, w) {
-      x === "remove" ? b.classed(`${o}${w}`, !1) : b.classed(`${o}${w}`, !0);
+    className(x, y) {
+      x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
     },
-    update({ data: x, clip: w, hidden: C }) {
-      x !== void 0 && b.datum(x).attr("d", _), C !== void 0 && b.classed(`${o}_hidden`, C), w !== void 0 && v.attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height);
+    update({ data: x, clip: y, hidden: C }) {
+      x !== void 0 && w.datum(x).attr("d", _), C !== void 0 && w.classed(`${o}_hidden`, C), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
     },
     destroy() {
-      b.remove();
+      w.remove();
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), _ = _e(g), p = E.line().x((w) => n(w.date)).y((w) => a(w.value)).curve(tt()), y = `${r}-clip-${c}`, b = _.append("clipPath").attr("id", y).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", h).attr("clip-path", `url(#${y})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), _ = _e(g), p = L.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = _.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
-    className(w, C) {
-      w === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
+    className(y, C) {
+      y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
     },
-    update({ data: w, clip: C, hidden: S }) {
-      w !== void 0 && x.datum(w).attr("d", p), S !== void 0 && x.classed(`${c}_hidden`, S), C !== void 0 && (o.hover.transitionName === "default" ? b.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(E.easeLinear) : b.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: M }) {
+      y !== void 0 && x.datum(y).attr("d", p), M !== void 0 && x.classed(`${c}_hidden`, M), C !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(L.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       x.remove();
@@ -521,10 +496,10 @@ const Js = (i) => {
   const { svg: t, data: s, x: n, y: a } = i, { baseClassName: r } = e, o = t.append("g").classed(r, !0), c = o.append("circle").attr("r", 5).classed(`${r}-circle`, !0), h = o.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${r}-label`, !0);
   return ((g) => {
     if (!g || g.length === 0) return;
-    const _ = g[g.length - 1], p = n(_.date), y = a(_.value);
-    c.attr("cx", p).attr("cy", y);
-    const v = i.config.extremePointFormatter || sn;
-    h.attr("x", p).attr("y", y).text(v(_.value));
+    const _ = g[g.length - 1], p = n(_.date), v = a(_.value);
+    c.attr("cx", p).attr("cy", v);
+    const b = i.config.extremePointFormatter || sn;
+    h.attr("x", p).attr("y", v).text(b(_.value));
   })(s), {
     className(g, _) {
       g === "remove" ? o.classed(`${r}${_}`, !1) : o.classed(`${r}${_}`, !0);
@@ -554,7 +529,7 @@ const Js = (i) => {
   i.config.enableBelowZeroLine && (r = vt(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: Mt(i)
+    clip: St(i)
   }));
   const o = pt(i.svg, {
     className: "sc-charts__hover-circle",
@@ -569,20 +544,20 @@ const Js = (i) => {
   }), _ = pt(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), p = Xs(i), y = Js(i), v = en(i);
+  }), p = Xs(i), v = Js(i), b = en(i);
   return {
     hoverLine: n,
     hoverCircle: o,
     rangeBorderLeft: c,
     rangeBorderRight: h,
     rangeLine: d,
-    rangeLineArea: v,
+    rangeLineArea: b,
     rangeCircleLeft: g,
     rangeCircleRight: _,
     mainLine: e,
     rangeTooltip: p,
     highlightLine: a,
-    hoverTooltip: y,
+    hoverTooltip: v,
     mainLineArea: t,
     belowZeroLine: r,
     extremePoint: s
@@ -706,14 +681,14 @@ const Js = (i) => {
     })), n.mainLine.className("add", "_muted");
   } else
     n.highlightLine.update({ hidden: !0 }), n.mainLine.className("remove", "_muted"), (h = n.belowZeroLine) == null || h.update({
-      clip: Mt(i)
+      clip: St(i)
     });
   (d = i.gridHoverTooltip) == null || d.show({ date: e.date, value: e.value });
 }, ti = (i) => {
   var t, s;
   const { elements: e } = i;
   e.hoverLine.update({ hidden: !0 }), e.hoverCircle.update({ hidden: !0 }), e.highlightLine.update({ hidden: !0 }), e.mainLine.className("remove", "_muted"), e.hoverTooltip.update({ hidden: !0 }), (t = i.gridHoverTooltip) == null || t.hide(), i.action !== "selection" && ((s = e.belowZeroLine) == null || s.update({
-    clip: Mt(i)
+    clip: St(i)
   }));
 }, on = (i, e) => {
   [
@@ -728,7 +703,7 @@ const Js = (i) => {
     e ? (i[s].className("remove", "_down"), i[s].className("add", "_up")) : (i[s].className("remove", "_up"), i[s].className("add", "_down"));
   });
 }, ln = (i, e, t) => {
-  var y;
+  var v;
   const {
     x: s,
     y: n,
@@ -779,7 +754,7 @@ const Js = (i) => {
     x: g + p / 2,
     y: 0,
     hidden: !1
-  }), (y = o.belowZeroLine) == null || y.update({
+  }), (v = o.belowZeroLine) == null || v.update({
     hidden: !0
   }), o.mainLineArea.update({ hidden: !0 }), on(o, d), o.mainLine.className("add", "_selected-muted");
 }, ii = (i) => {
@@ -789,32 +764,32 @@ const Js = (i) => {
 }, cn = (i) => {
   const { svg: e, data: t, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
   let d = null, g = !1;
-  const _ = (y) => t.reduce(
-    (v, b) => Math.abs(s(v.date) - y) < Math.abs(s(b.date) - y) ? v : b
+  const _ = (v) => t.reduce(
+    (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
-  e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(y) {
-    const [v] = E.pointer(y, this), b = _(v);
-    !g && c.enable ? (i.action = "hover", ei(i, b)) : (i.action = g ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, b));
+  e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
+    const [b] = L.pointer(v, this), w = _(b);
+    !g && c.enable ? (i.action = "hover", ei(i, w)) : (i.action = g ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
   }).on("mouseleave", () => {
     i.action = "none", g = !1, d = null, ti(i), ii(i);
-  }).on("mousedown", function(y) {
+  }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
-      const [v] = E.pointer(y, this);
-      d = _(v);
+      const [b] = L.pointer(v, this);
+      d = _(b);
     }
-  }).on("mouseup", function(y) {
-    const [v] = E.pointer(y, this), b = _(v);
-    g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, b);
+  }).on("mouseup", function(v) {
+    const [b] = L.pointer(v, this), w = _(b);
+    g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
   });
 }, hn = (i, e, t) => {
-  const { margin: s } = e, n = E.scaleTime(), a = E.extent(i, (r) => new Date(r.date));
+  const { margin: s } = e, n = L.scaleTime(), a = L.extent(i, (r) => new Date(r.date));
   return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([s.left, t - s.right]);
 }, dn = (i, e, t) => {
-  const { margin: s } = e, n = E.max(i, (r) => r.value) ?? 0, a = E.min(i, (r) => r.value) ?? 0;
-  return E.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
+  const { margin: s } = e, n = L.max(i, (r) => r.value) ?? 0, a = L.min(i, (r) => r.value) ?? 0;
+  return L.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
 }, pr = (i, e) => {
-  const t = E.select(i);
+  const t = L.select(i);
   if (t.empty())
     return console.error(`Element with selector ${i} not found!`), null;
   if (!e.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e.chartId))
@@ -826,16 +801,16 @@ const Js = (i) => {
     r = a.getBoundingClientRect(), o = r.width, c = r.height, _({ data: d, config: h });
   };
   window.addEventListener("resize", g);
-  const _ = (p, y = !1) => {
-    y && p.config && (h = Jt(h, p.config)), y && p.data && (d = p.data);
-    const v = d.map((S) => ({ date: new Date(S.date), value: S.value })).sort((S, M) => S.date.getTime() - M.date.getTime()), b = hn(v, h, o), x = dn(v, h, c);
+  const _ = (p, v = !1) => {
+    v && p.config && (h = Jt(h, p.config)), v && p.data && (d = p.data);
+    const b = d.map((M) => ({ date: new Date(M.date), value: M.value })).sort((M, S) => M.date.getTime() - S.date.getTime()), w = hn(b, h, o), x = dn(b, h, c);
     s.attr("class", `sc-charts sc-charts__${h.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${o} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
-    const w = {
+    const y = {
       chartId: e.chartId,
       svg: n,
       wrapperNode: s.node(),
-      data: v,
-      x: b,
+      data: b,
+      x: w,
       y: x,
       config: h,
       action: "none",
@@ -843,10 +818,10 @@ const Js = (i) => {
       height: c,
       gridHoverTooltip: null
     };
-    Vs(w);
+    Vs(y);
     const C = {
-      ...w,
-      elements: an(w)
+      ...y,
+      elements: an(y)
     };
     cn(C);
   };
@@ -861,13 +836,13 @@ var Ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function un(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var Me = { exports: {} };
-Me.exports;
+var Se = { exports: {} };
+Se.exports;
 var si;
 function fn() {
   return si || (si = 1, function(i, e) {
-    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", y = "[object GeneratorFunction]", v = "[object Map]", b = "[object Number]", x = "[object Null]", w = "[object Object]", C = "[object Proxy]", S = "[object RegExp]", M = "[object Set]", N = "[object String]", $ = "[object Undefined]", z = "[object WeakMap]", V = "[object ArrayBuffer]", Y = "[object DataView]", re = "[object Float32Array]", P = "[object Float64Array]", U = "[object Int8Array]", G = "[object Int16Array]", Fe = "[object Int32Array]", st = "[object Uint8Array]", oe = "[object Uint8ClampedArray]", ve = "[object Uint16Array]", be = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
-    F[re] = F[P] = F[U] = F[G] = F[Fe] = F[st] = F[oe] = F[ve] = F[be] = !0, F[o] = F[c] = F[V] = F[d] = F[Y] = F[g] = F[_] = F[p] = F[v] = F[b] = F[w] = F[S] = F[M] = F[N] = F[z] = !1;
+    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", S = "[object Set]", N = "[object String]", $ = "[object Undefined]", z = "[object WeakMap]", V = "[object ArrayBuffer]", Y = "[object DataView]", re = "[object Float32Array]", P = "[object Float64Array]", U = "[object Int8Array]", G = "[object Int16Array]", Fe = "[object Int32Array]", st = "[object Uint8Array]", oe = "[object Uint8ClampedArray]", ve = "[object Uint16Array]", be = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
+    F[re] = F[P] = F[U] = F[G] = F[Fe] = F[st] = F[oe] = F[ve] = F[be] = !0, F[o] = F[c] = F[V] = F[d] = F[Y] = F[g] = F[_] = F[p] = F[b] = F[w] = F[y] = F[M] = F[S] = F[N] = F[z] = !1;
     var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, O = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, Z = ee && !0 && i && !i.nodeType && i, q = Z && Z.exports === ee, ge = q && Re.process, ye = function() {
       try {
         var l = Z && Z.require && Z.require("util").types;
@@ -909,7 +884,7 @@ function fn() {
     var xe = Array.prototype, Ai = Function.prototype, ze = Object.prototype, at = O["__core-js_shared__"], Ve = Ai.toString, ne = ze.hasOwnProperty, Nt = function() {
       var l = /[^.]+$/.exec(at && at.keys && at.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), Ft = ze.toString, Si = Ve.call(Object), Mi = RegExp(
+    }(), Ft = ze.toString, Mi = Ve.call(Object), Si = RegExp(
       "^" + Ve.call(ne).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Ye = q ? O.Buffer : void 0, Ht = O.Symbol, Bt = O.Uint8Array;
     Ye && Ye.allocUnsafe;
@@ -919,7 +894,7 @@ function fn() {
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Ei = Ye ? Ye.isBuffer : void 0, $t = Math.max, Li = Date.now, Ot = lt(O, "Map"), Ce = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
+    }(), Li = Ye ? Ye.isBuffer : void 0, $t = Math.max, Ei = Date.now, Ot = lt(O, "Map"), Ce = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
       function l() {
       }
       return function(u) {
@@ -1050,14 +1025,14 @@ function fn() {
     }
     pe.prototype.clear = Gi, pe.prototype.delete = Zi, pe.prototype.get = qi, pe.prototype.has = Ji, pe.prototype.set = Qi;
     function Ki(l, u) {
-      var m = dt(l), T = !m && ht(l), D = !m && !T && Wt(l), H = !m && !T && !D && Xt(l), B = m || T || D || H, L = B ? Pe(l.length, String) : [], I = L.length;
+      var m = dt(l), T = !m && ht(l), D = !m && !T && Wt(l), H = !m && !T && !D && Xt(l), B = m || T || D || H, E = B ? Pe(l.length, String) : [], I = E.length;
       for (var J in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (J == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         D && (J == "offset" || J == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         H && (J == "buffer" || J == "byteLength" || J == "byteOffset") || // Skip index properties.
-        Vt(J, I)) || L.push(J);
-      return L;
+        Vt(J, I)) || E.push(J);
+      return E;
     }
     function rt(l, u, m) {
       (m !== void 0 && !Ge(l[u], m) || m === void 0 && !(u in l)) && ot(l, u, m);
@@ -1090,7 +1065,7 @@ function fn() {
     function is(l) {
       if (!ue(l) || bs(l))
         return !1;
-      var u = ft(l) ? Mi : Be;
+      var u = ft(l) ? Si : Be;
       return u.test(As(l));
     }
     function ss(l) {
@@ -1109,21 +1084,21 @@ function fn() {
         if (D || (D = new pe()), ue(H))
           as(l, u, B, m, zt, T, D);
         else {
-          var L = T ? T(ct(l, B), H, B + "", l, u, D) : void 0;
-          L === void 0 && (L = H), rt(l, B, L);
+          var E = T ? T(ct(l, B), H, B + "", l, u, D) : void 0;
+          E === void 0 && (E = H), rt(l, B, E);
         }
       }, Ut);
     }
     function as(l, u, m, T, D, H, B) {
-      var L = ct(l, m), I = ct(u, m), J = B.get(I);
+      var E = ct(l, m), I = ct(u, m), J = B.get(I);
       if (J) {
         rt(l, m, J);
         return;
       }
-      var W = H ? H(L, I, m + "", l, u, B) : void 0, Ae = W === void 0;
+      var W = H ? H(E, I, m + "", l, u, B) : void 0, Ae = W === void 0;
       if (Ae) {
         var gt = dt(I), mt = !gt && Wt(I), Zt = !gt && !mt && Xt(I);
-        W = I, gt || mt || Zt ? dt(L) ? W = L : Ss(L) ? W = ds(L) : mt ? (Ae = !1, W = ls(I)) : Zt ? (Ae = !1, W = hs(I)) : W = [] : Ms(I) || ht(I) ? (W = L, ht(L) ? W = Ds(L) : (!ue(L) || ft(L)) && (W = ps(I))) : Ae = !1;
+        W = I, gt || mt || Zt ? dt(E) ? W = E : Ms(E) ? W = ds(E) : mt ? (Ae = !1, W = ls(I)) : Zt ? (Ae = !1, W = hs(I)) : W = [] : Ss(I) || ht(I) ? (W = E, ht(E) ? W = Ds(E) : (!ue(E) || ft(E)) && (W = ps(I))) : Ae = !1;
       }
       Ae && (B.set(I, W), D(W, I, T, H, B), B.delete(I)), rt(l, m, W);
     }
@@ -1134,7 +1109,7 @@ function fn() {
       return We(l, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: Es(u),
+        value: Ls(u),
         writable: !0
       });
     } : Gt;
@@ -1159,8 +1134,8 @@ function fn() {
       var D = !m;
       m || (m = {});
       for (var H = -1, B = u.length; ++H < B; ) {
-        var L = u[H], I = void 0;
-        I === void 0 && (I = l[L]), D ? ot(m, L, I) : es(m, L, I);
+        var E = u[H], I = void 0;
+        I === void 0 && (I = l[E]), D ? ot(m, E, I) : es(m, E, I);
       }
       return m;
     }
@@ -1168,15 +1143,15 @@ function fn() {
       return rs(function(u, m) {
         var T = -1, D = m.length, H = D > 1 ? m[D - 1] : void 0, B = D > 2 ? m[2] : void 0;
         for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && _s(m[0], m[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++T < D; ) {
-          var L = m[T];
-          L && l(u, L, T, H);
+          var E = m[T];
+          E && l(u, E, T, H);
         }
         return u;
       });
     }
     function gs(l) {
       return function(u, m, T) {
-        for (var D = -1, H = Object(u), B = T(u), L = B.length; L--; ) {
+        for (var D = -1, H = Object(u), B = T(u), E = B.length; E--; ) {
           var I = B[++D];
           if (m(H[I], I, H) === !1)
             break;
@@ -1241,9 +1216,9 @@ function fn() {
         for (var T = arguments, D = -1, H = $t(T.length - u, 0), B = Array(H); ++D < H; )
           B[D] = T[u + D];
         D = -1;
-        for (var L = Array(u + 1); ++D < u; )
-          L[D] = T[D];
-        return L[u] = m(B), Oe(l, this, L);
+        for (var E = Array(u + 1); ++D < u; )
+          E[D] = T[D];
+        return E[u] = m(B), Oe(l, this, E);
       };
     }
     function ct(l, u) {
@@ -1254,7 +1229,7 @@ function fn() {
     function Ts(l) {
       var u = 0, m = 0;
       return function() {
-        var T = Li(), D = a - (T - m);
+        var T = Ei(), D = a - (T - m);
         if (m = T, D > 0) {
           if (++u >= n)
             return arguments[0];
@@ -1287,15 +1262,15 @@ function fn() {
     function ut(l) {
       return l != null && jt(l.length) && !ft(l);
     }
-    function Ss(l) {
+    function Ms(l) {
       return Te(l) && ut(l);
     }
-    var Wt = Ei || Ls;
+    var Wt = Li || Es;
     function ft(l) {
       if (!ue(l))
         return !1;
       var u = Xe(l);
-      return u == p || u == y || u == h || u == C;
+      return u == p || u == v || u == h || u == C;
     }
     function jt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
@@ -1307,14 +1282,14 @@ function fn() {
     function Te(l) {
       return l != null && typeof l == "object";
     }
-    function Ms(l) {
-      if (!Te(l) || Xe(l) != w)
+    function Ss(l) {
+      if (!Te(l) || Xe(l) != y)
         return !1;
       var u = It(l);
       if (u === null)
         return !0;
       var m = ne.call(u, "constructor") && u.constructor;
-      return typeof m == "function" && m instanceof m && Ve.call(m) == Si;
+      return typeof m == "function" && m instanceof m && Ve.call(m) == Mi;
     }
     var Xt = we ? le(we) : ss;
     function Ds(l) {
@@ -1326,7 +1301,7 @@ function fn() {
     var ks = fs(function(l, u, m) {
       zt(l, u, m);
     });
-    function Es(l) {
+    function Ls(l) {
       return function() {
         return l;
       };
@@ -1334,11 +1309,11 @@ function fn() {
     function Gt(l) {
       return l;
     }
-    function Ls() {
+    function Es() {
       return !1;
     }
     i.exports = ks;
-  }(Me, Me.exports)), Me.exports;
+  }(Se, Se.exports)), Se.exports;
 }
 var gn = fn();
 const Qe = /* @__PURE__ */ un(gn), ni = 12, mn = {
@@ -1555,23 +1530,23 @@ function ai(i, e) {
     let d = c;
     a.forEach((g, _) => {
       const p = (h - d) / a.length;
-      let y = d + p * _, v = y + p;
-      const b = Math.abs(y - v);
-      let x = Math.max(y, v) + b / 2, w = Math.min(y, v) - b / 2;
+      let v = d + p * _, b = v + p;
+      const w = Math.abs(v - b);
+      let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
-        const S = [...e.trade.entries, ...e.trade.exits].find((M) => {
-          const N = M.time.getTime();
+        const M = [...e.trade.entries, ...e.trade.exits].find((S) => {
+          const N = S.time.getTime();
           return N >= g && N < g + t;
         });
-        S && (S.type === "buy" ? (w = S.price, v = Math.max(w, v), y = v + b, x = Math.max(y, v) + b / 2, d = y) : S.type === "sell" && (x = S.price, v = Math.min(x, v), y = v - b, w = Math.min(y, v) - b / 2, d = y));
+        M && (M.type === "buy" ? (y = M.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : M.type === "sell" && (x = M.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, d = v));
       }
       const C = {
         open_time: new Date(g),
         close_time: new Date(g + t),
-        open: y,
-        close: v,
+        open: v,
+        close: b,
         high: x,
-        low: w
+        low: y
       };
       n.push(C);
     });
@@ -1675,12 +1650,12 @@ class vi {
 }
 class bi extends vi {
   constructor() {
-    super(), this._scale = E.scaleTime();
+    super(), this._scale = L.scaleTime();
   }
 }
 class wn extends vi {
   constructor() {
-    super(), this._scale = E.scaleLinear();
+    super(), this._scale = L.scaleLinear();
   }
 }
 const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
@@ -1697,7 +1672,7 @@ const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
   const [t, s] = e.domain().map((o) => o.getTime()), n = i.filter((o) => {
     const c = o.open_time.getTime();
     return c >= t && c <= s;
-  }), a = E.min(n, (o) => o.low), r = E.max(n, (o) => o.high);
+  }), a = L.min(n, (o) => o.low), r = L.max(n, (o) => o.high);
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
@@ -1706,7 +1681,7 @@ class An {
     this.model = e;
   }
   initX(e) {
-    const t = this.model.candles.preparedData, s = E.extent(t, (n) => new Date(n.open_time));
+    const t = this.model.candles.preparedData, s = L.extent(t, (n) => new Date(n.open_time));
     if (!s[0] || !s[1]) throw new Error("Invalid x data");
     e.setDomain(s), this.setRange(e, this.model.layout.xAxis), this.setDefaultXDomain(e), this.applyOffset(e);
   }
@@ -1740,7 +1715,7 @@ class An {
     e.setDomain([new Date(h.getTime() + c), new Date(d.getTime() + c)]);
   }
 }
-class Sn {
+class Mn {
   constructor(e) {
     f(this, "_model");
     f(this, "_scaleX");
@@ -1824,7 +1799,7 @@ class Sn {
     this._model.eventBus.emit("scale_event");
   }
 }
-class Mn {
+class Sn {
   constructor(e, { entry: t = [], exit: s = [] }) {
     f(this, "_model");
     f(this, "_rawEntry");
@@ -2024,7 +1999,7 @@ const kn = {
     }
   }
 };
-class En {
+class Ln {
   constructor(e) {
     f(this, "_scheme");
     this._scheme = Qe({}, kn, e), Object.keys(this._scheme).forEach((t) => {
@@ -2038,7 +2013,7 @@ class En {
     this._scheme = Qe({}, this._scheme, e);
   }
 }
-class Ln {
+class En {
   constructor(e, t) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -2103,7 +2078,7 @@ class Nn {
     f(this, "trade");
     f(this, "userMarkers");
     f(this, "comments");
-    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new En(o), this.layout = new _n(t, this.config), this.scales = new Sn(this), this.trade = new Mn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new Ln(c, this);
+    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new Ln(o), this.layout = new _n(t, this.config), this.scales = new Mn(this), this.trade = new Sn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new En(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2172,7 +2147,7 @@ class k {
     this.node.style.opacity = e ? "1" : "0", this.node.style.visibility = e ? "visible" : "hidden";
   }
 }
-class Le extends k {
+class Ee extends k {
   constructor({ className: t, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
@@ -2211,7 +2186,7 @@ function Hn(i, e) {
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: a
-  } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = E.timeFormat("%d %b"), h = E.timeFormat("%H:%M");
+  } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = L.timeFormat("%d %b"), h = L.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((d) => {
     const g = a.x.convert(d), _ = o(d) ? c(d) : h(d);
     i.fillText(_, g, t.y + t.height / 2);
@@ -2283,15 +2258,15 @@ function Ke(i) {
   return i * 0.1875;
 }
 const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, _ = 16 * g, p = n - _ / 2, y = a;
-  i.save(), i.translate(p, y), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
-  const v = a + g * 3 + 0.5, b = g * 16, x = v + b / 2;
+  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
+  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const b = a + g * 3 + 0.5, w = g * 16, x = b + w / 2;
   i.fillStyle = t, i.fillText(s, n, x), i.restore();
 }, On = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, _ = 16 * g, p = n - _ / 2, y = a;
-  i.save(), i.translate(p, y), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
-  const v = g * 16, b = a - g * 19 + v / 2;
-  i.fillStyle = t, i.fillText(s, n, b), i.restore();
+  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
+  i.save(), i.translate(p, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
+  const b = g * 16, w = a - g * 19 + b / 2;
+  i.fillStyle = t, i.fillText(s, n, w), i.restore();
 };
 function et(i) {
   "@babel/helpers - typeof";
@@ -3014,15 +2989,15 @@ function ha(i, e) {
   const { trade: o } = a, c = 4;
   t.forEach(({ isHovered: h, isActive: d, candle: g, trades: _ }) => {
     const p = s.convert(g.open_time);
-    _.forEach((y) => {
-      const v = y.type === "buy", b = v ? o.buyLabel.text : o.sellLabel.text, x = v ? "B" : "S", w = v ? n.convert(g.low) + c : n.convert(g.high) - c, C = v ? $n : On;
-      let S = v ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === y.type && (S = A.mix(S, a.bg, 20).toString()), d && d[1] && d[0] === y.type && (S = o.activeLabel), C(i, {
+    _.forEach((v) => {
+      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : On;
+      let M = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (M = A.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
         x: p,
-        y: w,
+        y,
         symbol: x,
-        mainColor: S,
-        textColor: b,
+        mainColor: M,
+        textColor: w,
         size: 16,
         fontSize: 12
       });
@@ -3065,11 +3040,11 @@ const ua = (i, e) => {
       (p) => g.getTime() >= p.candle.open_time.getTime() && g.getTime() < p.candle.close_time.getTime()
     )) == null ? void 0 : _.candle;
   }, d = (g, _) => {
-    const p = h(g.time), y = h(_.time);
-    if (!p || !y) return;
-    const v = t.convert(p.open_time), b = t.convert(y.open_time);
-    let x, w;
-    g.type === "buy" ? (x = s.convert(p.low), w = s.convert(y.high)) : (x = s.convert(p.high), w = s.convert(y.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(v, x), i.lineTo(b, w), i.stroke(), i.setLineDash([]);
+    const p = h(g.time), v = h(_.time);
+    if (!p || !v) return;
+    const b = t.convert(p.open_time), w = t.convert(v.open_time);
+    let x, y;
+    g.type === "buy" ? (x = s.convert(p.low), y = s.convert(v.high)) : (x = s.convert(p.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, x), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
   };
   if (a.length === 1 && r.length > 1)
     r.forEach((g) => d(a[0], g));
@@ -3078,7 +3053,7 @@ const ua = (i, e) => {
   else if (a.length === 1 && r.length === 1)
     d(a[0], r[0]);
   else if (a.length > 0 && r.length > 0) {
-    const g = a.reduce((p, y) => p.time < y.time ? p : y), _ = r.reduce((p, y) => p.time > y.time ? p : y);
+    const g = a.reduce((p, v) => p.time < v.time ? p : v), _ = r.reduce((p, v) => p.time > v.time ? p : v);
     d(g, _);
   }
   i.restore();
@@ -3133,27 +3108,27 @@ const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
   if (!c) return;
   const _ = n.at(0), p = a.at(-1);
   if (!_ || !p) return;
-  const y = (Y) => Y ? Y instanceof Date ? Y : new Date(Y) : null, v = t.convert(y(d == null ? void 0 : d[0]) || _.candle.open_time), b = t.convert(y(d == null ? void 0 : d[1]) || p.candle.open_time), x = s.convert(g || (((V = n.at(0)) == null ? void 0 : V.price) ?? 0));
-  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(v, x), i.lineTo(b, x), i.stroke(), i.setLineDash([]);
-  const w = (v + b) / 2, C = h || `Hold: ${ga(r)}`, M = getComputedStyle(
+  const v = (Y) => Y ? Y instanceof Date ? Y : new Date(Y) : null, b = t.convert(v(d == null ? void 0 : d[0]) || _.candle.open_time), w = t.convert(v(d == null ? void 0 : d[1]) || p.candle.open_time), x = s.convert(g || (((V = n.at(0)) == null ? void 0 : V.price) ?? 0));
+  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(b, x), i.lineTo(w, x), i.stroke(), i.setLineDash([]);
+  const y = (b + w) / 2, C = h || `Hold: ${ga(r)}`, S = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${ma}px ${M}`;
+  i.font = `600 ${ma}px ${S}`;
   const $ = i.measureText(C).width + pa * 2, z = va + _a * 2;
   xi(i, {
     radius: 4,
     coords: {
-      x: w - $ / 2,
+      x: y - $ / 2,
       y: x - z / 2
     },
     width: $,
     height: z,
     fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(C, w, x), i.restore();
+  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(C, y, x), i.restore();
 };
 class Ne {
   constructor(e, t, {
-    CanvasClass: s = Le,
+    CanvasClass: s = Ee,
     noCanvas: n = !1,
     noDOM: a = !1
   } = {}) {
@@ -3182,33 +3157,33 @@ const ya = {
   prioritySide: s = "right-bottom",
   offset: n = 8
 }) => {
-  const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (w) => {
-    const { dx: C, dy: S } = ya[w], M = t.x + (C === 1 ? n : -a - n), N = t.y + (S === 1 ? n : -r - n);
-    return { x: M, y: N, side: w };
-  }, d = ({ x: w, y: C }) => w >= 0 && C >= 0 && w + a <= o && C + r <= c, g = () => {
-    const w = t.y < 0, C = t.y + r > c, S = t.x < 0, M = t.x + a > o;
-    return S && w ? "right-bottom" : S && C ? "right-top" : M && w ? "left-bottom" : M && C ? "left-top" : S ? "right-bottom" : M ? "left-bottom" : w ? "right-bottom" : C ? "right-top" : s;
+  const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (y) => {
+    const { dx: C, dy: M } = ya[y], S = t.x + (C === 1 ? n : -a - n), N = t.y + (M === 1 ? n : -r - n);
+    return { x: S, y: N, side: y };
+  }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
+    const y = t.y < 0, C = t.y + r > c, M = t.x < 0, S = t.x + a > o;
+    return M && y ? "right-bottom" : M && C ? "right-top" : S && y ? "left-bottom" : S && C ? "left-top" : M ? "right-bottom" : S ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, p = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((w, C, S) => S.indexOf(w) === C), y = g();
-  let v = null;
-  for (const w of [y, ...p]) {
-    const C = h(w);
+  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
+  let b = null;
+  for (const y of [v, ...p]) {
+    const C = h(y);
     if (d(C)) {
-      v = C;
+      b = C;
       break;
     }
   }
-  v || (v = h(y));
-  const b = Math.min(Math.max(v.x, n), o - a - n), x = Math.min(Math.max(v.y, n), c - r - n);
+  b || (b = h(v));
+  const w = Math.min(Math.max(b.x, n), o - a - n), x = Math.min(Math.max(b.y, n), c - r - n);
   return {
-    x: b,
+    x: w,
     y: x,
-    side: v.side
+    side: b.side
   };
 };
 class se extends k {
@@ -3356,15 +3331,15 @@ const Ta = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `${a} ${n}px ${p}`;
-  const v = i.measureText(s).width + o.x * 2, b = r + o.y * 2;
-  let x = t.x, w = t.y;
-  d.x === "middle" ? x -= v / 2 : d.x === "right" && (x -= v), d.y === "middle" ? w -= b / 2 : d.y === "bottom" && (w -= b), xi(i, {
+  const b = i.measureText(s).width + o.x * 2, w = r + o.y * 2;
+  let x = t.x, y = t.y;
+  d.x === "middle" ? x -= b / 2 : d.x === "right" && (x -= b), d.y === "middle" ? y -= w / 2 : d.y === "bottom" && (y -= w), xi(i, {
     radius: c,
-    coords: { x, y: w },
-    width: v,
-    height: b,
+    coords: { x, y },
+    width: b,
+    height: w,
     fillColor: g.bg
-  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, x + v / 2, w + b / 2);
+  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, x + b / 2, y + w / 2);
 }, gi = {
   line: "#000000",
   text: "#ffffff",
@@ -3400,7 +3375,7 @@ const Ta = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     }
   }), i.restore();
 };
-class Sa extends Le {
+class Ma extends Ee {
   constructor(e) {
     super(e);
   }
@@ -3408,9 +3383,9 @@ class Sa extends Le {
     Ci(this.ctx, e);
   }
 }
-class Ma extends Ne {
+class Sa extends Ne {
   constructor(e) {
-    if (super("user-markers", e, { CanvasClass: Sa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
+    if (super("user-markers", e, { CanvasClass: Ma, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
   render(e) {
     this.canvas.clear();
@@ -3464,7 +3439,7 @@ class ka extends k {
     }), this.append(s.node, n.node);
   }
 }
-function Et(i, e) {
+function Lt(i, e) {
   var n;
   const t = (a) => {
     if (!document.contains(i.node)) return;
@@ -3481,7 +3456,7 @@ function Et(i, e) {
     document.removeEventListener("mousedown", t), s == null || s();
   }, i;
 }
-class Ea {
+class La {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3519,31 +3494,31 @@ class Ea {
     this.node = t;
   }
 }
-const Se = new ae("comment-list");
-class La extends k {
+const Me = new ae("comment-list");
+class Ea extends k {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
-    super({ className: Se.gen("item") });
+    super({ className: Me.gen("item") });
     f(this, "actionTooltip");
     f(this, "actionsTrigger");
-    const r = new k({ className: Se.gen("text"), textContent: n.text }), o = new k({
-      className: Se.gen("created-at"),
+    const r = new k({ className: Me.gen("text"), textContent: n.text }), o = new k({
+      className: Me.gen("created-at"),
       textContent: fa(new Date(n.createdAt))
     });
     this.actionsTrigger = new k({
       tag: "button",
-      className: Se.gen("action-trigger")
+      className: Me.gen("action-trigger")
     });
     const c = new ka({
       onDelete: t,
       onUpdate: s
     });
-    this.actionTooltip = Et(c, () => {
+    this.actionTooltip = Lt(c, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
       this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - a.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - a.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
-    const h = new k({ className: Se.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ea().node), this.append(h.node, o.node);
+    const h = new k({ className: Me.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new La().node), this.append(h.node, o.node);
   }
 }
 class Na {
@@ -3628,7 +3603,7 @@ class Ia extends se {
         },
         initialValue: t.text
       });
-    const s = new La({
+    const s = new Ea({
       onDelete: () => {
         this._model.comments.remove(t.id), s.actionTooltip.setVisible(!1);
       },
@@ -3768,7 +3743,7 @@ class Va extends se {
     }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: mi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
       const h = !this.state.isActive;
       h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = Et(new Oa(a, s, n), (h) => {
+    }), this.tooltip = Lt(new Oa(a, s, n), (h) => {
       this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
@@ -3780,8 +3755,8 @@ class Va extends se {
 class Ya {
   static animateTo(e, t, s, n) {
     const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, d = e.scales.panOffsetY, g = (_) => {
-      const p = _ - c, y = Math.min(p / o, 1), v = y * y * (3 - 2 * y), b = h + (a - h) * v, x = d + (r - d) * v;
-      e.scales.pan("x", b, "absolute"), e.scales.pan("y", x, "absolute"), y < 1 ? requestAnimationFrame(g) : n == null || n();
+      const p = _ - c, v = Math.min(p / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = d + (r - d) * b;
+      e.scales.pan("x", w, "absolute"), e.scales.pan("y", x, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
     };
     requestAnimationFrame(g);
   }
@@ -3800,7 +3775,7 @@ class Wa extends se {
     f(this, "_size", null);
     f(this, "_model", null);
     f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Et(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Lt(this.menu, () => {
       this.setState({ isShow: !1 });
     }), this.addField = new Ti({
       blockName: "context-add",
@@ -3877,7 +3852,7 @@ class ja extends Ne {
     });
   }
 }
-class Xa extends Le {
+class Xa extends Ee {
   constructor(e) {
     super(e);
   }
@@ -3911,7 +3886,7 @@ class Ua extends Ne {
     if (e.config.guides.isShowX) {
       const n = e.config.xAxis.position;
       this.canvas.drawMarker({
-        text: E.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
+        text: L.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
         startLineCoords: { x: t, y: 0 },
         endMarkerCoords: { x: t, y: e.layout.xAxis[n] },
         side: n,
@@ -3939,7 +3914,7 @@ class Ga extends se {
     this.position(r.x, r.y);
   }
 }
-class Za extends Le {
+class Za extends Ee {
   constructor(t) {
     super(t);
     f(this, "domain", null);
@@ -4037,12 +4012,12 @@ class Ja {
     f(this, "candles");
     this.container = e, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
     const { width: t, height: s } = e.getBoundingClientRect();
-    this.width = t, this.height = s, this.mainCanvas = new Le({
+    this.width = t, this.height = s, this.mainCanvas = new Ee({
       className: "sc-charts-cs__canvas-main",
       width: t,
       height: s,
       isMain: !0
-    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Ma(this);
+    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Sa(this);
   }
   renderAll(e) {
     this.mainCanvas.clear(), this.candles.render(e), bt.xAxis(this.mainCanvas.ctx, e), bt.yAxis(this.mainCanvas.ctx, e), bt.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e);
@@ -4323,8 +4298,8 @@ class tr {
       }
     } = this.model;
     for (const o of s) {
-      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), g = c - r / 2, _ = c + r / 2, p = Math.min(h, d), y = Math.max(h, d);
-      if (e >= g && e <= _ && t >= p && t <= y)
+      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), g = c - r / 2, _ = c + r / 2, p = Math.min(h, d), v = Math.max(h, d);
+      if (e >= g && e <= _ && t >= p && t <= v)
         return {
           target: this,
           x: e,
@@ -4362,19 +4337,19 @@ class sr {
     const { tradedCandles: s } = this.model.trade, { x: n, y: a } = this.model.scales, r = 16, o = 4;
     for (const { candle: c, trades: h } of s) {
       const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, _ = r, p = r;
-      for (const y of ["buy", "sell"]) {
-        const v = h.filter((C) => C.type === y);
-        if (!v.length) continue;
-        const b = y === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - _ / 2 && e <= g + _ / 2, w = t >= b && t <= b + p;
-        if (x && w)
+      for (const v of ["buy", "sell"]) {
+        const b = h.filter((C) => C.type === v);
+        if (!b.length) continue;
+        const w = v === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - _ / 2 && e <= g + _ / 2, y = t >= w && t <= w + p;
+        if (x && y)
           return {
             target: this,
             type: "trade-label",
-            tradeType: y,
+            tradeType: v,
             x: e,
             y: t,
             candle: c,
-            trades: v
+            trades: b
           };
       }
     }
@@ -4475,10 +4450,10 @@ function At(i, e) {
   const { width: t } = e.candles.limiter.absolutePosition, s = i.config.candles.baseWidth, n = i.config.candles.limiterOffset.left + i.config.candles.limiterOffset.right, r = i.scales.x.convert(i.candles.allData[0].open_time) - t - s / 2 - n;
   r > 0 && i.scales.pan("x", -r);
 }
-function St(i) {
+function Mt(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
-class Lt {
+class Et {
   constructor(e, t, s) {
     f(this, "_model");
     f(this, "_hitManager");
@@ -4486,7 +4461,7 @@ class Lt {
     this._model = e, this._hitManager = t, this._hit = s, t.register(s);
   }
 }
-class hr extends Lt {
+class hr extends Et {
   constructor(t, s, n) {
     super(t, s, new ar(t));
     f(this, "_view");
@@ -4495,13 +4470,13 @@ class hr extends Lt {
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const s = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", -s), this._view && St(this._view) && At(this._model, this._view);
+      this._model.scales.scale("x", -s), this._view && Mt(this._view) && At(this._model, this._view);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
   }
 }
-class dr extends Lt {
+class dr extends Et {
   constructor(e, t) {
     super(e, t, new or(e));
   }
@@ -4514,7 +4489,7 @@ class dr extends Lt {
     });
   }
 }
-class ur extends Lt {
+class ur extends Et {
   constructor(t, s, n) {
     super(t, n, new rr(t));
     f(this, "_view");
@@ -4533,7 +4508,7 @@ class ur extends Lt {
       this._hit,
       "drag",
       cr(1, (t) => {
-        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), St(this._view) && At(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), Mt(this._view) && At(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
       const s = this._model.scales.x.invert(t), n = Dt.findByDate(s, this._model.candles.allData);
@@ -4542,7 +4517,7 @@ class ur extends Lt {
       var a, r;
       if (!t.deltaY) return;
       const s = -t.deltaY, n = (r = (a = this._model.config) == null ? void 0 : a.candles) == null ? void 0 : r.zoomOnWheel;
-      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), St(this._view) && At(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), Mt(this._view) && At(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
@@ -4722,16 +4697,16 @@ class _r {
       p.push({ label: "Net P&L", value: t.net_pnl, valueColor: C ? "#56B683" : "#F18169" });
     }
     t.type && p.push({ label: "Type", value: t.type }), t.entry_price && p.push({ label: "Entry", value: t.entry_price }), t.exit_price && p.push({ label: "Exit", value: t.exit_price }), t.open_date && p.push({ label: "Open date", value: t.open_date }), t.close_date && p.push({ label: "Close date", value: t.close_date }), t.holdtime && p.push({ label: "Holdtime", value: t.holdtime }), t.rr && p.push({ label: "RR", value: t.rr }), t.volume && p.push({ label: "Volume", value: t.volume });
-    const y = _ + c / 2, v = 24 * r;
+    const v = _ + c / 2, b = 24 * r;
     if (p.length === 0) return;
     e.font = `500 ${d}px Geist, Arial, sans-serif`;
-    const b = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
-    let w = h;
+    const w = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
+    let y = h;
     p.forEach((C) => {
-      const S = e.measureText(C.label).width, M = e.measureText(C.value).width, N = S + g + M;
-      e.fillStyle = b, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, w, y);
-      const $ = w + S + g;
-      e.fillStyle = C.valueColor || x, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.value, $, y), w += N + v;
+      const M = e.measureText(C.label).width, S = e.measureText(C.value).width, N = M + g + S;
+      e.fillStyle = w, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
+      const $ = y + M + g;
+      e.fillStyle = C.valueColor || x, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.value, $, v), y += N + b;
     });
   }
   async captureScreenshot(e = {}) {
@@ -4742,30 +4717,30 @@ class _r {
       hour: "2-digit",
       minute: "2-digit",
       timeZoneName: "short"
-    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: _, height: p } = this._view, y = Array.from(
+    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: _, height: p } = this._view, v = Array.from(
       g.node.querySelectorAll("canvas")
     );
-    if (y.length === 0) {
+    if (v.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const v = 1440, b = 900, x = 48, w = 20, C = c ? 32 : 0, S = b - x - w - C, M = v, N = _ / p, $ = M / S;
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, S = b, N = _ / p, $ = S / M;
     let z, V, Y = 0, re = 0;
-    N > $ ? (V = S, z = V * N, Y = 0, re = 0) : (z = M, V = z / N, re = (S - V) / 2);
+    N > $ ? (V = M, z = V * N, Y = 0, re = 0) : (z = S, V = z / N, re = (M - V) / 2);
     const P = window.devicePixelRatio || 1, U = document.createElement("canvas");
-    U.width = v * P, U.height = b * P;
+    U.width = b * P, U.height = w * P;
     const G = U.getContext("2d");
     if (!G) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
     G.fillStyle = h ? "#101011" : "#ffffff", G.fillRect(0, 0, U.width, U.height);
-    const Fe = x * P, st = w * P, oe = S * P, ve = M * P, be = Fe + st;
+    const Fe = x * P, st = y * P, oe = M * P, ve = S * P, be = Fe + st;
     await this._drawHeader(G, U.width, P, h), this._drawHeaderSecondLine(G, r, o, U.width, Fe, P, h);
     const He = this._view.mainCanvas;
     He.background && (G.fillStyle = He.background, G.fillRect(0, be, U.width, oe));
     const Be = z * P, Ie = V * P, F = Y * P, Re = re * P;
-    y.forEach((O) => {
+    v.forEach((O) => {
       let ee = 0, Z = 0, q = O.width, ge = O.height, ye = Be, we = Ie, Oe = F, Pe = Re;
       if (N > $) {
         const le = Ie / O.height, ce = O.width * le;