charts-core 1.1.59 → 1.1.61

package/dist/charts-core.js

@@ -1,8 +1,8 @@
-var Ns = Object.defineProperty;
-var Fs = (i, t, e) => t in i ? Ns(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var f = (i, t, e) => Fs(i, typeof t != "symbol" ? t + "" : t, e);
+var Hs = Object.defineProperty;
+var Is = (i, t, e) => t in i ? Hs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var f = (i, t, e) => Is(i, typeof t != "symbol" ? t + "" : t, e);
 import * as k from "d3";
-const Hs = (i) => {
+const Bs = (i) => {
   const { svg: t, config: e, y: s, width: n } = i, { margin: a, yAxis: r } = e, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: g } = r;
   if (!g) return null;
   t.append("g").attr("transform", `translate(${n - a.right},0)`).call((_) => {
@@ -20,11 +20,11 @@ const Hs = (i) => {
     const v = m.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
     _.selectAll(".tick").each(function(w, x) {
       var I;
-      const y = k.select(this), C = y.select("text"), M = v[x], A = b - M, L = y.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", A), C.remove(), (I = L.node()) == null || I.appendChild(C.node());
+      const y = k.select(this), C = y.select("text"), A = v[x], M = b - A, D = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", M), C.remove(), (I = D.node()) == null || I.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
-}, Is = (i) => {
+}, Rs = (i) => {
   const { svg: t, config: e, x: s, height: n } = i, { margin: a, xAxis: r } = e, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: g } = r;
   if (!o) return null;
   t.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((_) => {
@@ -34,7 +34,7 @@ const Hs = (i) => {
     let m = [];
     _.selectAll(".tick").each((v) => m.push(v)), i.xTicks = m;
   }).call((_) => _.selectAll(".tick line").remove()).call((_) => _.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
-}, Bs = (i) => {
+}, $s = (i) => {
   const { svg: t, config: e, y: s, width: n } = i, {
     margin: a,
     grid: { horizontalStyle: r }
@@ -49,11 +49,11 @@ const Hs = (i) => {
       r === "every-line-dashed" && h.attr("stroke-dasharray", "4 4");
     });
   }
-}, pi = (i) => {
+}, bi = (i) => {
   const t = Array.from(i.childNodes);
   for (let e = 0; e < t.length; e++)
     i.removeChild(t[e]);
-}, Rs = (i) => {
+}, Os = (i) => {
   const t = "http://www.w3.org/2000/svg", e = document.createElement("div");
   e.className = "sc-charts__hovered-circles-tooltip-container", e.style.display = "none";
   const s = document.createElement("div");
@@ -68,7 +68,7 @@ const Hs = (i) => {
     tooltip: s,
     tooltipArrow: n
   };
-}, $s = (i, t, {
+}, Ps = (i, t, {
   x: e,
   y: s,
   r: n = 3.5,
@@ -84,12 +84,12 @@ const Hs = (i) => {
     return r.append("circle").attr("cx", e).attr("cy", s).attr("r", n).classed("sc-charts__hovered-circles", !0), r.append("circle").attr("cx", e).attr("cy", s).attr("r", n + a).classed("sc-charts__hovered-circles_add", !0), r;
   }
 };
-function Os(i, t, e, s) {
+function zs(i, t, e, s) {
   if (!i) return null;
   const n = i.width / 2, a = t - n, r = t + n;
   return a < e ? e : r > s ? s - i.width : t - n;
 }
-const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t).attr("x2", e).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
+const ti = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t).attr("x2", e).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Vs = (i) => {
   const { svg: t, config: e, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
     grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
@@ -99,27 +99,27 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
     h === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
   }), h === "hovered-circles")) {
     const m = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
-    Qe(t, { x1: v, x2: b, y1: m, y2: m });
-    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o), C = (A) => {
+    ti(t, { x1: v, x2: b, y1: m, y2: m });
+    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Os(o), C = (M) => {
       if (!d) return;
-      pi(x), w.style.display = "block", x.append(d({ date: A.date, value: A.value }));
-      const L = x.getBoundingClientRect(), I = Os(
-        L,
-        s(A.date),
+      bi(x), w.style.display = "block", x.append(d({ date: M.date, value: M.value }));
+      const D = x.getBoundingClientRect(), I = zs(
+        D,
+        s(M.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
         i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
       );
-      I !== null && (x.style.left = I + "px"), y.style.left = s(A.date) + "px";
-    }, M = () => {
+      I !== null && (x.style.left = I + "px"), y.style.left = s(M.date) + "px";
+    }, A = () => {
       w.style.display = "none";
     };
     i.gridHoverTooltip = d ? {
-      show: (A) => C(A),
-      hide: M
-    } : null, r.forEach((A, L) => {
-      const I = s(A.date), W = n(A.value), Z = r[L - 1], et = L > 0 && Z && A.value === Z.value;
-      et || Qe(t, { x1: I, x2: I, y1: W, y2: m });
-      const K = $s(t, et, {
+      show: (M) => C(M),
+      hide: A
+    } : null, r.forEach((M, D) => {
+      const I = s(M.date), W = n(M.value), Z = r[D - 1], et = D > 0 && Z && M.value === Z.value;
+      et || ti(t, { x1: I, x2: I, y1: W, y2: m });
+      const K = Ps(t, et, {
         x: I,
         y: m,
         r: g,
@@ -127,17 +127,17 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       });
       d && K.on("mouseover", function() {
         var O, V;
-        (V = (O = i.onGridCircleHoverRef) == null ? void 0 : O.current) == null || V.call(O, { date: A.date, value: A.value }), C({ date: A.date, value: et ? null : A.value });
+        (V = (O = i.onGridCircleHoverRef) == null ? void 0 : O.current) == null || V.call(O, { date: M.date, value: M.value }), C({ date: M.date, value: et ? null : M.value });
       }).on("mouseout", function() {
-        M();
+        A();
       });
     });
   }
-}, zs = (i) => {
-  Bs(i), Ps(i);
-}, Vs = (i) => {
+}, Ws = (i) => {
+  $s(i), Vs(i);
+}, Ys = (i) => {
   const { svg: t, config: e, width: s, height: n } = i, { margin: a, logo: r } = e;
-  Is(i), Hs(i), r && t.append("image").attr("xlink:href", e.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);
+  Rs(i), Bs(i), r && t.append("image").attr("xlink:href", e.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), Ws(i);
 }, kt = (i, t, e) => {
   let s = i.select(`#${t}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), s.attr("x1", e.x1).attr("y1", e.x2).attr("x2", e.y1).attr("y2", e.y2), e.stops.forEach(({ offset: n, stopColor: a }) => {
@@ -146,13 +146,13 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
 }, vt = (i) => {
   const t = k.select(i).select("defs");
   return t.empty() ? k.select(i).append("defs") : t;
-}, Le = (i) => {
+}, ke = (i) => {
   const {
     y: t,
     config: { margin: e }
   } = i, s = t.range()[0] - t(0), n = t.range()[0] - s >= 0 ? t.range()[0] - s : 0, a = s + e.bottom >= 0 ? s + e.bottom : 0;
   return { x: 0, y: n, width: "100%", height: a };
-}, Ke = (i, t) => ({
+}, ei = (i, t) => ({
   ...i,
   ...t,
   margin: {
@@ -187,7 +187,7 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
     ...i.selection,
     ...t == null ? void 0 : t.selection
   }
-}), ti = (i, t = {}) => {
+}), ii = (i, t = {}) => {
   const e = i.node(), s = vt(e), n = (o, c) => kt(s, o, {
     x1: "0%",
     y1: "0%",
@@ -213,7 +213,7 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       r.remove();
     }
   };
-}, _e = (i, t = {}) => {
+}, pe = (i, t = {}) => {
   const e = i.append("circle").attr("r", t.radius || 4).style("display", t.hidden ? "none" : "block"), s = t.className || "";
   return s && e.classed(s, !0), {
     className(n, a) {
@@ -226,7 +226,7 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       e.remove();
     }
   };
-}, Ws = (i, t = {}) => {
+}, js = (i, t = {}) => {
   const e = "sc-charts__hover-line", s = i.append("line").style("display", t.hidden ? "none" : "block").classed(e, !0), n = i.node(), a = vt(n);
   return ((o, c) => kt(a, o, {
     x1: "0%",
@@ -250,11 +250,11 @@ const Qe = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       s.remove();
     }
   };
-}, gt = "sc-charts__range-tooltip", ei = k.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
+}, gt = "sc-charts__range-tooltip", si = k.timeFormat("%b %e, %I:%M %p"), Xs = (i) => {
   const t = k.format(",.2f");
   return `${i < 0 ? "-" : ""}$${t(Math.abs(i))}`;
 };
-function js(i) {
+function Us(i) {
   const t = "http://www.w3.org/2000/svg", e = document.createElement("div");
   e.className = gt, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.append(e);
   const s = document.createElement("div");
@@ -275,8 +275,8 @@ function js(i) {
   const h = document.createElement("div");
   return h.className = `${gt}-time`, s.append(h), { wrapper: e, sumNode: c, timeNode: h };
 }
-const Xs = (i) => {
-  const { wrapper: t, sumNode: e, timeNode: s } = js(i.wrapperNode);
+const Gs = (i) => {
+  const { wrapper: t, sumNode: e, timeNode: s } = Us(i.wrapperNode);
   return {
     className(n, a) {
       n === "remove" ? t.classList.remove(`${gt}${a}`) : t.classList.add(`${gt}${a}`);
@@ -289,13 +289,13 @@ const Xs = (i) => {
           b = g({ left: n.value, right: a.value, direction: v });
         else {
           const x = (d / Math.abs(n.value) * 100).toFixed(2);
-          b = `${Ys(d)} (${x}%)`;
+          b = `${Xs(d)} (${x}%)`;
         }
-        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${ei(n.date)} to ${ei(a.date)}`, e.textContent = b, s.textContent = w, requestAnimationFrame(() => {
-          const x = t.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
-          let L = (C + M) / 2 - x.width / 2;
+        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${si(n.date)} to ${si(a.date)}`, e.textContent = b, s.textContent = w, requestAnimationFrame(() => {
+          const x = t.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), A = i.x(a.date);
+          let D = (C + A) / 2 - x.width / 2;
           const I = 0, W = y.width - x.width;
-          L < I && (L = I), L > W && (L = W), t.style.left = `${L}px`, t.style.top = `${o}px`;
+          D < I && (D = I), D > W && (D = W), t.style.left = `${D}px`, t.style.top = `${o}px`;
         });
       }
       c !== void 0 && (t.style.display = c ? "none" : "block");
@@ -304,28 +304,28 @@ const Xs = (i) => {
       t.remove();
     }
   };
-}, Et = "sc-charts__hover-tooltip", pe = 16, Us = k.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+}, Lt = "sc-charts__hover-tooltip", ve = 16, Zs = k.timeFormat("%a, %b %d, %-I:%M %p"), qs = (i) => {
   const t = k.format(",.2f");
   return `${i < 0 ? "-" : ""}$${t(Math.abs(i))}`;
 };
-function Zs(i) {
+function Js(i) {
   const t = document.createElement("div");
-  t.className = `${Et}-container`, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.appendChild(t);
+  t.className = `${Lt}-container`, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.appendChild(t);
   const e = document.createElement("div");
-  e.className = `${Et}-sum`;
+  e.className = `${Lt}-sum`;
   const s = document.createElement("div");
-  return s.className = `${Et}-time`, { wrapper: t, sumNode: e, timeNode: s };
+  return s.className = `${Lt}-time`, { wrapper: t, sumNode: e, timeNode: s };
 }
-function qs(i, t, e) {
-  return i ? t + pe + i.width < e ? t + pe : t - pe - i.width : null;
+function Qs(i, t, e) {
+  return i ? t + ve + i.width < e ? t + ve : t - ve - i.width : null;
 }
-const Js = (i) => {
-  const { wrapper: t, sumNode: e, timeNode: s } = Zs(i.wrapperNode), n = () => {
+const Ks = (i) => {
+  const { wrapper: t, sumNode: e, timeNode: s } = Js(i.wrapperNode), n = () => {
     e.parentNode || (t.appendChild(e), t.appendChild(s));
   };
   return {
     className(a, r) {
-      a === "remove" ? t.classList.remove(`${Et}${r}`) : t.classList.add(`${Et}${r}`);
+      a === "remove" ? t.classList.remove(`${Lt}${r}`) : t.classList.add(`${Lt}${r}`);
     },
     update({ hidden: a, dataItem: r }) {
       if (!i.config.hover.showDefaultTooltip) {
@@ -334,8 +334,8 @@ const Js = (i) => {
       }
       if (r) {
         const { sumFormatter: o, timeFormatter: c, tooltipNode: h } = i.config.hover;
-        h ? (pi(t), t.appendChild(h({ date: r.date, value: r.value }))) : (n(), e.textContent = o ? o(r.value) : Gs(r.value), s.textContent = c ? c(r.date) : Us(r.date)), requestAnimationFrame(() => {
-          const d = t.getBoundingClientRect(), g = qs(
+        h ? (bi(t), t.appendChild(h({ date: r.date, value: r.value }))) : (n(), e.textContent = o ? o(r.value) : qs(r.value), s.textContent = c ? c(r.date) : Zs(r.date)), requestAnimationFrame(() => {
+          const d = t.getBoundingClientRect(), g = Qs(
             d,
             i.x(r.date),
             i.width - i.config.margin.right
@@ -349,7 +349,7 @@ const Js = (i) => {
       t.remove();
     }
   };
-}, Qs = {
+}, tn = {
   margin: { top: 10, right: 30, bottom: 20, left: 10 },
   theme: "light",
   logo: {
@@ -403,7 +403,7 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, te = () => k.curveMonotoneX, Ks = (i) => {
+}, ee = () => k.curveMonotoneX, en = (i) => {
   const { svg: t, data: e, x: s, y: n, config: a } = i, r = t.node(), o = vt(r);
   kt(o, "main-line-area-gradient", {
     x1: "0%",
@@ -415,7 +415,7 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = k.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(te()), d = "sc-charts__main-line-area", g = t.append("path").datum(e).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
+  const h = k.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(ee()), d = "sc-charts__main-line-area", g = t.append("path").datum(e).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
   return {
     className(_, m) {
       _ === "remove" ? g.classed(`${d}${m}`, !1) : g.classed(`${d}${m}`, !0);
@@ -430,7 +430,7 @@ const Js = (i) => {
       g.remove();
     }
   };
-}, tn = (i, t = {}) => {
+}, sn = (i, t = {}) => {
   const e = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = t, d = s.node(), g = vt(d), _ = "range-line-area-gradient";
   kt(g, _ + "_up", {
     x1: "0%",
@@ -451,20 +451,20 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const m = k.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(te()), v = `${c}-clip-${e}`, 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", m).attr("class", e).classed(`${e}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const m = k.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(ee()), v = `${c}-clip-${e}`, 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", m).attr("class", e).classed(`${e}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${e}${C}`, !1) : x.classed(`${e}${C}`, !0);
     },
-    update({ data: y, hidden: C, clip: M }) {
-      y !== void 0 && x.datum(y).attr("d", m), C !== void 0 && x.classed(`${e}_hidden`, C), M !== void 0 && w.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height);
+    update({ data: y, hidden: C, clip: A }) {
+      y !== void 0 && x.datum(y).attr("d", m), C !== void 0 && x.classed(`${e}_hidden`, C), A !== void 0 && w.attr("x", A.x).attr("y", A.y).attr("width", A.width).attr("height", A.height);
     },
     destroy() {
       x.remove();
     }
   };
-}, ve = (i, t) => {
-  const { svg: e, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = t, d = e.node(), g = vt(d), _ = k.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(te()), m = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", m).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 = e.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${m})`);
+}, be = (i, t) => {
+  const { svg: e, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = t, d = e.node(), g = vt(d), _ = k.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(ee()), m = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", m).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 = e.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${m})`);
   return {
     className(x, y) {
       x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
@@ -476,30 +476,30 @@ const Js = (i) => {
       w.remove();
     }
   };
-}, en = (i, t) => {
-  const { svg: e, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = t, g = e.node(), _ = vt(g), m = k.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(te()), 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 = e.append("path").classed(c, !0).datum(s).attr("d", m).attr("id", h).attr("clip-path", `url(#${v})`);
+}, nn = (i, t) => {
+  const { svg: e, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = t, g = e.node(), _ = vt(g), m = k.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(ee()), 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 = e.append("path").classed(c, !0).datum(s).attr("d", m).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: M }) {
-      y !== void 0 && x.datum(y).attr("d", m), 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(k.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: A }) {
+      y !== void 0 && x.datum(y).attr("d", m), A !== void 0 && x.classed(`${c}_hidden`, A), 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(k.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       x.remove();
     }
   };
-}, sn = (i) => {
+}, an = (i) => {
   const t = Math.abs(i);
   let e;
   return t >= 1e9 ? e = (i / 1e9).toFixed(1) + "B" : t >= 1e6 ? e = (i / 1e6).toFixed(1) + "M" : t >= 1e3 ? e = (i / 1e3).toFixed(1) + "K" : e = i.toFixed(1), e;
-}, nn = (i, t) => {
+}, rn = (i, t) => {
   const { svg: e, data: s, x: n, y: a } = i, { baseClassName: r } = t, o = e.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], m = n(_.date), v = a(_.value);
     c.attr("cx", m).attr("cy", v);
-    const b = i.config.extremePointFormatter || sn;
+    const b = i.config.extremePointFormatter || an;
     h.attr("x", m).attr("y", v).text(b(_.value));
   })(s), {
     className(g, _) {
@@ -512,40 +512,40 @@ const Js = (i) => {
       o.remove();
     }
   };
-}, an = (i) => {
-  const t = ve(i, {
+}, on = (i) => {
+  const t = be(i, {
     baseClassName: "sc-charts__main-line",
     id: `${i.chartId}-sc-charts__main-line`
-  }), e = Ks(i);
+  }), e = en(i);
   let s = null;
-  i.config.hasExtremePoint && (s = nn(i, {
+  i.config.hasExtremePoint && (s = rn(i, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const n = Ws(i.svg), a = en(i, {
+  const n = js(i.svg), a = nn(i, {
     baseClassName: "sc-charts__highlight-line",
     id: `${i.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
   let r = null;
-  i.config.enableBelowZeroLine && (r = ve(i, {
+  i.config.enableBelowZeroLine && (r = be(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: Le(i)
+    clip: ke(i)
   }));
-  const o = _e(i.svg, {
+  const o = pe(i.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = ti(i.svg), h = ti(i.svg), d = ve(i, {
+  }), c = ii(i.svg), h = ii(i.svg), d = be(i, {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), g = _e(i.svg, {
+  }), g = pe(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), _ = _e(i.svg, {
+  }), _ = pe(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), m = Xs(i), v = Js(i), b = tn(i);
+  }), m = Gs(i), v = Ks(i), b = sn(i);
   return {
     hoverLine: n,
     hoverCircle: o,
@@ -563,7 +563,7 @@ const Js = (i) => {
     belowZeroLine: r,
     extremePoint: s
   };
-}, rn = (i, t, e) => {
+}, ln = (i, t, e) => {
   const s = i.match(/^(\d+)([dMhmw])$/);
   if (!s)
     return console.warn("Invalid hoverRange:", i), {
@@ -644,9 +644,9 @@ const Js = (i) => {
     width: "100%",
     height: "100%"
   };
-}, be = (i, t) => {
+}, ye = (i, t) => {
   var c, h, d;
-  Se(i);
+  Me(i);
   const {
     x: e,
     y: s,
@@ -668,7 +668,7 @@ const Js = (i) => {
     dataItem: t,
     hidden: !1
   }), r.highlightRange) {
-    const g = rn(r.range, t.date, e);
+    const g = ln(r.range, t.date, e);
     n.highlightLine.update({
       clip: g,
       hidden: !1
@@ -683,16 +683,16 @@ 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: Le(i)
+      clip: ke(i)
     });
   (d = i.gridHoverTooltip) == null || d.show({ date: t.date, value: t.value });
-}, Se = (i) => {
+}, Me = (i) => {
   var e, s;
   const { elements: t } = i;
   t.hoverLine.update({ hidden: !0 }), t.hoverCircle.update({ hidden: !0 }), t.highlightLine.update({ hidden: !0 }), t.mainLine.className("remove", "_muted"), t.hoverTooltip.update({ hidden: !0 }), (e = i.gridHoverTooltip) == null || e.hide(), i.action !== "selection" && ((s = t.belowZeroLine) == null || s.update({
-    clip: Le(i)
+    clip: ke(i)
   }));
-}, on = (i, t) => {
+}, cn = (i, t) => {
   [
     "rangeBorderLeft",
     "rangeBorderRight",
@@ -704,7 +704,7 @@ const Js = (i) => {
   ].forEach((s) => {
     t ? (i[s].className("remove", "_down"), i[s].className("add", "_up")) : (i[s].className("remove", "_up"), i[s].className("add", "_down"));
   });
-}, ln = (i, t, e) => {
+}, hn = (i, t, e) => {
   var v;
   const {
     x: s,
@@ -758,25 +758,25 @@ const Js = (i) => {
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
     hidden: !0
-  }), o.mainLineArea.update({ hidden: !0 }), on(o, d), o.mainLine.className("add", "_selected-muted");
-}, ii = (i) => {
+  }), o.mainLineArea.update({ hidden: !0 }), cn(o, d), o.mainLine.className("add", "_selected-muted");
+}, ni = (i) => {
   var e;
   const { elements: t } = i;
   t.rangeLine.update({ hidden: !0 }), t.rangeLineArea.update({ hidden: !0 }), t.rangeBorderLeft.update({ hidden: !0 }), t.rangeBorderRight.update({ hidden: !0 }), t.rangeCircleLeft.update({ hidden: !0 }), t.rangeCircleRight.update({ hidden: !0 }), t.rangeTooltip.update({ hidden: !0 }), t.mainLine.className("remove", "_selected-muted"), t.mainLineArea.update({ hidden: !1 }), (e = t.belowZeroLine) == null || e.update({ hidden: !1 });
-}, cn = (i) => {
+}, dn = (i) => {
   const { svg: t, data: e, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
   let d = null, g = !1;
   i.onGridCircleHoverRef && (i.onGridCircleHoverRef.current = (v) => {
-    c.enable && (i.action = "hover", be(i, v));
+    c.enable && (i.action = "hover", ye(i, v));
   });
   const _ = (v) => e.reduce(
     (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
   t.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] = k.pointer(v, this), w = _(b);
-    !g && c.enable ? (i.action = "hover", be(i, w)) : (i.action = g ? "selection" : "none", Se(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
+    !g && c.enable ? (i.action = "hover", ye(i, w)) : (i.action = g ? "selection" : "none", Me(i)), d && h.enable && (i.action = "selection", hn(i, d, w));
   }).on("mouseleave", () => {
-    i.action = "none", g = !1, d = null, Se(i), ii(i);
+    i.action = "none", g = !1, d = null, Me(i), ni(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
@@ -785,15 +785,15 @@ const Js = (i) => {
     }
   }).on("mouseup", function(v) {
     const [b] = k.pointer(v, this), w = _(b);
-    g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && be(i, w);
+    g = !1, d = null, i.action = "hover", h.enable && ni(i), c.enable && ye(i, w);
   });
-}, hn = (i, t, e) => {
+}, un = (i, t, e) => {
   const { margin: s } = t, n = k.scaleTime(), a = k.extent(i, (r) => new Date(r.date));
   return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([s.left, e - s.right]);
-}, dn = (i, t, e) => {
+}, fn = (i, t, e) => {
   const { margin: s } = t, n = k.max(i, (r) => r.value) ?? 0, a = k.min(i, (r) => r.value) ?? 0;
   return k.scaleLinear().domain([a, n]).range([e - s.bottom, s.top]);
-}, vr = (i, t) => {
+}, br = (i, t) => {
   const e = k.select(i);
   if (e.empty())
     return console.error(`Element with selector ${i} not found!`), null;
@@ -801,16 +801,20 @@ 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 = e.append("div"), n = s.append("svg"), a = e.node();
-  let r = a.clientWidth, o = a.clientHeight, c = Ke({ ...Qs }, t.config), h = t.data;
+  let r = a.clientWidth, o = a.clientHeight, c = ei({ ...tn }, t.config), h = t.data;
   const d = () => {
     r = a.clientWidth, o = a.clientHeight, g({ data: h, config: c });
   };
   t.disabledResize || window.addEventListener("resize", d);
   const g = (_, m = !1) => {
-    m && _.config && (c = Ke(c, _.config)), m && _.data && (h = _.data);
-    const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, M) => C.date.getTime() - M.date.getTime()), b = hn(v, c, r), w = dn(v, c, o);
+    m && _.config && (c = ei(c, _.config)), m && _.data && (h = _.data);
+    const v = h.map((M) => ({ date: new Date(M.date), value: M.value })).sort((M, D) => M.date.getTime() - D.date.getTime()), b = un(v, c, r), w = fn(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 = {
+    const x = s.node(), y = n.node();
+    Array.from(x.children).forEach((M) => {
+      M !== y && M.remove();
+    });
+    const C = {
       chartId: t.chartId,
       svg: n,
       wrapperNode: s.node(),
@@ -824,12 +828,12 @@ const Js = (i) => {
       gridHoverTooltip: null,
       onGridCircleHoverRef: { current: null }
     };
-    Vs(x);
-    const y = {
-      ...x,
-      elements: an(x)
+    Ys(C);
+    const A = {
+      ...C,
+      elements: on(C)
     };
-    cn(y);
+    dn(A);
   };
   return g(t), {
     update: (_) => g(_, !0),
@@ -839,17 +843,17 @@ const Js = (i) => {
   };
 };
 var Gt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function un(i) {
+function gn(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var Dt = { exports: {} };
 Dt.exports;
-var si;
-function fn() {
-  return si || (si = 1, function(i, t) {
-    var e = 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]", m = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", A = "[object Set]", L = "[object String]", I = "[object Undefined]", W = "[object WeakMap]", Z = "[object ArrayBuffer]", et = "[object DataView]", K = "[object Float32Array]", O = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", ot = "[object Int32Array]", ie = "[object Uint8Array]", lt = "[object Uint8ClampedArray]", bt = "[object Uint16Array]", yt = "[object Uint32Array]", Ht = /[\\^$.*+?()[\]{}|]/g, It = /^\[object .+?Constructor\]$/, Bt = /^(?:0|[1-9]\d*)$/, F = {};
-    F[K] = F[O] = F[V] = F[P] = F[ot] = F[ie] = F[lt] = F[bt] = F[yt] = !0, F[o] = F[c] = F[Z] = F[d] = F[et] = F[g] = F[_] = F[m] = F[b] = F[w] = F[y] = F[M] = F[A] = F[L] = F[W] = !1;
-    var Rt = typeof Gt == "object" && Gt && Gt.Object === Object && Gt, se = typeof self == "object" && self && self.Object === Object && self, z = Rt || se || Function("return this")(), tt = t && !t.nodeType && t, Y = tt && !0 && i && !i.nodeType && i, j = Y && Y.exports === tt, mt = j && Rt.process, wt = function() {
+var ai;
+function mn() {
+  return ai || (ai = 1, function(i, t) {
+    var e = 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]", m = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", A = "[object RegExp]", M = "[object Set]", D = "[object String]", I = "[object Undefined]", W = "[object WeakMap]", Z = "[object ArrayBuffer]", et = "[object DataView]", K = "[object Float32Array]", O = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", ot = "[object Int32Array]", se = "[object Uint8Array]", lt = "[object Uint8ClampedArray]", bt = "[object Uint16Array]", yt = "[object Uint32Array]", Ht = /[\\^$.*+?()[\]{}|]/g, It = /^\[object .+?Constructor\]$/, Bt = /^(?:0|[1-9]\d*)$/, F = {};
+    F[K] = F[O] = F[V] = F[P] = F[ot] = F[se] = F[lt] = F[bt] = F[yt] = !0, F[o] = F[c] = F[Z] = F[d] = F[et] = F[g] = F[_] = F[m] = F[b] = F[w] = F[y] = F[A] = F[M] = F[D] = F[W] = !1;
+    var Rt = typeof Gt == "object" && Gt && Gt.Object === Object && Gt, ne = typeof self == "object" && self && self.Object === Object && self, z = Rt || ne || Function("return this")(), tt = t && !t.nodeType && t, Y = tt && !0 && i && !i.nodeType && i, j = Y && Y.exports === tt, mt = j && Rt.process, wt = function() {
       try {
         var l = Y && Y.require && Y.require("util").types;
         return l || mt && mt.binding && mt.binding("util");
@@ -882,32 +886,32 @@ function fn() {
     function ht(l, u) {
       return l == null ? void 0 : l[u];
     }
-    function ne(l, u) {
+    function ae(l, u) {
       return function(p) {
         return l(u(p));
       };
     }
-    var Ct = Array.prototype, Si = Function.prototype, Pt = Object.prototype, ae = z["__core-js_shared__"], zt = Si.toString, at = Pt.hasOwnProperty, He = function() {
-      var l = /[^.]+$/.exec(ae && ae.keys && ae.keys.IE_PROTO || "");
+    var Ct = Array.prototype, Ai = Function.prototype, Pt = Object.prototype, re = z["__core-js_shared__"], zt = Ai.toString, at = Pt.hasOwnProperty, Be = function() {
+      var l = /[^.]+$/.exec(re && re.keys && re.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), Ie = Pt.toString, Mi = zt.call(Object), Ai = RegExp(
+    }(), Re = Pt.toString, Di = zt.call(Object), Ei = RegExp(
       "^" + zt.call(at).replace(Ht, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), Vt = j ? z.Buffer : void 0, Be = z.Symbol, Re = z.Uint8Array;
+    ), Vt = j ? z.Buffer : void 0, $e = z.Symbol, Oe = z.Uint8Array;
     Vt && Vt.allocUnsafe;
-    var $e = ne(Object.getPrototypeOf, Object), Oe = Object.create, Di = Pt.propertyIsEnumerable, Li = Ct.splice, dt = Be ? Be.toStringTag : void 0, Wt = function() {
+    var Pe = ae(Object.getPrototypeOf, Object), ze = Object.create, Li = Pt.propertyIsEnumerable, ki = Ct.splice, dt = $e ? $e.toStringTag : void 0, Wt = function() {
       try {
-        var l = le(Object, "defineProperty");
+        var l = ce(Object, "defineProperty");
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Ei = Vt ? Vt.isBuffer : void 0, Pe = Math.max, ki = Date.now, ze = le(z, "Map"), Tt = le(Object, "create"), Ni = /* @__PURE__ */ function() {
+    }(), Ni = Vt ? Vt.isBuffer : void 0, Ve = Math.max, Fi = Date.now, We = ce(z, "Map"), Tt = ce(Object, "create"), Hi = /* @__PURE__ */ function() {
       function l() {
       }
       return function(u) {
         if (!ft(u))
           return {};
-        if (Oe)
-          return Oe(u);
+        if (ze)
+          return ze(u);
         l.prototype = u;
         var p = new l();
         return l.prototype = void 0, p;
@@ -920,14 +924,14 @@ function fn() {
         this.set(T[0], T[1]);
       }
     }
-    function Fi() {
+    function Ii() {
       this.__data__ = Tt ? Tt(null) : {}, this.size = 0;
     }
-    function Hi(l) {
+    function Bi(l) {
       var u = this.has(l) && delete this.__data__[l];
       return this.size -= u ? 1 : 0, u;
     }
-    function Ii(l) {
+    function Ri(l) {
       var u = this.__data__;
       if (Tt) {
         var p = u[l];
@@ -935,15 +939,15 @@ function fn() {
       }
       return at.call(u, l) ? u[l] : void 0;
     }
-    function Bi(l) {
+    function $i(l) {
       var u = this.__data__;
       return Tt ? u[l] !== void 0 : at.call(u, l);
     }
-    function Ri(l, u) {
+    function Oi(l, u) {
       var p = this.__data__;
       return this.size += this.has(l) ? 0 : 1, p[l] = Tt && u === void 0 ? s : u, this;
     }
-    ut.prototype.clear = Fi, ut.prototype.delete = Hi, ut.prototype.get = Ii, ut.prototype.has = Bi, ut.prototype.set = Ri;
+    ut.prototype.clear = Ii, ut.prototype.delete = Bi, ut.prototype.get = Ri, ut.prototype.has = $i, ut.prototype.set = Oi;
     function it(l) {
       var u = -1, p = l == null ? 0 : l.length;
       for (this.clear(); ++u < p; ) {
@@ -951,28 +955,28 @@ function fn() {
         this.set(T[0], T[1]);
       }
     }
-    function $i() {
+    function Pi() {
       this.__data__ = [], this.size = 0;
     }
-    function Oi(l) {
+    function zi(l) {
       var u = this.__data__, p = Yt(u, l);
       if (p < 0)
         return !1;
       var T = u.length - 1;
-      return p == T ? u.pop() : Li.call(u, p, 1), --this.size, !0;
+      return p == T ? u.pop() : ki.call(u, p, 1), --this.size, !0;
     }
-    function Pi(l) {
+    function Vi(l) {
       var u = this.__data__, p = Yt(u, l);
       return p < 0 ? void 0 : u[p][1];
     }
-    function zi(l) {
+    function Wi(l) {
       return Yt(this.__data__, l) > -1;
     }
-    function Vi(l, u) {
+    function Yi(l, u) {
       var p = this.__data__, T = Yt(p, l);
       return T < 0 ? (++this.size, p.push([l, u])) : p[T][1] = u, this;
     }
-    it.prototype.clear = $i, it.prototype.delete = Oi, it.prototype.get = Pi, it.prototype.has = zi, it.prototype.set = Vi;
+    it.prototype.clear = Pi, it.prototype.delete = zi, it.prototype.get = Vi, it.prototype.has = Wi, it.prototype.set = Yi;
     function _t(l) {
       var u = -1, p = l == null ? 0 : l.length;
       for (this.clear(); ++u < p; ) {
@@ -980,72 +984,72 @@ function fn() {
         this.set(T[0], T[1]);
       }
     }
-    function Wi() {
+    function ji() {
       this.size = 0, this.__data__ = {
         hash: new ut(),
-        map: new (ze || it)(),
+        map: new (We || it)(),
         string: new ut()
       };
     }
-    function Yi(l) {
+    function Xi(l) {
       var u = Xt(this, l).delete(l);
       return this.size -= u ? 1 : 0, u;
     }
-    function ji(l) {
+    function Ui(l) {
       return Xt(this, l).get(l);
     }
-    function Xi(l) {
+    function Gi(l) {
       return Xt(this, l).has(l);
     }
-    function Ui(l, u) {
+    function Zi(l, u) {
       var p = Xt(this, l), T = p.size;
       return p.set(l, u), this.size += p.size == T ? 0 : 1, this;
     }
-    _t.prototype.clear = Wi, _t.prototype.delete = Yi, _t.prototype.get = ji, _t.prototype.has = Xi, _t.prototype.set = Ui;
+    _t.prototype.clear = ji, _t.prototype.delete = Xi, _t.prototype.get = Ui, _t.prototype.has = Gi, _t.prototype.set = Zi;
     function pt(l) {
       var u = this.__data__ = new it(l);
       this.size = u.size;
     }
-    function Gi() {
+    function qi() {
       this.__data__ = new it(), this.size = 0;
     }
-    function Zi(l) {
+    function Ji(l) {
       var u = this.__data__, p = u.delete(l);
       return this.size = u.size, p;
     }
-    function qi(l) {
+    function Qi(l) {
       return this.__data__.get(l);
     }
-    function Ji(l) {
+    function Ki(l) {
       return this.__data__.has(l);
     }
-    function Qi(l, u) {
+    function ts(l, u) {
       var p = this.__data__;
       if (p instanceof it) {
         var T = p.__data__;
-        if (!ze || T.length < e - 1)
+        if (!We || T.length < e - 1)
           return T.push([l, u]), this.size = ++p.size, this;
         p = this.__data__ = new _t(T);
       }
       return p.set(l, u), this.size = p.size, this;
     }
-    pt.prototype.clear = Gi, pt.prototype.delete = Zi, pt.prototype.get = qi, pt.prototype.has = Ji, pt.prototype.set = Qi;
-    function Ki(l, u) {
-      var p = de(l), T = !p && he(l), D = !p && !T && Xe(l), H = !p && !T && !D && Ge(l), B = p || T || D || H, N = B ? Ot(l.length, String) : [], R = N.length;
+    pt.prototype.clear = qi, pt.prototype.delete = Ji, pt.prototype.get = Qi, pt.prototype.has = Ki, pt.prototype.set = ts;
+    function es(l, u) {
+      var p = ue(l), T = !p && de(l), E = !p && !T && Ge(l), H = !p && !T && !E && qe(l), B = p || T || E || H, N = B ? Ot(l.length, String) : [], R = N.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.
-        D && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        E && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         H && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
-        Ye(q, R)) || N.push(q);
+        Xe(q, R)) || N.push(q);
       return N;
     }
-    function re(l, u, p) {
-      (p !== void 0 && !Ut(l[u], p) || p === void 0 && !(u in l)) && oe(l, u, p);
+    function oe(l, u, p) {
+      (p !== void 0 && !Ut(l[u], p) || p === void 0 && !(u in l)) && le(l, u, p);
     }
-    function ts(l, u, p) {
+    function is(l, u, p) {
       var T = l[u];
-      (!(at.call(l, u) && Ut(T, p)) || p === void 0 && !(u in l)) && oe(l, u, p);
+      (!(at.call(l, u) && Ut(T, p)) || p === void 0 && !(u in l)) && le(l, u, p);
     }
     function Yt(l, u) {
       for (var p = l.length; p--; )
@@ -1053,7 +1057,7 @@ function fn() {
           return p;
       return -1;
     }
-    function oe(l, u, p) {
+    function le(l, u, p) {
       u == "__proto__" && Wt ? Wt(l, u, {
         configurable: !0,
         enumerable: !0,
@@ -1061,104 +1065,104 @@ function fn() {
         writable: !0
       }) : l[u] = p;
     }
-    var es = gs();
+    var ss = _s();
     function jt(l) {
-      return l == null ? l === void 0 ? I : x : dt && dt in Object(l) ? ms(l) : ws(l);
+      return l == null ? l === void 0 ? I : x : dt && dt in Object(l) ? ps(l) : Cs(l);
     }
-    function Ve(l) {
+    function Ye(l) {
       return St(l) && jt(l) == o;
     }
-    function is(l) {
-      if (!ft(l) || bs(l))
+    function ns(l) {
+      if (!ft(l) || ws(l))
         return !1;
-      var u = fe(l) ? Ai : It;
-      return u.test(Ss(l));
+      var u = ge(l) ? Ei : It;
+      return u.test(As(l));
     }
-    function ss(l) {
-      return St(l) && Ue(l.length) && !!F[jt(l)];
+    function as(l) {
+      return St(l) && Ze(l.length) && !!F[jt(l)];
     }
-    function ns(l) {
+    function rs(l) {
       if (!ft(l))
-        return ys(l);
-      var u = je(l), p = [];
+        return xs(l);
+      var u = Ue(l), p = [];
       for (var T in l)
         T == "constructor" && (u || !at.call(l, T)) || p.push(T);
       return p;
     }
-    function We(l, u, p, T, D) {
-      l !== u && es(u, function(H, B) {
-        if (D || (D = new pt()), ft(H))
-          as(l, u, B, p, We, T, D);
+    function je(l, u, p, T, E) {
+      l !== u && ss(u, function(H, B) {
+        if (E || (E = new pt()), ft(H))
+          os(l, u, B, p, je, T, E);
         else {
-          var N = T ? T(ce(l, B), H, B + "", l, u, D) : void 0;
-          N === void 0 && (N = H), re(l, B, N);
+          var N = T ? T(he(l, B), H, B + "", l, u, E) : void 0;
+          N === void 0 && (N = H), oe(l, B, N);
         }
-      }, Ze);
+      }, Je);
     }
-    function as(l, u, p, T, D, H, B) {
-      var N = ce(l, p), R = ce(u, p), q = B.get(R);
+    function os(l, u, p, T, E, H, B) {
+      var N = he(l, p), R = he(u, p), q = B.get(R);
       if (q) {
-        re(l, p, q);
+        oe(l, p, q);
         return;
       }
       var X = H ? H(N, R, p + "", l, u, B) : void 0, Mt = X === void 0;
       if (Mt) {
-        var ge = de(R), me = !ge && Xe(R), Je = !ge && !me && Ge(R);
-        X = R, ge || me || Je ? de(N) ? X = N : Ms(N) ? X = ds(N) : me ? (Mt = !1, X = ls(R)) : Je ? (Mt = !1, X = hs(R)) : X = [] : As(R) || he(R) ? (X = N, he(N) ? X = Ds(N) : (!ft(N) || fe(N)) && (X = _s(R))) : Mt = !1;
+        var me = ue(R), _e = !me && Ge(R), Ke = !me && !_e && qe(R);
+        X = R, me || _e || Ke ? ue(N) ? X = N : Ds(N) ? X = fs(N) : _e ? (Mt = !1, X = hs(R)) : Ke ? (Mt = !1, X = us(R)) : X = [] : Es(R) || de(R) ? (X = N, de(N) ? X = Ls(N) : (!ft(N) || ge(N)) && (X = vs(R))) : Mt = !1;
       }
-      Mt && (B.set(R, X), D(X, R, T, H, B), B.delete(R)), re(l, p, X);
+      Mt && (B.set(R, X), E(X, R, T, H, B), B.delete(R)), oe(l, p, X);
     }
-    function rs(l, u) {
-      return Cs(xs(l, u, qe), l + "");
+    function ls(l, u) {
+      return Ss(Ts(l, u, Qe), l + "");
     }
-    var os = Wt ? function(l, u) {
+    var cs = Wt ? function(l, u) {
       return Wt(l, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: Es(u),
+        value: Ns(u),
         writable: !0
       });
-    } : qe;
-    function ls(l, u) {
+    } : Qe;
+    function hs(l, u) {
       return l.slice();
     }
-    function cs(l) {
+    function ds(l) {
       var u = new l.constructor(l.byteLength);
-      return new Re(u).set(new Re(l)), u;
+      return new Oe(u).set(new Oe(l)), u;
     }
-    function hs(l, u) {
-      var p = cs(l.buffer);
+    function us(l, u) {
+      var p = ds(l.buffer);
       return new l.constructor(p, l.byteOffset, l.length);
     }
-    function ds(l, u) {
+    function fs(l, u) {
       var p = -1, T = l.length;
       for (u || (u = Array(T)); ++p < T; )
         u[p] = l[p];
       return u;
     }
-    function us(l, u, p, T) {
-      var D = !p;
+    function gs(l, u, p, T) {
+      var E = !p;
       p || (p = {});
       for (var H = -1, B = u.length; ++H < B; ) {
         var N = u[H], R = void 0;
-        R === void 0 && (R = l[N]), D ? oe(p, N, R) : ts(p, N, R);
+        R === void 0 && (R = l[N]), E ? le(p, N, R) : is(p, N, R);
       }
       return p;
     }
-    function fs(l) {
-      return rs(function(u, p) {
-        var T = -1, D = p.length, H = D > 1 ? p[D - 1] : void 0, B = D > 2 ? p[2] : void 0;
-        for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && ps(p[0], p[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++T < D; ) {
+    function ms(l) {
+      return ls(function(u, p) {
+        var T = -1, E = p.length, H = E > 1 ? p[E - 1] : void 0, B = E > 2 ? p[2] : void 0;
+        for (H = l.length > 3 && typeof H == "function" ? (E--, H) : void 0, B && bs(p[0], p[1], B) && (H = E < 3 ? void 0 : H, E = 1), u = Object(u); ++T < E; ) {
           var N = p[T];
           N && l(u, N, T, H);
         }
         return u;
       });
     }
-    function gs(l) {
+    function _s(l) {
       return function(u, p, T) {
-        for (var D = -1, H = Object(u), B = T(u), N = B.length; N--; ) {
-          var R = B[++D];
+        for (var E = -1, H = Object(u), B = T(u), N = B.length; N--; ) {
+          var R = B[++E];
           if (p(H[R], R, H) === !1)
             break;
         }
@@ -1167,76 +1171,76 @@ function fn() {
     }
     function Xt(l, u) {
       var p = l.__data__;
-      return vs(u) ? p[typeof u == "string" ? "string" : "hash"] : p.map;
+      return ys(u) ? p[typeof u == "string" ? "string" : "hash"] : p.map;
     }
-    function le(l, u) {
+    function ce(l, u) {
       var p = ht(l, u);
-      return is(p) ? p : void 0;
+      return ns(p) ? p : void 0;
     }
-    function ms(l) {
+    function ps(l) {
       var u = at.call(l, dt), p = l[dt];
       try {
         l[dt] = void 0;
         var T = !0;
       } catch {
       }
-      var D = Ie.call(l);
-      return T && (u ? l[dt] = p : delete l[dt]), D;
+      var E = Re.call(l);
+      return T && (u ? l[dt] = p : delete l[dt]), E;
     }
-    function _s(l) {
-      return typeof l.constructor == "function" && !je(l) ? Ni($e(l)) : {};
+    function vs(l) {
+      return typeof l.constructor == "function" && !Ue(l) ? Hi(Pe(l)) : {};
     }
-    function Ye(l, u) {
+    function Xe(l, u) {
       var p = typeof l;
       return u = u ?? r, !!u && (p == "number" || p != "symbol" && Bt.test(l)) && l > -1 && l % 1 == 0 && l < u;
     }
-    function ps(l, u, p) {
+    function bs(l, u, p) {
       if (!ft(p))
         return !1;
       var T = typeof u;
-      return (T == "number" ? ue(p) && Ye(u, p.length) : T == "string" && u in p) ? Ut(p[u], l) : !1;
+      return (T == "number" ? fe(p) && Xe(u, p.length) : T == "string" && u in p) ? Ut(p[u], l) : !1;
     }
-    function vs(l) {
+    function ys(l) {
       var u = typeof l;
       return u == "string" || u == "number" || u == "symbol" || u == "boolean" ? l !== "__proto__" : l === null;
     }
-    function bs(l) {
-      return !!He && He in l;
+    function ws(l) {
+      return !!Be && Be in l;
     }
-    function je(l) {
+    function Ue(l) {
       var u = l && l.constructor, p = typeof u == "function" && u.prototype || Pt;
       return l === p;
     }
-    function ys(l) {
+    function xs(l) {
       var u = [];
       if (l != null)
         for (var p in Object(l))
           u.push(p);
       return u;
     }
-    function ws(l) {
-      return Ie.call(l);
-    }
-    function xs(l, u, p) {
-      return u = Pe(u === void 0 ? l.length - 1 : u, 0), function() {
-        for (var T = arguments, D = -1, H = Pe(T.length - u, 0), B = Array(H); ++D < H; )
-          B[D] = T[u + D];
-        D = -1;
-        for (var N = Array(u + 1); ++D < u; )
-          N[D] = T[D];
+    function Cs(l) {
+      return Re.call(l);
+    }
+    function Ts(l, u, p) {
+      return u = Ve(u === void 0 ? l.length - 1 : u, 0), function() {
+        for (var T = arguments, E = -1, H = Ve(T.length - u, 0), B = Array(H); ++E < H; )
+          B[E] = T[u + E];
+        E = -1;
+        for (var N = Array(u + 1); ++E < u; )
+          N[E] = T[E];
         return N[u] = p(B), $t(l, this, N);
       };
     }
-    function ce(l, u) {
+    function he(l, u) {
       if (!(u === "constructor" && typeof l[u] == "function") && u != "__proto__")
         return l[u];
     }
-    var Cs = Ts(os);
-    function Ts(l) {
+    var Ss = Ms(cs);
+    function Ms(l) {
       var u = 0, p = 0;
       return function() {
-        var T = ki(), D = a - (T - p);
-        if (p = T, D > 0) {
+        var T = Fi(), E = a - (T - p);
+        if (p = T, E > 0) {
           if (++u >= n)
             return arguments[0];
         } else
@@ -1244,7 +1248,7 @@ function fn() {
         return l.apply(void 0, arguments);
       };
     }
-    function Ss(l) {
+    function As(l) {
       if (l != null) {
         try {
           return zt.call(l);
@@ -1260,25 +1264,25 @@ function fn() {
     function Ut(l, u) {
       return l === u || l !== l && u !== u;
     }
-    var he = Ve(/* @__PURE__ */ function() {
+    var de = Ye(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? Ve : function(l) {
-      return St(l) && at.call(l, "callee") && !Di.call(l, "callee");
-    }, de = Array.isArray;
-    function ue(l) {
-      return l != null && Ue(l.length) && !fe(l);
+    }()) ? Ye : function(l) {
+      return St(l) && at.call(l, "callee") && !Li.call(l, "callee");
+    }, ue = Array.isArray;
+    function fe(l) {
+      return l != null && Ze(l.length) && !ge(l);
     }
-    function Ms(l) {
-      return St(l) && ue(l);
+    function Ds(l) {
+      return St(l) && fe(l);
     }
-    var Xe = Ei || ks;
-    function fe(l) {
+    var Ge = Ni || Fs;
+    function ge(l) {
       if (!ft(l))
         return !1;
       var u = jt(l);
       return u == m || u == v || u == h || u == C;
     }
-    function Ue(l) {
+    function Ze(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
     }
     function ft(l) {
@@ -1288,47 +1292,47 @@ function fn() {
     function St(l) {
       return l != null && typeof l == "object";
     }
-    function As(l) {
+    function Es(l) {
       if (!St(l) || jt(l) != y)
         return !1;
-      var u = $e(l);
+      var u = Pe(l);
       if (u === null)
         return !0;
       var p = at.call(u, "constructor") && u.constructor;
-      return typeof p == "function" && p instanceof p && zt.call(p) == Mi;
+      return typeof p == "function" && p instanceof p && zt.call(p) == Di;
     }
-    var Ge = xt ? ct(xt) : ss;
-    function Ds(l) {
-      return us(l, Ze(l));
+    var qe = xt ? ct(xt) : as;
+    function Ls(l) {
+      return gs(l, Je(l));
     }
-    function Ze(l) {
-      return ue(l) ? Ki(l) : ns(l);
+    function Je(l) {
+      return fe(l) ? es(l) : rs(l);
     }
-    var Ls = fs(function(l, u, p) {
-      We(l, u, p);
+    var ks = ms(function(l, u, p) {
+      je(l, u, p);
     });
-    function Es(l) {
+    function Ns(l) {
       return function() {
         return l;
       };
     }
-    function qe(l) {
+    function Qe(l) {
       return l;
     }
-    function ks() {
+    function Fs() {
       return !1;
     }
-    i.exports = Ls;
+    i.exports = ks;
   }(Dt, Dt.exports)), Dt.exports;
 }
-var gn = fn();
-const Jt = /* @__PURE__ */ un(gn), ni = 12, mn = {
+var _n = mn();
+const Jt = /* @__PURE__ */ gn(_n), ri = 12, pn = {
   candles: {
     direction: "right",
-    offset: `${Math.round(ni / 2)}px`,
+    offset: `${Math.round(ri / 2)}px`,
     style: "filled",
     strokeWidth: 1,
-    baseWidth: ni,
+    baseWidth: ri,
     bodyRatio: 0.7,
     zoomOnWheel: "both",
     scaleSensitivity: 2e-3,
@@ -1369,7 +1373,7 @@ const Jt = /* @__PURE__ */ un(gn), ni = 12, mn = {
     showLabelButtons: !0
   }
 };
-class _n {
+class vn {
   constructor(t) {
     f(this, "_candles");
     f(this, "_xAxis");
@@ -1377,7 +1381,7 @@ class _n {
     f(this, "_guides");
     f(this, "_trade");
     f(this, "_logo");
-    const e = Jt({}, mn, t);
+    const e = Jt({}, pn, t);
     this._candles = e.candles, this._xAxis = e.xAxis, this._yAxis = e.yAxis, this._guides = e.guides, this._trade = e.trade, this._logo = e.logo;
   }
   update(t) {
@@ -1464,7 +1468,7 @@ class G {
     return this.y + this.height;
   }
 }
-class pn {
+class bn {
   constructor(t, e) {
     f(this, "_chart", new G());
     f(this, "_area", new G());
@@ -1522,8 +1526,8 @@ class pn {
     return this._chart;
   }
 }
-const vn = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
-function bn(i, t) {
+const yn = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
+function wn(i, t) {
   if (i.length < 2) return [];
   const e = [];
   for (let s = 0; s < i.length - 1; s++) {
@@ -1537,8 +1541,8 @@ function bn(i, t) {
   }
   return e;
 }
-function ai(i, t) {
-  const e = vn(i[0]), s = bn(i, e), n = [];
+function oi(i, t) {
+  const e = yn(i[0]), s = wn(i, e), n = [];
   return s.forEach((a) => {
     if (a.length === 0) return;
     const r = i.find((g) => g.close_time.getTime() === a[0]), o = i.find(
@@ -1554,11 +1558,11 @@ function ai(i, t) {
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (t.trade) {
-        const M = [...t.trade.entries, ...t.trade.exits].find((A) => {
-          const L = A.time.getTime();
-          return L >= g && L < g + e;
+        const A = [...t.trade.entries, ...t.trade.exits].find((M) => {
+          const D = M.time.getTime();
+          return D >= g && D < g + e;
         });
-        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));
+        A && (A.type === "buy" ? (y = A.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : A.type === "sell" && (x = A.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),
@@ -1572,7 +1576,7 @@ function ai(i, t) {
     });
   }), n;
 }
-class Ee {
+class Ne {
   constructor(t, e) {
     f(this, "_initialData", []);
     f(this, "_preparedData", []);
@@ -1586,10 +1590,10 @@ class Ee {
     return t.map((e) => ({ ...e, open_time: new Date(e.open_time), close_time: new Date(e.close_time) })).sort((e, s) => e.open_time.getTime() - s.open_time.getTime());
   }
   update(t) {
-    this._initialData = t, this._preparedData = this._prepare(t), this._missingData = ai(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(t[0].close_time).getTime() - new Date(t[0].open_time).getTime();
+    this._initialData = t, this._preparedData = this._prepare(t), this._missingData = oi(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(t[0].close_time).getTime() - new Date(t[0].open_time).getTime();
   }
   updateMissingCandles() {
-    this._missingData = ai(this._preparedData, this._model);
+    this._missingData = oi(this._preparedData, this._model);
   }
   get initialData() {
     return this._initialData;
@@ -1613,7 +1617,7 @@ class Ee {
     return e.find((s) => s.open_time <= t && s.close_time > t);
   }
 }
-class yn {
+class xn {
   constructor() {
     f(this, "listeners", {});
   }
@@ -1632,7 +1636,7 @@ class yn {
     });
   }
 }
-class vi {
+class yi {
   constructor() {
     f(this, "_scale");
   }
@@ -1668,27 +1672,27 @@ class vi {
     return this._scale(t);
   }
 }
-class bi extends vi {
+class wi extends yi {
   constructor() {
     super(), this._scale = k.scaleTime();
   }
 }
-class wn extends vi {
+class Cn extends yi {
   constructor() {
     super(), this._scale = k.scaleLinear();
   }
 }
-const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
+const li = { x: 0.2, y: 0.2 }, ci = 1e-3, Tn = {
   s: 1e3,
   M: 1e3 * 60,
   h: 1e3 * 60 * 60,
   d: 1e3 * 60 * 60 * 24,
   w: 1e3 * 60 * 60 * 24 * 7
-}, Cn = (i) => {
+}, Sn = (i) => {
   const t = i.match(/^(\d+)([a-zA-Z]+)$/);
   if (!t) throw new Error(`Invalid offset format: "${i}"`);
   return [parseInt(t[1]), t[2]];
-}, Tn = (i, t) => {
+}, Mn = (i, t) => {
   const [e, s] = t.domain().map((o) => o.getTime()), n = i.filter((o) => {
     const c = o.open_time.getTime();
     return c >= e && c <= s;
@@ -1696,7 +1700,7 @@ const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
-class Sn {
+class An {
   constructor(t) {
     this.model = t;
   }
@@ -1706,14 +1710,14 @@ class Sn {
     t.setDomain(s), this.setRange(t, this.model.layout.xAxis), this.setDefaultXDomain(t), this.applyOffset(t);
   }
   initY(t, e) {
-    const s = Tn(this.model.candles.preparedData, e);
+    const s = Mn(this.model.candles.preparedData, e);
     t.setDomain(s), this.setRange(t, this.model.layout.yAxis);
   }
   init(t) {
     this.initX(t.x), this.initY(t.y, t.x);
   }
   setRange(t, { x: e, y: s, width: n, height: a }) {
-    t instanceof bi ? t.setRange([e, e + n]) : t.setRange([s + a, s]);
+    t instanceof wi ? t.setRange([e, e + n]) : t.setRange([s + a, s]);
   }
   setDefaultXDomain(t) {
     const {
@@ -1731,11 +1735,11 @@ class Sn {
         candles: { offset: e, direction: s }
       },
       layout: { xAxis: n }
-    } = this.model, [a, r] = Cn(e), o = r === "px" ? t.invert(n.x + a).getTime() - t.invert(n.x).getTime() : xn[r] * a, c = s === "left" ? -o : o, [h, d] = t.domain();
+    } = this.model, [a, r] = Sn(e), o = r === "px" ? t.invert(n.x + a).getTime() - t.invert(n.x).getTime() : Tn[r] * a, c = s === "left" ? -o : o, [h, d] = t.domain();
     t.setDomain([new Date(h.getTime() + c), new Date(d.getTime() + c)]);
   }
 }
-class Mn {
+class Dn {
   constructor(t) {
     f(this, "_model");
     f(this, "_scaleX");
@@ -1747,7 +1751,7 @@ class Mn {
     });
     f(this, "scaleFactor", { x: 1, y: 1 });
     f(this, "panOffset", { x: 0, y: 0 });
-    this._model = t, this._scaleX = new bi(), this._scaleY = new wn(), this._initializer = new Sn(t), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
+    this._model = t, this._scaleX = new wi(), this._scaleY = new Cn(), this._initializer = new An(t), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
     };
@@ -1804,12 +1808,12 @@ class Mn {
   }
   scale(t, e, s = "delta") {
     if (s === "absolute") {
-      const n = Math.max(ri[t], e);
-      if (Math.abs(n - this.scaleFactor[t]) < oi) return;
+      const n = Math.max(li[t], e);
+      if (Math.abs(n - this.scaleFactor[t]) < ci) return;
       this.scaleFactor[t] = n;
     } else {
       const n = this.scaleFactor[t], a = n + e * this._model.config.candles.scaleSensitivity;
-      if (a < ri[t] || Math.abs(a - n) < oi) return;
+      if (a < li[t] || Math.abs(a - n) < ci) return;
       this.scaleFactor[t] = a;
     }
     this._updateDomain(t);
@@ -1835,7 +1839,7 @@ class Mn {
     this._model.eventBus.emit("scale_event");
   }
 }
-class An {
+class En {
   constructor(t, { entry: e = [], exit: s = [] }) {
     f(this, "_model");
     f(this, "_rawEntry");
@@ -1923,7 +1927,7 @@ class An {
     return Math.abs(this.entryMinTime - this.exitMaxTime);
   }
 }
-class Dn {
+class Ln {
   constructor(t, e) {
     f(this, "_rawMarkers");
     f(this, "_markers", []);
@@ -1971,7 +1975,7 @@ class Dn {
     return this._markers;
   }
 }
-const Ln = {
+const kn = {
   bg: "#FFFFFF",
   axisIntersection: "#FFFFFF",
   xAxis: {
@@ -2035,10 +2039,10 @@ const Ln = {
     }
   }
 };
-class En {
+class Nn {
   constructor(t) {
     f(this, "_scheme");
-    this._scheme = Jt({}, Ln, t), Object.keys(this._scheme).forEach((e) => {
+    this._scheme = Jt({}, kn, t), Object.keys(this._scheme).forEach((e) => {
       Object.defineProperty(this, e, {
         get: () => this._scheme[e],
         enumerable: !0
@@ -2049,7 +2053,7 @@ class En {
     this._scheme = Jt({}, this._scheme, t);
   }
 }
-class kn {
+class Fn {
   constructor(t, e) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -2067,7 +2071,7 @@ class kn {
   _updateGroups() {
     this._grouped = {};
     for (const t of this._data) {
-      const e = Ee.findByDate(new Date(t.date), this._model.candles.allData);
+      const e = Ne.findByDate(new Date(t.date), this._model.candles.allData);
       if (!e) continue;
       const s = e.open_time.getTime();
       this._grouped[s] || (this._grouped[s] = []), this._grouped[s].push({ ...t, candle: e });
@@ -2092,7 +2096,7 @@ class kn {
     this._updateGroups(), this._callbacks.onUpdate(t, e);
   }
 }
-class Nn {
+class Hn {
   constructor({
     chartId: t,
     container: e,
@@ -2105,7 +2109,7 @@ class Nn {
   }) {
     f(this, "chartId");
     f(this, "container");
-    f(this, "eventBus", new yn());
+    f(this, "eventBus", new xn());
     f(this, "candles");
     f(this, "config");
     f(this, "colorScheme");
@@ -2114,7 +2118,7 @@ class Nn {
     f(this, "trade");
     f(this, "userMarkers");
     f(this, "comments");
-    this.chartId = t, this.container = e, this.candles = new Ee(s, this), this.config = new _n(n), this.colorScheme = new En(o), this.layout = new pn(e, this.config), this.scales = new Mn(this), this.trade = new An(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new kn(c, this);
+    this.chartId = t, this.container = e, this.candles = new Ne(s, this), this.config = new vn(n), this.colorScheme = new Nn(o), this.layout = new bn(e, this.config), this.scales = new Dn(this), this.trade = new En(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Ln(this, r), this.comments = new Fn(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2154,7 +2158,7 @@ class Nn {
   }
 }
 const Zt = window.devicePixelRatio || 2;
-class E {
+class L {
   constructor({ tag: t, className: e, id: s, textContent: n }) {
     f(this, "_tag");
     f(this, "_className");
@@ -2192,7 +2196,7 @@ class E {
     this.node.style.opacity = t ? "1" : "0", this.node.style.visibility = t ? "visible" : "hidden";
   }
 }
-class Nt extends E {
+class Nt extends L {
   constructor({ className: e, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
@@ -2224,24 +2228,24 @@ class Nt extends E {
     return this._height;
   }
 }
-const Fn = 50, Hn = 8;
-function In(i, t) {
+const In = 50, Bn = 8;
+function Rn(i, t) {
   const {
     layout: { xAxis: e },
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: a
-  } = t, r = a.x.ticks(Fn), o = (_) => _.getHours() === 0 && _.getMinutes() === 0, c = k.timeFormat("%d %b"), h = k.timeFormat("%H:%M");
+  } = t, r = a.x.ticks(In), o = (_) => _.getHours() === 0 && _.getMinutes() === 0, c = k.timeFormat("%d %b"), h = k.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(e.x, e.y, e.width, e.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle";
   const d = r.map((_) => {
     const m = a.x.convert(_), v = o(_) ? c(_) : h(_), b = i.measureText(v).width;
     return { tick: _, x: m, label: v, width: b };
   });
-  Bn(d, Hn).forEach(({ x: _, label: m }) => {
+  $n(d, Bn).forEach(({ x: _, label: m }) => {
     i.fillText(m, _, e.y + e.height / 2);
   });
 }
-function Bn(i, t) {
+function $n(i, t) {
   if (i.length === 0) return [];
   const e = [];
   let s = -1 / 0, n = 0;
@@ -2256,7 +2260,7 @@ function Bn(i, t) {
   }
   return e;
 }
-function Rn(i, t) {
+function On(i, t) {
   const {
     layout: { yAxis: e },
     colorScheme: { yAxis: s },
@@ -2268,7 +2272,7 @@ function Rn(i, t) {
     i.fillText(d, e.x + e.width / 2, h);
   });
 }
-const $n = (i, t) => {
+const Pn = (i, t) => {
   const {
     layout: { axisIntersection: e },
     colorScheme: s
@@ -2280,18 +2284,18 @@ const $n = (i, t) => {
     e.height
   ), i.restore();
 };
-class ye {
+class we {
   static xAxis(t, e) {
-    In(t, e);
+    Rn(t, e);
   }
   static yAxis(t, e) {
-    Rn(t, e);
+    On(t, e);
   }
   static intersection(t, e) {
-    $n(t, e);
+    Pn(t, e);
   }
 }
-class On {
+class zn {
   constructor(t) {
     f(this, "_target");
     this._target = t;
@@ -2333,12 +2337,12 @@ class On {
 function Qt(i) {
   return i * 0.1875;
 }
-const Pn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
+const Vn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
   const g = r / 16, _ = 16 * g, m = n - _ / 2, v = a;
   i.save(), i.translate(m, 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 = t, 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 = t, 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 = e, i.fillText(s, n, x), i.restore();
-}, zn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
+}, Wn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
   const g = r / 16, _ = 16 * g, m = n - _ / 2, v = a;
   i.save(), i.translate(m, 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 = t, 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 = t, 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;
@@ -2352,13 +2356,13 @@ function Kt(i) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, Kt(i);
 }
-var Vn = /^\s+/, Wn = /\s+$/;
+var Yn = /^\s+/, jn = /\s+$/;
 function S(i, t) {
   if (i = i || "", t = t || {}, i instanceof S)
     return i;
   if (!(this instanceof S))
     return new S(i, t);
-  var e = Yn(i);
+  var e = Xn(i);
   this._originalInput = i, this._r = e.r, this._g = e.g, this._b = e.b, this._a = e.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || e.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = e.ok;
 }
 S.prototype = {
@@ -2389,10 +2393,10 @@ S.prototype = {
     return e = t.r / 255, s = t.g / 255, n = t.b / 255, e <= 0.03928 ? a = e / 12.92 : a = Math.pow((e + 0.055) / 1.055, 2.4), s <= 0.03928 ? r = s / 12.92 : r = Math.pow((s + 0.055) / 1.055, 2.4), n <= 0.03928 ? o = n / 12.92 : o = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * r + 0.0722 * o;
   },
   setAlpha: function(t) {
-    return this._a = yi(t), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = xi(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var t = ci(this._r, this._g, this._b);
+    var t = di(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -2401,11 +2405,11 @@ S.prototype = {
     };
   },
   toHsvString: function() {
-    var t = ci(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.v * 100);
+    var t = di(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.v * 100);
     return this._a == 1 ? "hsv(" + e + ", " + s + "%, " + n + "%)" : "hsva(" + e + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var t = li(this._r, this._g, this._b);
+    var t = hi(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -2414,17 +2418,17 @@ S.prototype = {
     };
   },
   toHslString: function() {
-    var t = li(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.l * 100);
+    var t = hi(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.l * 100);
     return this._a == 1 ? "hsl(" + e + ", " + s + "%, " + n + "%)" : "hsla(" + e + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(t) {
-    return hi(this._r, this._g, this._b, t);
+    return ui(this._r, this._g, this._b, t);
   },
   toHexString: function(t) {
     return "#" + this.toHex(t);
   },
   toHex8: function(t) {
-    return Gn(this._r, this._g, this._b, this._a, t);
+    return qn(this._r, this._g, this._b, this._a, t);
   },
   toHex8String: function(t) {
     return "#" + this.toHex8(t);
@@ -2452,13 +2456,13 @@ S.prototype = {
     return this._a == 1 ? "rgb(" + Math.round($(this._r, 255) * 100) + "%, " + Math.round($(this._g, 255) * 100) + "%, " + Math.round($(this._b, 255) * 100) + "%)" : "rgba(" + Math.round($(this._r, 255) * 100) + "%, " + Math.round($(this._g, 255) * 100) + "%, " + Math.round($(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : ra[hi(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : la[ui(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(t) {
-    var e = "#" + di(this._r, this._g, this._b, this._a), s = e, n = this._gradientType ? "GradientType = 1, " : "";
+    var e = "#" + fi(this._r, this._g, this._b, this._a), s = e, n = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
       var a = S(t);
-      s = "#" + di(a._r, a._g, a._b, a._a);
+      s = "#" + fi(a._r, a._g, a._b, a._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + e + ",endColorstr=" + s + ")";
   },
@@ -2476,68 +2480,68 @@ S.prototype = {
     return this._r = s._r, this._g = s._g, this._b = s._b, this.setAlpha(s._a), this;
   },
   lighten: function() {
-    return this._applyModification(Qn, arguments);
+    return this._applyModification(ta, arguments);
   },
   brighten: function() {
-    return this._applyModification(Kn, arguments);
+    return this._applyModification(ea, arguments);
   },
   darken: function() {
-    return this._applyModification(ta, arguments);
+    return this._applyModification(ia, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Zn, arguments);
+    return this._applyModification(Jn, arguments);
   },
   saturate: function() {
-    return this._applyModification(qn, arguments);
+    return this._applyModification(Qn, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Jn, arguments);
+    return this._applyModification(Kn, arguments);
   },
   spin: function() {
-    return this._applyModification(ea, arguments);
+    return this._applyModification(sa, arguments);
   },
   _applyCombination: function(t, e) {
     return t.apply(null, [this].concat([].slice.call(e)));
   },
   analogous: function() {
-    return this._applyCombination(na, arguments);
+    return this._applyCombination(ra, arguments);
   },
   complement: function() {
-    return this._applyCombination(ia, arguments);
+    return this._applyCombination(na, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination(aa, arguments);
+    return this._applyCombination(oa, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(sa, arguments);
+    return this._applyCombination(aa, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(ui, [3]);
+    return this._applyCombination(gi, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(ui, [4]);
+    return this._applyCombination(gi, [4]);
   }
 };
 S.fromRatio = function(i, t) {
   if (Kt(i) == "object") {
     var e = {};
     for (var s in i)
-      i.hasOwnProperty(s) && (s === "a" ? e[s] = i[s] : e[s] = Lt(i[s]));
+      i.hasOwnProperty(s) && (s === "a" ? e[s] = i[s] : e[s] = Et(i[s]));
     i = e;
   }
   return S(i, t);
 };
-function Yn(i) {
+function Xn(i) {
   var t = {
     r: 0,
     g: 0,
     b: 0
   }, e = 1, s = null, n = null, a = null, r = !1, o = !1;
-  return typeof i == "string" && (i = ha(i)), Kt(i) == "object" && (st(i.r) && st(i.g) && st(i.b) ? (t = jn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : st(i.h) && st(i.s) && st(i.v) ? (s = Lt(i.s), n = Lt(i.v), t = Un(i.h, s, n), r = !0, o = "hsv") : st(i.h) && st(i.s) && st(i.l) && (s = Lt(i.s), a = Lt(i.l), t = Xn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (e = i.a)), e = yi(e), {
+  return typeof i == "string" && (i = ua(i)), Kt(i) == "object" && (st(i.r) && st(i.g) && st(i.b) ? (t = Un(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : st(i.h) && st(i.s) && st(i.v) ? (s = Et(i.s), n = Et(i.v), t = Zn(i.h, s, n), r = !0, o = "hsv") : st(i.h) && st(i.s) && st(i.l) && (s = Et(i.s), a = Et(i.l), t = Gn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (e = i.a)), e = xi(e), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -2546,14 +2550,14 @@ function Yn(i) {
     a: e
   };
 }
-function jn(i, t, e) {
+function Un(i, t, e) {
   return {
     r: $(i, 255) * 255,
     g: $(t, 255) * 255,
     b: $(e, 255) * 255
   };
 }
-function li(i, t, e) {
+function hi(i, t, e) {
   i = $(i, 255), t = $(t, 255), e = $(e, 255);
   var s = Math.max(i, t, e), n = Math.min(i, t, e), a, r, o = (s + n) / 2;
   if (s == n)
@@ -2579,7 +2583,7 @@ function li(i, t, e) {
     l: o
   };
 }
-function Xn(i, t, e) {
+function Gn(i, t, e) {
   var s, n, a;
   i = $(i, 360), t = $(t, 100), e = $(e, 100);
   function r(h, d, g) {
@@ -2597,7 +2601,7 @@ function Xn(i, t, e) {
     b: a * 255
   };
 }
-function ci(i, t, e) {
+function di(i, t, e) {
   i = $(i, 255), t = $(t, 255), e = $(e, 255);
   var s = Math.max(i, t, e), n = Math.min(i, t, e), a, r, o = s, c = s - n;
   if (r = s === 0 ? 0 : c / s, s == n)
@@ -2622,7 +2626,7 @@ function ci(i, t, e) {
     v: o
   };
 }
-function Un(i, t, e) {
+function Zn(i, t, e) {
   i = $(i, 360) * 6, t = $(t, 100), e = $(e, 100);
   var s = Math.floor(i), n = i - s, a = e * (1 - t), r = e * (1 - n * t), o = e * (1 - (1 - n) * t), c = s % 6, h = [e, r, a, a, o, e][c], d = [o, e, e, r, a, a][c], g = [a, a, o, e, e, r][c];
   return {
@@ -2631,16 +2635,16 @@ function Un(i, t, e) {
     b: g * 255
   };
 }
-function hi(i, t, e, s) {
+function ui(i, t, e, s) {
   var n = [Q(Math.round(i).toString(16)), Q(Math.round(t).toString(16)), Q(Math.round(e).toString(16))];
   return s && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
-function Gn(i, t, e, s, n) {
-  var a = [Q(Math.round(i).toString(16)), Q(Math.round(t).toString(16)), Q(Math.round(e).toString(16)), Q(wi(s))];
+function qn(i, t, e, s, n) {
+  var a = [Q(Math.round(i).toString(16)), Q(Math.round(t).toString(16)), Q(Math.round(e).toString(16)), Q(Ci(s))];
   return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function di(i, t, e, s) {
-  var n = [Q(wi(s)), Q(Math.round(i).toString(16)), Q(Math.round(t).toString(16)), Q(Math.round(e).toString(16))];
+function fi(i, t, e, s) {
+  var n = [Q(Ci(s)), Q(Math.round(i).toString(16)), Q(Math.round(t).toString(16)), Q(Math.round(e).toString(16))];
   return n.join("");
 }
 S.equals = function(i, t) {
@@ -2653,43 +2657,43 @@ S.random = function() {
     b: Math.random()
   });
 };
-function Zn(i, t) {
+function Jn(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = S(i).toHsl();
-  return e.s -= t / 100, e.s = ee(e.s), S(e);
+  return e.s -= t / 100, e.s = ie(e.s), S(e);
 }
-function qn(i, t) {
+function Qn(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = S(i).toHsl();
-  return e.s += t / 100, e.s = ee(e.s), S(e);
+  return e.s += t / 100, e.s = ie(e.s), S(e);
 }
-function Jn(i) {
+function Kn(i) {
   return S(i).desaturate(100);
 }
-function Qn(i, t) {
+function ta(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = S(i).toHsl();
-  return e.l += t / 100, e.l = ee(e.l), S(e);
+  return e.l += t / 100, e.l = ie(e.l), S(e);
 }
-function Kn(i, t) {
+function ea(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = S(i).toRgb();
   return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(t / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(t / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(t / 100)))), S(e);
 }
-function ta(i, t) {
+function ia(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = S(i).toHsl();
-  return e.l -= t / 100, e.l = ee(e.l), S(e);
+  return e.l -= t / 100, e.l = ie(e.l), S(e);
 }
-function ea(i, t) {
+function sa(i, t) {
   var e = S(i).toHsl(), s = (e.h + t) % 360;
   return e.h = s < 0 ? 360 + s : s, S(e);
 }
-function ia(i) {
+function na(i) {
   var t = S(i).toHsl();
   return t.h = (t.h + 180) % 360, S(t);
 }
-function ui(i, t) {
+function gi(i, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
   for (var e = S(i).toHsl(), s = [S(i)], n = 360 / t, a = 1; a < t; a++)
@@ -2700,7 +2704,7 @@ function ui(i, t) {
     }));
   return s;
 }
-function sa(i) {
+function aa(i) {
   var t = S(i).toHsl(), e = t.h;
   return [S(i), S({
     h: (e + 72) % 360,
@@ -2712,14 +2716,14 @@ function sa(i) {
     l: t.l
   })];
 }
-function na(i, t, e) {
+function ra(i, t, e) {
   t = t || 6, e = e || 30;
   var s = S(i).toHsl(), n = 360 / e, a = [S(i)];
   for (s.h = (s.h - (n * t >> 1) + 720) % 360; --t; )
     s.h = (s.h + n) % 360, a.push(S(s));
   return a;
 }
-function aa(i, t) {
+function oa(i, t) {
   t = t || 6;
   for (var e = S(i).toHsv(), s = e.h, n = e.s, a = e.v, r = [], o = 1 / t; t--; )
     r.push(S({
@@ -2745,7 +2749,7 @@ S.readability = function(i, t) {
 };
 S.isReadable = function(i, t, e) {
   var s = S.readability(i, t), n, a;
-  switch (a = !1, n = da(e), n.level + n.size) {
+  switch (a = !1, n = fa(e), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
       a = s >= 4.5;
@@ -2769,7 +2773,7 @@ S.mostReadable = function(i, t, e) {
     size: c
   }) || !r ? s : (e.includeFallbackColors = !1, S.mostReadable(i, ["#fff", "#000"], e));
 };
-var Me = S.names = {
+var Ae = S.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2919,43 +2923,43 @@ var Me = S.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, ra = S.hexNames = oa(Me);
-function oa(i) {
+}, la = S.hexNames = ca(Ae);
+function ca(i) {
   var t = {};
   for (var e in i)
     i.hasOwnProperty(e) && (t[i[e]] = e);
   return t;
 }
-function yi(i) {
+function xi(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
 function $(i, t) {
-  la(i) && (i = "100%");
-  var e = ca(i);
+  ha(i) && (i = "100%");
+  var e = da(i);
   return i = Math.min(t, Math.max(0, parseFloat(i))), e && (i = parseInt(i * t, 10) / 100), Math.abs(i - t) < 1e-6 ? 1 : i % t / parseFloat(t);
 }
-function ee(i) {
+function ie(i) {
   return Math.min(1, Math.max(0, i));
 }
 function U(i) {
   return parseInt(i, 16);
 }
-function la(i) {
+function ha(i) {
   return typeof i == "string" && i.indexOf(".") != -1 && parseFloat(i) === 1;
 }
-function ca(i) {
+function da(i) {
   return typeof i == "string" && i.indexOf("%") != -1;
 }
 function Q(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
-function Lt(i) {
+function Et(i) {
   return i <= 1 && (i = i * 100 + "%"), i;
 }
-function wi(i) {
+function Ci(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function fi(i) {
+function mi(i) {
   return U(i) / 255;
 }
 var J = function() {
@@ -2977,11 +2981,11 @@ var J = function() {
 function st(i) {
   return !!J.CSS_UNIT.exec(i);
 }
-function ha(i) {
-  i = i.replace(Vn, "").replace(Wn, "").toLowerCase();
+function ua(i) {
+  i = i.replace(Yn, "").replace(jn, "").toLowerCase();
   var t = !1;
-  if (Me[i])
-    i = Me[i], t = !0;
+  if (Ae[i])
+    i = Ae[i], t = !0;
   else if (i == "transparent")
     return {
       r: 0,
@@ -3022,7 +3026,7 @@ function ha(i) {
     r: U(e[1]),
     g: U(e[2]),
     b: U(e[3]),
-    a: fi(e[4]),
+    a: mi(e[4]),
     format: t ? "name" : "hex8"
   } : (e = J.hex6.exec(i)) ? {
     r: U(e[1]),
@@ -3033,7 +3037,7 @@ function ha(i) {
     r: U(e[1] + "" + e[1]),
     g: U(e[2] + "" + e[2]),
     b: U(e[3] + "" + e[3]),
-    a: fi(e[4] + "" + e[4]),
+    a: mi(e[4] + "" + e[4]),
     format: t ? "name" : "hex8"
   } : (e = J.hex3.exec(i)) ? {
     r: U(e[1] + "" + e[1]),
@@ -3042,7 +3046,7 @@ function ha(i) {
     format: t ? "name" : "hex"
   } : !1;
 }
-function da(i) {
+function fa(i) {
   var t, e;
   return i = i || {
     level: "AA",
@@ -3052,7 +3056,7 @@ function da(i) {
     size: e
   };
 }
-function ua(i, t) {
+function ga(i, t) {
   const {
     trade: { tradedCandles: e },
     scales: { x: s, y: n },
@@ -3066,13 +3070,13 @@ function ua(i, t) {
   e.forEach(({ isHovered: h, isActive: d, candle: g, trades: _ }) => {
     const m = 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 ? Pn : zn;
-      let M = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (M = S.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
+      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 ? Vn : Wn;
+      let A = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (A = S.mix(A, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (A = o.activeLabel), C(i, {
         x: m,
         y,
         symbol: x,
-        mainColor: M,
+        mainColor: A,
         textColor: w,
         size: 16,
         fontSize: 12
@@ -3080,7 +3084,7 @@ function ua(i, t) {
     });
   });
 }
-function fa(i, t) {
+function ma(i, t) {
   const {
     scales: { x: e, factorX: s },
     layout: { area: n },
@@ -3100,7 +3104,7 @@ function fa(i, t) {
   }
   i.restore();
 }
-const ga = (i, t) => {
+const _a = (i, t) => {
   const {
     scales: { x: e, y: s },
     trade: { tradedCandles: n, entries: a, exits: r },
@@ -3133,7 +3137,7 @@ const ga = (i, t) => {
     d(g, _);
   }
   i.restore();
-}, xi = (i, t) => {
+}, Ti = (i, t) => {
   const {
     radius: e,
     coords: { x: s, y: n },
@@ -3142,7 +3146,7 @@ const ga = (i, t) => {
     height: o
   } = t;
   i.beginPath(), i.fillStyle = a, i.lineWidth = 1, i.moveTo(s + e, n), i.lineTo(s + r - e, n), i.quadraticCurveTo(s + r, n, s + r, n + e), i.lineTo(s + r, n + o - e), i.quadraticCurveTo(s + r, n + o, s + r - e, n + o), i.lineTo(s + e, n + o), i.quadraticCurveTo(s, n + o, s, n + o - e), i.lineTo(s, n + e), i.quadraticCurveTo(s, n, s + e, n), i.closePath(), i.fill();
-}, ma = (i) => {
+}, pa = (i) => {
   const t = Math.floor((Date.now() - +i) / 1e3), e = [
     [60, 1, "s"],
     [3600, 60, "m"],
@@ -3154,7 +3158,7 @@ const ga = (i, t) => {
   ], [, s, n] = e.find(([r]) => t < r);
   return `${Math.floor(t / s)}${n} ago`;
 };
-function _a(i) {
+function va(i) {
   const t = Math.floor(i / 1e3), e = [
     { label: "d", value: 86400 },
     { label: "h", value: 3600 },
@@ -3169,7 +3173,7 @@ function _a(i) {
     }
   return s.length ? s.join(" ") : "0s";
 }
-const pa = 10, va = 6, ba = 4, ya = 12, wa = (i, t) => {
+const ba = 10, ya = 6, wa = 4, xa = 12, Ca = (i, t) => {
   var V;
   const {
     scales: { x: e, y: s },
@@ -3186,23 +3190,23 @@ const pa = 10, va = 6, ba = 4, ya = 12, wa = (i, t) => {
   if (!_ || !m) return;
   const v = (P) => P ? P instanceof Date ? P : new Date(P) : null, b = v(d == null ? void 0 : d[0]) || _.candle.open_time, w = v(d == null ? void 0 : d[1]) || m.candle.close_time, x = e.convert(v(d == null ? void 0 : d[0]) || _.candle.open_time), y = e.convert(v(d == null ? void 0 : d[1]) || m.candle.open_time), C = t.candles.allData.filter(
     (P) => P.open_time <= w && P.close_time >= b
-  ), M = C.length > 0 ? C.reduce((P, ot) => ot.low < P ? ot.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, A = s.convert(g || M);
-  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, A), i.lineTo(y, A), i.stroke(), i.setLineDash([]);
-  const L = (x + y) / 2, I = h || `Hold: ${_a(r)}`, Z = getComputedStyle(
+  ), A = C.length > 0 ? C.reduce((P, ot) => ot.low < P ? ot.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, M = s.convert(g || A);
+  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, M), i.lineTo(y, M), i.stroke(), i.setLineDash([]);
+  const D = (x + y) / 2, I = h || `Hold: ${va(r)}`, Z = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${pa}px ${Z}`;
-  const K = i.measureText(I).width + va * 2, O = ya + ba * 2;
-  xi(i, {
+  i.font = `600 ${ba}px ${Z}`;
+  const K = i.measureText(I).width + ya * 2, O = xa + wa * 2;
+  Ti(i, {
     radius: 4,
     coords: {
-      x: L - K / 2,
-      y: A - O / 2
+      x: D - K / 2,
+      y: M - O / 2
     },
     width: K,
     height: O,
     fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(I, L, A), i.restore();
+  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(I, D, M), i.restore();
 };
 class Ft {
   constructor(t, e, {
@@ -3214,7 +3218,7 @@ class Ft {
     f(this, "dom", null);
     f(this, "prefix");
     const { width: r, height: o, canvasesContainer: c, domElements: h } = e;
-    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${t}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new E({ className: `sc-charts-cs__dom-${t}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${t}`;
+    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${t}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new L({ className: `sc-charts-cs__dom-${t}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${t}`;
   }
   cx(...t) {
     return t.map((e) => `${this.prefix}-${e}`).join(" ");
@@ -3223,12 +3227,12 @@ class Ft {
     return (e) => t.map((s) => `${this.prefix}-${s}-${e}`).join(" ");
   }
 }
-const xa = {
+const Ta = {
   "right-bottom": { dx: 1, dy: 1 },
   "left-top": { dx: -1, dy: -1 },
   "right-top": { dx: 1, dy: -1 },
   "left-bottom": { dx: -1, dy: 1 }
-}, ke = ({
+}, Fe = ({
   size: i,
   parent: t,
   coords: e,
@@ -3236,18 +3240,18 @@ const xa = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = t.right - t.left, c = t.bottom - t.top, h = (y) => {
-    const { dx: C, dy: M } = xa[y], A = e.x + (C === 1 ? n : -a - n), L = e.y + (M === 1 ? n : -r - n);
-    return { x: A, y: L, side: y };
+    const { dx: C, dy: A } = Ta[y], M = e.x + (C === 1 ? n : -a - n), D = e.y + (A === 1 ? n : -r - n);
+    return { x: M, y: D, side: y };
   }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
-    const y = e.y < 0, C = e.y + r > c, M = e.x < 0, A = e.x + a > o;
-    return M && y ? "right-bottom" : M && C ? "right-top" : A && y ? "left-bottom" : A && C ? "left-top" : M ? "right-bottom" : A ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
+    const y = e.y < 0, C = e.y + r > c, A = e.x < 0, M = e.x + a > o;
+    return A && y ? "right-bottom" : A && C ? "right-top" : M && y ? "left-bottom" : M && C ? "left-top" : A ? "right-bottom" : M ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, m = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
+  ].filter((y, C, A) => A.indexOf(y) === C), v = g();
   let b = null;
   for (const y of [v, ...m]) {
     const C = h(y);
@@ -3264,7 +3268,7 @@ const xa = {
     side: b.side
   };
 };
-class nt extends E {
+class nt extends L {
   constructor(e) {
     super(e);
     f(this, "_state", {});
@@ -3299,7 +3303,7 @@ class nt extends E {
     this._scheduleUpdate();
   }
 }
-class Ca extends nt {
+class Sa extends nt {
   constructor(e) {
     const s = "label-tooltip";
     super({ className: e.cx(s) });
@@ -3307,13 +3311,13 @@ class Ca extends nt {
     f(this, "manyBox");
     f(this, "oneBox");
     f(this, "clsx");
-    this.clsx = e.cxFabric(s), this.title = new E({
+    this.clsx = e.cxFabric(s), this.title = new L({
       tag: "div",
       className: this.clsx("title")
-    }), this.manyBox = new E({
+    }), this.manyBox = new L({
       tag: "div",
       className: this.clsx("box_many")
-    }), this.oneBox = new E({
+    }), this.oneBox = new L({
       tag: "div",
       className: this.clsx("box_one")
     }), e.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: G.empty() };
@@ -3322,13 +3326,13 @@ class Ca extends nt {
     const n = [];
     for (const a of Object.keys(s))
       if (a in e) {
-        const r = new E({
+        const r = new L({
           tag: "div",
           className: this.clsx("line")
         });
         let o = e[a].toString();
         a === "kind" && (o = this._formatDate(e.time));
-        const c = new E({ tag: "strong", textContent: s[a] }), h = new E({ tag: "span", textContent: o });
+        const c = new L({ tag: "strong", textContent: s[a] }), h = new L({ tag: "span", textContent: o });
         r.append(c.node, h.node), n.push(r.node);
       }
     return n;
@@ -3341,8 +3345,11 @@ class Ca extends nt {
       month: "short",
       year: "numeric",
       hour12: !1
-    }).format(e), [n, a, r] = s.split(", ");
-    return `${n}, ${a} ${r}`;
+    }).formatToParts(e), n = (_) => {
+      var m;
+      return ((m = s.find((v) => v.type === _)) == null ? void 0 : m.value) ?? "";
+    }, a = n("hour"), r = n("minute"), o = n("day"), c = n("month"), h = n("year"), d = [a, r].filter(Boolean).join(":"), g = [c, o, h].filter(Boolean).join(" ");
+    return [d, g].filter(Boolean).join(", ");
   }
   updateContent(e) {
     if (e.length) {
@@ -3358,7 +3365,7 @@ class Ca extends nt {
       } else if (e.length > 1) {
         this.manyBox.node.style.display = "flex";
         const s = e.map((n) => {
-          const a = new E({ tag: "div" }), r = this._createLineNodes(n, {
+          const a = new L({ tag: "div" }), r = this._createLineNodes(n, {
             kind: n.kind === "entry" ? "Entry:" : "Exit:",
             price: "Price:"
           });
@@ -3371,7 +3378,7 @@ class Ca extends nt {
   render() {
     const { isShow: e, x: s, y: n, parent: a } = this.state;
     this.setVisible(e), e && this.updateAbsolutePosition();
-    const r = ke({
+    const r = Fe({
       size: this.absolutePosition,
       parent: a,
       coords: { x: s, y: n }
@@ -3379,22 +3386,22 @@ class Ca extends nt {
     this.position(r.x, r.y);
   }
 }
-class Ta extends Ft {
+class Ma extends Ft {
   constructor(e) {
     super("trade", e);
     f(this, "labelTooltip");
     if (!this.dom) throw new Error("[CS_V_Trade] this.dom must be defined");
     if (!this.canvas) throw new Error("[CS_V_Trade] this.canvas must be defined");
-    this.labelTooltip = new Ca(this), this.dom.append(this.labelTooltip.node);
+    this.labelTooltip = new Sa(this), this.dom.append(this.labelTooltip.node);
   }
   renderAll(e) {
-    this.canvas.clear(), fa(this.canvas.ctx, e), ua(this.canvas.ctx, e), ga(this.canvas.ctx, e), wa(this.canvas.ctx, e);
+    this.canvas.clear(), ma(this.canvas.ctx, e), ga(this.canvas.ctx, e), _a(this.canvas.ctx, e), Ca(this.canvas.ctx, e);
   }
 }
-function Sa(i, { color: t = "#000000", lineWidth: e = 1, dashed: s, coords: n }) {
+function Aa(i, { color: t = "#000000", lineWidth: e = 1, dashed: s, coords: n }) {
   i.strokeStyle = t, i.lineWidth = e, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
 }
-const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, t) => {
+const Da = { text: "#FFFFFF", bg: "#000000" }, Ea = (i, t) => {
   const {
     coords: e,
     text: s,
@@ -3405,28 +3412,28 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, t) => {
     borderRadius: c = 0,
     colors: h,
     align: d = { x: "left", y: "top" }
-  } = t, g = { ...Ma, ...h }, m = getComputedStyle(
+  } = t, g = { ...Da, ...h }, m = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `${a} ${n}px ${m}`;
   const b = i.measureText(s).width + o.x * 2, w = r + o.y * 2;
   let x = e.x, y = e.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, {
+  d.x === "middle" ? x -= b / 2 : d.x === "right" && (x -= b), d.y === "middle" ? y -= w / 2 : d.y === "bottom" && (y -= w), Ti(i, {
     radius: c,
     coords: { x, y },
     width: b,
     height: w,
     fillColor: g.bg
   }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, x + b / 2, y + w / 2);
-}, gi = {
+}, _i = {
   line: "#000000",
   text: "#ffffff",
   main: "#000000"
-}, Ci = (i, { text: t, startLineCoords: e, side: s, colors: n = gi, dir: a = "h", endMarkerCoords: r }) => {
+}, Si = (i, { text: t, startLineCoords: e, side: s, colors: n = _i, dir: a = "h", endMarkerCoords: r }) => {
   if (a === "h" && (s === "bottom" || s === "top"))
     throw new Error("[drawMarker util]: Incorrect side or dir for this marker");
-  const o = { ...gi, ...n };
-  i.save(), Sa(i, {
+  const o = { ..._i, ...n };
+  i.save(), Aa(i, {
     color: o.line,
     lineWidth: 1,
     dashed: [4, 4],
@@ -3436,7 +3443,7 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, t) => {
       x2: r.x,
       y2: r.y
     }
-  }), Aa(i, {
+  }), Ea(i, {
     text: t,
     coords: r,
     padding: { x: 6, y: 4 },
@@ -3453,17 +3460,17 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, t) => {
     }
   }), i.restore();
 };
-class Da extends Nt {
+class La extends Nt {
   constructor(t) {
     super(t);
   }
   drawMarker(t) {
-    Ci(this.ctx, t);
+    Si(this.ctx, t);
   }
 }
-class La extends Ft {
+class ka extends Ft {
   constructor(t) {
-    if (super("user-markers", t, { CanvasClass: Da, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
+    if (super("user-markers", t, { CanvasClass: La, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
   render(t) {
     this.canvas.clear();
@@ -3491,23 +3498,23 @@ class La extends Ft {
     this.canvas.clear();
   }
 }
-const Ea = "sc-charts-cs";
+const Na = "sc-charts-cs";
 class rt {
   constructor(t) {
     f(this, "block");
     this.block = t;
   }
   gen(t) {
-    return `${Ea}__${this.block}${t ? "-" + t : ""}`;
+    return `${Na}__${this.block}${t ? "-" + t : ""}`;
   }
 }
-const we = new rt("comment-actions");
-class ka extends E {
+const xe = new rt("comment-actions");
+class Fa extends L {
   constructor({ onDelete: t, onUpdate: e }) {
-    super({ className: we.gen() });
-    const s = new E({ tag: "button", className: we.gen("edit"), textContent: "Edit" }), n = new E({
+    super({ className: xe.gen() });
+    const s = new L({ tag: "button", className: xe.gen("edit"), textContent: "Edit" }), n = new L({
       tag: "button",
-      className: we.gen("delete"),
+      className: xe.gen("delete"),
       textContent: "Delete"
     });
     n.node.addEventListener("click", (a) => {
@@ -3517,7 +3524,7 @@ class ka extends E {
     }), this.append(s.node, n.node);
   }
 }
-function Ne(i, t) {
+function He(i, t) {
   var n;
   const e = (a) => {
     if (!document.contains(i.node)) return;
@@ -3534,7 +3541,7 @@ function Ne(i, t) {
     document.removeEventListener("mousedown", e), s == null || s();
   }, i;
 }
-class Na {
+class Ha {
   constructor() {
     f(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3573,33 +3580,33 @@ class Na {
   }
 }
 const At = new rt("comment-list");
-class Fa extends E {
+class Ia extends L {
   constructor({ onDelete: e, onOpenEditor: s, comment: n, layout: a }) {
     super({ className: At.gen("item") });
     f(this, "actionTooltip");
     f(this, "actionsTrigger");
-    const r = new E({ className: At.gen("text"), textContent: n.text }), o = new E({
+    const r = new L({ className: At.gen("text"), textContent: n.text }), o = new L({
       className: At.gen("created-at"),
-      textContent: ma(new Date(n.createdAt))
+      textContent: pa(new Date(n.createdAt))
     });
-    this.actionsTrigger = new E({
+    this.actionsTrigger = new L({
       tag: "button",
       className: At.gen("action-trigger")
     });
-    const c = new ka({
+    const c = new Fa({
       onDelete: e,
       onUpdate: s
     });
-    this.actionTooltip = Ne(c, () => {
+    this.actionTooltip = He(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 E({ className: At.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Na().node), this.append(h.node, o.node);
+    const h = new L({ className: At.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ha().node), this.append(h.node, o.node);
   }
 }
-class Ha {
+class Ba {
   constructor() {
     f(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3611,7 +3618,7 @@ class Ha {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Ia {
+class Ra {
   constructor() {
     f(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3623,7 +3630,7 @@ class Ia {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Ba extends nt {
+class $a extends nt {
   constructor(e) {
     super({ className: "sc-charts-cs__comments-edit" });
     f(this, "input");
@@ -3631,14 +3638,14 @@ class Ba extends nt {
     f(this, "cancelBtn");
     f(this, "_onSave");
     f(this, "_onCancel");
-    this._onSave = e.onSave, this._onCancel = e.onCancel, this.input = new E({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new E({
+    this._onSave = e.onSave, this._onCancel = e.onCancel, this.input = new L({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new L({
       tag: "button",
       className: "sc-charts-cs__comments-edit-save-btn"
-    }), this.saveBtn.append(new Ha().node), this.cancelBtn = new E({
+    }), this.saveBtn.append(new Ba().node), this.cancelBtn = new L({
       tag: "button",
       className: "sc-charts-cs__comments-edit-cancel-btn"
-    }), this.cancelBtn.append(new Ia().node);
-    const s = new E({ className: "sc-charts-cs__comments-edit-btn-container" });
+    }), this.cancelBtn.append(new Ra().node);
+    const s = new L({ className: "sc-charts-cs__comments-edit-btn-container" });
     s.append(this.cancelBtn.node, this.saveBtn.node), this.append(this.input.node, s.node), this.state = { inputValue: e.initialValue || "", hasInitFocused: !1 }, this._setupListeners(), this.render();
   }
   _setupListeners() {
@@ -3653,10 +3660,10 @@ class Ba extends nt {
     this.input.node.value = this.state.inputValue, this.saveBtn.node.disabled = !this.state.inputValue.trim(), this.state.hasInitFocused || (requestAnimationFrame(() => this.input.node.focus()), this.setState({ hasInitFocused: !0 }));
   }
 }
-const Ra = new rt("comment-list");
-class $a extends nt {
+const Oa = new rt("comment-list");
+class Pa extends nt {
   constructor(e, s, n, a = {}) {
-    super({ tag: "ul", className: Ra.gen(), ...a });
+    super({ tag: "ul", className: Oa.gen(), ...a });
     f(this, "_elements", {});
     f(this, "_model");
     f(this, "_view");
@@ -3672,7 +3679,7 @@ class $a extends nt {
   }
   _createItem(e) {
     if (this.state.editId === e.id)
-      return new Ba({
+      return new $a({
         onSave: (a) => {
           this._model.comments.update(e.id, a), this.setState({ editId: null });
         },
@@ -3681,7 +3688,7 @@ class $a extends nt {
         },
         initialValue: e.text
       });
-    const s = new Fa({
+    const s = new Ia({
       onDelete: () => {
         this._model.comments.remove(e.id), s.actionTooltip.setVisible(!1);
       },
@@ -3697,7 +3704,7 @@ class $a extends nt {
     return Object.values(this._elements).sort((e, s) => e.order - s.order).map((e) => e.element.node);
   }
 }
-class Oa {
+class za {
   constructor() {
     f(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3709,21 +3716,21 @@ class Oa {
     ), s.setAttribute("stroke", "currentColor"), s.setAttribute("stroke-linecap", "round"), s.setAttribute("stroke-linejoin", "round"), e.appendChild(s), this.node = e;
   }
 }
-const qt = new rt(""), xe = new rt("add-field");
-class Ti extends nt {
+const qt = new rt(""), Ce = new rt("add-field");
+class Mi extends nt {
   constructor({ onAdd: e, blockName: s }) {
     qt.block = s;
-    super({ className: qt.gen() + " " + xe.gen() });
+    super({ className: qt.gen() + " " + Ce.gen() });
     f(this, "btn");
     f(this, "input");
     f(this, "_onAdd");
-    this._onAdd = e, this.state = { inputValue: "" }, this.input = new E({
+    this._onAdd = e, this.state = { inputValue: "" }, this.input = new L({
       tag: "input",
-      className: qt.gen("input") + " " + xe.gen("input")
-    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new E({
+      className: qt.gen("input") + " " + Ce.gen("input")
+    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new L({
       tag: "button",
-      className: qt.gen("btn") + " " + xe.gen("btn")
-    }), this.btn.append(new Oa().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
+      className: qt.gen("btn") + " " + Ce.gen("btn")
+    }), this.btn.append(new za().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
   }
   _addComment() {
     this._onAdd(this.input.node.value), this.setState({ inputValue: "" }), this.input.node.value = "", this.input.node.blur();
@@ -3742,16 +3749,16 @@ class Ti extends nt {
     this.btn.node.disabled = !this.state.inputValue.trim();
   }
 }
-const Pa = new rt("list-tooltip"), Ce = 8;
-class za extends nt {
+const Va = new rt("list-tooltip"), Te = 8;
+class Wa extends nt {
   constructor(e, s, n) {
-    super({ className: Pa.gen() });
+    super({ className: Va.gen() });
     f(this, "_list");
     f(this, "_addField");
     f(this, "_size", null);
     f(this, "_model");
     f(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: e }, this._list = new $a(e, s, n), this._addField = new Ti({
+    this._model = s, this.state = { isShow: !1, comments: e }, this._list = new Pa(e, s, n), this._addField = new Mi({
       blockName: "list-tooltip-add",
       onAdd: (a) => {
         const r = e[0].date, o = e[0].price, c = {
@@ -3767,7 +3774,7 @@ class za extends nt {
   }
   render() {
     const { isShow: e, comments: s } = this.state, { width: n, height: a } = this._model.layout.area;
-    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = a / 2 - Ce + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Ce, a / 2 + Ce)), this._list.setState({ items: s }), requestAnimationFrame(() => {
+    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = a / 2 - Te + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Te, a / 2 + Te)), this._list.setState({ items: s }), requestAnimationFrame(() => {
       this._list.node.scrollTop = this._list.node.scrollHeight;
     });
   }
@@ -3775,7 +3782,7 @@ class za extends nt {
     return this._list;
   }
 }
-class Va {
+class Ya {
   constructor() {
     f(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3787,7 +3794,7 @@ class Va {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Wa extends nt {
+class ja extends nt {
   constructor({ x: e, ...s }, n) {
     super(s);
     f(this, "_colors");
@@ -3795,7 +3802,7 @@ class Wa extends nt {
       x: e,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Va().node), this.render();
+    }, this.node.append(new Ya().node), this.render();
   }
   render() {
     const { x: e, y: s, isActive: n } = this.state;
@@ -3804,11 +3811,11 @@ class Wa extends nt {
     this.node.style.backgroundColor = this._colors[`bg${a}`], this.node.style.color = this._colors[`icon${a}`];
   }
 }
-const mi = new rt("comment-box");
-class Ya extends nt {
+const pi = new rt("comment-box");
+class Xa extends nt {
   constructor({ boxId: e, model: s, view: n, comments: a, coords: r, onBoxActivate: o, onBoxDeactivate: c }) {
-    super({ className: mi.gen() });
-    f(this, "pointer", new E({ className: "sc-charts-cs__comments-pointer" }));
+    super({ className: pi.gen() });
+    f(this, "pointer", new L({ className: "sc-charts-cs__comments-pointer" }));
     f(this, "tooltip");
     f(this, "anchor");
     f(this, "_onBoxActivate");
@@ -3818,10 +3825,10 @@ class Ya extends nt {
       isActive: !1,
       comments: a,
       coords: r
-    }, this.pointer.position(r), this.anchor = new Wa({ x: r.x, className: mi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
+    }, this.pointer.position(r), this.anchor = new ja({ x: r.x, className: pi.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 = Ne(new za(a, s, n), (h) => {
+    }), this.tooltip = He(new Wa(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();
   }
@@ -3830,7 +3837,7 @@ class Ya extends nt {
     this.pointer.position(n), this.pointer.setVisible(e), this.anchor.setState({ x: n.x, isActive: e }), this.tooltip.setState({ comments: s, isShow: e });
   }
 }
-class ja {
+class Ua {
   static animateTo(t, e, s, n) {
     const a = t.scales.panOffsetX + (t.layout.area.width / 2 - e), r = t.scales.panOffsetY + (t.layout.area.height / 2 - s), o = 300, c = performance.now(), h = t.scales.panOffsetX, d = t.scales.panOffsetY, g = (_) => {
       const m = _ - c, v = Math.min(m / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = d + (r - d) * b;
@@ -3843,19 +3850,19 @@ class ja {
     this.animateTo(t, a, r, n);
   }
 }
-const Te = new rt("comments-context");
-class Xa extends nt {
+const Se = new rt("comments-context");
+class Ga extends nt {
   constructor() {
-    super({ className: Te.gen() });
+    super({ className: Se.gen() });
     f(this, "pointer");
     f(this, "addField");
     f(this, "menu");
     f(this, "_size", null);
     f(this, "_model", null);
     f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new E({ className: Te.gen("pointer") }), this.menu = new E({ className: Te.gen("menu") }), Ne(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new L({ className: Se.gen("pointer") }), this.menu = new L({ className: Se.gen("menu") }), He(this.menu, () => {
       this.setState({ isShow: !1 });
-    }), this.addField = new Ti({
+    }), this.addField = new Mi({
       blockName: "context-add",
       onAdd: (e) => {
         !this._model || !this._candle || (this._model.comments.add({
@@ -3880,7 +3887,7 @@ class Xa extends nt {
       y: n == null ? void 0 : n.scales.y.convert((e.open + e.close) / 2)
     };
     this.pointer.position(a), this._size || (this.menu.position(a), this.menu.updateAbsolutePosition());
-    const r = ke({
+    const r = Fe({
       size: this.menu.absolutePosition,
       parent: n.layout.area,
       offset: 9,
@@ -3889,14 +3896,14 @@ class Xa extends nt {
     this._changeInputCorner(r.side), this.menu.position(r.x, r.y);
   }
 }
-class Ua extends Ft {
+class Za extends Ft {
   constructor(e) {
     super("comments", e, { noCanvas: !0 });
     f(this, "boxes", {});
     f(this, "contextMenu");
     f(this, "_view");
     if (!this.dom) throw new Error("[CS_V_Comments] this.dom must be defined");
-    this.contextMenu = new Xa(), this._view = e, e.domElements.append(this.contextMenu.node);
+    this.contextMenu = new Ga(), this._view = e, e.domElements.append(this.contextMenu.node);
   }
   _getCandleCoords(e, s) {
     return {
@@ -3905,7 +3912,7 @@ class Ua extends Ft {
     };
   }
   createBox({ boxId: e, coords: s, model: n, comments: a }) {
-    const r = new Ya({
+    const r = new Xa({
       boxId: e,
       model: n,
       comments: a,
@@ -3913,7 +3920,7 @@ class Ua extends Ft {
       view: this._view,
       onBoxActivate: (o) => {
         const c = a[0].candle;
-        ja.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
+        Ua.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
       },
       onBoxDeactivate: (o) => this.boxes[o].setState({ isActive: !1 })
     });
@@ -3930,12 +3937,12 @@ class Ua extends Ft {
     });
   }
 }
-class Ga extends Nt {
+class qa extends Nt {
   constructor(t) {
     super(t);
   }
   drawMarker({ text: t, startLineCoords: e, endMarkerCoords: s, colors: n, type: a, side: r }) {
-    Ci(this.ctx, {
+    Si(this.ctx, {
       text: t,
       colors: n,
       startLineCoords: e,
@@ -3945,9 +3952,9 @@ class Ga extends Nt {
     });
   }
 }
-class Za extends Ft {
+class Ja extends Ft {
   constructor(t) {
-    if (super("guides", t, { CanvasClass: Ga, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_Guides] Canvas must be defined");
+    if (super("guides", t, { CanvasClass: qa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_Guides] Canvas must be defined");
   }
   render(t, { x: e, y: s }) {
     if (this.canvas.clear(), t.config.guides.isShowY) {
@@ -3974,17 +3981,17 @@ class Za extends Ft {
     }
   }
 }
-class qa extends nt {
+class Qa extends nt {
   constructor(e) {
     super({ className: e });
     f(this, "_isFirstShow", !1);
-    const s = new E({ tag: "p" });
+    const s = new L({ tag: "p" });
     s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: G.empty() }, this.render();
   }
   render() {
     const { isShow: e, x: s, y: n, parent: a } = this.state;
     e && !this._isFirstShow && (this.updateAbsolutePosition(), this._isFirstShow = !0), this.setVisible(e);
-    const r = ke({
+    const r = Fe({
       size: this.absolutePosition,
       parent: a,
       coords: { x: s, y: n }
@@ -3992,7 +3999,7 @@ class qa extends nt {
     this.position(r.x, r.y);
   }
 }
-class Ja extends Nt {
+class Ka extends Nt {
   constructor(e) {
     super(e);
     f(this, "domain", null);
@@ -4048,14 +4055,14 @@ class Ja extends Nt {
     };
   }
 }
-class Qa extends Ft {
+class tr extends Ft {
   constructor(e) {
-    super("candles", e, { CanvasClass: Ja });
+    super("candles", e, { CanvasClass: Ka });
     f(this, "_noDataTooltip", null);
     f(this, "limiter");
     if (!this.dom) throw new Error("[CS_V_Candles] this.dom must be defined");
     if (!this.canvas) throw new Error("[CS_V_Candles] this.canvas must be defined");
-    this._noDataTooltip = new qa(this.cx("no-data")), this.limiter = new E({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
+    this._noDataTooltip = new Qa(this.cx("no-data")), this.limiter = new L({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
   }
   get noDataTooltip() {
     return this._noDataTooltip;
@@ -4073,7 +4080,7 @@ class Qa extends Ft {
     }
   }
 }
-class Ka {
+class er {
   constructor(t) {
     f(this, "container");
     f(this, "width");
@@ -4090,14 +4097,14 @@ class Ka {
     f(this, "candles");
     f(this, "_logoImage");
     f(this, "_logoSrc");
-    this.container = t, this.wrapper = new E({ tag: "div", className: "sc-charts-cs" }), t.append(this.wrapper.node);
+    this.container = t, this.wrapper = new L({ tag: "div", className: "sc-charts-cs" }), t.append(this.wrapper.node);
     const { width: e, height: s } = t.getBoundingClientRect();
     this.width = e, this.height = s, this.mainCanvas = new Nt({
       className: "sc-charts-cs__canvas-main",
       width: e,
       height: s,
       isMain: !0
-    }), this.domElements = new E({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new E({ 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 On(this.mainCanvas.node), this.comments = new Ua(this), this.candles = new Qa(this), this.trade = new Ta(this), this.guideMarkers = new Za(this), this.userMarkers = new La(this);
+    }), this.domElements = new L({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new L({ 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 zn(this.mainCanvas.node), this.comments = new Za(this), this.candles = new tr(this), this.trade = new Ma(this), this.guideMarkers = new Ja(this), this.userMarkers = new ka(this);
   }
   _prepareLogo(t) {
     const e = t.config.logo;
@@ -4132,10 +4139,10 @@ class Ka {
     n.save(), n.globalAlpha = e.opacity ?? 0.2, n.drawImage(s, g, _, r, c), n.restore();
   }
   renderAll(t) {
-    this._prepareLogo(t), this.mainCanvas.clear(), this.candles.render(t), ye.xAxis(this.mainCanvas.ctx, t), ye.yAxis(this.mainCanvas.ctx, t), ye.intersection(this.mainCanvas.ctx, t), this.trade.renderAll(t), this.userMarkers.render(t), this.comments.render(t), this._drawLogo(t);
+    this._prepareLogo(t), this.mainCanvas.clear(), this.candles.render(t), we.xAxis(this.mainCanvas.ctx, t), we.yAxis(this.mainCanvas.ctx, t), we.intersection(this.mainCanvas.ctx, t), this.trade.renderAll(t), this.userMarkers.render(t), this.comments.render(t), this._drawLogo(t);
   }
 }
-class tr {
+class ir {
   constructor(t) {
     f(this, "logColors", {
       init_model: "color: green",
@@ -4161,13 +4168,13 @@ class tr {
     console.log(`%c[SUBSCRIBE] ${t}`, s, n);
   }
 }
-class er {
+class sr {
   constructor(t, e) {
     f(this, "_model");
     f(this, "_view");
     f(this, "_enableLogging");
     f(this, "_logger");
-    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new tr(["scale_event"]);
+    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new ir(["scale_event"]);
   }
   subscribeWithLogging(t, e) {
     const s = (n) => {
@@ -4220,7 +4227,7 @@ class er {
     });
   }
 }
-class _i {
+class vi {
   constructor() {
     f(this, "_map", /* @__PURE__ */ new Map());
   }
@@ -4251,10 +4258,10 @@ class _i {
     return a;
   }
 }
-class ir {
+class nr {
   constructor() {
     f(this, "_elements", []);
-    f(this, "_listeners", new _i());
+    f(this, "_listeners", new vi());
     f(this, "_lastHovered", /* @__PURE__ */ new Set());
     f(this, "_dragContext", null);
   }
@@ -4268,7 +4275,7 @@ class ir {
     this._elements = this._elements.filter((e) => e !== t), this._listeners.removeAll(t), this._lastHovered.delete(t);
   }
   clear() {
-    this._elements = [], this._listeners = new _i(), this._lastHovered.clear();
+    this._elements = [], this._listeners = new vi(), this._lastHovered.clear();
   }
   on(t, e, s) {
     this._listeners.add(t, e, s);
@@ -4397,7 +4404,7 @@ class ir {
     return this._listeners.emit(t, n), s;
   }
 }
-class sr {
+class ar {
   constructor(t) {
     this.model = t;
   }
@@ -4423,12 +4430,12 @@ class sr {
     return null;
   }
 }
-class nr {
+class rr {
   constructor(t, e) {
     f(this, "_model");
     f(this, "_hitManager");
     f(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new sr(t), this._hitManager.register(this._hit);
+    this._model = t, this._hitManager = e, this._hit = new ar(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "mouseover", (t) => {
@@ -4441,7 +4448,7 @@ class nr {
     });
   }
 }
-class ar {
+class or {
   constructor(t) {
     this.model = t;
   }
@@ -4468,12 +4475,12 @@ class ar {
     return null;
   }
 }
-class rr {
+class lr {
   constructor(t, e) {
     f(this, "_model");
     f(this, "_hitManager");
     f(this, "_tradeLabelHit");
-    this._model = t, this._hitManager = e, this._tradeLabelHit = new ar(t), this._hitManager.register(this._tradeLabelHit);
+    this._model = t, this._hitManager = e, this._tradeLabelHit = new or(t), this._hitManager.register(this._tradeLabelHit);
   }
   register() {
     this._hitManager.on(this._tradeLabelHit, "click", (t) => {
@@ -4499,7 +4506,7 @@ class rr {
     });
   }
 }
-class or {
+class cr {
   constructor(t) {
     this.model = t;
   }
@@ -4513,7 +4520,7 @@ class or {
     } : null;
   }
 }
-class lr {
+class hr {
   constructor(t) {
     this.model = t;
   }
@@ -4527,7 +4534,7 @@ class lr {
     } : null;
   }
 }
-class cr {
+class dr {
   constructor(t) {
     this.model = t;
   }
@@ -4541,7 +4548,7 @@ class cr {
     } : null;
   }
 }
-function hr(i, t) {
+function ur(i, t) {
   let e = { x: 0, y: 0 }, s = null;
   return (n) => {
     Math.abs(n.x - e.x) < i && Math.abs(n.y - e.y) < i || (e = { x: n.x, y: n.y }, s && cancelAnimationFrame(s), s = requestAnimationFrame(() => {
@@ -4549,7 +4556,7 @@ function hr(i, t) {
     }));
   };
 }
-function dr(i, t) {
+function fr(i, t) {
   let e = null;
   return (s) => {
     const n = s.x - (s.prevX ?? s.x), a = s.y - (s.prevY ?? s.y);
@@ -4558,14 +4565,14 @@ function dr(i, t) {
     }));
   };
 }
-function Ae(i, t) {
+function De(i, t) {
   const { width: e } = t.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) - e - s / 2 - n;
   r > 0 && i.scales.pan("x", -r);
 }
-function De(i) {
+function Ee(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
-class Fe {
+class Ie {
   constructor(t, e, s) {
     f(this, "_model");
     f(this, "_hitManager");
@@ -4573,24 +4580,24 @@ class Fe {
     this._model = t, this._hitManager = e, this._hit = s, e.register(s);
   }
 }
-class ur extends Fe {
+class gr extends Ie {
   constructor(e, s, n) {
-    super(e, s, new or(e));
+    super(e, s, new cr(e));
     f(this, "_view");
     this._view = n;
   }
   register() {
     this._hitManager.on(this._hit, "drag", (e) => {
       const s = e.x - (e.prevX ?? e.x);
-      this._model.scales.scale("x", -s), this._view && De(this._view) && Ae(this._model, this._view);
+      this._model.scales.scale("x", -s), this._view && Ee(this._view) && De(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 fr extends Fe {
+class mr extends Ie {
   constructor(t, e) {
-    super(t, e, new cr(t));
+    super(t, e, new dr(t));
   }
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
@@ -4601,9 +4608,9 @@ class fr extends Fe {
     });
   }
 }
-class gr extends Fe {
+class _r extends Ie {
   constructor(e, s, n) {
-    super(e, n, new lr(e));
+    super(e, n, new hr(e));
     f(this, "_view");
     this._view = s;
   }
@@ -4611,7 +4618,7 @@ class gr extends Fe {
     this._hitManager.on(
       this._hit,
       "mousemove",
-      hr(1, (e) => {
+      ur(1, (e) => {
         this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
       })
     ), this._hitManager.on(this._hit, "mouseleave", () => {
@@ -4619,21 +4626,21 @@ class gr extends Fe {
     }), this._hitManager.on(
       this._hit,
       "drag",
-      dr(1, (e) => {
-        this._model.scales.pan("x", e.x - (e.prevX ?? e.x)), De(this._view) && Ae(this._model, this._view), this._model.scales.pan("y", e.y - (e.prevY ?? e.y)), this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
+      fr(1, (e) => {
+        this._model.scales.pan("x", e.x - (e.prevX ?? e.x)), Ee(this._view) && De(this._model, this._view), this._model.scales.pan("y", e.y - (e.prevY ?? e.y)), this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: e }) => {
-      const s = this._model.scales.x.invert(e), n = Ee.findByDate(s, this._model.candles.allData);
+      const s = this._model.scales.x.invert(e), n = Ne.findByDate(s, this._model.candles.allData);
       n && (this._view.comments.contextMenu.setState({ isShow: !0, candle: n }), this._view.comments.render(this._model));
     }), this._hitManager.on(this._hit, "wheel", (e) => {
       var a, r;
       if (!e.deltaY) return;
       const s = -e.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), De(this._view) && Ae(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), Ee(this._view) && De(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
-class mr {
+class pr {
   constructor(t, e, s) {
     f(this, "_hitManager");
     f(this, "_candlesHandler");
@@ -4641,29 +4648,30 @@ class mr {
     f(this, "_xAxisHandler");
     f(this, "_yAxisHandler");
     f(this, "_areaHandler");
-    this._hitManager = s, this._candlesHandler = new nr(t, this._hitManager), this._tradeLabelsHandler = new rr(t, this._hitManager), this._xAxisHandler = new ur(t, this._hitManager, e), this._yAxisHandler = new fr(t, this._hitManager), this._areaHandler = new gr(t, e, this._hitManager);
+    this._hitManager = s, this._candlesHandler = new rr(t, this._hitManager), this._tradeLabelsHandler = new lr(t, this._hitManager), this._xAxisHandler = new gr(t, this._hitManager, e), this._yAxisHandler = new mr(t, this._hitManager), this._areaHandler = new _r(t, e, this._hitManager);
   }
   register() {
     this._candlesHandler.register(), this._tradeLabelsHandler.register(), this._xAxisHandler.register(), this._yAxisHandler.register(), this._areaHandler.register();
   }
 }
-class _r {
+const te = class te {
   constructor(t, e) {
     f(this, "_model");
     f(this, "_view");
     f(this, "_subscriptionsManager");
-    f(this, "_hitManager", new ir());
+    f(this, "_hitManager", new nr());
     f(this, "_touchId", null);
     f(this, "_pinchDistance", null);
+    f(this, "_touchStartCoords", null);
     f(this, "_boundTouchMove", this.onDocumentTouchMove.bind(this));
     f(this, "_boundTouchEnd", this.onDocumentTouchEnd.bind(this));
     f(this, "_boundTouchCancel", this.onDocumentTouchCancel.bind(this));
     f(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
     f(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
-    this._model = t, this._view = e, this._subscriptionsManager = new er(t, e);
+    this._model = t, this._view = e, this._subscriptionsManager = new sr(t, e);
   }
   init() {
-    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), this._view.binding.touchstart(this.onTouchStart.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new mr(this._model, this._view, this._hitManager).register();
+    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), this._view.binding.touchstart(this.onTouchStart.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new pr(this._model, this._view, this._hitManager).register();
   }
   onContextMenu(t) {
     t.preventDefault();
@@ -4708,7 +4716,7 @@ class _r {
     const e = t.touches[0];
     this._touchId = e.identifier;
     const { x: s, y: n } = this.getTouchCoords(e);
-    this._hitManager.dispatchMouseDown(s, n), document.addEventListener("touchmove", this._boundTouchMove, { passive: !1 }), document.addEventListener("touchend", this._boundTouchEnd, { passive: !1 }), document.addEventListener("touchcancel", this._boundTouchCancel, { passive: !1 });
+    this._touchStartCoords = { x: s, y: n }, this._hitManager.dispatchMouseDown(s, n), document.addEventListener("touchmove", this._boundTouchMove, { passive: !1 }), document.addEventListener("touchend", this._boundTouchEnd, { passive: !1 }), document.addEventListener("touchcancel", this._boundTouchCancel, { passive: !1 });
   }
   onDocumentTouchMove(t) {
     if (this._touchId === null) return;
@@ -4739,7 +4747,9 @@ class _r {
     if (!e) return;
     t.preventDefault();
     const { x: s, y: n } = this.getTouchCoords(e);
-    this._hitManager.dispatchMouseUp(s, n), this._hitManager.dispatchClick(s, n), this._clearTouch();
+    this._hitManager.dispatchMouseUp(s, n), this._hitManager.dispatchClick(s, n);
+    const a = this._view.mainCanvas.absolutePosition, r = s >= 0 && s <= a.width && n >= 0 && n <= a.height, c = this._hitManager.hitTestAll(s, n).some((d) => d.type === "trade-label");
+    this._model.trade.hasActiveTrade && (!r || !c) && this._model.eventBus.emit("close_trade_label_tooltip"), this._touchStartCoords && Math.hypot(s - this._touchStartCoords.x, n - this._touchStartCoords.y) <= te._TAP_MOVE_THRESHOLD_PX && r && this._hitManager.dispatchMouseMove(s, n), this._clearTouch();
   }
   onDocumentTouchCancel(t) {
     const e = this.findTouchById(t, this._touchId ?? -1, !0);
@@ -4748,7 +4758,7 @@ class _r {
     this._hitManager.dispatchMouseUp(s, n), this._clearTouch();
   }
   _clearTouch() {
-    this._touchId = null, this._pinchDistance = null, document.removeEventListener("touchmove", this._boundTouchMove), document.removeEventListener("touchend", this._boundTouchEnd), document.removeEventListener("touchcancel", this._boundTouchCancel);
+    this._touchId = null, this._pinchDistance = null, this._touchStartCoords = null, document.removeEventListener("touchmove", this._boundTouchMove), document.removeEventListener("touchend", this._boundTouchEnd), document.removeEventListener("touchcancel", this._boundTouchCancel);
   }
   onDocumentMouseMove(t) {
     const { x: e, y: s } = this.getMouseRelative(t);
@@ -4778,8 +4788,10 @@ class _r {
   onWheel(t) {
     t.preventDefault(), this._hitManager.dispatchWheel(t.offsetX, t.offsetY, t.deltaX, t.deltaY, t.deltaZ);
   }
-}
-class br {
+};
+f(te, "_TAP_MOVE_THRESHOLD_PX", 10);
+let Le = te;
+class yr {
   constructor(t, { chartId: e, candles: s, config: n, trade: a, userMarkers: r, colorScheme: o, comments: c, renderLimiter: h }) {
     f(this, "_model");
     f(this, "_view");
@@ -4791,7 +4803,7 @@ class br {
       throw new Error(
         "chartId is required and must be a valid id (only letters, numbers or underscores. The first character must be a letter)"
       );
-    if (this._model = new Nn({
+    if (this._model = new Hn({
       chartId: e,
       candles: s,
       config: n,
@@ -4800,7 +4812,7 @@ class br {
       userMarkers: r,
       colorScheme: o,
       comments: c
-    }), this._view = new Ka(d), this._controller = new _r(this._model, this._view), h) {
+    }), this._view = new er(d), this._controller = new Le(this._model, this._view), h) {
       const g = h(this._view.candles.limiter.node);
       this._view.candles.limiter.updateAbsolutePosition(), typeof g == "function" && (this._candlesLimiterClean = g);
     }
@@ -4876,16 +4888,16 @@ class br {
     const v = _ + c / 2;
     if (m.length === 0) return;
     t.font = `500 ${d}px Geist, Arial, sans-serif`;
-    const b = o ? "#878788" : "#8E8E93", w = o ? "#FAFAFA" : "#1C2026", x = m.reduce((A, L) => {
-      const I = t.measureText(L.label).width, W = t.measureText(L.value).width;
-      return A + I + g + W;
+    const b = o ? "#878788" : "#8E8E93", w = o ? "#FAFAFA" : "#1C2026", x = m.reduce((M, D) => {
+      const I = t.measureText(D.label).width, W = t.measureText(D.value).width;
+      return M + I + g + W;
     }, 0), y = s - h * 2, C = m.length > 1 ? (y - x) / (m.length - 1) : 0;
-    let M = h;
-    m.forEach((A) => {
-      const L = t.measureText(A.label).width, I = t.measureText(A.value).width;
-      t.fillStyle = b, t.fillText(A.label, M, v);
-      const W = M + L + g;
-      t.fillStyle = A.valueColor || w, t.fillText(A.value, W, v), M += L + g + I + C;
+    let A = h;
+    m.forEach((M) => {
+      const D = t.measureText(M.label).width, I = t.measureText(M.value).width;
+      t.fillStyle = b, t.fillText(M.label, A, v);
+      const W = A + D + g;
+      t.fillStyle = M.valueColor || w, t.fillText(M.value, W, v), A += D + g + I + C;
     });
   }
   getChartState() {
@@ -4913,9 +4925,9 @@ class br {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, A = b, L = _ / m, I = A / M;
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, A = w - x - y - C, M = b, D = _ / m, I = M / A;
     let W, Z, et = 0, K = 0;
-    L > I ? (Z = M, W = Z * L, et = 0, K = 0) : (W = A, Z = W / L, K = (M - Z) / 2);
+    D > I ? (Z = A, W = Z * D, et = 0, K = 0) : (W = M, Z = W / D, K = (A - Z) / 2);
     const O = window.devicePixelRatio || 1, V = document.createElement("canvas");
     V.width = b * O, V.height = w * O;
     const P = V.getContext("2d");
@@ -4924,7 +4936,7 @@ class br {
       return;
     }
     P.fillStyle = h ? "#101011" : "#ffffff", P.fillRect(0, 0, V.width, V.height);
-    const ot = x * O, ie = y * O, lt = M * O, bt = A * O, yt = ot + ie;
+    const ot = x * O, se = y * O, lt = A * O, bt = M * O, yt = ot + se;
     await this._drawHeader(P, V.width, O, h), this._drawHeaderSecondLine(
       P,
       r,
@@ -4939,7 +4951,7 @@ class br {
     const It = W * O, Bt = Z * O, F = et * O, Rt = K * O;
     v.forEach((z) => {
       let tt = 0, Y = 0, j = z.width, mt = z.height, wt = It, xt = Bt, $t = F, Ot = Rt;
-      if (L > I) {
+      if (D > I) {
         const ct = Bt / z.height, ht = z.width * ct;
         ht > bt && (tt = (ht - bt) / ct, j = z.width - tt, wt = bt, $t = 0);
       } else {
@@ -4969,7 +4981,7 @@ class br {
       O,
       h
     );
-    const se = (z, tt) => {
+    const ne = (z, tt) => {
       const Y = URL.createObjectURL(z), j = document.createElement("a");
       j.href = Y, j.download = tt, document.body.appendChild(j), j.click(), document.body.removeChild(j), URL.revokeObjectURL(Y);
     };
@@ -4981,7 +4993,7 @@ class br {
             return;
           }
           if (d)
-            se(Y, e);
+            ne(Y, e);
           else
             try {
               await navigator.clipboard.write([new ClipboardItem({ "image/png": Y })]);
@@ -4997,7 +5009,7 @@ class br {
   }
 }
 export {
-  br as CandlestickChart,
-  vr as createLineChart
+  yr as CandlestickChart,
+  br as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map