charts-core 1.1.31 → 1.1.32

package/dist/charts-core.js

@@ -5,20 +5,20 @@ 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 = L.axisRight(s);
-    o && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
+  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
+    let _ = L.axisRight(s);
+    o && c ? _ = _.tickFormat(c) : _ = _.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((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 v = p.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
-    _.selectAll(".tick").each(function(w, x) {
+    }), o && d && (_ = Array.isArray(d) ? _.ticks(...d) : _.ticks(d)), o && h && (_ = _.tickValues(h)), p.call(_);
+  }).call((p) => {
+    let _ = [];
+    p.selectAll(".tick").each((v) => _.push(v)), i.yTicks = _;
+  }).call((p) => p.select(".domain").remove()).call((p) => p.selectAll(".tick line").remove()).call((p) => {
+    const _ = p.selectAll(".tick text");
+    _.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
+    const v = _.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
+    p.selectAll(".tick").each(function(w, x) {
       var $;
       const y = L.select(this), C = y.select("text"), S = v[x], T = b - S, N = y.append("g").attr("transform", "translate(10, 0)");
       C.attr("x", T), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
@@ -27,13 +27,13 @@ const Hs = (i) => {
 }, Bs = (i) => {
   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");
+  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((p) => {
+    let _ = L.axisBottom(s);
+    d ? (h && (_ = _.tickFormat(h)), g && (_ = Array.isArray(g) ? _.ticks(...g) : _.ticks(g)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
+  }).call((p) => p.select(".domain").remove()).call((p) => {
+    let _ = [];
+    p.selectAll(".tick").each((v) => _.push(v)), i.xTicks = _;
+  }).call((p) => p.selectAll(".tick line").remove()).call((p) => p.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,
@@ -84,26 +84,26 @@ const Hs = (i) => {
     return r.append("circle").attr("cx", t).attr("cy", s).attr("r", n).classed("sc-charts__hovered-circles", !0), r.append("circle").attr("cx", t).attr("cy", s).attr("r", n + a).classed("sc-charts__hovered-circles_add", !0), r;
   }
 };
-function Os(i, e, t, s) {
+function Ps(i, e, t, s) {
   if (!i) return null;
   const n = i.width / 2, a = e - n, r = e + n;
   return a < t ? t : r > s ? s - i.width : e - n;
 }
-const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
+const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Os = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
+    grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: p }
   } = t;
   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], v = s(r[0].date), b = s(r[r.length - 1].date);
-    qt(e, { x1: v, x2: b, y1: p, y2: p });
+    const _ = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
+    qt(e, { x1: v, x2: b, y1: _, y2: _ });
     const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o), C = (T) => {
       if (!d) return;
       _i(x), w.style.display = "block", x.append(d({ date: T.date, value: T.value }));
-      const N = x.getBoundingClientRect(), $ = Os(
+      const N = x.getBoundingClientRect(), $ = Ps(
         N,
         s(T.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
@@ -118,12 +118,12 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       hide: S
     } : null, r.forEach((T, N) => {
       const $ = s(T.date), X = n(T.value), U = r[N - 1], te = N > 0 && U && T.value === U.value;
-      te || qt(e, { x1: $, x2: $, y1: X, y2: p });
+      te || qt(e, { x1: $, x2: $, y1: X, y2: _ });
       const K = $s(e, te, {
         x: $,
-        y: p,
+        y: _,
         r: g,
-        hr: _
+        hr: p
       });
       d && K.on("mouseover", function() {
         C({ date: T.date, value: te ? null : T.value });
@@ -133,7 +133,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     });
   }
 }, zs = (i) => {
-  Is(i), Ps(i);
+  Is(i), Os(i);
 }, 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);
@@ -225,7 +225,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       t.remove();
     }
   };
-}, Ys = (i, e = {}) => {
+}, Ws = (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 = ve(n);
   return ((o, c) => Ee(a, o, {
     x1: "0%",
@@ -249,7 +249,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       s.remove();
     }
   };
-}, ge = "sc-charts__range-tooltip", Kt = L.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
+}, ge = "sc-charts__range-tooltip", Kt = L.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
   const e = L.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
@@ -282,15 +282,15 @@ 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, v = i.x(h.date) < p ? "left" : "right";
+        const d = a.value - n.value, { sumFormatter: g, timeFormatter: p } = i.config.selection, _ = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < _ ? "left" : "right";
         let b = "", w = "";
         if (g)
           b = g({ left: n.value, right: a.value, direction: v });
         else {
           const x = (d / Math.abs(n.value) * 100).toFixed(2);
-          b = `${Ws(d)} (${x}%)`;
+          b = `${Ys(d)} (${x}%)`;
         }
-        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
+        p ? w = p({ 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), S = i.x(a.date);
           let N = (C + S) / 2 - x.width / 2;
           const $ = 0, X = y.width - x.width;
@@ -414,15 +414,15 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  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);
+  const h = L.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.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);
+    className(p, _) {
+      p === "remove" ? g.classed(`${d}${_}`, !1) : g.classed(`${d}${_}`, !0);
     },
-    update({ data: _, hidden: p }) {
-      if (_ !== void 0 && g.datum(_).attr("d", h), p !== void 0) {
+    update({ data: p, hidden: _ }) {
+      if (p !== void 0 && g.datum(p).attr("d", h), _ !== void 0) {
         if (!a.hasMainLineArea) return null;
-        g.classed(`${d}_hidden`, p);
+        g.classed(`${d}_hidden`, _);
       }
     },
     destroy() {
@@ -430,8 +430,8 @@ 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 = ve(d), _ = "range-line-area-gradient";
-  Ee(g, _ + "_up", {
+  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 = ve(d), p = "range-line-area-gradient";
+  Ee(g, p + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -440,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", {
+  }), Ee(g, p + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -450,39 +450,39 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  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})`);
+  const _ = 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", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
     },
     update({ data: y, hidden: C, clip: S }) {
-      y !== void 0 && x.datum(y).attr("d", p), C !== void 0 && x.classed(`${t}_hidden`, C), S !== void 0 && w.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.height);
+      y !== void 0 && x.datum(y).attr("d", _), C !== void 0 && x.classed(`${t}_hidden`, C), S !== void 0 && w.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.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 = ve(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})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = ve(d), p = L.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).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", p).attr("id", c).attr("clip-path", `url(#${_})`);
   return {
     className(x, y) {
       x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
     },
     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);
+      x !== void 0 && w.datum(x).attr("d", p), 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() {
       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(), _ = ve(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})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), p = ve(g), _ = L.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = p.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", _).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
     },
     update({ data: y, clip: C, hidden: S }) {
-      y !== void 0 && x.datum(y).attr("d", p), S !== void 0 && x.classed(`${c}_hidden`, S), 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));
+      y !== void 0 && x.datum(y).attr("d", _), S !== void 0 && x.classed(`${c}_hidden`, S), 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();
@@ -496,13 +496,13 @@ 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), v = a(_.value);
-    c.attr("cx", p).attr("cy", v);
+    const p = g[g.length - 1], _ = n(p.date), v = a(p.value);
+    c.attr("cx", _).attr("cy", v);
     const b = i.config.extremePointFormatter || sn;
-    h.attr("x", p).attr("y", v).text(b(_.value));
+    h.attr("x", _).attr("y", v).text(b(p.value));
   })(s), {
-    className(g, _) {
-      g === "remove" ? o.classed(`${r}${_}`, !1) : o.classed(`${r}${_}`, !0);
+    className(g, p) {
+      g === "remove" ? o.classed(`${r}${p}`, !1) : o.classed(`${r}${p}`, !0);
     },
     update({ hidden: g }) {
       g !== void 0 && o.classed(`${r}_hidden`, g);
@@ -520,7 +520,7 @@ const Js = (i) => {
   i.config.hasExtremePoint && (s = nn(i, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const n = Ys(i.svg), a = tn(i, {
+  const n = Ws(i.svg), a = tn(i, {
     baseClassName: "sc-charts__highlight-line",
     id: `${i.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
@@ -541,10 +541,10 @@ const Js = (i) => {
   }), g = pt(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), _ = pt(i.svg, {
+  }), p = pt(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), p = Xs(i), v = Js(i), b = en(i);
+  }), _ = Xs(i), v = Js(i), b = en(i);
   return {
     hoverLine: n,
     hoverCircle: o,
@@ -553,9 +553,9 @@ const Js = (i) => {
     rangeLine: d,
     rangeLineArea: b,
     rangeCircleLeft: g,
-    rangeCircleRight: _,
+    rangeCircleRight: p,
     mainLine: e,
-    rangeTooltip: p,
+    rangeTooltip: _,
     highlightLine: a,
     hoverTooltip: v,
     mainLineArea: t,
@@ -600,11 +600,11 @@ const Js = (i) => {
         };
     }
     if (e >= h && e < d) {
-      const g = t(h), _ = t(d);
+      const g = t(h), p = t(d);
       return {
         x: g,
         y: 0,
-        width: _ - g,
+        width: p - g,
         height: "100%"
       };
     }
@@ -629,11 +629,11 @@ const Js = (i) => {
         d = new Date(c.getFullYear(), c.getMonth() - r, 1);
         break;
     }
-    const g = t(d), _ = t(c);
+    const g = t(d), p = t(c);
     return {
       x: g,
       y: 0,
-      width: _ - g,
+      width: p - g,
       height: "100%"
     };
   }
@@ -671,12 +671,12 @@ const Js = (i) => {
       clip: g,
       hidden: !1
     });
-    const _ = s.range()[0] - s(0) + a.bottom;
-    _ >= 0 && ((c = n.belowZeroLine) == null || c.update({
+    const p = s.range()[0] - s(0) + a.bottom;
+    p >= 0 && ((c = n.belowZeroLine) == null || c.update({
       clip: {
         ...g,
         y: s(0),
-        height: _
+        height: p
       }
     })), n.mainLine.className("add", "_muted");
   } else
@@ -710,7 +710,7 @@ const Js = (i) => {
     config: { margin: a },
     height: r,
     elements: o
-  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, d = h.value - c.value >= 0, g = s(c.date), _ = s(h.date), p = _ - g;
+  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, d = h.value - c.value >= 0, g = s(c.date), p = s(h.date), _ = p - g;
   o.rangeBorderLeft.update({
     x1: g,
     x2: g,
@@ -718,8 +718,8 @@ const Js = (i) => {
     y2: r - a.bottom,
     hidden: !1
   }), o.rangeBorderRight.update({
-    x1: _,
-    x2: _,
+    x1: p,
+    x2: p,
     y1: a.top,
     y2: r - a.bottom,
     hidden: !1
@@ -728,14 +728,14 @@ const Js = (i) => {
     cy: n(c.value),
     hidden: !1
   }), o.rangeCircleRight.update({
-    cx: _,
+    cx: p,
     cy: n(h.value),
     hidden: !1
   }), o.rangeLine.update({
     clip: {
       x: g,
       y: 0,
-      width: p,
+      width: _,
       height: n.range()[0]
     },
     hidden: !1
@@ -743,7 +743,7 @@ const Js = (i) => {
     clip: {
       x: g,
       y: 0,
-      width: p,
+      width: _,
       height: n.range()[0]
     },
     hidden: !1
@@ -751,7 +751,7 @@ const Js = (i) => {
     rightPoint: h,
     leftPoint: c,
     closest: t,
-    x: g + p / 2,
+    x: g + _ / 2,
     y: 0,
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
@@ -764,11 +764,11 @@ 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 _ = (v) => t.reduce(
+  const p = (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(v) {
-    const [b] = L.pointer(v, this), w = _(b);
+    const [b] = L.pointer(v, this), w = p(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);
@@ -776,10 +776,10 @@ const Js = (i) => {
     if (h.enable) {
       g = !0, i.action = "selection";
       const [b] = L.pointer(v, this);
-      d = _(b);
+      d = p(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = L.pointer(v, this), w = _(b);
+    const [b] = L.pointer(v, this), w = p(b);
     g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
   });
 }, hn = (i, e, t) => {
@@ -796,39 +796,39 @@ const Js = (i) => {
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
   const s = t.append("div"), n = s.append("svg"), a = t.node();
-  let r = a.getBoundingClientRect(), o = r.width, c = r.height, h = Jt({ ...Qs }, e.config), d = e.data;
-  const g = () => {
-    r = a.getBoundingClientRect(), o = r.width, c = r.height, _({ data: d, config: h });
+  let r = a.clientWidth, o = a.clientHeight, c = Jt({ ...Qs }, e.config), h = e.data;
+  const d = () => {
+    r = a.clientWidth, o = a.clientHeight, g({ data: h, config: c });
   };
-  window.addEventListener("resize", g);
-  const _ = (p, v = !1) => {
-    v && p.config && (h = Jt(h, p.config)), v && p.data && (d = p.data);
-    const b = d.map((S) => ({ date: new Date(S.date), value: S.value })).sort((S, T) => S.date.getTime() - T.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 y = {
+  e.disabledResize || window.addEventListener("resize", d);
+  const g = (p, _ = !1) => {
+    _ && p.config && (c = Jt(c, p.config)), _ && p.data && (h = p.data);
+    const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, S) => C.date.getTime() - S.date.getTime()), b = hn(v, c, r), w = dn(v, c, o);
+    s.attr("class", `sc-charts sc-charts__${c.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${r} ${o}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
+    const x = {
       chartId: e.chartId,
       svg: n,
       wrapperNode: s.node(),
-      data: b,
-      x: w,
-      y: x,
-      config: h,
+      data: v,
+      x: b,
+      y: w,
+      config: c,
       action: "none",
-      width: o,
-      height: c,
+      width: r,
+      height: o,
       gridHoverTooltip: null
     };
-    Vs(y);
-    const C = {
-      ...y,
-      elements: an(y)
+    Vs(x);
+    const y = {
+      ...x,
+      elements: an(x)
     };
-    cn(C);
+    cn(y);
   };
-  return _(e), {
-    update: (p) => _(p, !0),
+  return g(e), {
+    update: (p) => g(p, !0),
     destroy: () => {
-      window.removeEventListener("resize", g), n.remove();
+      e.disabledResize || window.removeEventListener("resize", d), n.remove();
     }
   };
 };
@@ -841,16 +841,16 @@ De.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]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", S = "[object RegExp]", T = "[object Set]", N = "[object String]", $ = "[object Undefined]", X = "[object WeakMap]", U = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", V = "[object Int8Array]", O = "[object Int16Array]", oe = "[object Int32Array]", st = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
-    F[K] = F[z] = F[V] = F[O] = F[oe] = F[st] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[U] = F[d] = F[te] = F[g] = F[_] = F[p] = F[b] = F[w] = F[y] = F[S] = F[T] = F[N] = F[X] = !1;
-    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, P = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, G = ee && !0 && i && !i.nodeType && i, Z = G && G.exports === ee, me = Z && Re.process, we = function() {
+    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]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", S = "[object RegExp]", T = "[object Set]", N = "[object String]", $ = "[object Undefined]", X = "[object WeakMap]", U = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", oe = "[object Int32Array]", st = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
+    F[K] = F[z] = F[V] = F[P] = F[oe] = F[st] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[U] = F[d] = F[te] = F[g] = F[p] = F[_] = F[b] = F[w] = F[y] = F[S] = F[T] = F[N] = F[X] = !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, G = ee && !0 && i && !i.nodeType && i, Z = G && G.exports === ee, me = Z && Re.process, we = function() {
       try {
         var l = G && G.require && G.require("util").types;
         return l || me && me.binding && me.binding("util");
       } catch {
       }
     }(), xe = we && we.isTypedArray;
-    function Oe(l, u, m) {
+    function Pe(l, u, m) {
       switch (m.length) {
         case 0:
           return l.call(u);
@@ -863,7 +863,7 @@ function fn() {
       }
       return l.apply(u, m);
     }
-    function Pe(l, u) {
+    function Oe(l, u) {
       for (var m = -1, A = Array(l); ++m < l; )
         A[m] = u(m);
       return A;
@@ -881,20 +881,20 @@ function fn() {
         return l(u(m));
       };
     }
-    var Ce = Array.prototype, Mi = Function.prototype, ze = Object.prototype, at = P["__core-js_shared__"], Ve = Mi.toString, ae = ze.hasOwnProperty, Nt = function() {
+    var Ce = Array.prototype, Mi = Function.prototype, ze = Object.prototype, at = O["__core-js_shared__"], Ve = Mi.toString, ae = 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), Ti = RegExp(
       "^" + Ve.call(ae).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), Ye = Z ? P.Buffer : void 0, Ht = P.Symbol, Bt = P.Uint8Array;
-    Ye && Ye.allocUnsafe;
-    var It = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = ze.propertyIsEnumerable, ki = Ce.splice, de = Ht ? Ht.toStringTag : void 0, We = function() {
+    ), We = Z ? O.Buffer : void 0, Ht = O.Symbol, Bt = O.Uint8Array;
+    We && We.allocUnsafe;
+    var It = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = ze.propertyIsEnumerable, ki = Ce.splice, de = Ht ? Ht.toStringTag : void 0, Ye = function() {
       try {
         var l = lt(Object, "defineProperty");
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Li = Ye ? Ye.isBuffer : void 0, $t = Math.max, Ei = Date.now, Ot = lt(P, "Map"), Ae = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
+    }(), Li = We ? We.isBuffer : void 0, $t = Math.max, Ei = Date.now, Pt = lt(O, "Map"), Ae = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
       function l() {
       }
       return function(u) {
@@ -948,14 +948,14 @@ function fn() {
     function $i() {
       this.__data__ = [], this.size = 0;
     }
-    function Oi(l) {
+    function Pi(l) {
       var u = this.__data__, m = je(u, l);
       if (m < 0)
         return !1;
       var A = u.length - 1;
       return m == A ? u.pop() : ki.call(u, m, 1), --this.size, !0;
     }
-    function Pi(l) {
+    function Oi(l) {
       var u = this.__data__, m = je(u, l);
       return m < 0 ? void 0 : u[m][1];
     }
@@ -966,7 +966,7 @@ function fn() {
       var m = this.__data__, A = je(m, l);
       return A < 0 ? (++this.size, m.push([l, u])) : m[A][1] = u, this;
     }
-    ie.prototype.clear = $i, ie.prototype.delete = Oi, ie.prototype.get = Pi, ie.prototype.has = zi, ie.prototype.set = Vi;
+    ie.prototype.clear = $i, ie.prototype.delete = Pi, ie.prototype.get = Oi, ie.prototype.has = zi, ie.prototype.set = Vi;
     function pe(l) {
       var u = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++u < m; ) {
@@ -974,14 +974,14 @@ function fn() {
         this.set(A[0], A[1]);
       }
     }
-    function Yi() {
+    function Wi() {
       this.size = 0, this.__data__ = {
         hash: new ue(),
-        map: new (Ot || ie)(),
+        map: new (Pt || ie)(),
         string: new ue()
       };
     }
-    function Wi(l) {
+    function Yi(l) {
       var u = Ue(this, l).delete(l);
       return this.size -= u ? 1 : 0, u;
     }
@@ -995,7 +995,7 @@ function fn() {
       var m = Ue(this, l), A = m.size;
       return m.set(l, u), this.size += m.size == A ? 0 : 1, this;
     }
-    pe.prototype.clear = Yi, pe.prototype.delete = Wi, pe.prototype.get = ji, pe.prototype.has = Xi, pe.prototype.set = Ui;
+    pe.prototype.clear = Wi, pe.prototype.delete = Yi, pe.prototype.get = ji, pe.prototype.has = Xi, pe.prototype.set = Ui;
     function _e(l) {
       var u = this.__data__ = new ie(l);
       this.size = u.size;
@@ -1017,7 +1017,7 @@ function fn() {
       var m = this.__data__;
       if (m instanceof ie) {
         var A = m.__data__;
-        if (!Ot || A.length < t - 1)
+        if (!Pt || A.length < t - 1)
           return A.push([l, u]), this.size = ++m.size, this;
         m = this.__data__ = new pe(A);
       }
@@ -1025,7 +1025,7 @@ function fn() {
     }
     _e.prototype.clear = Gi, _e.prototype.delete = Zi, _e.prototype.get = qi, _e.prototype.has = Ji, _e.prototype.set = Qi;
     function Ki(l, u) {
-      var m = dt(l), A = !m && ht(l), D = !m && !A && Wt(l), H = !m && !A && !D && Xt(l), B = m || A || D || H, E = B ? Pe(l.length, String) : [], I = E.length;
+      var m = dt(l), A = !m && ht(l), D = !m && !A && Yt(l), H = !m && !A && !D && Xt(l), B = m || A || D || H, E = B ? Oe(l.length, String) : [], I = E.length;
       for (var q in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -1048,7 +1048,7 @@ function fn() {
       return -1;
     }
     function ot(l, u, m) {
-      u == "__proto__" && We ? We(l, u, {
+      u == "__proto__" && Ye ? Ye(l, u, {
         configurable: !0,
         enumerable: !0,
         value: m,
@@ -1059,7 +1059,7 @@ function fn() {
     function Xe(l) {
       return l == null ? l === void 0 ? $ : x : de && de in Object(l) ? ms(l) : ws(l);
     }
-    function Pt(l) {
+    function Ot(l) {
       return Me(l) && Xe(l) == o;
     }
     function is(l) {
@@ -1074,7 +1074,7 @@ function fn() {
     function ns(l) {
       if (!fe(l))
         return ys(l);
-      var u = Yt(l), m = [];
+      var u = Wt(l), m = [];
       for (var A in l)
         A == "constructor" && (u || !ae.call(l, A)) || m.push(A);
       return m;
@@ -1095,18 +1095,18 @@ function fn() {
         rt(l, m, q);
         return;
       }
-      var Y = H ? H(E, I, m + "", l, u, B) : void 0, Se = Y === void 0;
+      var W = H ? H(E, I, m + "", l, u, B) : void 0, Se = W === void 0;
       if (Se) {
-        var gt = dt(I), mt = !gt && Wt(I), Zt = !gt && !mt && Xt(I);
-        Y = I, gt || mt || Zt ? dt(E) ? Y = E : Ss(E) ? Y = ds(E) : mt ? (Se = !1, Y = ls(I)) : Zt ? (Se = !1, Y = hs(I)) : Y = [] : Ts(I) || ht(I) ? (Y = E, ht(E) ? Y = Ds(E) : (!fe(E) || ft(E)) && (Y = ps(I))) : Se = !1;
+        var gt = dt(I), mt = !gt && Yt(I), Zt = !gt && !mt && Xt(I);
+        W = I, gt || mt || Zt ? dt(E) ? W = E : Ss(E) ? W = ds(E) : mt ? (Se = !1, W = ls(I)) : Zt ? (Se = !1, W = hs(I)) : W = [] : Ts(I) || ht(I) ? (W = E, ht(E) ? W = Ds(E) : (!fe(E) || ft(E)) && (W = ps(I))) : Se = !1;
       }
-      Se && (B.set(I, Y), D(Y, I, A, H, B), B.delete(I)), rt(l, m, Y);
+      Se && (B.set(I, W), D(W, I, A, H, B), B.delete(I)), rt(l, m, W);
     }
     function rs(l, u) {
       return Cs(xs(l, u, Gt), l + "");
     }
-    var os = We ? function(l, u) {
-      return We(l, "toString", {
+    var os = Ye ? function(l, u) {
+      return Ye(l, "toString", {
         configurable: !0,
         enumerable: !1,
         value: Ls(u),
@@ -1178,7 +1178,7 @@ function fn() {
       return A && (u ? l[de] = m : delete l[de]), D;
     }
     function ps(l) {
-      return typeof l.constructor == "function" && !Yt(l) ? Ni(It(l)) : {};
+      return typeof l.constructor == "function" && !Wt(l) ? Ni(It(l)) : {};
     }
     function Vt(l, u) {
       var m = typeof l;
@@ -1197,7 +1197,7 @@ function fn() {
     function bs(l) {
       return !!Nt && Nt in l;
     }
-    function Yt(l) {
+    function Wt(l) {
       var u = l && l.constructor, m = typeof u == "function" && u.prototype || ze;
       return l === m;
     }
@@ -1218,7 +1218,7 @@ function fn() {
         D = -1;
         for (var E = Array(u + 1); ++D < u; )
           E[D] = A[D];
-        return E[u] = m(B), Oe(l, this, E);
+        return E[u] = m(B), Pe(l, this, E);
       };
     }
     function ct(l, u) {
@@ -1254,9 +1254,9 @@ function fn() {
     function Ge(l, u) {
       return l === u || l !== l && u !== u;
     }
-    var ht = Pt(/* @__PURE__ */ function() {
+    var ht = Ot(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? Pt : function(l) {
+    }()) ? Ot : function(l) {
       return Me(l) && ae.call(l, "callee") && !Di.call(l, "callee");
     }, dt = Array.isArray;
     function ut(l) {
@@ -1265,12 +1265,12 @@ function fn() {
     function Ss(l) {
       return Me(l) && ut(l);
     }
-    var Wt = Li || Es;
+    var Yt = Li || Es;
     function ft(l) {
       if (!fe(l))
         return !1;
       var u = Xe(l);
-      return u == p || u == v || u == h || u == C;
+      return u == _ || u == v || u == h || u == C;
     }
     function jt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
@@ -1528,9 +1528,9 @@ function ai(i, e) {
       throw new Error("[CS_Data] error while creating missing data");
     const c = r.close, h = o.open;
     let d = c;
-    a.forEach((g, _) => {
-      const p = (h - d) / a.length;
-      let v = d + p * _, b = v + p;
+    a.forEach((g, p) => {
+      const _ = (h - d) / a.length;
+      let v = d + _ * p, b = v + _;
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
@@ -1702,8 +1702,8 @@ class Mn {
       config: {
         candles: { baseWidth: n, bodyRatio: a, direction: r }
       }
-    } = this.model, [o, c] = e.domain().map((p) => p.getTime()), h = c - o, d = n / a * t, g = h * (s.width / d), _ = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
-    e.setDomain(_);
+    } = this.model, [o, c] = e.domain().map((_) => _.getTime()), h = c - o, d = n / a * t, g = h * (s.width / d), p = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
+    e.setDomain(p);
   }
   applyOffset(e) {
     const {
@@ -2188,8 +2188,8 @@ function Hn(i, e) {
     scales: a
   } = 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);
+    const g = a.x.convert(d), p = o(d) ? c(d) : h(d);
+    i.fillText(p, g, t.y + t.height / 2);
   });
 }
 function Bn(i, e) {
@@ -2258,13 +2258,13 @@ 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, 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 g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, 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, 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";
+}, Pn = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
+  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, 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();
 };
@@ -2276,7 +2276,7 @@ function et(i) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, et(i);
 }
-var Pn = /^\s+/, zn = /\s+$/;
+var On = /^\s+/, zn = /\s+$/;
 function M(i, e) {
   if (i = i || "", e = e || {}, i instanceof M)
     return i;
@@ -2461,7 +2461,7 @@ function Vn(i) {
     g: 0,
     b: 0
   }, t = 1, s = null, n = null, a = null, r = !1, o = !1;
-  return typeof i == "string" && (i = la(i)), et(i) == "object" && (se(i.r) && se(i.g) && se(i.b) ? (e = Yn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : se(i.h) && se(i.s) && se(i.v) ? (s = ke(i.s), n = ke(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : se(i.h) && se(i.s) && se(i.l) && (s = ke(i.s), a = ke(i.l), e = Wn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = yi(t), {
+  return typeof i == "string" && (i = la(i)), et(i) == "object" && (se(i.r) && se(i.g) && se(i.b) ? (e = Wn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : se(i.h) && se(i.s) && se(i.v) ? (s = ke(i.s), n = ke(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : se(i.h) && se(i.s) && se(i.l) && (s = ke(i.s), a = ke(i.l), e = Yn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = yi(t), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2470,7 +2470,7 @@ function Vn(i) {
     a: t
   };
 }
-function Yn(i, e, t) {
+function Wn(i, e, t) {
   return {
     r: R(i, 255) * 255,
     g: R(e, 255) * 255,
@@ -2503,7 +2503,7 @@ function li(i, e, t) {
     l: o
   };
 }
-function Wn(i, e, t) {
+function Yn(i, e, t) {
   var s, n, a;
   i = R(i, 360), e = R(e, 100), t = R(t, 100);
   function r(h, d, g) {
@@ -2861,7 +2861,7 @@ function R(i, e) {
 function it(i) {
   return Math.min(1, Math.max(0, i));
 }
-function W(i) {
+function Y(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2880,7 +2880,7 @@ function wi(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
 function fi(i) {
-  return W(i) / 255;
+  return Y(i) / 255;
 }
 var J = function() {
   var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
@@ -2902,7 +2902,7 @@ function se(i) {
   return !!J.CSS_UNIT.exec(i);
 }
 function la(i) {
-  i = i.replace(Pn, "").replace(zn, "").toLowerCase();
+  i = i.replace(On, "").replace(zn, "").toLowerCase();
   var e = !1;
   if (At[i])
     i = At[i], e = !0;
@@ -2943,26 +2943,26 @@ function la(i) {
     v: t[3],
     a: t[4]
   } : (t = J.hex8.exec(i)) ? {
-    r: W(t[1]),
-    g: W(t[2]),
-    b: W(t[3]),
+    r: Y(t[1]),
+    g: Y(t[2]),
+    b: Y(t[3]),
     a: fi(t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex6.exec(i)) ? {
-    r: W(t[1]),
-    g: W(t[2]),
-    b: W(t[3]),
+    r: Y(t[1]),
+    g: Y(t[2]),
+    b: Y(t[3]),
     format: e ? "name" : "hex"
   } : (t = J.hex4.exec(i)) ? {
-    r: W(t[1] + "" + t[1]),
-    g: W(t[2] + "" + t[2]),
-    b: W(t[3] + "" + t[3]),
+    r: Y(t[1] + "" + t[1]),
+    g: Y(t[2] + "" + t[2]),
+    b: Y(t[3] + "" + t[3]),
     a: fi(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex3.exec(i)) ? {
-    r: W(t[1] + "" + t[1]),
-    g: W(t[2] + "" + t[2]),
-    b: W(t[3] + "" + t[3]),
+    r: Y(t[1] + "" + t[1]),
+    g: Y(t[2] + "" + t[2]),
+    b: Y(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -2987,13 +2987,13 @@ function ha(i, e) {
   } = e;
   if (!r) return;
   const { trade: o } = a, c = 4;
-  t.forEach(({ isHovered: h, isActive: d, candle: g, trades: _ }) => {
-    const p = s.convert(g.open_time);
-    _.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;
+  t.forEach(({ isHovered: h, isActive: d, candle: g, trades: p }) => {
+    const _ = s.convert(g.open_time);
+    p.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 : Pn;
       let S = b ? o.buyLabel.main : o.sellLabel.main;
       h && h[1] && h[0] === v.type && (S = M.mix(S, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (S = o.activeLabel), C(i, {
-        x: p,
+        x: _,
         y,
         symbol: x,
         mainColor: S,
@@ -3013,14 +3013,14 @@ function da(i, e) {
     colorScheme: { trade: h }
   } = e;
   if (a.length === 0) return;
-  const d = a.map((_) => _.candle).sort((_, p) => _.open_time.getTime() - p.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
+  const d = a.map((p) => p.candle).sort((p, _) => p.open_time.getTime() - _.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
   if (i.save(), i.lineWidth = 1, i.strokeStyle = h.tradeBorders, o.length) {
-    const _ = t.convert(d[0].open_time) - g;
-    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
+    const p = t.convert(d[0].open_time) - g;
+    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   if (r.length) {
-    const _ = t.convert(d[d.length - 1].open_time) + g;
-    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
+    const p = t.convert(d[d.length - 1].open_time) + g;
+    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   i.restore();
 }
@@ -3035,16 +3035,16 @@ const ua = (i, e) => {
   } = e;
   if (i.save(), !c) return;
   const h = (g) => {
-    var _;
-    return (_ = n.find(
-      (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), v = h(_.time);
-    if (!p || !v) return;
-    const b = t.convert(p.open_time), w = t.convert(v.open_time);
+    var p;
+    return (p = n.find(
+      (_) => g.getTime() >= _.candle.open_time.getTime() && g.getTime() < _.candle.close_time.getTime()
+    )) == null ? void 0 : p.candle;
+  }, d = (g, p) => {
+    const _ = h(g.time), v = h(p.time);
+    if (!_ || !v) return;
+    const b = t.convert(_.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([]);
+    g.type === "buy" ? (x = s.convert(_.low), y = s.convert(v.high)) : (x = s.convert(_.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));
@@ -3053,8 +3053,8 @@ 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, v) => p.time < v.time ? p : v), _ = r.reduce((p, v) => p.time > v.time ? p : v);
-    d(g, _);
+    const g = a.reduce((_, v) => _.time < v.time ? _ : v), p = r.reduce((_, v) => _.time > v.time ? _ : v);
+    d(g, p);
   }
   i.restore();
 }, xi = (i, e) => {
@@ -3106,11 +3106,11 @@ const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
     }
   } = e;
   if (!c) return;
-  const _ = n.at(0), p = a.at(-1);
-  if (!_ || !p) return;
-  const v = (O) => O ? O instanceof Date ? O : new Date(O) : null, b = v(d == null ? void 0 : d[0]) || _.candle.open_time, w = v(d == null ? void 0 : d[1]) || p.candle.close_time, x = t.convert(v(d == null ? void 0 : d[0]) || _.candle.open_time), y = t.convert(v(d == null ? void 0 : d[1]) || p.candle.open_time), C = e.candles.allData.filter(
-    (O) => O.open_time <= w && O.close_time >= b
-  ), S = C.length > 0 ? C.reduce((O, oe) => oe.low < O ? oe.low : O, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, T = s.convert(g || S);
+  const p = n.at(0), _ = a.at(-1);
+  if (!p || !_) return;
+  const v = (P) => P ? P instanceof Date ? P : new Date(P) : null, b = v(d == null ? void 0 : d[0]) || p.candle.open_time, w = v(d == null ? void 0 : d[1]) || _.candle.close_time, x = t.convert(v(d == null ? void 0 : d[0]) || p.candle.open_time), y = t.convert(v(d == null ? void 0 : d[1]) || _.candle.open_time), C = e.candles.allData.filter(
+    (P) => P.open_time <= w && P.close_time >= b
+  ), S = C.length > 0 ? C.reduce((P, oe) => oe.low < P ? oe.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, T = s.convert(g || S);
   i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, T), i.lineTo(y, T), i.stroke(), i.setLineDash([]);
   const N = (x + y) / 2, $ = h || `Hold: ${ga(r)}`, U = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
@@ -3165,7 +3165,7 @@ const ya = {
   }, 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, S = t.x < 0, T = t.x + a > o;
     return S && y ? "right-bottom" : S && C ? "right-top" : T && y ? "left-bottom" : T && C ? "left-top" : S ? "right-bottom" : T ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
-  }, p = [
+  }, _ = [
     s,
     "right-bottom",
     "right-top",
@@ -3173,7 +3173,7 @@ const ya = {
     "left-top"
   ].filter((y, C, S) => S.indexOf(y) === C), v = g();
   let b = null;
-  for (const y of [v, ...p]) {
+  for (const y of [v, ..._]) {
     const C = h(y);
     if (d(C)) {
       b = C;
@@ -3329,10 +3329,10 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
     borderRadius: c = 0,
     colors: h,
     align: d = { x: "left", y: "top" }
-  } = e, g = { ...Aa, ...h }, p = getComputedStyle(
+  } = e, g = { ...Aa, ...h }, _ = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `${a} ${n}px ${p}`;
+  i.font = `${a} ${n}px ${_}`;
   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, {
@@ -3667,7 +3667,7 @@ class Ai extends ne {
   }
 }
 const $a = new re("list-tooltip"), xt = 8;
-class Oa extends ne {
+class Pa extends ne {
   constructor(t, s, n) {
     super({ className: $a.gen() });
     f(this, "_list");
@@ -3699,7 +3699,7 @@ class Oa extends ne {
     return this._list;
   }
 }
-class Pa {
+class Oa {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3719,7 +3719,7 @@ class za extends ne {
       x: t,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Pa().node), this.render();
+    }, this.node.append(new Oa().node), this.render();
   }
   render() {
     const { x: t, y: s, isActive: n } = this.state;
@@ -3745,7 +3745,7 @@ class Va extends ne {
     }, 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 = Lt(new Oa(a, s, n), (h) => {
+    }), this.tooltip = Lt(new Pa(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();
   }
@@ -3754,10 +3754,10 @@ class Va extends ne {
     this.pointer.position(n), this.pointer.setVisible(t), this.anchor.setState({ x: n.x, isActive: t }), this.tooltip.setState({ comments: s, isShow: t });
   }
 }
-class Ya {
+class Wa {
   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, v = Math.min(p / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = d + (r - d) * b;
+    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 = (p) => {
+      const _ = p - c, v = Math.min(_ / 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);
@@ -3768,7 +3768,7 @@ class Ya {
   }
 }
 const Ct = new re("comments-context");
-class Wa extends ne {
+class Ya extends ne {
   constructor() {
     super({ className: Ct.gen() });
     f(this, "pointer");
@@ -3820,7 +3820,7 @@ class ja extends Fe {
     f(this, "contextMenu");
     f(this, "_view");
     if (!this.dom) throw new Error("[CS_V_Comments] this.dom must be defined");
-    this.contextMenu = new Wa(), this._view = t, t.domElements.append(this.contextMenu.node);
+    this.contextMenu = new Ya(), this._view = t, t.domElements.append(this.contextMenu.node);
   }
   _getCandleCoords(t, s) {
     return {
@@ -3837,7 +3837,7 @@ class ja extends Fe {
       view: this._view,
       onBoxActivate: (o) => {
         const c = a[0].candle;
-        Ya.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
+        Wa.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
       },
       onBoxDeactivate: (o) => this.boxes[o].setState({ isActive: !1 })
     });
@@ -3941,16 +3941,16 @@ class Za extends Ne {
       }
     } = t, h = t.config.candles.style === "filled";
     this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((d, g) => {
-      const _ = s.noDataFill[g % s.noDataFill.length], p = h ? _ : s.noDataStroke;
+      const p = s.noDataFill[g % s.noDataFill.length], _ = h ? p : s.noDataStroke;
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, d),
-        colors: { fill: _, stroke: p, bg: n }
+        colors: { fill: p, stroke: _, bg: n }
       });
     }), this._getVisible(o).forEach((d) => {
-      const g = d.close >= d.open ? "rising" : "falling", _ = s[`${g}Fill`], p = s[`${g}${h ? "Fill" : "Stroke"}`];
+      const g = d.close >= d.open ? "rising" : "falling", p = s[`${g}Fill`], _ = s[`${g}${h ? "Fill" : "Stroke"}`];
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, d),
-        colors: { fill: _, stroke: p, bg: n },
+        colors: { fill: p, stroke: _, bg: n },
         isDim: !!(a.length && !a.includes(d.open_time.getTime()))
       });
     });
@@ -4300,8 +4300,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), v = Math.max(h, d);
-      if (e >= g && e <= _ && t >= p && t <= v)
+      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), g = c - r / 2, p = c + r / 2, _ = Math.min(h, d), v = Math.max(h, d);
+      if (e >= g && e <= p && t >= _ && t <= v)
         return {
           target: this,
           x: e,
@@ -4338,11 +4338,11 @@ class sr {
   hitTest(e, t) {
     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;
+      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, p = r, _ = r;
       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;
+        const w = v === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - p / 2 && e <= g + p / 2, y = t >= w && t <= w + _;
         if (x && y)
           return {
             target: this,
@@ -4691,20 +4691,20 @@ class _r {
     });
   }
   _drawFooter(e, t, s, n, a, r, o = !1) {
-    const c = 32 * r, h = 12 * r, d = 12 * r, g = 4 * r, _ = n + a;
-    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, _, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, _), e.lineTo(s, _), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
-    const p = [];
-    if (t.pair && p.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
+    const c = 32 * r, h = 12 * r, d = 12 * r, g = 4 * r, p = n + a;
+    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, p, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, p), e.lineTo(s, p), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
+    const _ = [];
+    if (t.pair && _.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
       const C = t.net_pnl.startsWith("+");
-      p.push({ label: "Net P&L", value: t.net_pnl, valueColor: C ? "#56B683" : "#F18169" });
+      _.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 v = _ + c / 2, b = 24 * r;
-    if (p.length === 0) return;
+    t.type && _.push({ label: "Type", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr }), t.volume && _.push({ label: "Volume", value: t.volume });
+    const v = p + c / 2, b = 24 * r;
+    if (_.length === 0) return;
     e.font = `500 ${d}px Geist, Arial, sans-serif`;
     const w = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
     let y = h;
-    p.forEach((C) => {
+    _.forEach((C) => {
       const S = e.measureText(C.label).width, T = e.measureText(C.value).width, N = S + g + T;
       e.fillStyle = w, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
       const $ = y + S + g;
@@ -4719,74 +4719,74 @@ 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, v = 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: p, height: _ } = this._view, v = Array.from(
       g.node.querySelectorAll("canvas")
     );
     if (v.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, S = w - x - y - C, T = b, N = _ / p, $ = T / S;
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, S = w - x - y - C, T = b, N = p / _, $ = T / S;
     let X, U, te = 0, K = 0;
     N > $ ? (U = S, X = U * N, te = 0, K = 0) : (X = T, U = X / N, K = (S - U) / 2);
     const z = window.devicePixelRatio || 1, V = document.createElement("canvas");
     V.width = b * z, V.height = w * z;
-    const O = V.getContext("2d");
-    if (!O) {
+    const P = V.getContext("2d");
+    if (!P) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
-    O.fillStyle = h ? "#101011" : "#ffffff", O.fillRect(0, 0, V.width, V.height);
+    P.fillStyle = h ? "#101011" : "#ffffff", P.fillRect(0, 0, V.width, V.height);
     const oe = x * z, st = y * z, le = S * z, be = T * z, ye = oe + st;
-    await this._drawHeader(O, V.width, z, h), this._drawHeaderSecondLine(O, r, o, V.width, oe, z, h);
+    await this._drawHeader(P, V.width, z, h), this._drawHeaderSecondLine(P, r, o, V.width, oe, z, h);
     const He = this._view.mainCanvas;
-    He.background && (O.fillStyle = He.background, O.fillRect(0, ye, V.width, le));
+    He.background && (P.fillStyle = He.background, P.fillRect(0, ye, V.width, le));
     const Be = X * z, Ie = U * z, F = te * z, Re = K * z;
-    v.forEach((P) => {
-      let ee = 0, G = 0, Z = P.width, me = P.height, we = Be, xe = Ie, Oe = F, Pe = Re;
+    v.forEach((O) => {
+      let ee = 0, G = 0, Z = O.width, me = O.height, we = Be, xe = Ie, Pe = F, Oe = Re;
       if (N > $) {
-        const ce = Ie / P.height, he = P.width * ce;
-        he > be && (ee = (he - be) / ce, Z = P.width - ee, we = be, Oe = 0);
+        const ce = Ie / O.height, he = O.width * ce;
+        he > be && (ee = (he - be) / ce, Z = O.width - ee, we = be, Pe = 0);
       } else {
-        const ce = Be / P.width, he = P.height * ce;
+        const ce = Be / O.width, he = O.height * ce;
         if (he > le) {
           const Ce = (he - le) / ce;
-          G = Ce / 2, me = P.height - Ce, xe = le, Pe = 0;
+          G = Ce / 2, me = O.height - Ce, xe = le, Oe = 0;
         }
       }
-      O.drawImage(
-        P,
+      P.drawImage(
+        O,
         ee,
         G,
         Z,
         me,
-        Oe,
-        ye + Pe,
+        Pe,
+        ye + Oe,
         we,
         xe
       );
-    }), c && this._drawFooter(O, c, V.width, ye, le, z, h);
-    const $e = (P, ee) => {
-      const G = URL.createObjectURL(P), Z = document.createElement("a");
+    }), c && this._drawFooter(P, c, V.width, ye, le, z, h);
+    const $e = (O, ee) => {
+      const G = URL.createObjectURL(O), Z = document.createElement("a");
       Z.href = G, Z.download = ee, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(G);
     };
     V.toBlob(
-      async (P) => {
-        if (!P) {
+      async (O) => {
+        if (!O) {
           console.error("Failed to create blob from canvas");
           return;
         }
         if (d)
-          $e(P, t);
+          $e(O, t);
         else
           try {
             await navigator.clipboard.write([
               new ClipboardItem({
-                "image/png": P
+                "image/png": O
               })
             ]);
           } catch (ee) {
-            console.error("Failed to copy to clipboard:", ee), $e(P, t);
+            console.error("Failed to copy to clipboard:", ee), $e(O, t);
           }
       },
       "image/png",