charts-core 1.1.24 → 1.1.25

package/dist/charts-core.js

@@ -1,40 +1,40 @@
-var Ls = Object.defineProperty;
-var Ns = (i, e, t) => e in i ? Ls(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var f = (i, e, t) => Ns(i, typeof e != "symbol" ? e + "" : e, t);
-import * as D from "d3";
-const Fs = (i) => {
-  const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: u, isShow: g } = r;
+var Ns = Object.defineProperty;
+var Fs = (i, e, t) => e in i ? Ns(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var f = (i, e, t) => Fs(i, typeof e != "symbol" ? e + "" : e, t);
+import * as L from "d3";
+const Hs = (i) => {
+  const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: g } = r;
   if (!g) return null;
-  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
-    let _ = D.axisRight(s);
-    o && c ? _ = _.tickFormat(c) : _ = _.tickFormat((v) => {
+  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((_) => {
+    let p = L.axisRight(s);
+    o && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
       const b = Number(v), w = (x) => x.toString().replace(/\.0+$/, "");
       return Math.abs(b) >= 1e12 ? w(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? w(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? w(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? w(b / 1e3) + "K" : w(b);
-    }), o && u && (_ = Array.isArray(u) ? _.ticks(...u) : _.ticks(u)), o && h && (_ = _.tickValues(h)), p.call(_);
-  }).call((p) => {
-    let _ = [];
-    p.selectAll(".tick").each((v) => _.push(v)), i.yTicks = _;
-  }).call((p) => p.select(".domain").remove()).call((p) => p.selectAll(".tick line").remove()).call((p) => {
-    const _ = p.selectAll(".tick text");
-    _.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
-    const v = _.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
-    p.selectAll(".tick").each(function(w, x) {
-      var O;
-      const y = D.select(this), C = y.select("text"), S = v[x], F = b - S, H = y.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", F), C.remove(), (O = H.node()) == null || O.appendChild(C.node());
+    }), o && d && (p = Array.isArray(d) ? p.ticks(...d) : p.ticks(d)), o && h && (p = p.tickValues(h)), _.call(p);
+  }).call((_) => {
+    let p = [];
+    _.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
+  }).call((_) => _.select(".domain").remove()).call((_) => _.selectAll(".tick line").remove()).call((_) => {
+    const p = _.selectAll(".tick text");
+    p.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
+    const v = p.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
+    _.selectAll(".tick").each(function(w, x) {
+      var $;
+      const y = L.select(this), C = y.select("text"), M = v[x], S = b - M, N = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", S), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
-}, Hs = (i) => {
-  const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: u, ticks: g } = r;
-  if (!o) return null;
-  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((p) => {
-    let _ = D.axisBottom(s);
-    u ? (h && (_ = _.tickFormat(h)), g && (_ = Array.isArray(g) ? _.ticks(...g) : _.ticks(g)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
-  }).call((p) => p.select(".domain").remove()).call((p) => {
-    let _ = [];
-    p.selectAll(".tick").each((v) => _.push(v)), i.xTicks = _;
-  }).call((p) => p.selectAll(".tick line").remove()).call((p) => p.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
 }, Bs = (i) => {
+  const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: g } = r;
+  if (!o) return null;
+  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((_) => {
+    let p = L.axisBottom(s);
+    d ? (h && (p = p.tickFormat(h)), g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), c && (p = p.tickValues(c))) : p.ticks(5), _.call(p);
+  }).call((_) => _.select(".domain").remove()).call((_) => {
+    let p = [];
+    _.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
+  }).call((_) => _.selectAll(".tick line").remove()).call((_) => _.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
+}, Is = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, {
     margin: a,
     grid: { horizontalStyle: r }
@@ -49,24 +49,27 @@ const Fs = (i) => {
       r === "every-line-dashed" && h.attr("stroke-dasharray", "4 4");
     });
   }
-}, Is = (i) => {
+}, _i = (i) => {
   const e = Array.from(i.childNodes);
   for (let t = 0; t < e.length; t++)
     i.removeChild(e[t]);
-}, Rs = (i) => {
-  const e = "http://www.w3.org/2000/svg", t = document.createElement("div");
-  t.className = "sc-charts__hovered-circles-tooltip-container", t.style.display = "none";
-  const s = document.createElement("div");
-  s.className = "sc-charts__hovered-circles-tooltip";
-  const n = document.createElement("div");
-  n.className = "sc-charts__hovered-circles-tooltip-arrow";
-  const a = document.createElementNS(e, "svg");
-  a.setAttribute("width", "12"), a.setAttribute("height", "4"), a.setAttribute("viewBox", "0 0 12 4"), a.setAttribute("fill", "none"), a.setAttribute("xmlns", e);
-  const r = document.createElementNS(e, "path");
-  return r.setAttribute("d", "M6 4L0 0H12L6 4Z"), a.appendChild(r), n.appendChild(a), t.append(n), t.append(s), i.append(t), {
-    tooltipContainer: t,
-    tooltip: s,
-    tooltipArrow: n
+}, Rs = (i, e = {}) => {
+  const t = "http://www.w3.org/2000/svg", { showArrow: s = !0 } = e, n = document.createElement("div");
+  n.className = "sc-charts__hovered-circles-tooltip-container", n.style.display = "none";
+  const a = document.createElement("div");
+  a.className = "sc-charts__hovered-circles-tooltip";
+  let r = null;
+  if (s) {
+    r = document.createElement("div"), r.className = "sc-charts__hovered-circles-tooltip-arrow";
+    const o = document.createElementNS(t, "svg");
+    o.setAttribute("width", "12"), o.setAttribute("height", "4"), o.setAttribute("viewBox", "0 0 12 4"), o.setAttribute("fill", "none"), o.setAttribute("xmlns", t);
+    const c = document.createElementNS(t, "path");
+    c.setAttribute("d", "M6 4L0 0H12L6 4Z"), o.appendChild(c), r.appendChild(o), n.append(r);
+  }
+  return n.append(a), i.append(n), {
+    tooltipContainer: n,
+    tooltip: a,
+    tooltipArrow: r
   };
 }, $s = (i, e, {
   x: t,
@@ -89,61 +92,71 @@ function Os(i, e, t, s) {
   const n = i.width / 2, a = e - n, r = e + n;
   return a < t ? t : r > s ? s - i.width : e - n;
 }
-const Zt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
+const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: u, hoverCirclesRadius: g, hoverCirclesAdditionalArea: p }
+    grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
   } = t;
-  if (h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
+  if (i.gridHoverTooltip = null, h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
     const b = e.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", c.top).attr("y2", a - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
     h === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
   }), h === "hovered-circles")) {
-    const _ = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
-    Zt(e, { x1: v, x2: b, y1: _, y2: _ });
-    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o);
-    r.forEach((C, S) => {
-      const F = s(C.date), H = n(C.value), O = r[S - 1], P = S > 0 && O && C.value === O.value;
-      P || Zt(e, { x1: F, x2: F, y1: H, y2: _ });
-      const j = $s(e, P, {
-        x: F,
-        y: _,
+    const p = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
+    qt(e, { x1: v, x2: b, y1: p, y2: p });
+    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o, {
+      showArrow: !d
+    }), C = (S) => {
+      if (!d) return;
+      _i(x), w.style.display = "block", x.append(d({ date: S.date, value: S.value }));
+      const N = x.getBoundingClientRect(), $ = Os(
+        N,
+        s(S.date),
+        i.config.margin.left - i.config.grid.tooltipArrowSize,
+        i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
+      );
+      $ !== null && (x.style.left = $ + "px"), y && (y.style.left = s(S.date) + "px");
+    }, M = () => {
+      w.style.display = "none";
+    };
+    i.gridHoverTooltip = d ? {
+      show: (S) => C(S),
+      hide: M
+    } : null, r.forEach((S, N) => {
+      const $ = s(S.date), z = n(S.value), V = r[N - 1], Y = N > 0 && V && S.value === V.value;
+      Y || qt(e, { x1: $, x2: $, y1: z, y2: p });
+      const re = $s(e, Y, {
+        x: $,
+        y: p,
         r: g,
-        hr: p
+        hr: _
       });
-      u && j.on("mouseover", function() {
-        Is(x), w.style.display = "block", x.append(u({ date: C.date, value: P ? null : C.value }));
-        const U = x.getBoundingClientRect(), re = Os(
-          U,
-          s(C.date),
-          i.config.margin.left - i.config.grid.tooltipArrowSize,
-          i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
-        );
-        x.style.left = re + "px", y.style.left = s(C.date) + "px";
+      d && re.on("mouseover", function() {
+        C({ date: S.date, value: Y ? null : S.value });
       }).on("mouseout", function() {
-        w.style.display = "none";
+        M();
       });
     });
   }
 }, zs = (i) => {
-  Bs(i), Ps(i);
+  Is(i), Ps(i);
 }, Vs = (i) => {
   const { svg: e, config: t, width: s, height: n } = i, { margin: a, logo: r } = t;
-  Hs(i), Fs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
-}, Ee = (i, e, t) => {
+  Bs(i), Hs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
+}, Le = (i, e, t) => {
   let s = i.select(`#${e}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), s.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: n, stopColor: a }) => {
     s.append("stop").attr("offset", n).attr("stop-color", a);
   }), s;
-}, pe = (i) => {
-  const e = D.select(i).select("defs");
-  return e.empty() ? D.select(i).append("defs") : e;
-}, _i = (i) => {
+}, _e = (i) => {
+  const e = L.select(i).select("defs");
+  return e.empty() ? L.select(i).append("defs") : e;
+}, St = (i) => {
   const {
     y: e,
     config: { margin: t }
   } = i, s = e.range()[0] - e(0), n = e.range()[0] - s >= 0 ? e.range()[0] - s : 0, a = s + t.bottom >= 0 ? s + t.bottom : 0;
   return { x: 0, y: n, width: "100%", height: a };
-}, qt = (i, e) => ({
+}, Jt = (i, e) => ({
   ...i,
   ...e,
   margin: {
@@ -178,8 +191,8 @@ const Zt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     ...i.selection,
     ...e == null ? void 0 : e.selection
   }
-}), Jt = (i, e = {}) => {
-  const t = i.node(), s = pe(t), n = (o, c) => Ee(s, o, {
+}), Qt = (i, e = {}) => {
+  const t = i.node(), s = _e(t), n = (o, c) => Le(s, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -197,14 +210,14 @@ const Zt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     className(o, c) {
       o === "remove" ? r.classed(`${a}${c}`, !1) : r.classed(`${a}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: u, hidden: g }) {
-      o !== void 0 && r.attr("x1", o), c !== void 0 && r.attr("x2", c), h !== void 0 && r.attr("y1", h), u !== void 0 && r.attr("y2", u), g !== void 0 && r.style("display", g ? "none" : "block");
+    update({ x1: o, x2: c, y1: h, y2: d, hidden: g }) {
+      o !== void 0 && r.attr("x1", o), c !== void 0 && r.attr("x2", c), h !== void 0 && r.attr("y1", h), d !== void 0 && r.attr("y2", d), g !== void 0 && r.style("display", g ? "none" : "block");
     },
     destroy() {
       r.remove();
     }
   };
-}, _t = (i, e = {}) => {
+}, pt = (i, e = {}) => {
   const t = i.append("circle").attr("r", e.radius || 4).style("display", e.hidden ? "none" : "block"), s = e.className || "";
   return s && t.classed(s, !0), {
     className(n, a) {
@@ -218,8 +231,8 @@ const Zt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     }
   };
 }, Ys = (i, e = {}) => {
-  const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = pe(n);
-  return ((o, c) => Ee(a, o, {
+  const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = _e(n);
+  return ((o, c) => Le(a, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -234,15 +247,15 @@ const Zt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     className(o, c) {
       o === "remove" ? s.classed(`${t}${c}`, !1) : s.classed(`${t}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: u, hidden: g }) {
-      o !== void 0 && s.attr("x1", o), c !== void 0 && s.attr("x2", c), h !== void 0 && s.attr("y1", h), u !== void 0 && s.attr("y2", u), g !== void 0 && s.style("display", g ? "none" : "block");
+    update({ x1: o, x2: c, y1: h, y2: d, hidden: g }) {
+      o !== void 0 && s.attr("x1", o), c !== void 0 && s.attr("x2", c), h !== void 0 && s.attr("y1", h), d !== void 0 && s.attr("y2", d), g !== void 0 && s.style("display", g ? "none" : "block");
     },
     destroy() {
       s.remove();
     }
   };
-}, fe = "sc-charts__range-tooltip", Qt = D.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
-  const e = D.format(",.2f");
+}, fe = "sc-charts__range-tooltip", Kt = L.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
+  const e = L.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function js(i) {
@@ -274,19 +287,19 @@ const Xs = (i) => {
     },
     update({ leftPoint: n, rightPoint: a, x: r, y: o, hidden: c, closest: h }) {
       if (n && a && h && r !== void 0) {
-        const u = a.value - n.value, { sumFormatter: g, timeFormatter: p } = i.config.selection, _ = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < _ ? "left" : "right";
+        const d = a.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < p ? "left" : "right";
         let b = "", w = "";
         if (g)
           b = g({ left: n.value, right: a.value, direction: v });
         else {
-          const x = (u / Math.abs(n.value) * 100).toFixed(2);
-          b = `${Ws(u)} (${x}%)`;
+          const x = (d / Math.abs(n.value) * 100).toFixed(2);
+          b = `${Ws(d)} (${x}%)`;
         }
-        p ? w = p({ left: n.date, right: a.date, direction: v }) : w = `${Qt(n.date)} to ${Qt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
-          const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), S = i.x(a.date);
-          let H = (C + S) / 2 - x.width / 2;
-          const O = 0, P = y.width - x.width;
-          H < O && (H = O), H > P && (H = P), e.style.left = `${H}px`, e.style.top = `${o}px`;
+        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
+          const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
+          let N = (C + M) / 2 - x.width / 2;
+          const $ = 0, z = y.width - x.width;
+          N < $ && (N = $), N > z && (N = z), e.style.left = `${N}px`, e.style.top = `${o}px`;
         });
       }
       c !== void 0 && (e.style.display = c ? "none" : "block");
@@ -295,40 +308,46 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, De = "sc-charts__hover-tooltip", pt = 16, Us = D.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
-  const e = D.format(",.2f");
+}, ke = "sc-charts__hover-tooltip", _t = 16, Us = L.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+  const e = L.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
   const e = document.createElement("div");
-  e.className = `${De}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
+  e.className = `${ke}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
   const t = document.createElement("div");
-  t.className = `${De}-sum`, e.appendChild(t);
+  t.className = `${ke}-sum`;
   const s = document.createElement("div");
-  return s.className = `${De}-time`, e.appendChild(s), { wrapper: e, sumNode: t, timeNode: s };
+  return s.className = `${ke}-time`, { wrapper: e, sumNode: t, timeNode: s };
 }
 function qs(i, e, t) {
-  return i ? e + pt + i.width < t ? e + pt : e - pt - i.width : null;
+  return i ? e + _t + i.width < t ? e + _t : e - _t - i.width : null;
 }
 const Js = (i) => {
-  const { wrapper: e, sumNode: t, timeNode: s } = Zs(i.wrapperNode);
+  const { wrapper: e, sumNode: t, timeNode: s } = Zs(i.wrapperNode), n = () => {
+    t.parentNode || (e.appendChild(t), e.appendChild(s));
+  };
   return {
-    className(n, a) {
-      n === "remove" ? e.classList.remove(`${De}${a}`) : e.classList.add(`${De}${a}`);
+    className(a, r) {
+      a === "remove" ? e.classList.remove(`${ke}${r}`) : e.classList.add(`${ke}${r}`);
     },
-    update({ hidden: n, dataItem: a }) {
-      if (a) {
-        const { sumFormatter: r, timeFormatter: o } = i.config.hover;
-        t.textContent = r ? r(a.value) : Gs(a.value), s.textContent = o ? o(a.date) : Us(a.date), requestAnimationFrame(() => {
-          const c = e.getBoundingClientRect(), h = qs(
-            c,
-            i.x(a.date),
+    update({ hidden: a, dataItem: r }) {
+      if (!i.config.hover.showDefaultTooltip) {
+        e.style.display = "none";
+        return;
+      }
+      if (r) {
+        const { sumFormatter: o, timeFormatter: c, tooltipNode: h } = i.config.hover;
+        h ? (_i(e), e.appendChild(h({ date: r.date, value: r.value }))) : (n(), t.textContent = o ? o(r.value) : Gs(r.value), s.textContent = c ? c(r.date) : Us(r.date)), requestAnimationFrame(() => {
+          const d = e.getBoundingClientRect(), g = qs(
+            d,
+            i.x(r.date),
             i.width - i.config.margin.right
           );
-          h && (e.style.left = h + "px");
+          g && (e.style.left = g + "px");
         });
       }
-      n !== void 0 && (e.style.display = n ? "none" : "block");
+      a !== void 0 && (e.style.display = a ? "none" : "block");
     },
     destroy() {
       e.remove();
@@ -353,8 +372,11 @@ const Js = (i) => {
     range: "1m",
     transitionDuration: 150,
     transitionName: "default",
+    highlightRange: !0,
+    showDefaultTooltip: !0,
     sumFormatter: null,
-    timeFormatter: null
+    timeFormatter: null,
+    tooltipNode: null
   },
   selection: {
     enable: !0,
@@ -385,9 +407,9 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, tt = (i) => D.curveCardinal.tension(i.config.curveTension), Ks = (i) => {
-  const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = pe(r);
-  Ee(o, "main-line-area-gradient", {
+}, tt = () => L.curveMonotoneX, Ks = (i) => {
+  const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = _e(r);
+  Le(o, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -397,15 +419,15 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = D.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(tt(i)), u = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", u).classed(`${u}_hidden`, !a.hasMainLineArea);
+  const h = L.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
   return {
-    className(p, _) {
-      p === "remove" ? g.classed(`${u}${_}`, !1) : g.classed(`${u}${_}`, !0);
+    className(_, p) {
+      _ === "remove" ? g.classed(`${d}${p}`, !1) : g.classed(`${d}${p}`, !0);
     },
-    update({ data: p, hidden: _ }) {
-      if (p !== void 0 && g.datum(p).attr("d", h), _ !== void 0) {
+    update({ data: _, hidden: p }) {
+      if (_ !== void 0 && g.datum(_).attr("d", h), p !== void 0) {
         if (!a.hasMainLineArea) return null;
-        g.classed(`${u}_hidden`, _);
+        g.classed(`${d}_hidden`, p);
       }
     },
     destroy() {
@@ -413,8 +435,8 @@ const Js = (i) => {
     }
   };
 }, en = (i, e = {}) => {
-  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, u = s.node(), g = pe(u), p = "range-line-area-gradient";
-  Ee(g, p + "_up", {
+  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, d = s.node(), g = _e(d), _ = "range-line-area-gradient";
+  Le(g, _ + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -423,7 +445,7 @@ const Js = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), Ee(g, p + "_down", {
+  }), Le(g, _ + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -433,39 +455,39 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const _ = D.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt(i)), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const p = L.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt()), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", p).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
     },
-    update({ data: y, hidden: C, clip: S }) {
-      y !== void 0 && x.datum(y).attr("d", _), C !== void 0 && x.classed(`${t}_hidden`, C), S !== void 0 && w.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.height);
+    update({ data: y, hidden: C, clip: M }) {
+      y !== void 0 && x.datum(y).attr("d", p), C !== void 0 && x.classed(`${t}_hidden`, C), M !== void 0 && w.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height);
     },
     destroy() {
       x.remove();
     }
   };
 }, vt = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, u = t.node(), g = pe(u), p = D.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt(i)), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = _e(d), _ = L.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), p = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", p).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
   return {
     className(x, y) {
       x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
     },
     update({ data: x, clip: y, hidden: C }) {
-      x !== void 0 && w.datum(x).attr("d", p), C !== void 0 && w.classed(`${o}_hidden`, C), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
+      x !== void 0 && w.datum(x).attr("d", _), C !== void 0 && w.classed(`${o}_hidden`, C), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
     },
     destroy() {
       w.remove();
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: u } = e, g = t.node(), p = pe(g), _ = D.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt(i)), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (u == null ? void 0 : u.x) || 0).attr("y", (u == null ? void 0 : u.y) || 0).attr("width", (u == null ? void 0 : u.width) || "100%").attr("height", (u == null ? void 0 : u.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), _ = _e(g), p = L.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = _.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
     },
-    update({ data: y, clip: C, hidden: S }) {
-      y !== void 0 && x.datum(y).attr("d", _), S !== void 0 && x.classed(`${c}_hidden`, S), C !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(D.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: M }) {
+      y !== void 0 && x.datum(y).attr("d", p), M !== void 0 && x.classed(`${c}_hidden`, M), C !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(L.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       x.remove();
@@ -479,13 +501,13 @@ const Js = (i) => {
   const { svg: t, data: s, x: n, y: a } = i, { baseClassName: r } = e, o = t.append("g").classed(r, !0), c = o.append("circle").attr("r", 5).classed(`${r}-circle`, !0), h = o.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${r}-label`, !0);
   return ((g) => {
     if (!g || g.length === 0) return;
-    const p = g[g.length - 1], _ = n(p.date), v = a(p.value);
-    c.attr("cx", _).attr("cy", v);
+    const _ = g[g.length - 1], p = n(_.date), v = a(_.value);
+    c.attr("cx", p).attr("cy", v);
     const b = i.config.extremePointFormatter || sn;
-    h.attr("x", _).attr("y", v).text(b(p.value));
+    h.attr("x", p).attr("y", v).text(b(_.value));
   })(s), {
-    className(g, p) {
-      g === "remove" ? o.classed(`${r}${p}`, !1) : o.classed(`${r}${p}`, !0);
+    className(g, _) {
+      g === "remove" ? o.classed(`${r}${_}`, !1) : o.classed(`${r}${_}`, !0);
     },
     update({ hidden: g }) {
       g !== void 0 && o.classed(`${r}_hidden`, g);
@@ -512,33 +534,33 @@ const Js = (i) => {
   i.config.enableBelowZeroLine && (r = vt(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: _i(i)
+    clip: St(i)
   }));
-  const o = _t(i.svg, {
+  const o = pt(i.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = Jt(i.svg), h = Jt(i.svg), u = vt(i, {
+  }), c = Qt(i.svg), h = Qt(i.svg), d = vt(i, {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), g = _t(i.svg, {
+  }), g = pt(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), p = _t(i.svg, {
+  }), _ = pt(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), _ = Xs(i), v = Js(i), b = en(i);
+  }), p = Xs(i), v = Js(i), b = en(i);
   return {
     hoverLine: n,
     hoverCircle: o,
     rangeBorderLeft: c,
     rangeBorderRight: h,
-    rangeLine: u,
+    rangeLine: d,
     rangeLineArea: b,
     rangeCircleLeft: g,
-    rangeCircleRight: p,
+    rangeCircleRight: _,
     mainLine: e,
-    rangeTooltip: _,
+    rangeTooltip: p,
     highlightLine: a,
     hoverTooltip: v,
     mainLineArea: t,
@@ -557,22 +579,22 @@ const Js = (i) => {
   const [, n, a] = s, r = parseInt(n, 10), [o, c] = t.domain();
   let h = new Date(o);
   for (; h < c; ) {
-    let u = new Date(h);
+    let d = new Date(h);
     switch (a) {
       case "M":
-        u.setMinutes(u.getMinutes() + r);
+        d.setMinutes(d.getMinutes() + r);
         break;
       case "h":
-        u.setHours(u.getHours() + r);
+        d.setHours(d.getHours() + r);
         break;
       case "d":
-        u.setDate(u.getDate() + r);
+        d.setDate(d.getDate() + r);
         break;
       case "w":
-        u.setDate(u.getDate() + r * 7);
+        d.setDate(d.getDate() + r * 7);
         break;
       case "m":
-        u = new Date(h.getFullYear(), h.getMonth() + r, 1);
+        d = new Date(h.getFullYear(), h.getMonth() + r, 1);
         break;
       default:
         return {
@@ -582,41 +604,41 @@ const Js = (i) => {
           height: "100%"
         };
     }
-    if (e >= h && e < u) {
-      const g = t(h), p = t(u);
+    if (e >= h && e < d) {
+      const g = t(h), _ = t(d);
       return {
         x: g,
         y: 0,
-        width: p - g,
+        width: _ - g,
         height: "100%"
       };
     }
-    h = new Date(u);
+    h = new Date(d);
   }
   if (e.getTime() === c.getTime()) {
-    let u = new Date(c);
+    let d = new Date(c);
     switch (a) {
       case "M":
-        u.setMinutes(u.getMinutes() - r);
+        d.setMinutes(d.getMinutes() - r);
         break;
       case "h":
-        u.setHours(u.getHours() - r);
+        d.setHours(d.getHours() - r);
         break;
       case "d":
-        u.setDate(u.getDate() - r);
+        d.setDate(d.getDate() - r);
         break;
       case "w":
-        u.setDate(u.getDate() - r * 7);
+        d.setDate(d.getDate() - r * 7);
         break;
       case "m":
-        u = new Date(c.getFullYear(), c.getMonth() - r, 1);
+        d = new Date(c.getFullYear(), c.getMonth() - r, 1);
         break;
     }
-    const g = t(u), p = t(c);
+    const g = t(d), _ = t(c);
     return {
       x: g,
       y: 0,
-      width: p - g,
+      width: _ - g,
       height: "100%"
     };
   }
@@ -626,20 +648,20 @@ const Js = (i) => {
     width: "100%",
     height: "100%"
   };
-}, Kt = (i, e) => {
-  var h;
+}, ei = (i, e) => {
+  var c, h, d;
   const {
     x: t,
     y: s,
     elements: n,
-    config: { margin: a },
-    height: r
+    config: { margin: a, hover: r },
+    height: o
   } = i;
-  n.hoverLine.update({
+  if (n.hoverLine.update({
     x1: t(e.date),
     x2: t(e.date),
     y1: a.top,
-    y2: r - a.bottom,
+    y2: o - a.bottom,
     hidden: !1
   }), n.hoverCircle.update({
     cx: t(e.date),
@@ -648,25 +670,30 @@ const Js = (i) => {
   }), n.hoverTooltip.update({
     dataItem: e,
     hidden: !1
-  });
-  const o = rn(i.config.hover.range, e.date, t);
-  n.highlightLine.update({
-    clip: o,
-    hidden: !1
-  });
-  const c = s.range()[0] - s(0) + a.bottom;
-  c >= 0 && ((h = n.belowZeroLine) == null || h.update({
-    clip: {
-      ...o,
-      y: s(0),
-      height: c
-    }
-  })), n.mainLine.className("add", "_muted");
-}, ei = (i) => {
-  var t;
+  }), r.highlightRange) {
+    const g = rn(r.range, e.date, t);
+    n.highlightLine.update({
+      clip: g,
+      hidden: !1
+    });
+    const _ = s.range()[0] - s(0) + a.bottom;
+    _ >= 0 && ((c = n.belowZeroLine) == null || c.update({
+      clip: {
+        ...g,
+        y: s(0),
+        height: _
+      }
+    })), n.mainLine.className("add", "_muted");
+  } else
+    n.highlightLine.update({ hidden: !0 }), n.mainLine.className("remove", "_muted"), (h = n.belowZeroLine) == null || h.update({
+      clip: St(i)
+    });
+  (d = i.gridHoverTooltip) == null || d.show({ date: e.date, value: e.value });
+}, ti = (i) => {
+  var t, s;
   const { elements: e } = i;
-  e.hoverLine.update({ hidden: !0 }), e.hoverCircle.update({ hidden: !0 }), e.highlightLine.update({ hidden: !0 }), e.mainLine.className("remove", "_muted"), e.hoverTooltip.update({ hidden: !0 }), i.action !== "selection" && ((t = e.belowZeroLine) == null || t.update({
-    clip: _i(i)
+  e.hoverLine.update({ hidden: !0 }), e.hoverCircle.update({ hidden: !0 }), e.highlightLine.update({ hidden: !0 }), e.mainLine.className("remove", "_muted"), e.hoverTooltip.update({ hidden: !0 }), (t = i.gridHoverTooltip) == null || t.hide(), i.action !== "selection" && ((s = e.belowZeroLine) == null || s.update({
+    clip: St(i)
   }));
 }, on = (i, e) => {
   [
@@ -688,7 +715,7 @@ const Js = (i) => {
     config: { margin: a },
     height: r,
     elements: o
-  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, u = h.value - c.value >= 0, g = s(c.date), p = s(h.date), _ = p - g;
+  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, d = h.value - c.value >= 0, g = s(c.date), _ = s(h.date), p = _ - g;
   o.rangeBorderLeft.update({
     x1: g,
     x2: g,
@@ -696,8 +723,8 @@ const Js = (i) => {
     y2: r - a.bottom,
     hidden: !1
   }), o.rangeBorderRight.update({
-    x1: p,
-    x2: p,
+    x1: _,
+    x2: _,
     y1: a.top,
     y2: r - a.bottom,
     hidden: !1
@@ -706,14 +733,14 @@ const Js = (i) => {
     cy: n(c.value),
     hidden: !1
   }), o.rangeCircleRight.update({
-    cx: p,
+    cx: _,
     cy: n(h.value),
     hidden: !1
   }), o.rangeLine.update({
     clip: {
       x: g,
       y: 0,
-      width: _,
+      width: p,
       height: n.range()[0]
     },
     hidden: !1
@@ -721,7 +748,7 @@ const Js = (i) => {
     clip: {
       x: g,
       y: 0,
-      width: _,
+      width: p,
       height: n.range()[0]
     },
     hidden: !1
@@ -729,59 +756,59 @@ const Js = (i) => {
     rightPoint: h,
     leftPoint: c,
     closest: t,
-    x: g + _ / 2,
+    x: g + p / 2,
     y: 0,
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
     hidden: !0
-  }), o.mainLineArea.update({ hidden: !0 }), on(o, u), o.mainLine.className("add", "_selected-muted");
-}, ti = (i) => {
+  }), o.mainLineArea.update({ hidden: !0 }), on(o, d), o.mainLine.className("add", "_selected-muted");
+}, ii = (i) => {
   var t;
   const { elements: e } = i;
   e.rangeLine.update({ hidden: !0 }), e.rangeLineArea.update({ hidden: !0 }), e.rangeBorderLeft.update({ hidden: !0 }), e.rangeBorderRight.update({ hidden: !0 }), e.rangeCircleLeft.update({ hidden: !0 }), e.rangeCircleRight.update({ hidden: !0 }), e.rangeTooltip.update({ hidden: !0 }), e.mainLine.className("remove", "_selected-muted"), e.mainLineArea.update({ hidden: !1 }), (t = e.belowZeroLine) == null || t.update({ hidden: !1 });
 }, cn = (i) => {
   const { svg: e, data: t, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
-  let u = null, g = !1;
-  const p = (v) => t.reduce(
+  let d = null, g = !1;
+  const _ = (v) => t.reduce(
     (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
   e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = D.pointer(v, this), w = p(b);
-    !g && c.enable ? (i.action = "hover", Kt(i, w)) : (i.action = g ? "selection" : "none", ei(i)), u && h.enable && (i.action = "selection", ln(i, u, w));
+    const [b] = L.pointer(v, this), w = _(b);
+    !g && c.enable ? (i.action = "hover", ei(i, w)) : (i.action = g ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
   }).on("mouseleave", () => {
-    i.action = "none", g = !1, u = null, ei(i), ti(i);
+    i.action = "none", g = !1, d = null, ti(i), ii(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
-      const [b] = D.pointer(v, this);
-      u = p(b);
+      const [b] = L.pointer(v, this);
+      d = _(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = D.pointer(v, this), w = p(b);
-    g = !1, u = null, i.action = "hover", h.enable && ti(i), c.enable && Kt(i, w);
+    const [b] = L.pointer(v, this), w = _(b);
+    g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
   });
 }, hn = (i, e, t) => {
-  const { margin: s } = e, n = D.scaleTime(), a = D.extent(i, (r) => new Date(r.date));
+  const { margin: s } = e, n = L.scaleTime(), a = L.extent(i, (r) => new Date(r.date));
   return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([s.left, t - s.right]);
 }, dn = (i, e, t) => {
-  const { margin: s } = e, n = D.max(i, (r) => r.value) ?? 0, a = D.min(i, (r) => r.value) ?? 0;
-  return D.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
-}, _r = (i, e) => {
-  const t = D.select(i);
+  const { margin: s } = e, n = L.max(i, (r) => r.value) ?? 0, a = L.min(i, (r) => r.value) ?? 0;
+  return L.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
+}, pr = (i, e) => {
+  const t = L.select(i);
   if (t.empty())
     return console.error(`Element with selector ${i} not found!`), null;
   if (!e.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e.chartId))
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
   const s = t.append("div"), n = s.append("svg"), a = t.node();
-  let r = a.getBoundingClientRect(), o = r.width, c = r.height, h = qt({ ...Qs }, e.config), u = e.data;
+  let r = a.getBoundingClientRect(), o = r.width, c = r.height, h = Jt({ ...Qs }, e.config), d = e.data;
   const g = () => {
-    r = a.getBoundingClientRect(), o = r.width, c = r.height, p({ data: u, config: h });
+    r = a.getBoundingClientRect(), o = r.width, c = r.height, _({ data: d, config: h });
   };
   window.addEventListener("resize", g);
-  const p = (_, v = !1) => {
-    v && _.config && (h = qt(h, _.config)), v && _.data && (u = _.data);
-    const b = u.map((S) => ({ date: new Date(S.date), value: S.value })).sort((S, F) => S.date.getTime() - F.date.getTime()), w = hn(b, h, o), x = dn(b, h, c);
+  const _ = (p, v = !1) => {
+    v && p.config && (h = Jt(h, p.config)), v && p.data && (d = p.data);
+    const b = d.map((M) => ({ date: new Date(M.date), value: M.value })).sort((M, S) => M.date.getTime() - S.date.getTime()), w = hn(b, h, o), x = dn(b, h, c);
     s.attr("class", `sc-charts sc-charts__${h.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${o} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
     const y = {
       chartId: e.chartId,
@@ -793,7 +820,8 @@ const Js = (i) => {
       config: h,
       action: "none",
       width: o,
-      height: c
+      height: c,
+      gridHoverTooltip: null
     };
     Vs(y);
     const C = {
@@ -802,8 +830,8 @@ const Js = (i) => {
     };
     cn(C);
   };
-  return p(e), {
-    update: (_) => p(_, !0),
+  return _(e), {
+    update: (p) => _(p, !0),
     destroy: () => {
       window.removeEventListener("resize", g), n.remove();
     }
@@ -813,409 +841,409 @@ var Ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function un(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var Te = { exports: {} };
-Te.exports;
-var ii;
+var Se = { exports: {} };
+Se.exports;
+var si;
 function fn() {
-  return ii || (ii = 1, function(i, e) {
-    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", u = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", S = "[object RegExp]", F = "[object Set]", H = "[object String]", O = "[object Undefined]", P = "[object WeakMap]", j = "[object ArrayBuffer]", U = "[object DataView]", re = "[object Float32Array]", z = "[object Float64Array]", X = "[object Int8Array]", G = "[object Int16Array]", Fe = "[object Int32Array]", st = "[object Uint8Array]", oe = "[object Uint8ClampedArray]", ve = "[object Uint16Array]", be = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, L = {};
-    L[re] = L[z] = L[X] = L[G] = L[Fe] = L[st] = L[oe] = L[ve] = L[be] = !0, L[o] = L[c] = L[j] = L[u] = L[U] = L[g] = L[p] = L[_] = L[b] = L[w] = L[y] = L[S] = L[F] = L[H] = L[P] = !1;
-    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, $ = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, Z = ee && !0 && i && !i.nodeType && i, q = Z && Z.exports === ee, ge = q && Re.process, ye = function() {
+  return si || (si = 1, function(i, e) {
+    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", S = "[object Set]", N = "[object String]", $ = "[object Undefined]", z = "[object WeakMap]", V = "[object ArrayBuffer]", Y = "[object DataView]", re = "[object Float32Array]", P = "[object Float64Array]", U = "[object Int8Array]", G = "[object Int16Array]", Fe = "[object Int32Array]", st = "[object Uint8Array]", oe = "[object Uint8ClampedArray]", ve = "[object Uint16Array]", be = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
+    F[re] = F[P] = F[U] = F[G] = F[Fe] = F[st] = F[oe] = F[ve] = F[be] = !0, F[o] = F[c] = F[V] = F[d] = F[Y] = F[g] = F[_] = F[p] = F[b] = F[w] = F[y] = F[M] = F[S] = F[N] = F[z] = !1;
+    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, O = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, Z = ee && !0 && i && !i.nodeType && i, q = Z && Z.exports === ee, ge = q && Re.process, ye = function() {
       try {
         var l = Z && Z.require && Z.require("util").types;
         return l || ge && ge.binding && ge.binding("util");
       } catch {
       }
     }(), we = ye && ye.isTypedArray;
-    function Oe(l, d, m) {
+    function Oe(l, u, m) {
       switch (m.length) {
         case 0:
-          return l.call(d);
+          return l.call(u);
         case 1:
-          return l.call(d, m[0]);
+          return l.call(u, m[0]);
         case 2:
-          return l.call(d, m[0], m[1]);
+          return l.call(u, m[0], m[1]);
         case 3:
-          return l.call(d, m[0], m[1], m[2]);
+          return l.call(u, m[0], m[1], m[2]);
       }
-      return l.apply(d, m);
+      return l.apply(u, m);
     }
-    function Pe(l, d) {
+    function Pe(l, u) {
       for (var m = -1, A = Array(l); ++m < l; )
-        A[m] = d(m);
+        A[m] = u(m);
       return A;
     }
     function le(l) {
-      return function(d) {
-        return l(d);
+      return function(u) {
+        return l(u);
       };
     }
-    function ce(l, d) {
-      return l == null ? void 0 : l[d];
+    function ce(l, u) {
+      return l == null ? void 0 : l[u];
     }
-    function nt(l, d) {
+    function nt(l, u) {
       return function(m) {
-        return l(d(m));
+        return l(u(m));
       };
     }
-    var xe = Array.prototype, Ai = Function.prototype, ze = Object.prototype, at = $["__core-js_shared__"], Ve = Ai.toString, ne = ze.hasOwnProperty, Lt = function() {
+    var xe = Array.prototype, Ti = Function.prototype, ze = Object.prototype, at = O["__core-js_shared__"], Ve = Ti.toString, ne = ze.hasOwnProperty, Nt = function() {
       var l = /[^.]+$/.exec(at && at.keys && at.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), Nt = ze.toString, Mi = Ve.call(Object), Si = RegExp(
+    }(), Ft = ze.toString, Mi = Ve.call(Object), Si = RegExp(
       "^" + Ve.call(ne).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), Ye = q ? $.Buffer : void 0, Ft = $.Symbol, Ht = $.Uint8Array;
+    ), Ye = q ? O.Buffer : void 0, Ht = O.Symbol, Bt = O.Uint8Array;
     Ye && Ye.allocUnsafe;
-    var Bt = nt(Object.getPrototypeOf, Object), It = Object.create, Ti = ze.propertyIsEnumerable, ki = xe.splice, he = Ft ? Ft.toStringTag : void 0, We = function() {
+    var It = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = ze.propertyIsEnumerable, ki = xe.splice, he = Ht ? Ht.toStringTag : void 0, We = function() {
       try {
         var l = lt(Object, "defineProperty");
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Di = Ye ? Ye.isBuffer : void 0, Rt = Math.max, Ei = Date.now, $t = lt($, "Map"), Ce = lt(Object, "create"), Li = /* @__PURE__ */ function() {
+    }(), Li = Ye ? Ye.isBuffer : void 0, $t = Math.max, Ei = Date.now, Ot = lt(O, "Map"), Ce = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
       function l() {
       }
-      return function(d) {
-        if (!ue(d))
+      return function(u) {
+        if (!ue(u))
           return {};
-        if (It)
-          return It(d);
-        l.prototype = d;
+        if (Rt)
+          return Rt(u);
+        l.prototype = u;
         var m = new l();
         return l.prototype = void 0, m;
       };
     }();
     function de(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var A = l[d];
+      var u = -1, m = l == null ? 0 : l.length;
+      for (this.clear(); ++u < m; ) {
+        var A = l[u];
         this.set(A[0], A[1]);
       }
     }
-    function Ni() {
+    function Fi() {
       this.__data__ = Ce ? Ce(null) : {}, this.size = 0;
     }
-    function Fi(l) {
-      var d = this.has(l) && delete this.__data__[l];
-      return this.size -= d ? 1 : 0, d;
-    }
     function Hi(l) {
-      var d = this.__data__;
+      var u = this.has(l) && delete this.__data__[l];
+      return this.size -= u ? 1 : 0, u;
+    }
+    function Bi(l) {
+      var u = this.__data__;
       if (Ce) {
-        var m = d[l];
+        var m = u[l];
         return m === s ? void 0 : m;
       }
-      return ne.call(d, l) ? d[l] : void 0;
+      return ne.call(u, l) ? u[l] : void 0;
     }
-    function Bi(l) {
-      var d = this.__data__;
-      return Ce ? d[l] !== void 0 : ne.call(d, l);
+    function Ii(l) {
+      var u = this.__data__;
+      return Ce ? u[l] !== void 0 : ne.call(u, l);
     }
-    function Ii(l, d) {
+    function Ri(l, u) {
       var m = this.__data__;
-      return this.size += this.has(l) ? 0 : 1, m[l] = Ce && d === void 0 ? s : d, this;
+      return this.size += this.has(l) ? 0 : 1, m[l] = Ce && u === void 0 ? s : u, this;
     }
-    de.prototype.clear = Ni, de.prototype.delete = Fi, de.prototype.get = Hi, de.prototype.has = Bi, de.prototype.set = Ii;
+    de.prototype.clear = Fi, de.prototype.delete = Hi, de.prototype.get = Bi, de.prototype.has = Ii, de.prototype.set = Ri;
     function te(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var A = l[d];
+      var u = -1, m = l == null ? 0 : l.length;
+      for (this.clear(); ++u < m; ) {
+        var A = l[u];
         this.set(A[0], A[1]);
       }
     }
-    function Ri() {
+    function $i() {
       this.__data__ = [], this.size = 0;
     }
-    function $i(l) {
-      var d = this.__data__, m = je(d, l);
+    function Oi(l) {
+      var u = this.__data__, m = je(u, l);
       if (m < 0)
         return !1;
-      var A = d.length - 1;
-      return m == A ? d.pop() : ki.call(d, m, 1), --this.size, !0;
-    }
-    function Oi(l) {
-      var d = this.__data__, m = je(d, l);
-      return m < 0 ? void 0 : d[m][1];
+      var A = u.length - 1;
+      return m == A ? u.pop() : ki.call(u, m, 1), --this.size, !0;
     }
     function Pi(l) {
+      var u = this.__data__, m = je(u, l);
+      return m < 0 ? void 0 : u[m][1];
+    }
+    function zi(l) {
       return je(this.__data__, l) > -1;
     }
-    function zi(l, d) {
+    function Vi(l, u) {
       var m = this.__data__, A = je(m, l);
-      return A < 0 ? (++this.size, m.push([l, d])) : m[A][1] = d, this;
+      return A < 0 ? (++this.size, m.push([l, u])) : m[A][1] = u, this;
     }
-    te.prototype.clear = Ri, te.prototype.delete = $i, te.prototype.get = Oi, te.prototype.has = Pi, te.prototype.set = zi;
+    te.prototype.clear = $i, te.prototype.delete = Oi, te.prototype.get = Pi, te.prototype.has = zi, te.prototype.set = Vi;
     function me(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var A = l[d];
+      var u = -1, m = l == null ? 0 : l.length;
+      for (this.clear(); ++u < m; ) {
+        var A = l[u];
         this.set(A[0], A[1]);
       }
     }
-    function Vi() {
+    function Yi() {
       this.size = 0, this.__data__ = {
         hash: new de(),
-        map: new ($t || te)(),
+        map: new (Ot || te)(),
         string: new de()
       };
     }
-    function Yi(l) {
-      var d = Ue(this, l).delete(l);
-      return this.size -= d ? 1 : 0, d;
-    }
     function Wi(l) {
-      return Ue(this, l).get(l);
+      var u = Ue(this, l).delete(l);
+      return this.size -= u ? 1 : 0, u;
     }
     function ji(l) {
+      return Ue(this, l).get(l);
+    }
+    function Xi(l) {
       return Ue(this, l).has(l);
     }
-    function Xi(l, d) {
+    function Ui(l, u) {
       var m = Ue(this, l), A = m.size;
-      return m.set(l, d), this.size += m.size == A ? 0 : 1, this;
+      return m.set(l, u), this.size += m.size == A ? 0 : 1, this;
     }
-    me.prototype.clear = Vi, me.prototype.delete = Yi, me.prototype.get = Wi, me.prototype.has = ji, me.prototype.set = Xi;
-    function _e(l) {
-      var d = this.__data__ = new te(l);
-      this.size = d.size;
+    me.prototype.clear = Yi, me.prototype.delete = Wi, me.prototype.get = ji, me.prototype.has = Xi, me.prototype.set = Ui;
+    function pe(l) {
+      var u = this.__data__ = new te(l);
+      this.size = u.size;
     }
-    function Ui() {
+    function Gi() {
       this.__data__ = new te(), this.size = 0;
     }
-    function Gi(l) {
-      var d = this.__data__, m = d.delete(l);
-      return this.size = d.size, m;
-    }
     function Zi(l) {
-      return this.__data__.get(l);
+      var u = this.__data__, m = u.delete(l);
+      return this.size = u.size, m;
     }
     function qi(l) {
+      return this.__data__.get(l);
+    }
+    function Ji(l) {
       return this.__data__.has(l);
     }
-    function Ji(l, d) {
+    function Qi(l, u) {
       var m = this.__data__;
       if (m instanceof te) {
         var A = m.__data__;
-        if (!$t || A.length < t - 1)
-          return A.push([l, d]), this.size = ++m.size, this;
+        if (!Ot || A.length < t - 1)
+          return A.push([l, u]), this.size = ++m.size, this;
         m = this.__data__ = new me(A);
       }
-      return m.set(l, d), this.size = m.size, this;
+      return m.set(l, u), this.size = m.size, this;
     }
-    _e.prototype.clear = Ui, _e.prototype.delete = Gi, _e.prototype.get = Zi, _e.prototype.has = qi, _e.prototype.set = Ji;
-    function Qi(l, d) {
-      var m = dt(l), A = !m && ht(l), T = !m && !A && Yt(l), N = !m && !A && !T && jt(l), B = m || A || T || N, E = B ? Pe(l.length, String) : [], I = E.length;
+    pe.prototype.clear = Gi, pe.prototype.delete = Zi, pe.prototype.get = qi, pe.prototype.has = Ji, pe.prototype.set = Qi;
+    function Ki(l, u) {
+      var m = dt(l), A = !m && ht(l), D = !m && !A && Wt(l), H = !m && !A && !D && Xt(l), B = m || A || D || H, E = B ? Pe(l.length, String) : [], I = E.length;
       for (var J in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (J == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        T && (J == "offset" || J == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        N && (J == "buffer" || J == "byteLength" || J == "byteOffset") || // Skip index properties.
-        zt(J, I)) || E.push(J);
+        D && (J == "offset" || J == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        H && (J == "buffer" || J == "byteLength" || J == "byteOffset") || // Skip index properties.
+        Vt(J, I)) || E.push(J);
       return E;
     }
-    function rt(l, d, m) {
-      (m !== void 0 && !Ge(l[d], m) || m === void 0 && !(d in l)) && ot(l, d, m);
+    function rt(l, u, m) {
+      (m !== void 0 && !Ge(l[u], m) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
-    function Ki(l, d, m) {
-      var A = l[d];
-      (!(ne.call(l, d) && Ge(A, m)) || m === void 0 && !(d in l)) && ot(l, d, m);
+    function es(l, u, m) {
+      var A = l[u];
+      (!(ne.call(l, u) && Ge(A, m)) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
-    function je(l, d) {
+    function je(l, u) {
       for (var m = l.length; m--; )
-        if (Ge(l[m][0], d))
+        if (Ge(l[m][0], u))
           return m;
       return -1;
     }
-    function ot(l, d, m) {
-      d == "__proto__" && We ? We(l, d, {
+    function ot(l, u, m) {
+      u == "__proto__" && We ? We(l, u, {
         configurable: !0,
         enumerable: !0,
         value: m,
         writable: !0
-      }) : l[d] = m;
+      }) : l[u] = m;
     }
-    var es = fs();
+    var ts = gs();
     function Xe(l) {
-      return l == null ? l === void 0 ? O : x : he && he in Object(l) ? gs(l) : ys(l);
+      return l == null ? l === void 0 ? $ : x : he && he in Object(l) ? ms(l) : ws(l);
     }
-    function Ot(l) {
+    function Pt(l) {
       return Ae(l) && Xe(l) == o;
     }
-    function ts(l) {
-      if (!ue(l) || vs(l))
-        return !1;
-      var d = ft(l) ? Si : Be;
-      return d.test(As(l));
-    }
     function is(l) {
-      return Ae(l) && Wt(l.length) && !!L[Xe(l)];
+      if (!ue(l) || bs(l))
+        return !1;
+      var u = ft(l) ? Si : Be;
+      return u.test(Ts(l));
     }
     function ss(l) {
+      return Ae(l) && jt(l.length) && !!F[Xe(l)];
+    }
+    function ns(l) {
       if (!ue(l))
-        return bs(l);
-      var d = Vt(l), m = [];
+        return ys(l);
+      var u = Yt(l), m = [];
       for (var A in l)
-        A == "constructor" && (d || !ne.call(l, A)) || m.push(A);
+        A == "constructor" && (u || !ne.call(l, A)) || m.push(A);
       return m;
     }
-    function Pt(l, d, m, A, T) {
-      l !== d && es(d, function(N, B) {
-        if (T || (T = new _e()), ue(N))
-          ns(l, d, B, m, Pt, A, T);
+    function zt(l, u, m, A, D) {
+      l !== u && ts(u, function(H, B) {
+        if (D || (D = new pe()), ue(H))
+          as(l, u, B, m, zt, A, D);
         else {
-          var E = A ? A(ct(l, B), N, B + "", l, d, T) : void 0;
-          E === void 0 && (E = N), rt(l, B, E);
+          var E = A ? A(ct(l, B), H, B + "", l, u, D) : void 0;
+          E === void 0 && (E = H), rt(l, B, E);
         }
-      }, Xt);
+      }, Ut);
     }
-    function ns(l, d, m, A, T, N, B) {
-      var E = ct(l, m), I = ct(d, m), J = B.get(I);
+    function as(l, u, m, A, D, H, B) {
+      var E = ct(l, m), I = ct(u, m), J = B.get(I);
       if (J) {
         rt(l, m, J);
         return;
       }
-      var V = N ? N(E, I, m + "", l, d, B) : void 0, Me = V === void 0;
-      if (Me) {
-        var gt = dt(I), mt = !gt && Yt(I), Gt = !gt && !mt && jt(I);
-        V = I, gt || mt || Gt ? dt(E) ? V = E : Ms(E) ? V = hs(E) : mt ? (Me = !1, V = os(I)) : Gt ? (Me = !1, V = cs(I)) : V = [] : Ss(I) || ht(I) ? (V = E, ht(E) ? V = Ts(E) : (!ue(E) || ft(E)) && (V = ms(I))) : Me = !1;
+      var W = H ? H(E, I, m + "", l, u, B) : void 0, Te = W === void 0;
+      if (Te) {
+        var gt = dt(I), mt = !gt && Wt(I), Zt = !gt && !mt && Xt(I);
+        W = I, gt || mt || Zt ? dt(E) ? W = E : Ms(E) ? W = ds(E) : mt ? (Te = !1, W = ls(I)) : Zt ? (Te = !1, W = hs(I)) : W = [] : Ss(I) || ht(I) ? (W = E, ht(E) ? W = Ds(E) : (!ue(E) || ft(E)) && (W = ps(I))) : Te = !1;
       }
-      Me && (B.set(I, V), T(V, I, A, N, B), B.delete(I)), rt(l, m, V);
+      Te && (B.set(I, W), D(W, I, A, H, B), B.delete(I)), rt(l, m, W);
     }
-    function as(l, d) {
-      return xs(ws(l, d, Ut), l + "");
+    function rs(l, u) {
+      return Cs(xs(l, u, Gt), l + "");
     }
-    var rs = We ? function(l, d) {
+    var os = We ? function(l, u) {
       return We(l, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: Ds(d),
+        value: Ls(u),
         writable: !0
       });
-    } : Ut;
-    function os(l, d) {
+    } : Gt;
+    function ls(l, u) {
       return l.slice();
     }
-    function ls(l) {
-      var d = new l.constructor(l.byteLength);
-      return new Ht(d).set(new Ht(l)), d;
+    function cs(l) {
+      var u = new l.constructor(l.byteLength);
+      return new Bt(u).set(new Bt(l)), u;
     }
-    function cs(l, d) {
-      var m = ls(l.buffer);
+    function hs(l, u) {
+      var m = cs(l.buffer);
       return new l.constructor(m, l.byteOffset, l.length);
     }
-    function hs(l, d) {
+    function ds(l, u) {
       var m = -1, A = l.length;
-      for (d || (d = Array(A)); ++m < A; )
-        d[m] = l[m];
-      return d;
+      for (u || (u = Array(A)); ++m < A; )
+        u[m] = l[m];
+      return u;
     }
-    function ds(l, d, m, A) {
-      var T = !m;
+    function us(l, u, m, A) {
+      var D = !m;
       m || (m = {});
-      for (var N = -1, B = d.length; ++N < B; ) {
-        var E = d[N], I = void 0;
-        I === void 0 && (I = l[E]), T ? ot(m, E, I) : Ki(m, E, I);
+      for (var H = -1, B = u.length; ++H < B; ) {
+        var E = u[H], I = void 0;
+        I === void 0 && (I = l[E]), D ? ot(m, E, I) : es(m, E, I);
       }
       return m;
     }
-    function us(l) {
-      return as(function(d, m) {
-        var A = -1, T = m.length, N = T > 1 ? m[T - 1] : void 0, B = T > 2 ? m[2] : void 0;
-        for (N = l.length > 3 && typeof N == "function" ? (T--, N) : void 0, B && _s(m[0], m[1], B) && (N = T < 3 ? void 0 : N, T = 1), d = Object(d); ++A < T; ) {
+    function fs(l) {
+      return rs(function(u, m) {
+        var A = -1, D = m.length, H = D > 1 ? m[D - 1] : void 0, B = D > 2 ? m[2] : void 0;
+        for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && _s(m[0], m[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++A < D; ) {
           var E = m[A];
-          E && l(d, E, A, N);
+          E && l(u, E, A, H);
         }
-        return d;
+        return u;
       });
     }
-    function fs(l) {
-      return function(d, m, A) {
-        for (var T = -1, N = Object(d), B = A(d), E = B.length; E--; ) {
-          var I = B[++T];
-          if (m(N[I], I, N) === !1)
+    function gs(l) {
+      return function(u, m, A) {
+        for (var D = -1, H = Object(u), B = A(u), E = B.length; E--; ) {
+          var I = B[++D];
+          if (m(H[I], I, H) === !1)
             break;
         }
-        return d;
+        return u;
       };
     }
-    function Ue(l, d) {
+    function Ue(l, u) {
       var m = l.__data__;
-      return ps(d) ? m[typeof d == "string" ? "string" : "hash"] : m.map;
+      return vs(u) ? m[typeof u == "string" ? "string" : "hash"] : m.map;
     }
-    function lt(l, d) {
-      var m = ce(l, d);
-      return ts(m) ? m : void 0;
+    function lt(l, u) {
+      var m = ce(l, u);
+      return is(m) ? m : void 0;
     }
-    function gs(l) {
-      var d = ne.call(l, he), m = l[he];
+    function ms(l) {
+      var u = ne.call(l, he), m = l[he];
       try {
         l[he] = void 0;
         var A = !0;
       } catch {
       }
-      var T = Nt.call(l);
-      return A && (d ? l[he] = m : delete l[he]), T;
+      var D = Ft.call(l);
+      return A && (u ? l[he] = m : delete l[he]), D;
     }
-    function ms(l) {
-      return typeof l.constructor == "function" && !Vt(l) ? Li(Bt(l)) : {};
+    function ps(l) {
+      return typeof l.constructor == "function" && !Yt(l) ? Ni(It(l)) : {};
     }
-    function zt(l, d) {
+    function Vt(l, u) {
       var m = typeof l;
-      return d = d ?? r, !!d && (m == "number" || m != "symbol" && Ie.test(l)) && l > -1 && l % 1 == 0 && l < d;
+      return u = u ?? r, !!u && (m == "number" || m != "symbol" && Ie.test(l)) && l > -1 && l % 1 == 0 && l < u;
     }
-    function _s(l, d, m) {
+    function _s(l, u, m) {
       if (!ue(m))
         return !1;
-      var A = typeof d;
-      return (A == "number" ? ut(m) && zt(d, m.length) : A == "string" && d in m) ? Ge(m[d], l) : !1;
-    }
-    function ps(l) {
-      var d = typeof l;
-      return d == "string" || d == "number" || d == "symbol" || d == "boolean" ? l !== "__proto__" : l === null;
+      var A = typeof u;
+      return (A == "number" ? ut(m) && Vt(u, m.length) : A == "string" && u in m) ? Ge(m[u], l) : !1;
     }
     function vs(l) {
-      return !!Lt && Lt in l;
+      var u = typeof l;
+      return u == "string" || u == "number" || u == "symbol" || u == "boolean" ? l !== "__proto__" : l === null;
+    }
+    function bs(l) {
+      return !!Nt && Nt in l;
     }
-    function Vt(l) {
-      var d = l && l.constructor, m = typeof d == "function" && d.prototype || ze;
+    function Yt(l) {
+      var u = l && l.constructor, m = typeof u == "function" && u.prototype || ze;
       return l === m;
     }
-    function bs(l) {
-      var d = [];
+    function ys(l) {
+      var u = [];
       if (l != null)
         for (var m in Object(l))
-          d.push(m);
-      return d;
-    }
-    function ys(l) {
-      return Nt.call(l);
-    }
-    function ws(l, d, m) {
-      return d = Rt(d === void 0 ? l.length - 1 : d, 0), function() {
-        for (var A = arguments, T = -1, N = Rt(A.length - d, 0), B = Array(N); ++T < N; )
-          B[T] = A[d + T];
-        T = -1;
-        for (var E = Array(d + 1); ++T < d; )
-          E[T] = A[T];
-        return E[d] = m(B), Oe(l, this, E);
+          u.push(m);
+      return u;
+    }
+    function ws(l) {
+      return Ft.call(l);
+    }
+    function xs(l, u, m) {
+      return u = $t(u === void 0 ? l.length - 1 : u, 0), function() {
+        for (var A = arguments, D = -1, H = $t(A.length - u, 0), B = Array(H); ++D < H; )
+          B[D] = A[u + D];
+        D = -1;
+        for (var E = Array(u + 1); ++D < u; )
+          E[D] = A[D];
+        return E[u] = m(B), Oe(l, this, E);
       };
     }
-    function ct(l, d) {
-      if (!(d === "constructor" && typeof l[d] == "function") && d != "__proto__")
-        return l[d];
+    function ct(l, u) {
+      if (!(u === "constructor" && typeof l[u] == "function") && u != "__proto__")
+        return l[u];
     }
-    var xs = Cs(rs);
-    function Cs(l) {
-      var d = 0, m = 0;
+    var Cs = As(os);
+    function As(l) {
+      var u = 0, m = 0;
       return function() {
-        var A = Ei(), T = a - (A - m);
-        if (m = A, T > 0) {
-          if (++d >= n)
+        var A = Ei(), D = a - (A - m);
+        if (m = A, D > 0) {
+          if (++u >= n)
             return arguments[0];
         } else
-          d = 0;
+          u = 0;
         return l.apply(void 0, arguments);
       };
     }
-    function As(l) {
+    function Ts(l) {
       if (l != null) {
         try {
           return Ve.call(l);
@@ -1228,33 +1256,33 @@ function fn() {
       }
       return "";
     }
-    function Ge(l, d) {
-      return l === d || l !== l && d !== d;
+    function Ge(l, u) {
+      return l === u || l !== l && u !== u;
     }
-    var ht = Ot(/* @__PURE__ */ function() {
+    var ht = Pt(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? Ot : function(l) {
-      return Ae(l) && ne.call(l, "callee") && !Ti.call(l, "callee");
+    }()) ? Pt : function(l) {
+      return Ae(l) && ne.call(l, "callee") && !Di.call(l, "callee");
     }, dt = Array.isArray;
     function ut(l) {
-      return l != null && Wt(l.length) && !ft(l);
+      return l != null && jt(l.length) && !ft(l);
     }
     function Ms(l) {
       return Ae(l) && ut(l);
     }
-    var Yt = Di || Es;
+    var Wt = Li || Es;
     function ft(l) {
       if (!ue(l))
         return !1;
-      var d = Xe(l);
-      return d == _ || d == v || d == h || d == C;
+      var u = Xe(l);
+      return u == p || u == v || u == h || u == C;
     }
-    function Wt(l) {
+    function jt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
     }
     function ue(l) {
-      var d = typeof l;
-      return l != null && (d == "object" || d == "function");
+      var u = typeof l;
+      return l != null && (u == "object" || u == "function");
     }
     function Ae(l) {
       return l != null && typeof l == "object";
@@ -1262,44 +1290,44 @@ function fn() {
     function Ss(l) {
       if (!Ae(l) || Xe(l) != y)
         return !1;
-      var d = Bt(l);
-      if (d === null)
+      var u = It(l);
+      if (u === null)
         return !0;
-      var m = ne.call(d, "constructor") && d.constructor;
+      var m = ne.call(u, "constructor") && u.constructor;
       return typeof m == "function" && m instanceof m && Ve.call(m) == Mi;
     }
-    var jt = we ? le(we) : is;
-    function Ts(l) {
-      return ds(l, Xt(l));
+    var Xt = we ? le(we) : ss;
+    function Ds(l) {
+      return us(l, Ut(l));
     }
-    function Xt(l) {
-      return ut(l) ? Qi(l) : ss(l);
+    function Ut(l) {
+      return ut(l) ? Ki(l) : ns(l);
     }
-    var ks = us(function(l, d, m) {
-      Pt(l, d, m);
+    var ks = fs(function(l, u, m) {
+      zt(l, u, m);
     });
-    function Ds(l) {
+    function Ls(l) {
       return function() {
         return l;
       };
     }
-    function Ut(l) {
+    function Gt(l) {
       return l;
     }
     function Es() {
       return !1;
     }
     i.exports = ks;
-  }(Te, Te.exports)), Te.exports;
+  }(Se, Se.exports)), Se.exports;
 }
 var gn = fn();
-const Qe = /* @__PURE__ */ un(gn), si = 12, mn = {
+const Qe = /* @__PURE__ */ un(gn), ni = 12, mn = {
   candles: {
     direction: "right",
-    offset: `${Math.round(si / 2)}px`,
+    offset: `${Math.round(ni / 2)}px`,
     style: "filled",
     strokeWidth: 1,
-    baseWidth: si,
+    baseWidth: ni,
     bodyRatio: 0.7,
     zoomOnWheel: "both",
     scaleSensitivity: 2e-3,
@@ -1340,7 +1368,7 @@ const Qe = /* @__PURE__ */ un(gn), si = 12, mn = {
     showLabelButtons: !0
   }
 };
-class _n {
+class pn {
   constructor(e) {
     f(this, "_candles");
     f(this, "_xAxis");
@@ -1380,7 +1408,7 @@ class _n {
     return this._trade;
   }
 }
-class W {
+class X {
   constructor(e) {
     f(this, "x");
     f(this, "y");
@@ -1421,34 +1449,34 @@ class W {
     return this.y + this.height;
   }
 }
-class pn {
+class _n {
   constructor(e, t) {
-    f(this, "_chart", new W());
-    f(this, "_area", new W());
-    f(this, "_xAxis", new W());
-    f(this, "_yAxis", new W());
-    f(this, "_axisIntersection", new W());
+    f(this, "_chart", new X());
+    f(this, "_area", new X());
+    f(this, "_xAxis", new X());
+    f(this, "_yAxis", new X());
+    f(this, "_axisIntersection", new X());
     const { xAxis: s, yAxis: n } = t;
-    this._chart = new W(e), this._calc(s, n);
+    this._chart = new X(e), this._calc(s, n);
   }
   _calc(e, t) {
     const s = e.isShow ? e.height : 0, n = t.isShow ? t.width : 0, a = this._chart.height - s, r = this._chart.width - n;
-    this._area = new W({
+    this._area = new X({
       x: t.position === "left" ? n : 0,
       y: e.position === "top" ? s : 0,
       width: r,
       height: a
-    }), this._xAxis = new W({
+    }), this._xAxis = new X({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? n : 0,
       height: s,
       width: r
-    }), this._yAxis = new W({
+    }), this._yAxis = new X({
       y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : r,
       width: n,
       height: a
-    }), this._axisIntersection = new W({
+    }), this._axisIntersection = new X({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? 0 : r,
       width: n,
@@ -1461,7 +1489,7 @@ class pn {
   }
   update(e) {
     const { xAxis: t, yAxis: s } = e.config;
-    this._chart = new W(e.container), this._calc(t, s);
+    this._chart = new X(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1487,14 +1515,14 @@ function bn(i, e) {
     const n = i[s].close_time.getTime(), a = i[s].open_time.getTime(), o = new Date(i[s + 1].open_time).getTime() - n;
     if (o >= e) {
       const c = Math.floor(o / e), h = [];
-      for (let u = 1; u <= c; u++)
-        h.push(a + u * e);
+      for (let d = 1; d <= c; d++)
+        h.push(a + d * e);
       h.length > 0 && t.push(h);
     }
   }
   return t;
 }
-function ni(i, e) {
+function ai(i, e) {
   const t = vn(i[0]), s = bn(i, t), n = [];
   return s.forEach((a) => {
     if (a.length === 0) return;
@@ -1504,18 +1532,18 @@ function ni(i, e) {
     if (!r || !o)
       throw new Error("[CS_Data] error while creating missing data");
     const c = r.close, h = o.open;
-    let u = c;
-    a.forEach((g, p) => {
-      const _ = (h - u) / a.length;
-      let v = u + _ * p, b = v + _;
+    let d = c;
+    a.forEach((g, _) => {
+      const p = (h - d) / a.length;
+      let v = d + p * _, b = v + p;
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
-        const S = [...e.trade.entries, ...e.trade.exits].find((F) => {
-          const H = F.time.getTime();
-          return H >= g && H < g + t;
+        const M = [...e.trade.entries, ...e.trade.exits].find((S) => {
+          const N = S.time.getTime();
+          return N >= g && N < g + t;
         });
-        S && (S.type === "buy" ? (y = S.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, u = v) : S.type === "sell" && (x = S.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, u = v));
+        M && (M.type === "buy" ? (y = M.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : M.type === "sell" && (x = M.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, d = v));
       }
       const C = {
         open_time: new Date(g),
@@ -1529,7 +1557,7 @@ function ni(i, e) {
     });
   }), n;
 }
-class Tt {
+class Dt {
   constructor(e, t) {
     f(this, "_initialData", []);
     f(this, "_preparedData", []);
@@ -1543,10 +1571,10 @@ class Tt {
     return e.map((t) => ({ ...t, open_time: new Date(t.open_time), close_time: new Date(t.close_time) })).sort((t, s) => t.open_time.getTime() - s.open_time.getTime());
   }
   update(e) {
-    this._initialData = e, this._preparedData = this._prepare(e), this._missingData = ni(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(e[0].close_time).getTime() - new Date(e[0].open_time).getTime();
+    this._initialData = e, this._preparedData = this._prepare(e), this._missingData = ai(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(e[0].close_time).getTime() - new Date(e[0].open_time).getTime();
   }
   updateMissingCandles() {
-    this._missingData = ni(this._preparedData, this._model);
+    this._missingData = ai(this._preparedData, this._model);
   }
   get initialData() {
     return this._initialData;
@@ -1589,7 +1617,7 @@ class yn {
     });
   }
 }
-class pi {
+class vi {
   constructor() {
     f(this, "_scale");
   }
@@ -1625,17 +1653,17 @@ class pi {
     return this._scale(e);
   }
 }
-class vi extends pi {
+class bi extends vi {
   constructor() {
-    super(), this._scale = D.scaleTime();
+    super(), this._scale = L.scaleTime();
   }
 }
-class wn extends pi {
+class wn extends vi {
   constructor() {
-    super(), this._scale = D.scaleLinear();
+    super(), this._scale = L.scaleLinear();
   }
 }
-const ai = { x: 0.2, y: 0.2 }, ri = 1e-3, xn = {
+const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
   s: 1e3,
   M: 1e3 * 60,
   h: 1e3 * 60 * 60,
@@ -1649,16 +1677,16 @@ const ai = { x: 0.2, y: 0.2 }, ri = 1e-3, xn = {
   const [t, s] = e.domain().map((o) => o.getTime()), n = i.filter((o) => {
     const c = o.open_time.getTime();
     return c >= t && c <= s;
-  }), a = D.min(n, (o) => o.low), r = D.max(n, (o) => o.high);
+  }), a = L.min(n, (o) => o.low), r = L.max(n, (o) => o.high);
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
-class Mn {
+class Tn {
   constructor(e) {
     this.model = e;
   }
   initX(e) {
-    const t = this.model.candles.preparedData, s = D.extent(t, (n) => new Date(n.open_time));
+    const t = this.model.candles.preparedData, s = L.extent(t, (n) => new Date(n.open_time));
     if (!s[0] || !s[1]) throw new Error("Invalid x data");
     e.setDomain(s), this.setRange(e, this.model.layout.xAxis), this.setDefaultXDomain(e), this.applyOffset(e);
   }
@@ -1670,7 +1698,7 @@ class Mn {
     this.initX(e.x), this.initY(e.y, e.x);
   }
   setRange(e, { x: t, y: s, width: n, height: a }) {
-    e instanceof vi ? e.setRange([t, t + n]) : e.setRange([s + a, s]);
+    e instanceof bi ? e.setRange([t, t + n]) : e.setRange([s + a, s]);
   }
   setDefaultXDomain(e) {
     const {
@@ -1679,8 +1707,8 @@ class Mn {
       config: {
         candles: { baseWidth: n, bodyRatio: a, direction: r }
       }
-    } = this.model, [o, c] = e.domain().map((_) => _.getTime()), h = c - o, u = n / a * t, g = h * (s.width / u), p = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
-    e.setDomain(p);
+    } = this.model, [o, c] = e.domain().map((p) => p.getTime()), h = c - o, d = n / a * t, g = h * (s.width / d), _ = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
+    e.setDomain(_);
   }
   applyOffset(e) {
     const {
@@ -1688,11 +1716,11 @@ class Mn {
         candles: { offset: t, direction: s }
       },
       layout: { xAxis: n }
-    } = this.model, [a, r] = Cn(t), o = r === "px" ? e.invert(n.x + a).getTime() - e.invert(n.x).getTime() : xn[r] * a, c = s === "left" ? -o : o, [h, u] = e.domain();
-    e.setDomain([new Date(h.getTime() + c), new Date(u.getTime() + c)]);
+    } = this.model, [a, r] = Cn(t), o = r === "px" ? e.invert(n.x + a).getTime() - e.invert(n.x).getTime() : xn[r] * a, c = s === "left" ? -o : o, [h, d] = e.domain();
+    e.setDomain([new Date(h.getTime() + c), new Date(d.getTime() + c)]);
   }
 }
-class Sn {
+class Mn {
   constructor(e) {
     f(this, "_model");
     f(this, "_scaleX");
@@ -1704,7 +1732,7 @@ class Sn {
     });
     f(this, "scaleFactor", { x: 1, y: 1 });
     f(this, "panOffset", { x: 0, y: 0 });
-    this._model = e, this._scaleX = new vi(), this._scaleY = new wn(), this._initializer = new Mn(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
+    this._model = e, this._scaleX = new bi(), this._scaleY = new wn(), this._initializer = new Tn(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
     };
@@ -1740,17 +1768,17 @@ class Sn {
     if (o === 0) return;
     const c = this._baseDomain.y;
     this.scale("y", (c[1] - c[0]) / o, "absolute");
-    const h = this._scaleY.convert((a + r) / 2), u = this._scaleY.convert((c[0] + c[1]) / 2);
-    this.pan("y", u - h, "absolute");
+    const h = this._scaleY.convert((a + r) / 2), d = this._scaleY.convert((c[0] + c[1]) / 2);
+    this.pan("y", d - h, "absolute");
   }
   scale(e, t, s = "delta") {
     if (s === "absolute") {
-      const n = Math.max(ai[e], t);
-      if (Math.abs(n - this.scaleFactor[e]) < ri) return;
+      const n = Math.max(ri[e], t);
+      if (Math.abs(n - this.scaleFactor[e]) < oi) return;
       this.scaleFactor[e] = n;
     } else {
       const n = this.scaleFactor[e], a = n + t * this._model.config.candles.scaleSensitivity;
-      if (a < ai[e] || Math.abs(a - n) < ri) return;
+      if (a < ri[e] || Math.abs(a - n) < oi) return;
       this.scaleFactor[e] = a;
     }
     this._updateDomain(e);
@@ -1761,22 +1789,22 @@ class Sn {
   _updateDomain(e) {
     const t = this._baseDomain[e], s = this.scaleFactor[e], n = this.panOffset[e];
     if (e === "x") {
-      const [a, r] = t, o = r.getTime() - a.getTime(), c = o / s, h = a.getTime() + o / 2, u = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
+      const [a, r] = t, o = r.getTime() - a.getTime(), c = o / s, h = a.getTime() + o / 2, d = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
       this._scaleX.setDomain([
-        new Date(h - c / 2 + u),
-        new Date(h + c / 2 + u)
+        new Date(h - c / 2 + d),
+        new Date(h + c / 2 + d)
       ]);
     } else {
-      const [a, r] = t, o = r - a, c = o / s, h = a + o / 2, u = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
+      const [a, r] = t, o = r - a, c = o / s, h = a + o / 2, d = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
       this._scaleY.setDomain([
-        h - c / 2 + u,
-        h + c / 2 + u
+        h - c / 2 + d,
+        h + c / 2 + d
       ]);
     }
     this._model.eventBus.emit("scale_event");
   }
 }
-class Tn {
+class Sn {
   constructor(e, { entry: t = [], exit: s = [] }) {
     f(this, "_model");
     f(this, "_rawEntry");
@@ -1864,7 +1892,7 @@ class Tn {
     return Math.abs(this.entryMinTime - this.exitMaxTime);
   }
 }
-class kn {
+class Dn {
   constructor(e, t) {
     f(this, "_rawMarkers");
     f(this, "_markers", []);
@@ -1894,7 +1922,7 @@ class kn {
         mainColor: n.mainColor ?? s.main,
         textColor: n.textColor ?? s.text,
         lineColor: n.lineColor ?? s.line
-      }, r = t.convert(n.value), c = (n.formatter ?? ((h = this._defaults.formatter) == null ? void 0 : h.horizontal) ?? ((u) => u.toString()))(n.value);
+      }, r = t.convert(n.value), c = (n.formatter ?? ((h = this._defaults.formatter) == null ? void 0 : h.horizontal) ?? ((d) => d.toString()))(n.value);
       return {
         value: n.value,
         text: c,
@@ -1912,7 +1940,7 @@ class kn {
     return this._markers;
   }
 }
-const Dn = {
+const kn = {
   bg: "#FFFFFF",
   axisIntersection: "#FFFFFF",
   xAxis: {
@@ -1976,10 +2004,10 @@ const Dn = {
     }
   }
 };
-class En {
+class Ln {
   constructor(e) {
     f(this, "_scheme");
-    this._scheme = Qe({}, Dn, e), Object.keys(this._scheme).forEach((t) => {
+    this._scheme = Qe({}, kn, e), Object.keys(this._scheme).forEach((t) => {
       Object.defineProperty(this, t, {
         get: () => this._scheme[t],
         enumerable: !0
@@ -1990,7 +2018,7 @@ class En {
     this._scheme = Qe({}, this._scheme, e);
   }
 }
-class Ln {
+class En {
   constructor(e, t) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -2008,7 +2036,7 @@ class Ln {
   _updateGroups() {
     this._grouped = {};
     for (const e of this._data) {
-      const t = Tt.findByDate(new Date(e.date), this._model.candles.allData);
+      const t = Dt.findByDate(new Date(e.date), this._model.candles.allData);
       if (!t) continue;
       const s = t.open_time.getTime();
       this._grouped[s] || (this._grouped[s] = []), this._grouped[s].push({ ...e, candle: t });
@@ -2055,7 +2083,7 @@ class Nn {
     f(this, "trade");
     f(this, "userMarkers");
     f(this, "comments");
-    this.chartId = e, this.container = t, this.candles = new Tt(s, this), this.config = new _n(n), this.colorScheme = new En(o), this.layout = new pn(t, this.config), this.scales = new Sn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new kn(this, r), this.comments = new Ln(c, this);
+    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new Ln(o), this.layout = new _n(t, this.config), this.scales = new Mn(this), this.trade = new Sn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new En(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2124,7 +2152,7 @@ class k {
     this.node.style.opacity = e ? "1" : "0", this.node.style.visibility = e ? "visible" : "hidden";
   }
 }
-class Le extends k {
+class Ee extends k {
   constructor({ className: t, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
@@ -2163,10 +2191,10 @@ function Hn(i, e) {
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: a
-  } = e, r = a.x.ticks(Fn), o = (u) => u.getHours() === 0 && u.getMinutes() === 0, c = D.timeFormat("%d %b"), h = D.timeFormat("%H:%M");
-  i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((u) => {
-    const g = a.x.convert(u), p = o(u) ? c(u) : h(u);
-    i.fillText(p, g, t.y + t.height / 2);
+  } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = L.timeFormat("%d %b"), h = L.timeFormat("%H:%M");
+  i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((d) => {
+    const g = a.x.convert(d), _ = o(d) ? c(d) : h(d);
+    i.fillText(_, g, t.y + t.height / 2);
   });
 }
 function Bn(i, e) {
@@ -2177,8 +2205,8 @@ function Bn(i, e) {
     scales: a
   } = e, r = a.y.ticks(6), o = a.y.tickFormat(6);
   i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((c) => {
-    const h = a.y.convert(c), u = o(c);
-    i.fillText(u, t.x + t.width / 2, h);
+    const h = a.y.convert(c), d = o(c);
+    i.fillText(d, t.x + t.width / 2, h);
   });
 }
 const In = (i, e) => {
@@ -2235,13 +2263,13 @@ function Ke(i) {
   return i * 0.1875;
 }
 const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
-  i.save(), i.translate(_, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
+  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
   const b = a + g * 3 + 0.5, w = g * 16, x = b + w / 2;
   i.fillStyle = t, i.fillText(s, n, x), i.restore();
 }, On = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
-  i.save(), i.translate(_, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
+  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
+  i.save(), i.translate(p, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
   const b = g * 16, w = a - g * 19 + b / 2;
   i.fillStyle = t, i.fillText(s, n, w), i.restore();
 };
@@ -2254,15 +2282,15 @@ function et(i) {
   }, et(i);
 }
 var Pn = /^\s+/, zn = /\s+$/;
-function M(i, e) {
-  if (i = i || "", e = e || {}, i instanceof M)
+function T(i, e) {
+  if (i = i || "", e = e || {}, i instanceof T)
     return i;
-  if (!(this instanceof M))
-    return new M(i, e);
+  if (!(this instanceof T))
+    return new T(i, e);
   var t = Vn(i);
   this._originalInput = i, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = e.format || t.format, this._gradientType = e.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 = t.ok;
 }
-M.prototype = {
+T.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -2290,10 +2318,10 @@ M.prototype = {
     return t = e.r / 255, s = e.g / 255, n = e.b / 255, t <= 0.03928 ? a = t / 12.92 : a = Math.pow((t + 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(e) {
-    return this._a = bi(e), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = yi(e), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var e = li(this._r, this._g, this._b);
+    var e = ci(this._r, this._g, this._b);
     return {
       h: e.h * 360,
       s: e.s,
@@ -2302,11 +2330,11 @@ M.prototype = {
     };
   },
   toHsvString: function() {
-    var e = li(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.v * 100);
+    var e = ci(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.v * 100);
     return this._a == 1 ? "hsv(" + t + ", " + s + "%, " + n + "%)" : "hsva(" + t + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var e = oi(this._r, this._g, this._b);
+    var e = li(this._r, this._g, this._b);
     return {
       h: e.h * 360,
       s: e.s,
@@ -2315,11 +2343,11 @@ M.prototype = {
     };
   },
   toHslString: function() {
-    var e = oi(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.l * 100);
+    var e = li(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.l * 100);
     return this._a == 1 ? "hsl(" + t + ", " + s + "%, " + n + "%)" : "hsla(" + t + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(e) {
-    return ci(this._r, this._g, this._b, e);
+    return hi(this._r, this._g, this._b, e);
   },
   toHexString: function(e) {
     return "#" + this.toHex(e);
@@ -2353,13 +2381,13 @@ M.prototype = {
     return this._a == 1 ? "rgb(" + Math.round(R(this._r, 255) * 100) + "%, " + Math.round(R(this._g, 255) * 100) + "%, " + Math.round(R(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(R(this._r, 255) * 100) + "%, " + Math.round(R(this._g, 255) * 100) + "%, " + Math.round(R(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : na[ci(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : na[hi(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(e) {
-    var t = "#" + hi(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
+    var t = "#" + di(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (e) {
-      var a = M(e);
-      s = "#" + hi(a._r, a._g, a._b, a._a);
+      var a = T(e);
+      s = "#" + di(a._r, a._g, a._b, a._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + s + ")";
   },
@@ -2370,7 +2398,7 @@ M.prototype = {
     return a ? e === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (s = this.toRgbString()), e === "prgb" && (s = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (s = this.toHexString()), e === "hex3" && (s = this.toHexString(!0)), e === "hex4" && (s = this.toHex8String(!0)), e === "hex8" && (s = this.toHex8String()), e === "name" && (s = this.toName()), e === "hsl" && (s = this.toHslString()), e === "hsv" && (s = this.toHsvString()), s || this.toHexString());
   },
   clone: function() {
-    return M(this.toString());
+    return T(this.toString());
   },
   _applyModification: function(e, t) {
     var s = e.apply(null, [this].concat([].slice.call(t)));
@@ -2417,20 +2445,20 @@ M.prototype = {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(di, [3]);
+    return this._applyCombination(ui, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(di, [4]);
+    return this._applyCombination(ui, [4]);
   }
 };
-M.fromRatio = function(i, e) {
+T.fromRatio = function(i, e) {
   if (et(i) == "object") {
     var t = {};
     for (var s in i)
-      i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = ke(i[s]));
+      i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = De(i[s]));
     i = t;
   }
-  return M(i, e);
+  return T(i, e);
 };
 function Vn(i) {
   var e = {
@@ -2438,7 +2466,7 @@ function Vn(i) {
     g: 0,
     b: 0
   }, t = 1, s = null, n = null, a = null, r = !1, o = !1;
-  return typeof i == "string" && (i = la(i)), et(i) == "object" && (ie(i.r) && ie(i.g) && ie(i.b) ? (e = Yn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : ie(i.h) && ie(i.s) && ie(i.v) ? (s = ke(i.s), n = ke(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : ie(i.h) && ie(i.s) && ie(i.l) && (s = ke(i.s), a = ke(i.l), e = Wn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = bi(t), {
+  return typeof i == "string" && (i = la(i)), et(i) == "object" && (ie(i.r) && ie(i.g) && ie(i.b) ? (e = Yn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : ie(i.h) && ie(i.s) && ie(i.v) ? (s = De(i.s), n = De(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : ie(i.h) && ie(i.s) && ie(i.l) && (s = De(i.s), a = De(i.l), e = Wn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = yi(t), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2454,7 +2482,7 @@ function Yn(i, e, t) {
     b: R(t, 255) * 255
   };
 }
-function oi(i, e, t) {
+function li(i, e, t) {
   i = R(i, 255), e = R(e, 255), t = R(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = (s + n) / 2;
   if (s == n)
@@ -2483,8 +2511,8 @@ function oi(i, e, t) {
 function Wn(i, e, t) {
   var s, n, a;
   i = R(i, 360), e = R(e, 100), t = R(t, 100);
-  function r(h, u, g) {
-    return g < 0 && (g += 1), g > 1 && (g -= 1), g < 1 / 6 ? h + (u - h) * 6 * g : g < 1 / 2 ? u : g < 2 / 3 ? h + (u - h) * (2 / 3 - g) * 6 : h;
+  function r(h, d, g) {
+    return g < 0 && (g += 1), g > 1 && (g -= 1), g < 1 / 6 ? h + (d - h) * 6 * g : g < 1 / 2 ? d : g < 2 / 3 ? h + (d - h) * (2 / 3 - g) * 6 : h;
   }
   if (e === 0)
     s = n = a = t;
@@ -2498,7 +2526,7 @@ function Wn(i, e, t) {
     b: a * 255
   };
 }
-function li(i, e, t) {
+function ci(i, e, t) {
   i = R(i, 255), e = R(e, 255), t = R(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = s, c = s - n;
   if (r = s === 0 ? 0 : c / s, s == n)
@@ -2525,30 +2553,30 @@ function li(i, e, t) {
 }
 function jn(i, e, t) {
   i = R(i, 360) * 6, e = R(e, 100), t = R(t, 100);
-  var s = Math.floor(i), n = i - s, a = t * (1 - e), r = t * (1 - n * e), o = t * (1 - (1 - n) * e), c = s % 6, h = [t, r, a, a, o, t][c], u = [o, t, t, r, a, a][c], g = [a, a, o, t, t, r][c];
+  var s = Math.floor(i), n = i - s, a = t * (1 - e), r = t * (1 - n * e), o = t * (1 - (1 - n) * e), c = s % 6, h = [t, r, a, a, o, t][c], d = [o, t, t, r, a, a][c], g = [a, a, o, t, t, r][c];
   return {
     r: h * 255,
-    g: u * 255,
+    g: d * 255,
     b: g * 255
   };
 }
-function ci(i, e, t, s) {
+function hi(i, e, t, s) {
   var n = [K(Math.round(i).toString(16)), K(Math.round(e).toString(16)), K(Math.round(t).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 Xn(i, e, t, s, n) {
-  var a = [K(Math.round(i).toString(16)), K(Math.round(e).toString(16)), K(Math.round(t).toString(16)), K(yi(s))];
+  var a = [K(Math.round(i).toString(16)), K(Math.round(e).toString(16)), K(Math.round(t).toString(16)), K(wi(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 hi(i, e, t, s) {
-  var n = [K(yi(s)), K(Math.round(i).toString(16)), K(Math.round(e).toString(16)), K(Math.round(t).toString(16))];
+function di(i, e, t, s) {
+  var n = [K(wi(s)), K(Math.round(i).toString(16)), K(Math.round(e).toString(16)), K(Math.round(t).toString(16))];
   return n.join("");
 }
-M.equals = function(i, e) {
-  return !i || !e ? !1 : M(i).toRgbString() == M(e).toRgbString();
+T.equals = function(i, e) {
+  return !i || !e ? !1 : T(i).toRgbString() == T(e).toRgbString();
 };
-M.random = function() {
-  return M.fromRatio({
+T.random = function() {
+  return T.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -2556,45 +2584,45 @@ M.random = function() {
 };
 function Un(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s -= e / 100, t.s = it(t.s), M(t);
+  var t = T(i).toHsl();
+  return t.s -= e / 100, t.s = it(t.s), T(t);
 }
 function Gn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s += e / 100, t.s = it(t.s), M(t);
+  var t = T(i).toHsl();
+  return t.s += e / 100, t.s = it(t.s), T(t);
 }
 function Zn(i) {
-  return M(i).desaturate(100);
+  return T(i).desaturate(100);
 }
 function qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l += e / 100, t.l = it(t.l), M(t);
+  var t = T(i).toHsl();
+  return t.l += e / 100, t.l = it(t.l), T(t);
 }
 function Jn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toRgb();
-  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(e / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(e / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(e / 100)))), M(t);
+  var t = T(i).toRgb();
+  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(e / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(e / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(e / 100)))), T(t);
 }
 function Qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l -= e / 100, t.l = it(t.l), M(t);
+  var t = T(i).toHsl();
+  return t.l -= e / 100, t.l = it(t.l), T(t);
 }
 function Kn(i, e) {
-  var t = M(i).toHsl(), s = (t.h + e) % 360;
-  return t.h = s < 0 ? 360 + s : s, M(t);
+  var t = T(i).toHsl(), s = (t.h + e) % 360;
+  return t.h = s < 0 ? 360 + s : s, T(t);
 }
 function ea(i) {
-  var e = M(i).toHsl();
-  return e.h = (e.h + 180) % 360, M(e);
+  var e = T(i).toHsl();
+  return e.h = (e.h + 180) % 360, T(e);
 }
-function di(i, e) {
+function ui(i, e) {
   if (isNaN(e) || e <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = M(i).toHsl(), s = [M(i)], n = 360 / e, a = 1; a < e; a++)
-    s.push(M({
+  for (var t = T(i).toHsl(), s = [T(i)], n = 360 / e, a = 1; a < e; a++)
+    s.push(T({
       h: (t.h + a * n) % 360,
       s: t.s,
       l: t.l
@@ -2602,12 +2630,12 @@ function di(i, e) {
   return s;
 }
 function ta(i) {
-  var e = M(i).toHsl(), t = e.h;
-  return [M(i), M({
+  var e = T(i).toHsl(), t = e.h;
+  return [T(i), T({
     h: (t + 72) % 360,
     s: e.s,
     l: e.l
-  }), M({
+  }), T({
     h: (t + 216) % 360,
     s: e.s,
     l: e.l
@@ -2615,37 +2643,37 @@ function ta(i) {
 }
 function ia(i, e, t) {
   e = e || 6, t = t || 30;
-  var s = M(i).toHsl(), n = 360 / t, a = [M(i)];
+  var s = T(i).toHsl(), n = 360 / t, a = [T(i)];
   for (s.h = (s.h - (n * e >> 1) + 720) % 360; --e; )
-    s.h = (s.h + n) % 360, a.push(M(s));
+    s.h = (s.h + n) % 360, a.push(T(s));
   return a;
 }
 function sa(i, e) {
   e = e || 6;
-  for (var t = M(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
-    r.push(M({
+  for (var t = T(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
+    r.push(T({
       h: s,
       s: n,
       v: a
     })), a = (a + o) % 1;
   return r;
 }
-M.mix = function(i, e, t) {
+T.mix = function(i, e, t) {
   t = t === 0 ? 0 : t || 50;
-  var s = M(i).toRgb(), n = M(e).toRgb(), a = t / 100, r = {
+  var s = T(i).toRgb(), n = T(e).toRgb(), a = t / 100, r = {
     r: (n.r - s.r) * a + s.r,
     g: (n.g - s.g) * a + s.g,
     b: (n.b - s.b) * a + s.b,
     a: (n.a - s.a) * a + s.a
   };
-  return M(r);
+  return T(r);
 };
-M.readability = function(i, e) {
-  var t = M(i), s = M(e);
+T.readability = function(i, e) {
+  var t = T(i), s = T(e);
   return (Math.max(t.getLuminance(), s.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), s.getLuminance()) + 0.05);
 };
-M.isReadable = function(i, e, t) {
-  var s = M.readability(i, e), n, a;
+T.isReadable = function(i, e, t) {
+  var s = T.readability(i, e), n, a;
   switch (a = !1, n = ca(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -2660,17 +2688,17 @@ M.isReadable = function(i, e, t) {
   }
   return a;
 };
-M.mostReadable = function(i, e, t) {
+T.mostReadable = function(i, e, t) {
   var s = null, n = 0, a, r, o, c;
   t = t || {}, r = t.includeFallbackColors, o = t.level, c = t.size;
   for (var h = 0; h < e.length; h++)
-    a = M.readability(i, e[h]), a > n && (n = a, s = M(e[h]));
-  return M.isReadable(i, s, {
+    a = T.readability(i, e[h]), a > n && (n = a, s = T(e[h]));
+  return T.isReadable(i, s, {
     level: o,
     size: c
-  }) || !r ? s : (t.includeFallbackColors = !1, M.mostReadable(i, ["#fff", "#000"], t));
+  }) || !r ? s : (t.includeFallbackColors = !1, T.mostReadable(i, ["#fff", "#000"], t));
 };
-var At = M.names = {
+var At = T.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2820,14 +2848,14 @@ var At = M.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, na = M.hexNames = aa(At);
+}, na = T.hexNames = aa(At);
 function aa(i) {
   var e = {};
   for (var t in i)
     i.hasOwnProperty(t) && (e[i[t]] = t);
   return e;
 }
-function bi(i) {
+function yi(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
 function R(i, e) {
@@ -2838,7 +2866,7 @@ function R(i, e) {
 function it(i) {
   return Math.min(1, Math.max(0, i));
 }
-function Y(i) {
+function j(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2850,14 +2878,14 @@ function oa(i) {
 function K(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
-function ke(i) {
+function De(i) {
   return i <= 1 && (i = i * 100 + "%"), i;
 }
-function yi(i) {
+function wi(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function ui(i) {
-  return Y(i) / 255;
+function fi(i) {
+  return j(i) / 255;
 }
 var Q = function() {
   var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
@@ -2920,26 +2948,26 @@ function la(i) {
     v: t[3],
     a: t[4]
   } : (t = Q.hex8.exec(i)) ? {
-    r: Y(t[1]),
-    g: Y(t[2]),
-    b: Y(t[3]),
-    a: ui(t[4]),
+    r: j(t[1]),
+    g: j(t[2]),
+    b: j(t[3]),
+    a: fi(t[4]),
     format: e ? "name" : "hex8"
   } : (t = Q.hex6.exec(i)) ? {
-    r: Y(t[1]),
-    g: Y(t[2]),
-    b: Y(t[3]),
+    r: j(t[1]),
+    g: j(t[2]),
+    b: j(t[3]),
     format: e ? "name" : "hex"
   } : (t = Q.hex4.exec(i)) ? {
-    r: Y(t[1] + "" + t[1]),
-    g: Y(t[2] + "" + t[2]),
-    b: Y(t[3] + "" + t[3]),
-    a: ui(t[4] + "" + t[4]),
+    r: j(t[1] + "" + t[1]),
+    g: j(t[2] + "" + t[2]),
+    b: j(t[3] + "" + t[3]),
+    a: fi(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
   } : (t = Q.hex3.exec(i)) ? {
-    r: Y(t[1] + "" + t[1]),
-    g: Y(t[2] + "" + t[2]),
-    b: Y(t[3] + "" + t[3]),
+    r: j(t[1] + "" + t[1]),
+    g: j(t[2] + "" + t[2]),
+    b: j(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -2964,16 +2992,16 @@ function ha(i, e) {
   } = e;
   if (!r) return;
   const { trade: o } = a, c = 4;
-  t.forEach(({ isHovered: h, isActive: u, candle: g, trades: p }) => {
-    const _ = s.convert(g.open_time);
-    p.forEach((v) => {
+  t.forEach(({ isHovered: h, isActive: d, candle: g, trades: _ }) => {
+    const p = s.convert(g.open_time);
+    _.forEach((v) => {
       const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : On;
-      let S = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (S = M.mix(S, a.bg, 20).toString()), u && u[1] && u[0] === v.type && (S = o.activeLabel), C(i, {
-        x: _,
+      let M = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (M = T.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
+        x: p,
         y,
         symbol: x,
-        mainColor: S,
+        mainColor: M,
         textColor: w,
         size: 16,
         fontSize: 12
@@ -2990,14 +3018,14 @@ function da(i, e) {
     colorScheme: { trade: h }
   } = e;
   if (a.length === 0) return;
-  const u = a.map((p) => p.candle).sort((p, _) => p.open_time.getTime() - _.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
+  const d = a.map((_) => _.candle).sort((_, p) => _.open_time.getTime() - p.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
   if (i.save(), i.lineWidth = 1, i.strokeStyle = h.tradeBorders, o.length) {
-    const p = t.convert(u[0].open_time) - g;
-    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
+    const _ = t.convert(d[0].open_time) - g;
+    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
   }
   if (r.length) {
-    const p = t.convert(u[u.length - 1].open_time) + g;
-    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
+    const _ = t.convert(d[d.length - 1].open_time) + g;
+    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
   }
   i.restore();
 }
@@ -3012,29 +3040,29 @@ const ua = (i, e) => {
   } = e;
   if (i.save(), !c) return;
   const h = (g) => {
-    var p;
-    return (p = n.find(
-      (_) => g.getTime() >= _.candle.open_time.getTime() && g.getTime() < _.candle.close_time.getTime()
-    )) == null ? void 0 : p.candle;
-  }, u = (g, p) => {
-    const _ = h(g.time), v = h(p.time);
-    if (!_ || !v) return;
-    const b = t.convert(_.open_time), w = t.convert(v.open_time);
+    var _;
+    return (_ = n.find(
+      (p) => g.getTime() >= p.candle.open_time.getTime() && g.getTime() < p.candle.close_time.getTime()
+    )) == null ? void 0 : _.candle;
+  }, d = (g, _) => {
+    const p = h(g.time), v = h(_.time);
+    if (!p || !v) return;
+    const b = t.convert(p.open_time), w = t.convert(v.open_time);
     let x, y;
-    g.type === "buy" ? (x = s.convert(_.low), y = s.convert(v.high)) : (x = s.convert(_.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, x), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
+    g.type === "buy" ? (x = s.convert(p.low), y = s.convert(v.high)) : (x = s.convert(p.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, x), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
   };
   if (a.length === 1 && r.length > 1)
-    r.forEach((g) => u(a[0], g));
+    r.forEach((g) => d(a[0], g));
   else if (r.length === 1 && a.length > 1)
-    a.forEach((g) => u(g, r[0]));
+    a.forEach((g) => d(g, r[0]));
   else if (a.length === 1 && r.length === 1)
-    u(a[0], r[0]);
+    d(a[0], r[0]);
   else if (a.length > 0 && r.length > 0) {
-    const g = a.reduce((_, v) => _.time < v.time ? _ : v), p = r.reduce((_, v) => _.time > v.time ? _ : v);
-    u(g, p);
+    const g = a.reduce((p, v) => p.time < v.time ? p : v), _ = r.reduce((p, v) => p.time > v.time ? p : v);
+    d(g, _);
   }
   i.restore();
-}, wi = (i, e) => {
+}, xi = (i, e) => {
   const {
     radius: t,
     coords: { x: s, y: n },
@@ -3070,8 +3098,8 @@ function ga(i) {
     }
   return s.length ? s.join(" ") : "0s";
 }
-const ma = 10, _a = 6, pa = 4, va = 12, ba = (i, e) => {
-  var j;
+const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
+  var V;
   const {
     scales: { x: t, y: s },
     trade: { entries: n, exits: a, holdTime: r },
@@ -3079,33 +3107,33 @@ const ma = 10, _a = 6, pa = 4, va = 12, ba = (i, e) => {
       trade: { hold: o }
     },
     config: {
-      trade: { showHoldTime: c, holdTimeContent: h, holdTimeDates: u, holdTimePrice: g }
+      trade: { showHoldTime: c, holdTimeContent: h, holdTimeDates: d, holdTimePrice: g }
     }
   } = e;
   if (!c) return;
-  const p = n.at(0), _ = a.at(-1);
-  if (!p || !_) return;
-  const v = (U) => U ? U instanceof Date ? U : new Date(U) : null, b = t.convert(v(u == null ? void 0 : u[0]) || p.candle.open_time), w = t.convert(v(u == null ? void 0 : u[1]) || _.candle.open_time), x = s.convert(g || (((j = n.at(0)) == null ? void 0 : j.price) ?? 0));
+  const _ = n.at(0), p = a.at(-1);
+  if (!_ || !p) return;
+  const v = (Y) => Y ? Y instanceof Date ? Y : new Date(Y) : null, b = t.convert(v(d == null ? void 0 : d[0]) || _.candle.open_time), w = t.convert(v(d == null ? void 0 : d[1]) || p.candle.open_time), x = s.convert(g || (((V = n.at(0)) == null ? void 0 : V.price) ?? 0));
   i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(b, x), i.lineTo(w, x), i.stroke(), i.setLineDash([]);
-  const y = (b + w) / 2, C = h || `Hold: ${ga(r)}`, F = getComputedStyle(
+  const y = (b + w) / 2, C = h || `Hold: ${ga(r)}`, S = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${ma}px ${F}`;
-  const O = i.measureText(C).width + _a * 2, P = va + pa * 2;
-  wi(i, {
+  i.font = `600 ${ma}px ${S}`;
+  const $ = i.measureText(C).width + pa * 2, z = va + _a * 2;
+  xi(i, {
     radius: 4,
     coords: {
-      x: y - O / 2,
-      y: x - P / 2
+      x: y - $ / 2,
+      y: x - z / 2
     },
-    width: O,
-    height: P,
+    width: $,
+    height: z,
     fillColor: o.main
   }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(C, y, x), i.restore();
 };
 class Ne {
   constructor(e, t, {
-    CanvasClass: s = Le,
+    CanvasClass: s = Ee,
     noCanvas: n = !1,
     noDOM: a = !1
   } = {}) {
@@ -3135,22 +3163,22 @@ const ya = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (y) => {
-    const { dx: C, dy: S } = ya[y], F = t.x + (C === 1 ? n : -a - n), H = t.y + (S === 1 ? n : -r - n);
-    return { x: F, y: H, side: y };
-  }, u = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
-    const y = t.y < 0, C = t.y + r > c, S = t.x < 0, F = t.x + a > o;
-    return S && y ? "right-bottom" : S && C ? "right-top" : F && y ? "left-bottom" : F && C ? "left-top" : S ? "right-bottom" : F ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
-  }, _ = [
+    const { dx: C, dy: M } = ya[y], S = t.x + (C === 1 ? n : -a - n), N = t.y + (M === 1 ? n : -r - n);
+    return { x: S, y: N, side: y };
+  }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
+    const y = t.y < 0, C = t.y + r > c, M = t.x < 0, S = t.x + a > o;
+    return M && y ? "right-bottom" : M && C ? "right-top" : S && y ? "left-bottom" : S && C ? "left-top" : M ? "right-bottom" : S ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
+  }, p = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, C, S) => S.indexOf(y) === C), v = g();
+  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
   let b = null;
-  for (const y of [v, ..._]) {
+  for (const y of [v, ...p]) {
     const C = h(y);
-    if (u(C)) {
+    if (d(C)) {
       b = C;
       break;
     }
@@ -3215,7 +3243,7 @@ class wa extends se {
     }), this.oneBox = new k({
       tag: "div",
       className: this.clsx("box_one")
-    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: W.empty() };
+    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: X.empty() };
   }
   _createLineNodes(t, s) {
     const n = [];
@@ -3293,7 +3321,7 @@ class xa extends Ne {
 function Ca(i, { color: e = "#000000", lineWidth: t = 1, dashed: s, coords: n }) {
   i.strokeStyle = e, i.lineWidth = t, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
 }
-const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
+const Aa = { text: "#FFFFFF", bg: "#000000" }, Ta = (i, e) => {
   const {
     coords: t,
     text: s,
@@ -3303,28 +3331,28 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
     padding: o = { x: 0, y: 0 },
     borderRadius: c = 0,
     colors: h,
-    align: u = { x: "left", y: "top" }
-  } = e, g = { ...Aa, ...h }, _ = getComputedStyle(
+    align: d = { x: "left", y: "top" }
+  } = e, g = { ...Aa, ...h }, p = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `${a} ${n}px ${_}`;
+  i.font = `${a} ${n}px ${p}`;
   const b = i.measureText(s).width + o.x * 2, w = r + o.y * 2;
   let x = t.x, y = t.y;
-  u.x === "middle" ? x -= b / 2 : u.x === "right" && (x -= b), u.y === "middle" ? y -= w / 2 : u.y === "bottom" && (y -= w), wi(i, {
+  d.x === "middle" ? x -= b / 2 : d.x === "right" && (x -= b), d.y === "middle" ? y -= w / 2 : d.y === "bottom" && (y -= w), xi(i, {
     radius: c,
     coords: { x, y },
     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);
-}, fi = {
+}, gi = {
   line: "#000000",
   text: "#ffffff",
   main: "#000000"
-}, xi = (i, { text: e, startLineCoords: t, side: s, colors: n = fi, dir: a = "h", endMarkerCoords: r }) => {
+}, Ci = (i, { text: e, startLineCoords: t, side: s, colors: n = gi, 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 = { ...fi, ...n };
+  const o = { ...gi, ...n };
   i.save(), Ca(i, {
     color: o.line,
     lineWidth: 1,
@@ -3335,7 +3363,7 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
       x2: r.x,
       y2: r.y
     }
-  }), Ma(i, {
+  }), Ta(i, {
     text: e,
     coords: r,
     padding: { x: 6, y: 4 },
@@ -3352,17 +3380,17 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
     }
   }), i.restore();
 };
-class Sa extends Le {
+class Ma extends Ee {
   constructor(e) {
     super(e);
   }
   drawMarker(e) {
-    xi(this.ctx, e);
+    Ci(this.ctx, e);
   }
 }
-class Ta extends Ne {
+class Sa extends Ne {
   constructor(e) {
-    if (super("user-markers", e, { CanvasClass: Sa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
+    if (super("user-markers", e, { CanvasClass: Ma, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
   render(e) {
     this.canvas.clear();
@@ -3390,18 +3418,18 @@ class Ta extends Ne {
     this.canvas.clear();
   }
 }
-const ka = "sc-charts-cs";
+const Da = "sc-charts-cs";
 class ae {
   constructor(e) {
     f(this, "block");
     this.block = e;
   }
   gen(e) {
-    return `${ka}__${this.block}${e ? "-" + e : ""}`;
+    return `${Da}__${this.block}${e ? "-" + e : ""}`;
   }
 }
 const yt = new ae("comment-actions");
-class Da extends k {
+class ka extends k {
   constructor({ onDelete: e, onUpdate: t }) {
     super({ className: yt.gen() });
     const s = new k({ tag: "button", className: yt.gen("edit"), textContent: "Edit" }), n = new k({
@@ -3416,7 +3444,7 @@ class Da extends k {
     }), this.append(s.node, n.node);
   }
 }
-function Dt(i, e) {
+function Lt(i, e) {
   var n;
   const t = (a) => {
     if (!document.contains(i.node)) return;
@@ -3433,7 +3461,7 @@ function Dt(i, e) {
     document.removeEventListener("mousedown", t), s == null || s();
   }, i;
 }
-class Ea {
+class La {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3471,31 +3499,31 @@ class Ea {
     this.node = t;
   }
 }
-const Se = new ae("comment-list");
-class La extends k {
+const Me = new ae("comment-list");
+class Ea extends k {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
-    super({ className: Se.gen("item") });
+    super({ className: Me.gen("item") });
     f(this, "actionTooltip");
     f(this, "actionsTrigger");
-    const r = new k({ className: Se.gen("text"), textContent: n.text }), o = new k({
-      className: Se.gen("created-at"),
+    const r = new k({ className: Me.gen("text"), textContent: n.text }), o = new k({
+      className: Me.gen("created-at"),
       textContent: fa(new Date(n.createdAt))
     });
     this.actionsTrigger = new k({
       tag: "button",
-      className: Se.gen("action-trigger")
+      className: Me.gen("action-trigger")
     });
-    const c = new Da({
+    const c = new ka({
       onDelete: t,
       onUpdate: s
     });
-    this.actionTooltip = Dt(c, () => {
+    this.actionTooltip = Lt(c, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
       this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - a.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - a.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
-    const h = new k({ className: Se.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ea().node), this.append(h.node, o.node);
+    const h = new k({ className: Me.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new La().node), this.append(h.node, o.node);
   }
 }
 class Na {
@@ -3580,7 +3608,7 @@ class Ia extends se {
         },
         initialValue: t.text
       });
-    const s = new La({
+    const s = new Ea({
       onDelete: () => {
         this._model.comments.remove(t.id), s.actionTooltip.setVisible(!1);
       },
@@ -3609,7 +3637,7 @@ class Ra {
   }
 }
 const Je = new ae(""), wt = new ae("add-field");
-class Ci extends se {
+class Ai extends se {
   constructor({ onAdd: t, blockName: s }) {
     Je.block = s;
     super({ className: Je.gen() + " " + wt.gen() });
@@ -3650,7 +3678,7 @@ class Oa extends se {
     f(this, "_size", null);
     f(this, "_model");
     f(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new Ci({
+    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new Ai({
       blockName: "list-tooltip-add",
       onAdd: (a) => {
         const r = t[0].date, o = t[0].price, c = {
@@ -3703,10 +3731,10 @@ class za extends se {
     this.node.style.backgroundColor = this._colors[`bg${a}`], this.node.style.color = this._colors[`icon${a}`];
   }
 }
-const gi = new ae("comment-box");
+const mi = new ae("comment-box");
 class Va extends se {
   constructor({ boxId: t, model: s, view: n, comments: a, coords: r, onBoxActivate: o, onBoxDeactivate: c }) {
-    super({ className: gi.gen() });
+    super({ className: mi.gen() });
     f(this, "pointer", new k({ className: "sc-charts-cs__comments-pointer" }));
     f(this, "tooltip");
     f(this, "anchor");
@@ -3717,10 +3745,10 @@ class Va extends se {
       isActive: !1,
       comments: a,
       coords: r
-    }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: gi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
+    }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: mi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
       const h = !this.state.isActive;
       h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = Dt(new Oa(a, s, n), (h) => {
+    }), this.tooltip = Lt(new Oa(a, s, n), (h) => {
       this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
@@ -3731,8 +3759,8 @@ class Va extends se {
 }
 class Ya {
   static animateTo(e, t, s, n) {
-    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, u = e.scales.panOffsetY, g = (p) => {
-      const _ = p - c, v = Math.min(_ / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = u + (r - u) * b;
+    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, d = e.scales.panOffsetY, g = (_) => {
+      const p = _ - c, v = Math.min(p / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = d + (r - d) * b;
       e.scales.pan("x", w, "absolute"), e.scales.pan("y", x, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
     };
     requestAnimationFrame(g);
@@ -3752,9 +3780,9 @@ class Wa extends se {
     f(this, "_size", null);
     f(this, "_model", null);
     f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Dt(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Lt(this.menu, () => {
       this.setState({ isShow: !1 });
-    }), this.addField = new Ci({
+    }), this.addField = new Ai({
       blockName: "context-add",
       onAdd: (t) => {
         !this._model || !this._candle || (this._model.comments.add({
@@ -3829,12 +3857,12 @@ class ja extends Ne {
     });
   }
 }
-class Xa extends Le {
+class Xa extends Ee {
   constructor(e) {
     super(e);
   }
   drawMarker({ text: e, startLineCoords: t, endMarkerCoords: s, colors: n, type: a, side: r }) {
-    xi(this.ctx, {
+    Ci(this.ctx, {
       text: e,
       colors: n,
       startLineCoords: t,
@@ -3863,7 +3891,7 @@ class Ua extends Ne {
     if (e.config.guides.isShowX) {
       const n = e.config.xAxis.position;
       this.canvas.drawMarker({
-        text: D.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
+        text: L.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
         startLineCoords: { x: t, y: 0 },
         endMarkerCoords: { x: t, y: e.layout.xAxis[n] },
         side: n,
@@ -3878,7 +3906,7 @@ class Ga extends se {
     super({ className: t });
     f(this, "_isFirstShow", !1);
     const s = new k({ tag: "p" });
-    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: W.empty() }, this.render();
+    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: X.empty() }, this.render();
   }
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
@@ -3891,7 +3919,7 @@ class Ga extends se {
     this.position(r.x, r.y);
   }
 }
-class Za extends Le {
+class Za extends Ee {
   constructor(t) {
     super(t);
     f(this, "domain", null);
@@ -3903,8 +3931,8 @@ class Za extends Le {
   }
   drawSingleCandle({ x: t, y: s, strokeWidth: n, width: a, colors: r, isDim: o }) {
     this.ctx.fillStyle = this._mix(r.fill, r.bg, o), this.ctx.strokeStyle = this._mix(r.stroke, r.bg, o), this.ctx.lineWidth = n, this.ctx.beginPath(), this.ctx.moveTo(t, s.high), this.ctx.lineTo(t, s.low), this.ctx.stroke();
-    const c = Math.min(s.open, s.close), h = Math.abs(s.close - s.open), u = t - a / 2;
-    this.ctx.fillRect(u, c, a, h), this.ctx.strokeRect(u, c, a, h);
+    const c = Math.min(s.open, s.close), h = Math.abs(s.close - s.open), d = t - a / 2;
+    this.ctx.fillRect(d, c, a, h), this.ctx.strokeRect(d, c, a, h);
   }
   drawCandles(t) {
     const {
@@ -3915,23 +3943,23 @@ class Za extends Le {
         candles: { hideMissingData: c }
       }
     } = t, h = t.config.candles.style === "filled";
-    this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((u, g) => {
-      const p = s.noDataFill[g % s.noDataFill.length], _ = h ? p : s.noDataStroke;
+    this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((d, g) => {
+      const _ = s.noDataFill[g % s.noDataFill.length], p = h ? _ : s.noDataStroke;
       this.drawSingleCandle({
-        ...this._getBasicCandleProps(t, u),
-        colors: { fill: p, stroke: _, bg: n }
+        ...this._getBasicCandleProps(t, d),
+        colors: { fill: _, stroke: p, bg: n }
       });
-    }), this._getVisible(o).forEach((u) => {
-      const g = u.close >= u.open ? "rising" : "falling", p = s[`${g}Fill`], _ = s[`${g}${h ? "Fill" : "Stroke"}`];
+    }), this._getVisible(o).forEach((d) => {
+      const g = d.close >= d.open ? "rising" : "falling", _ = s[`${g}Fill`], p = s[`${g}${h ? "Fill" : "Stroke"}`];
       this.drawSingleCandle({
-        ...this._getBasicCandleProps(t, u),
-        colors: { fill: p, stroke: _, bg: n },
-        isDim: !!(a.length && !a.includes(u.open_time.getTime()))
+        ...this._getBasicCandleProps(t, d),
+        colors: { fill: _, stroke: p, bg: n },
+        isDim: !!(a.length && !a.includes(d.open_time.getTime()))
       });
     });
   }
   _mix(t, s, n) {
-    return n ? M.mix(t, s).toString() : t;
+    return n ? T.mix(t, s).toString() : t;
   }
   _getBasicCandleProps(t, s) {
     return {
@@ -3989,12 +4017,12 @@ class Ja {
     f(this, "candles");
     this.container = e, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
     const { width: t, height: s } = e.getBoundingClientRect();
-    this.width = t, this.height = s, this.mainCanvas = new Le({
+    this.width = t, this.height = s, this.mainCanvas = new Ee({
       className: "sc-charts-cs__canvas-main",
       width: t,
       height: s,
       isMain: !0
-    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Ta(this);
+    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Sa(this);
   }
   renderAll(e) {
     this.mainCanvas.clear(), this.candles.render(e), bt.xAxis(this.mainCanvas.ctx, e), bt.yAxis(this.mainCanvas.ctx, e), bt.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e);
@@ -4085,7 +4113,7 @@ class Ka {
     });
   }
 }
-class mi {
+class pi {
   constructor() {
     f(this, "_map", /* @__PURE__ */ new Map());
   }
@@ -4119,7 +4147,7 @@ class mi {
 class er {
   constructor() {
     f(this, "_elements", []);
-    f(this, "_listeners", new mi());
+    f(this, "_listeners", new pi());
     f(this, "_lastHovered", /* @__PURE__ */ new Set());
     f(this, "_dragContext", null);
   }
@@ -4133,7 +4161,7 @@ class er {
     this._elements = this._elements.filter((t) => t !== e), this._listeners.removeAll(e), this._lastHovered.delete(e);
   }
   clear() {
-    this._elements = [], this._listeners = new mi(), this._lastHovered.clear();
+    this._elements = [], this._listeners = new pi(), this._lastHovered.clear();
   }
   on(e, t, s) {
     this._listeners.add(e, t, s);
@@ -4275,8 +4303,8 @@ class tr {
       }
     } = this.model;
     for (const o of s) {
-      const c = n.convert(o.open_time), h = a.convert(o.high), u = a.convert(o.low), g = c - r / 2, p = c + r / 2, _ = Math.min(h, u), v = Math.max(h, u);
-      if (e >= g && e <= p && t >= _ && t <= v)
+      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), g = c - r / 2, _ = c + r / 2, p = Math.min(h, d), v = Math.max(h, d);
+      if (e >= g && e <= _ && t >= p && t <= v)
         return {
           target: this,
           x: e,
@@ -4313,11 +4341,11 @@ class sr {
   hitTest(e, t) {
     const { tradedCandles: s } = this.model.trade, { x: n, y: a } = this.model.scales, r = 16, o = 4;
     for (const { candle: c, trades: h } of s) {
-      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, p = r, _ = r;
+      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, _ = r, p = r;
       for (const v of ["buy", "sell"]) {
         const b = h.filter((C) => C.type === v);
         if (!b.length) continue;
-        const w = v === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - p / 2 && e <= g + p / 2, y = t >= w && t <= w + _;
+        const w = v === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - _ / 2 && e <= g + _ / 2, y = t >= w && t <= w + p;
         if (x && y)
           return {
             target: this,
@@ -4423,11 +4451,11 @@ function cr(i, e) {
     }));
   };
 }
-function Mt(i, e) {
+function Tt(i, e) {
   const { width: t } = e.candles.limiter.absolutePosition, s = i.config.candles.baseWidth, n = i.config.candles.limiterOffset.left + i.config.candles.limiterOffset.right, r = i.scales.x.convert(i.candles.allData[0].open_time) - t - s / 2 - n;
   r > 0 && i.scales.pan("x", -r);
 }
-function St(i) {
+function Mt(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
 class Et {
@@ -4447,7 +4475,7 @@ class hr extends Et {
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const s = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", -s), this._view && St(this._view) && Mt(this._model, this._view);
+      this._model.scales.scale("x", -s), this._view && Mt(this._view) && Tt(this._model, this._view);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
@@ -4485,16 +4513,16 @@ class ur extends Et {
       this._hit,
       "drag",
       cr(1, (t) => {
-        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), St(this._view) && Mt(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), Mt(this._view) && Tt(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
-      const s = this._model.scales.x.invert(t), n = Tt.findByDate(s, this._model.candles.allData);
+      const s = this._model.scales.x.invert(t), n = Dt.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", (t) => {
       var a, r;
       if (!t.deltaY) return;
       const s = -t.deltaY, n = (r = (a = this._model.config) == null ? void 0 : a.candles) == null ? void 0 : r.zoomOnWheel;
-      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), St(this._view) && Mt(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), Mt(this._view) && Tt(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
@@ -4579,14 +4607,14 @@ class gr {
     e.preventDefault(), this._hitManager.dispatchWheel(e.offsetX, e.offsetY, e.deltaX, e.deltaY, e.deltaZ);
   }
 }
-class pr {
+class _r {
   constructor(e, { chartId: t, candles: s, config: n, trade: a, userMarkers: r, colorScheme: o, comments: c, renderLimiter: h }) {
     f(this, "_model");
     f(this, "_view");
     f(this, "_controller");
     f(this, "_candlesLimiterClean");
-    const u = document.querySelector(e);
-    if (!u) throw new Error(`Element with selector "${e}" not found!`);
+    const d = document.querySelector(e);
+    if (!d) throw new Error(`Element with selector "${e}" not found!`);
     if (!t || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(t))
       throw new Error(
         "chartId is required and must be a valid id (only letters, numbers or underscores. The first character must be a letter)"
@@ -4595,12 +4623,12 @@ class pr {
       chartId: t,
       candles: s,
       config: n,
-      container: u,
+      container: d,
       trade: a,
       userMarkers: r,
       colorScheme: o,
       comments: c
-    }), this._view = new Ja(u), this._controller = new gr(this._model, this._view), h) {
+    }), this._view = new Ja(d), this._controller = new gr(this._model, this._view), h) {
       const g = h(this._view.candles.limiter.node);
       this._view.candles.limiter.updateAbsolutePosition(), typeof g == "function" && (this._candlesLimiterClean = g);
     }
@@ -4631,7 +4659,7 @@ class pr {
   async _drawHeader(e, t, s, n = !1) {
     const a = 48 * s, r = 12 * s, o = 20 * s, c = 103 * s;
     e.fillStyle = n ? "#101011" : "#FFFFFF", e.fillRect(0, 0, t, a), e.strokeStyle = n ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * s, e.beginPath(), e.moveTo(0, a), e.lineTo(t, a), e.stroke();
-    const h = n ? "#FFFFFF" : "#1C2026", u = `<svg width="103" height="20" viewBox="0 0 103 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    const h = n ? "#FFFFFF" : "#1C2026", d = `<svg width="103" height="20" viewBox="0 0 103 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M92.6267 1.50666H93.0475C93.3792 1.50666 93.6025 1.31028 93.6025 1.02537C93.6025 0.740457 93.4034 0.561783 93.0426 0.561783C92.706 0.561783 92.4827 0.759773 92.4633 1.06239H91.795C91.8209 0.423351 92.3225 0.00805664 93.075 0.00805664C93.8274 0.00805664 94.2886 0.376671 94.2886 0.928788C94.2886 1.35213 93.9973 1.65797 93.5717 1.73523V1.74972C94.0895 1.79318 94.4229 2.10385 94.4229 2.58192C94.4229 3.20164 93.8581 3.61372 93.0572 3.61372C92.2562 3.61372 91.761 3.18555 91.7271 2.54973H92.4212C92.4423 2.84108 92.6834 3.03263 93.0652 3.03263C93.4471 3.03263 93.6834 2.82981 93.6834 2.53685C93.6834 2.22135 93.4455 2.0298 93.0539 2.0298H92.6251V1.50827L92.6267 1.50666Z" fill="${h}"/>
 <path d="M95.1182 2.97623C94.9256 2.68488 94.8269 2.29373 94.8269 1.83498C94.8269 0.692113 95.3852 0.00317383 96.2816 0.00317383C96.9434 0.00317383 97.4596 0.392714 97.5567 0.957708H96.8431C96.7735 0.727525 96.5502 0.574607 96.2784 0.574607C95.7945 0.574607 95.5017 1.03658 95.5178 1.81566H95.5324C95.6716 1.47763 96.013 1.25389 96.4564 1.25389C97.1149 1.25389 97.6036 1.73679 97.6036 2.39192C97.6036 3.10179 97.0486 3.61205 96.2719 3.61205C95.7735 3.61205 95.3625 3.3867 95.1198 2.97623H95.1182ZM96.8949 2.41446C96.8949 2.05872 96.6279 1.79796 96.2654 1.79796C95.903 1.79796 95.6311 2.05872 95.6311 2.40802C95.6311 2.75732 95.9078 3.0374 96.2638 3.0374C96.6198 3.0374 96.8965 2.76215 96.8965 2.41607L96.8949 2.41446Z" fill="${h}"/>
 <path d="M97.998 1.79961C97.998 0.68411 98.5336 0 99.4026 0C100.272 0 100.804 0.6825 100.804 1.79639C100.804 2.91028 100.275 3.60727 99.4026 3.60727C98.5304 3.60727 97.998 2.91672 97.998 1.798V1.79961ZM100.066 1.79961C100.066 1.01892 99.8136 0.579481 99.4026 0.579481C98.9916 0.579481 98.7359 1.02214 98.7359 1.79961C98.7359 2.57708 98.9883 3.0294 99.4026 3.0294C99.8168 3.0294 100.066 2.58674 100.066 1.79961Z" fill="${h}"/>
@@ -4643,15 +4671,15 @@ class pr {
 <path d="M62.7358 0.0372542C60.1921 0.0372542 58.1743 0.925792 56.7875 2.29562C56.4283 1.16563 55.4364 0.462207 54.0917 0.462207H52.2471V3.14875H53.951V20.0004H56.9364V12.8792C58.3151 14.1782 60.273 15.0233 62.739 15.0233C67.485 15.0233 70.7536 11.9408 70.7536 7.5013C70.7536 3.06182 67.4802 0.0356445 62.7342 0.0356445L62.7358 0.0372542ZM62.3652 12.2756C59.1241 12.2756 56.9364 10.3247 56.9364 7.4691C56.9364 4.61355 59.1241 2.7753 62.3652 2.7753C65.6064 2.7753 67.7099 4.66989 67.7099 7.4691C67.7067 10.3311 65.464 12.2756 62.3652 12.2756Z" fill="${h}"/>
 </svg>`;
     try {
-      const g = await this._loadSvgAsImage(u);
+      const g = await this._loadSvgAsImage(d);
       g && e.drawImage(g, r, (a - o) / 2, c, o);
     } catch (g) {
       console.warn("Failed to load logo SVG:", g);
     }
   }
   _drawHeaderSecondLine(e, t, s, n, a, r, o = !1) {
-    const c = 20 * r, h = 12 * r, u = 8 * r;
-    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, a, n, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + c), e.lineTo(n, a + c), e.stroke(), e.fillStyle = o ? "#C3C3C5" : "#1C2026", e.font = `500 ${u}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
+    const c = 20 * r, h = 12 * r, d = 8 * r;
+    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, a, n, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + c), e.lineTo(n, a + c), e.stroke(), e.fillStyle = o ? "#C3C3C5" : "#1C2026", e.font = `500 ${d}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
     const g = t ? `${t} created with Scope360, ${s}` : `Scope360, ${s}`;
     e.fillText(g, h, a + c / 2);
   }
@@ -4666,24 +4694,24 @@ class pr {
     });
   }
   _drawFooter(e, t, s, n, a, r, o = !1) {
-    const c = 32 * r, h = 12 * r, u = 12 * r, g = 4 * r, p = n + a;
-    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, p, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, p), e.lineTo(s, p), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
-    const _ = [];
-    if (t.pair && _.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
+    const c = 32 * r, h = 12 * r, d = 12 * r, g = 4 * r, _ = n + a;
+    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, _, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, _), e.lineTo(s, _), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
+    const p = [];
+    if (t.pair && p.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
       const C = t.net_pnl.startsWith("+");
-      _.push({ label: "Net P&L", value: t.net_pnl, valueColor: C ? "#56B683" : "#F18169" });
+      p.push({ label: "Net P&L", value: t.net_pnl, valueColor: C ? "#56B683" : "#F18169" });
     }
-    t.type && _.push({ label: "Type", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr }), t.volume && _.push({ label: "Volume", value: t.volume });
-    const v = p + c / 2, b = 24 * r;
-    if (_.length === 0) return;
-    e.font = `500 ${u}px Geist, Arial, sans-serif`;
+    t.type && p.push({ label: "Type", value: t.type }), t.entry_price && p.push({ label: "Entry", value: t.entry_price }), t.exit_price && p.push({ label: "Exit", value: t.exit_price }), t.open_date && p.push({ label: "Open date", value: t.open_date }), t.close_date && p.push({ label: "Close date", value: t.close_date }), t.holdtime && p.push({ label: "Holdtime", value: t.holdtime }), t.rr && p.push({ label: "RR", value: t.rr }), t.volume && p.push({ label: "Volume", value: t.volume });
+    const v = _ + c / 2, b = 24 * r;
+    if (p.length === 0) return;
+    e.font = `500 ${d}px Geist, Arial, sans-serif`;
     const w = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
     let y = h;
-    _.forEach((C) => {
-      const S = e.measureText(C.label).width, F = e.measureText(C.value).width, H = S + g + F;
-      e.fillStyle = w, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
-      const O = y + S + g;
-      e.fillStyle = C.valueColor || x, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(C.value, O, v), y += H + b;
+    p.forEach((C) => {
+      const M = e.measureText(C.label).width, S = e.measureText(C.value).width, N = M + g + S;
+      e.fillStyle = w, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
+      const $ = y + M + g;
+      e.fillStyle = C.valueColor || x, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.value, $, v), y += N + b;
     });
   }
   async captureScreenshot(e = {}) {
@@ -4694,43 +4722,43 @@ class pr {
       hour: "2-digit",
       minute: "2-digit",
       timeZoneName: "short"
-    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, u = a.download || !1, { canvasesContainer: g, width: p, height: _ } = this._view, v = Array.from(
+    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: _, height: p } = this._view, v = Array.from(
       g.node.querySelectorAll("canvas")
     );
     if (v.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, S = w - x - y - C, F = b, H = p / _, O = F / S;
-    let P, j, U = 0, re = 0;
-    H > O ? (j = S, P = j * H, U = 0, re = 0) : (P = F, j = P / H, re = (S - j) / 2);
-    const z = window.devicePixelRatio || 1, X = document.createElement("canvas");
-    X.width = b * z, X.height = w * z;
-    const G = X.getContext("2d");
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, S = b, N = _ / p, $ = S / M;
+    let z, V, Y = 0, re = 0;
+    N > $ ? (V = M, z = V * N, Y = 0, re = 0) : (z = S, V = z / N, re = (M - V) / 2);
+    const P = window.devicePixelRatio || 1, U = document.createElement("canvas");
+    U.width = b * P, U.height = w * P;
+    const G = U.getContext("2d");
     if (!G) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
-    G.fillStyle = h ? "#101011" : "#ffffff", G.fillRect(0, 0, X.width, X.height);
-    const Fe = x * z, st = y * z, oe = S * z, ve = F * z, be = Fe + st;
-    await this._drawHeader(G, X.width, z, h), this._drawHeaderSecondLine(G, r, o, X.width, Fe, z, h);
+    G.fillStyle = h ? "#101011" : "#ffffff", G.fillRect(0, 0, U.width, U.height);
+    const Fe = x * P, st = y * P, oe = M * P, ve = S * P, be = Fe + st;
+    await this._drawHeader(G, U.width, P, h), this._drawHeaderSecondLine(G, r, o, U.width, Fe, P, h);
     const He = this._view.mainCanvas;
-    He.background && (G.fillStyle = He.background, G.fillRect(0, be, X.width, oe));
-    const Be = P * z, Ie = j * z, L = U * z, Re = re * z;
-    v.forEach(($) => {
-      let ee = 0, Z = 0, q = $.width, ge = $.height, ye = Be, we = Ie, Oe = L, Pe = Re;
-      if (H > O) {
-        const le = Ie / $.height, ce = $.width * le;
-        ce > ve && (ee = (ce - ve) / le, q = $.width - ee, ye = ve, Oe = 0);
+    He.background && (G.fillStyle = He.background, G.fillRect(0, be, U.width, oe));
+    const Be = z * P, Ie = V * P, F = Y * P, Re = re * P;
+    v.forEach((O) => {
+      let ee = 0, Z = 0, q = O.width, ge = O.height, ye = Be, we = Ie, Oe = F, Pe = Re;
+      if (N > $) {
+        const le = Ie / O.height, ce = O.width * le;
+        ce > ve && (ee = (ce - ve) / le, q = O.width - ee, ye = ve, Oe = 0);
       } else {
-        const le = Be / $.width, ce = $.height * le;
+        const le = Be / O.width, ce = O.height * le;
         if (ce > oe) {
           const xe = (ce - oe) / le;
-          Z = xe / 2, ge = $.height - xe, we = oe, Pe = 0;
+          Z = xe / 2, ge = O.height - xe, we = oe, Pe = 0;
         }
       }
       G.drawImage(
-        $,
+        O,
         ee,
         Z,
         q,
@@ -4740,28 +4768,28 @@ class pr {
         ye,
         we
       );
-    }), c && this._drawFooter(G, c, X.width, be, oe, z, h);
-    const $e = ($, ee) => {
-      const Z = URL.createObjectURL($), q = document.createElement("a");
+    }), c && this._drawFooter(G, c, U.width, be, oe, P, h);
+    const $e = (O, ee) => {
+      const Z = URL.createObjectURL(O), q = document.createElement("a");
       q.href = Z, q.download = ee, document.body.appendChild(q), q.click(), document.body.removeChild(q), URL.revokeObjectURL(Z);
     };
-    X.toBlob(
-      async ($) => {
-        if (!$) {
+    U.toBlob(
+      async (O) => {
+        if (!O) {
           console.error("Failed to create blob from canvas");
           return;
         }
-        if (u)
-          $e($, t);
+        if (d)
+          $e(O, t);
         else
           try {
             await navigator.clipboard.write([
               new ClipboardItem({
-                "image/png": $
+                "image/png": O
               })
             ]);
           } catch (ee) {
-            console.error("Failed to copy to clipboard:", ee), $e($, t);
+            console.error("Failed to copy to clipboard:", ee), $e(O, t);
           }
       },
       "image/png",
@@ -4770,7 +4798,7 @@ class pr {
   }
 }
 export {
-  pr as CandlestickChart,
-  _r as createLineChart
+  _r as CandlestickChart,
+  pr as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map