charts-core 1.1.1 → 1.1.2

package/dist/charts-core.js

@@ -1,149 +1,149 @@
-var Mn = Object.defineProperty;
-var Cn = (i, e, t) => e in i ? Mn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var m = (i, e, t) => Cn(i, typeof e != "symbol" ? e + "" : e, t);
+var ws = Object.defineProperty;
+var Ms = (i, e, t) => e in i ? ws(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var g = (i, e, t) => Ms(i, typeof e != "symbol" ? e + "" : e, t);
 import * as k from "d3";
-const Tn = (i) => {
-  const { svg: e, config: t, y: n, width: r } = i, { margin: s, yAxis: o } = t, { customTicks: l, tickFormat: c, tickValues: d, ticks: u, isShow: _ } = o;
+const Ts = (i) => {
+  const { svg: e, config: t, y: s, width: r } = i, { margin: n, yAxis: o } = t, { customTicks: l, tickFormat: h, tickValues: d, ticks: u, isShow: _ } = o;
   if (!_) return null;
-  e.append("g").attr("transform", `translate(${r - s.right},0)`).call((g) => {
-    let p = k.axisRight(n);
-    l && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
-      const y = Number(v), b = (w) => w.toString().replace(/\.0+$/, "");
+  e.append("g").attr("transform", `translate(${r - n.right},0)`).call((m) => {
+    let p = k.axisRight(s);
+    l && h ? p = p.tickFormat(h) : p = p.tickFormat((v) => {
+      const y = Number(v), b = (x) => x.toString().replace(/\.0+$/, "");
       return Math.abs(y) >= 1e12 ? b(y / 1e12) + "T" : Math.abs(y) >= 1e9 ? b(y / 1e9) + "B" : Math.abs(y) >= 1e6 ? b(y / 1e6) + "M" : Math.abs(y) >= 1e3 ? b(y / 1e3) + "K" : b(y);
-    }), l && u && (p = Array.isArray(u) ? p.ticks(...u) : p.ticks(u)), l && d && (p = p.tickValues(d)), g.call(p);
-  }).call((g) => {
+    }), l && u && (p = Array.isArray(u) ? p.ticks(...u) : p.ticks(u)), l && d && (p = p.tickValues(d)), m.call(p);
+  }).call((m) => {
     let p = [];
-    g.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
-  }).call((g) => g.select(".domain").remove()).call((g) => g.selectAll(".tick line").remove()).call((g) => {
-    const p = g.selectAll(".tick text");
+    m.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
+  }).call((m) => m.select(".domain").remove()).call((m) => m.selectAll(".tick line").remove()).call((m) => {
+    const p = m.selectAll(".tick text");
     p.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
     const v = p.nodes().map((b) => b.getBBox().width), y = Math.max(...v);
-    g.selectAll(".tick").each(function(b, w) {
-      var X;
-      const T = k.select(this), C = T.select("text"), N = v[w], W = y - N, B = T.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", W), C.remove(), (X = B.node()) == null || X.appendChild(C.node());
+    m.selectAll(".tick").each(function(b, x) {
+      var W;
+      const C = k.select(this), M = C.select("text"), E = v[x], $ = y - E, F = C.append("g").attr("transform", "translate(10, 0)");
+      M.attr("x", $), M.remove(), (W = F.node()) == null || W.appendChild(M.node());
     });
   }).attr("font-family", "inherit");
-}, An = (i) => {
-  const { svg: e, config: t, x: n, height: r } = i, { margin: s, xAxis: o } = t, { isShow: l, tickValues: c, tickFormat: d, customTicks: u, ticks: _ } = o;
+}, Cs = (i) => {
+  const { svg: e, config: t, x: s, height: r } = i, { margin: n, xAxis: o } = t, { isShow: l, tickValues: h, tickFormat: d, customTicks: u, ticks: _ } = o;
   if (!l) return null;
-  e.append("g").attr("transform", `translate(0,${r - s.bottom})`).call((g) => {
-    let p = k.axisBottom(n);
-    u ? (d && (p = p.tickFormat(d)), _ && (p = Array.isArray(_) ? p.ticks(..._) : p.ticks(_)), c && (p = p.tickValues(c))) : p.ticks(5), g.call(p);
-  }).call((g) => g.select(".domain").remove()).call((g) => {
+  e.append("g").attr("transform", `translate(0,${r - n.bottom})`).call((m) => {
+    let p = k.axisBottom(s);
+    u ? (d && (p = p.tickFormat(d)), _ && (p = Array.isArray(_) ? p.ticks(..._) : p.ticks(_)), h && (p = p.tickValues(h))) : p.ticks(5), m.call(p);
+  }).call((m) => m.select(".domain").remove()).call((m) => {
     let p = [];
-    g.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
-  }).call((g) => g.selectAll(".tick line").remove()).call((g) => g.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
-}, Sn = (i) => {
-  const { svg: e, config: t, y: n, width: r } = i, {
-    margin: s,
+    m.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
+  }).call((m) => m.selectAll(".tick line").remove()).call((m) => m.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
+}, As = (i) => {
+  const { svg: e, config: t, y: s, width: r } = i, {
+    margin: n,
     grid: { horizontalStyle: o }
   } = t;
   if (o !== "none") {
     if (o.startsWith("zero-line")) {
-      const l = e.append("line").attr("x1", 0 + s.left).attr("x2", r - s.right).attr("y1", n(0)).attr("y2", n(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      const l = e.append("line").attr("x1", 0 + n.left).attr("x2", r - n.right).attr("y1", s(0)).attr("y2", s(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
       o === "zero-line-dashed" && l.attr("stroke-dasharray", "4 4");
     }
-    o.startsWith("every-line") && (i.yTicks || n.ticks()).forEach((c) => {
-      const d = e.append("line").attr("x1", 0 + s.left).attr("x2", r - s.right).attr("y1", n(c)).attr("y2", n(c)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+    o.startsWith("every-line") && (i.yTicks || s.ticks()).forEach((h) => {
+      const d = e.append("line").attr("x1", 0 + n.left).attr("x2", r - n.right).attr("y1", s(h)).attr("y2", s(h)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
       o === "every-line-dashed" && d.attr("stroke-dasharray", "4 4");
     });
   }
-}, kn = (i) => {
+}, Ss = (i) => {
   const e = Array.from(i.childNodes);
   for (let t = 0; t < e.length; t++)
     i.removeChild(e[t]);
-}, En = (i) => {
+}, ks = (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 n = document.createElement("div");
-  n.className = "sc-charts__hovered-circles-tooltip";
+  const s = document.createElement("div");
+  s.className = "sc-charts__hovered-circles-tooltip";
   const r = document.createElement("div");
   r.className = "sc-charts__hovered-circles-tooltip-arrow";
-  const s = document.createElementNS(e, "svg");
-  s.setAttribute("width", "12"), s.setAttribute("height", "4"), s.setAttribute("viewBox", "0 0 12 4"), s.setAttribute("fill", "none"), s.setAttribute("xmlns", e);
+  const n = document.createElementNS(e, "svg");
+  n.setAttribute("width", "12"), n.setAttribute("height", "4"), n.setAttribute("viewBox", "0 0 12 4"), n.setAttribute("fill", "none"), n.setAttribute("xmlns", e);
   const o = document.createElementNS(e, "path");
-  return o.setAttribute("d", "M6 4L0 0H12L6 4Z"), s.appendChild(o), r.appendChild(s), t.append(r), t.append(n), i.append(t), {
+  return o.setAttribute("d", "M6 4L0 0H12L6 4Z"), n.appendChild(o), r.appendChild(n), t.append(r), t.append(s), i.append(t), {
     tooltipContainer: t,
-    tooltip: n,
+    tooltip: s,
     tooltipArrow: r
   };
-}, Dn = (i, e, {
+}, Es = (i, e, {
   x: t,
-  y: n,
+  y: s,
   r = 3.5,
-  hr: s = 0
+  hr: n = 0
 }) => {
   if (e)
-    return i.append("image").attr("x", t - 6).attr("y", n - 6).attr("width", 12).attr("height", 12).attr(
+    return i.append("image").attr("x", t - 6).attr("y", s - 6).attr("width", 12).attr("height", 12).attr(
       "href",
       "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0NTJfNTAwOSkiPgo8cGF0aCBkPSJNNi41MzY0NiAxMS41Njg4QzkuMjA1ODYgMTEuNTY4OCAxMS4zNjk4IDkuNDA0ODMgMTEuMzY5OCA2LjczNTQzQzExLjM2OTggNC4wNjYwNiA5LjIwNTg2IDEuOTAyMSA2LjUzNjQ2IDEuOTAyMUMzLjg2NzA4IDEuOTAyMSAxLjcwMzEyIDQuMDY2MDYgMS43MDMxMiA2LjczNTQzQzEuNzAzMTIgOS40MDQ4MyAzLjg2NzA4IDExLjU2ODggNi41MzY0NiAxMS41Njg4WiIgZmlsbD0iI0ZDRUJFOSIvPgo8cGF0aCBkPSJNMy4xMTcxOSAxMC4xNTM1TDkuOTQ3MTkgMy4zMjM0OSIgc3Ryb2tlPSIjRjE4MTY5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuNTM2NDYgMTEuNTY4OEM5LjIwNTg2IDExLjU2ODggMTEuMzY5OCA5LjQwNDgzIDExLjM2OTggNi43MzU0M0MxMS4zNjk4IDQuMDY2MDYgOS4yMDU4NiAxLjkwMjEgNi41MzY0NiAxLjkwMjFDMy44NjcwOSAxLjkwMjEgMS43MDMxMiA0LjA2NjA2IDEuNzAzMTIgNi43MzU0M0MxLjcwMzEyIDkuNDA0ODMgMy44NjcwOSAxMS41Njg4IDYuNTM2NDYgMTEuNTY4OFoiIHN0cm9rZT0iI0YxODE2OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQ1Ml81MDA5Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MzUxNTYgMC43MzUzNTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="
     );
   {
     const o = i.append("g");
-    return o.append("circle").attr("cx", t).attr("cy", n).attr("r", r).classed("sc-charts__hovered-circles", !0), o.append("circle").attr("cx", t).attr("cy", n).attr("r", r + s).classed("sc-charts__hovered-circles_add", !0), o;
+    return o.append("circle").attr("cx", t).attr("cy", s).attr("r", r).classed("sc-charts__hovered-circles", !0), o.append("circle").attr("cx", t).attr("cy", s).attr("r", r + n).classed("sc-charts__hovered-circles_add", !0), o;
   }
 };
-function Nn(i, e, t, n) {
+function Ds(i, e, t, s) {
   if (!i) return null;
-  const r = i.width / 2, s = e - r, o = e + r;
-  return s < t ? t : o > n ? n - i.width : e - r;
+  const r = i.width / 2, n = e - r, o = e + r;
+  return n < t ? t : o > s ? s - i.width : e - r;
 }
-const bt = (i, { x1: e, x2: t, y1: n, y2: r }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", n).attr("y2", r).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ln = (i) => {
-  const { svg: e, config: t, x: n, y: r, height: s, data: o, wrapperNode: l } = i, {
-    margin: c,
-    grid: { verticalStyle: d, tooltipNode: u, hoverCirclesRadius: _, hoverCirclesAdditionalArea: g }
+const yt = (i, { x1: e, x2: t, y1: s, y2: r }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", r).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ls = (i) => {
+  const { svg: e, config: t, x: s, y: r, height: n, data: o, wrapperNode: l } = i, {
+    margin: h,
+    grid: { verticalStyle: d, tooltipNode: u, hoverCirclesRadius: _, hoverCirclesAdditionalArea: m }
   } = t;
-  if (d !== "none" && (d.startsWith("every-line") && (i.xTicks || n.ticks()).forEach((v) => {
-    const y = e.append("line").attr("x1", n(v)).attr("x2", n(v)).attr("y1", c.top).attr("y2", s - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+  if (d !== "none" && (d.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
+    const y = e.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", h.top).attr("y2", n - h.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
     d === "every-line-dashed" && y.attr("stroke-dasharray", "4 4");
   }), d === "hovered-circles")) {
-    const p = r.range()[0], v = n(o[0].date), y = n(o[o.length - 1].date);
-    bt(e, { x1: v, x2: y, y1: p, y2: p });
-    const { tooltipContainer: b, tooltip: w, tooltipArrow: T } = En(l);
-    o.forEach((C, N) => {
-      const W = n(C.date), B = r(C.value), X = o[N - 1], U = N > 0 && X && C.value === X.value;
-      U || bt(e, { x1: W, x2: W, y1: B, y2: p });
-      const Ee = Dn(e, U, {
-        x: W,
+    const p = r.range()[0], v = s(o[0].date), y = s(o[o.length - 1].date);
+    yt(e, { x1: v, x2: y, y1: p, y2: p });
+    const { tooltipContainer: b, tooltip: x, tooltipArrow: C } = ks(l);
+    o.forEach((M, E) => {
+      const $ = s(M.date), F = r(M.value), W = o[E - 1], Z = E > 0 && W && M.value === W.value;
+      Z || yt(e, { x1: $, x2: $, y1: F, y2: p });
+      const ke = Es(e, Z, {
+        x: $,
         y: p,
         r: _,
-        hr: g
+        hr: m
       });
-      u && Ee.on("mouseover", function() {
-        kn(w), b.style.display = "block", w.append(u({ date: C.date, value: U ? null : C.value }));
-        const De = w.getBoundingClientRect(), Ne = Nn(
-          De,
-          n(C.date),
+      u && ke.on("mouseover", function() {
+        Ss(x), b.style.display = "block", x.append(u({ date: M.date, value: Z ? null : M.value }));
+        const Ee = x.getBoundingClientRect(), De = Ds(
+          Ee,
+          s(M.date),
           i.config.margin.left - i.config.grid.tooltipArrowSize,
           i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
         );
-        w.style.left = Ne + "px", T.style.left = n(C.date) + "px";
+        x.style.left = De + "px", C.style.left = s(M.date) + "px";
       }).on("mouseout", function() {
         b.style.display = "none";
       });
     });
   }
-}, In = (i) => {
-  Sn(i), Ln(i);
-}, Fn = (i) => {
-  const { svg: e, config: t, width: n, height: r } = i, { margin: s, logo: o } = t;
-  An(i), Tn(i), o && e.append("image").attr("xlink:href", t.theme === "dark" ? o.picDarkTheme : o.picLightTheme).attr("width", o.width).attr("height", o.height).attr("x", o.x ?? (n - s.left - s.right) / 2 - o.width / 2 + s.left).attr("y", o.y ?? (r - s.top - s.bottom) / 2 - o.height / 2 + s.top), In(i);
+}, Ns = (i) => {
+  As(i), Ls(i);
+}, Hs = (i) => {
+  const { svg: e, config: t, width: s, height: r } = i, { margin: n, logo: o } = t;
+  Cs(i), Ts(i), o && e.append("image").attr("xlink:href", t.theme === "dark" ? o.picDarkTheme : o.picLightTheme).attr("width", o.width).attr("height", o.height).attr("x", o.x ?? (s - n.left - n.right) / 2 - o.width / 2 + n.left).attr("y", o.y ?? (r - n.top - n.bottom) / 2 - o.height / 2 + n.top), Ns(i);
 }, de = (i, e, t) => {
-  let n = i.select(`#${e}`);
-  return n.empty() && (n = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), n.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: r, stopColor: s }) => {
-    n.append("stop").attr("offset", r).attr("stop-color", s);
-  }), n;
+  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: r, stopColor: n }) => {
+    s.append("stop").attr("offset", r).attr("stop-color", n);
+  }), s;
 }, ie = (i) => {
   const e = k.select(i).select("defs");
   return e.empty() ? k.select(i).append("defs") : e;
-}, Ht = (i) => {
+}, Pt = (i) => {
   const {
     y: e,
     config: { margin: t }
-  } = i, n = e.range()[0] - e(0), r = e.range()[0] - n >= 0 ? e.range()[0] - n : 0, s = n + t.bottom >= 0 ? n + t.bottom : 0;
-  return { x: 0, y: r, width: "100%", height: s };
-}, xt = (i, e) => ({
+  } = i, s = e.range()[0] - e(0), r = e.range()[0] - s >= 0 ? e.range()[0] - s : 0, n = s + t.bottom >= 0 ? s + t.bottom : 0;
+  return { x: 0, y: r, width: "100%", height: n };
+}, bt = (i, e) => ({
   ...i,
   ...e,
   margin: {
@@ -178,151 +178,151 @@ const bt = (i, { x1: e, x2: t, y1: n, y2: r }) => i.append("line").attr("x1", e)
     ...i.selection,
     ...e == null ? void 0 : e.selection
   }
-}), wt = (i, e = {}) => {
-  const t = i.node(), n = ie(t), r = (l, c) => de(n, l, {
+}), xt = (i, e = {}) => {
+  const t = i.node(), s = ie(t), r = (l, h) => de(s, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "20%", stopColor: c },
-      { offset: "60%", stopColor: c },
+      { offset: "20%", stopColor: h },
+      { offset: "60%", stopColor: h },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
   r("gradient-range-borders-up", "var(--sc-color-selection-up)"), r("gradient-range-borders-down", "var(--sc-color-selection-down)");
-  const s = "sc-charts__border-range-line", o = i.append("line").classed(s, !0).style("display", e.hidden ? "none" : "block");
+  const n = "sc-charts__border-range-line", o = i.append("line").classed(n, !0).style("display", e.hidden ? "none" : "block");
   return {
-    className(l, c) {
-      l === "remove" ? o.classed(`${s}${c}`, !1) : o.classed(`${s}${c}`, !0);
+    className(l, h) {
+      l === "remove" ? o.classed(`${n}${h}`, !1) : o.classed(`${n}${h}`, !0);
     },
-    update({ x1: l, x2: c, y1: d, y2: u, hidden: _ }) {
-      l !== void 0 && o.attr("x1", l), c !== void 0 && o.attr("x2", c), d !== void 0 && o.attr("y1", d), u !== void 0 && o.attr("y2", u), _ !== void 0 && o.style("display", _ ? "none" : "block");
+    update({ x1: l, x2: h, y1: d, y2: u, hidden: _ }) {
+      l !== void 0 && o.attr("x1", l), h !== void 0 && o.attr("x2", h), d !== void 0 && o.attr("y1", d), u !== void 0 && o.attr("y2", u), _ !== void 0 && o.style("display", _ ? "none" : "block");
     },
     destroy() {
       o.remove();
     }
   };
-}, We = (i, e = {}) => {
-  const t = i.append("circle").attr("r", e.radius || 4).style("display", e.hidden ? "none" : "block"), n = e.className || "";
-  return n && t.classed(n, !0), {
-    className(r, s) {
-      r === "remove" ? t.classed(`${n}${s}`, !1) : t.classed(`${n}${s}`, !0);
+}, je = (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(r, n) {
+      r === "remove" ? t.classed(`${s}${n}`, !1) : t.classed(`${s}${n}`, !0);
     },
-    update({ cx: r, cy: s, hidden: o, fill: l }) {
-      r !== void 0 && t.attr("cx", r), s !== void 0 && t.attr("cy", s), l !== void 0 && t.attr("fill", l), o !== void 0 && t.style("display", o ? "none" : "block");
+    update({ cx: r, cy: n, hidden: o, fill: l }) {
+      r !== void 0 && t.attr("cx", r), n !== void 0 && t.attr("cy", n), l !== void 0 && t.attr("fill", l), o !== void 0 && t.style("display", o ? "none" : "block");
     },
     destroy() {
       t.remove();
     }
   };
-}, Rn = (i, e = {}) => {
-  const t = "sc-charts__hover-line", n = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), r = i.node(), s = ie(r);
-  return ((l, c) => de(s, l, {
+}, Is = (i, e = {}) => {
+  const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), r = i.node(), n = ie(r);
+  return ((l, h) => de(n, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "15%", stopColor: c },
-      { offset: "75%", stopColor: c },
+      { offset: "15%", stopColor: h },
+      { offset: "75%", stopColor: h },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   }))("hover-line-gradient", "var(--sc-color-hover-line)"), {
-    className(l, c) {
-      l === "remove" ? n.classed(`${t}${c}`, !1) : n.classed(`${t}${c}`, !0);
+    className(l, h) {
+      l === "remove" ? s.classed(`${t}${h}`, !1) : s.classed(`${t}${h}`, !0);
     },
-    update({ x1: l, x2: c, y1: d, y2: u, hidden: _ }) {
-      l !== void 0 && n.attr("x1", l), c !== void 0 && n.attr("x2", c), d !== void 0 && n.attr("y1", d), u !== void 0 && n.attr("y2", u), _ !== void 0 && n.style("display", _ ? "none" : "block");
+    update({ x1: l, x2: h, y1: d, y2: u, hidden: _ }) {
+      l !== void 0 && s.attr("x1", l), h !== void 0 && s.attr("x2", h), d !== void 0 && s.attr("y1", d), u !== void 0 && s.attr("y2", u), _ !== void 0 && s.style("display", _ ? "none" : "block");
     },
     destroy() {
-      n.remove();
+      s.remove();
     }
   };
-}, K = "sc-charts__range-tooltip", Mt = k.timeFormat("%b %e, %I:%M %p"), zn = (i) => {
+}, K = "sc-charts__range-tooltip", wt = k.timeFormat("%b %e, %I:%M %p"), Rs = (i) => {
   const e = k.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
-function $n(i) {
+function Fs(i) {
   const e = "http://www.w3.org/2000/svg", t = document.createElement("div");
   t.className = K, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.append(t);
-  const n = document.createElement("div");
-  n.className = `${K}-container`, t.append(n);
-  const r = document.createElement("div");
-  r.className = `${K}-sum`, n.append(r);
   const s = document.createElement("div");
-  s.className = `${K}-sum-icon`;
+  s.className = `${K}-container`, t.append(s);
+  const r = document.createElement("div");
+  r.className = `${K}-sum`, s.append(r);
+  const n = document.createElement("div");
+  n.className = `${K}-sum-icon`;
   const o = document.createElementNS(e, "svg");
   o.setAttribute("width", "14"), o.setAttribute("height", "14"), o.setAttribute("viewBox", "0 0 14 14"), o.setAttribute("fill", "none"), o.setAttribute("xmlns", e);
   const l = document.createElementNS(e, "path");
   l.setAttribute(
     "d",
     "M7 0.5C5.71442 0.5 4.45772 0.881218 3.3888 1.59545C2.31988 2.30968 1.48676 3.32484 0.994786 4.51256C0.502816 5.70028 0.374095 7.00721 0.624899 8.26809C0.875703 9.52896 1.49477 10.6872 2.40381 11.5962C3.31285 12.5052 4.47104 13.1243 5.73192 13.3751C6.99279 13.6259 8.29973 13.4972 9.48744 13.0052C10.6752 12.5132 11.6903 11.6801 12.4046 10.6112C13.1188 9.54229 13.5 8.28558 13.5 7C13.4982 5.27665 12.8128 3.62441 11.5942 2.40582C10.3756 1.18722 8.72335 0.50182 7 0.5ZM9.35375 6.85375C9.30732 6.90024 9.25217 6.93712 9.19147 6.96228C9.13077 6.98744 9.06571 7.00039 9 7.00039C8.93429 7.00039 8.86923 6.98744 8.80853 6.96228C8.74783 6.93712 8.69269 6.90024 8.64625 6.85375L7.5 5.70687V9.5C7.5 9.63261 7.44732 9.75979 7.35356 9.85355C7.25979 9.94732 7.13261 10 7 10C6.86739 10 6.74022 9.94732 6.64645 9.85355C6.55268 9.75979 6.5 9.63261 6.5 9.5V5.70687L5.35375 6.85375C5.25993 6.94757 5.13268 7.00028 5 7.00028C4.86732 7.00028 4.74007 6.94757 4.64625 6.85375C4.55243 6.75993 4.49972 6.63268 4.49972 6.5C4.49972 6.36732 4.55243 6.24007 4.64625 6.14625L6.64625 4.14625C6.69269 4.09976 6.74783 4.06288 6.80853 4.03772C6.86923 4.01256 6.9343 3.99961 7 3.99961C7.06571 3.99961 7.13077 4.01256 7.19147 4.03772C7.25217 4.06288 7.30732 4.09976 7.35375 4.14625L9.35375 6.14625C9.40024 6.19269 9.43712 6.24783 9.46228 6.30853C9.48744 6.36923 9.5004 6.43429 9.5004 6.5C9.5004 6.56571 9.48744 6.63077 9.46228 6.69147C9.43712 6.75217 9.40024 6.80731 9.35375 6.85375Z"
-  ), l.setAttribute("fill", "currentColor"), o.appendChild(l), s.appendChild(o), r.append(s);
-  const c = document.createElement("div");
-  r.append(c);
+  ), l.setAttribute("fill", "currentColor"), o.appendChild(l), n.appendChild(o), r.append(n);
+  const h = document.createElement("div");
+  r.append(h);
   const d = document.createElement("div");
-  return d.className = `${K}-time`, n.append(d), { wrapper: t, sumNode: c, timeNode: d };
+  return d.className = `${K}-time`, s.append(d), { wrapper: t, sumNode: h, timeNode: d };
 }
-const Bn = (i) => {
-  const { wrapper: e, sumNode: t, timeNode: n } = $n(i.wrapperNode);
+const zs = (i) => {
+  const { wrapper: e, sumNode: t, timeNode: s } = Fs(i.wrapperNode);
   return {
-    className(r, s) {
-      r === "remove" ? e.classList.remove(`${K}${s}`) : e.classList.add(`${K}${s}`);
+    className(r, n) {
+      r === "remove" ? e.classList.remove(`${K}${n}`) : e.classList.add(`${K}${n}`);
     },
-    update({ leftPoint: r, rightPoint: s, x: o, y: l, hidden: c, closest: d }) {
-      if (r && s && d && o !== void 0) {
-        const u = s.value - r.value, { sumFormatter: _, timeFormatter: g } = i.config.selection, p = (i.x(s.date) + i.x(r.date)) / 2, v = i.x(d.date) < p ? "left" : "right";
+    update({ leftPoint: r, rightPoint: n, x: o, y: l, hidden: h, closest: d }) {
+      if (r && n && d && o !== void 0) {
+        const u = n.value - r.value, { sumFormatter: _, timeFormatter: m } = i.config.selection, p = (i.x(n.date) + i.x(r.date)) / 2, v = i.x(d.date) < p ? "left" : "right";
         let y = "", b = "";
         if (_)
-          y = _({ left: r.value, right: s.value, direction: v });
+          y = _({ left: r.value, right: n.value, direction: v });
         else {
-          const w = (u / Math.abs(r.value) * 100).toFixed(2);
-          y = `${zn(u)} (${w}%)`;
+          const x = (u / Math.abs(r.value) * 100).toFixed(2);
+          y = `${Rs(u)} (${x}%)`;
         }
-        g ? b = g({ left: r.date, right: s.date, direction: v }) : b = `${Mt(r.date)} to ${Mt(s.date)}`, t.textContent = y, n.textContent = b, requestAnimationFrame(() => {
-          const w = e.getBoundingClientRect(), T = i.wrapperNode.getBoundingClientRect(), C = i.x(r.date), N = i.x(s.date);
-          let B = (C + N) / 2 - w.width / 2;
-          const X = 0, U = T.width - w.width;
-          B < X && (B = X), B > U && (B = U), e.style.left = `${B}px`, e.style.top = `${l}px`;
+        m ? b = m({ left: r.date, right: n.date, direction: v }) : b = `${wt(r.date)} to ${wt(n.date)}`, t.textContent = y, s.textContent = b, requestAnimationFrame(() => {
+          const x = e.getBoundingClientRect(), C = i.wrapperNode.getBoundingClientRect(), M = i.x(r.date), E = i.x(n.date);
+          let F = (M + E) / 2 - x.width / 2;
+          const W = 0, Z = C.width - x.width;
+          F < W && (F = W), F > Z && (F = Z), e.style.left = `${F}px`, e.style.top = `${l}px`;
         });
       }
-      c !== void 0 && (e.style.display = c ? "none" : "block");
+      h !== void 0 && (e.style.display = h ? "none" : "block");
     },
     destroy() {
       e.remove();
     }
   };
-}, he = "sc-charts__hover-tooltip", Xe = 16, On = k.timeFormat("%a, %b %d, %-I:%M %p"), Pn = (i) => {
+}, he = "sc-charts__hover-tooltip", Xe = 16, Bs = k.timeFormat("%a, %b %d, %-I:%M %p"), $s = (i) => {
   const e = k.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
-function Hn(i) {
+function Ps(i) {
   const e = document.createElement("div");
   e.className = `${he}-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 = `${he}-sum`, e.appendChild(t);
-  const n = document.createElement("div");
-  return n.className = `${he}-time`, e.appendChild(n), { wrapper: e, sumNode: t, timeNode: n };
+  const s = document.createElement("div");
+  return s.className = `${he}-time`, e.appendChild(s), { wrapper: e, sumNode: t, timeNode: s };
 }
-function jn(i, e, t) {
+function Os(i, e, t) {
   return i ? e + Xe + i.width < t ? e + Xe : e - Xe - i.width : null;
 }
-const Yn = (i) => {
-  const { wrapper: e, sumNode: t, timeNode: n } = Hn(i.wrapperNode);
+const Ys = (i) => {
+  const { wrapper: e, sumNode: t, timeNode: s } = Ps(i.wrapperNode);
   return {
-    className(r, s) {
-      r === "remove" ? e.classList.remove(`${he}${s}`) : e.classList.add(`${he}${s}`);
+    className(r, n) {
+      r === "remove" ? e.classList.remove(`${he}${n}`) : e.classList.add(`${he}${n}`);
     },
-    update({ hidden: r, dataItem: s }) {
-      if (s) {
+    update({ hidden: r, dataItem: n }) {
+      if (n) {
         const { sumFormatter: o, timeFormatter: l } = i.config.hover;
-        t.textContent = o ? o(s.value) : Pn(s.value), n.textContent = l ? l(s.date) : On(s.date), requestAnimationFrame(() => {
-          const c = e.getBoundingClientRect(), d = jn(
-            c,
-            i.x(s.date),
+        t.textContent = o ? o(n.value) : $s(n.value), s.textContent = l ? l(n.date) : Bs(n.date), requestAnimationFrame(() => {
+          const h = e.getBoundingClientRect(), d = Os(
+            h,
+            i.x(n.date),
             i.width - i.config.margin.right
           );
           d && (e.style.left = d + "px");
@@ -334,7 +334,7 @@ const Yn = (i) => {
       e.remove();
     }
   };
-}, Wn = {
+}, js = {
   margin: { top: 10, right: 30, bottom: 20, left: 10 },
   theme: "light",
   logo: {
@@ -385,8 +385,8 @@ const Yn = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Se = (i) => k.curveCardinal.tension(i.config.curveTension), Xn = (i) => {
-  const { svg: e, data: t, x: n, y: r, config: s } = i, o = e.node(), l = ie(o);
+}, Ae = (i) => k.curveCardinal.tension(i.config.curveTension), Xs = (i) => {
+  const { svg: e, data: t, x: s, y: r, config: n } = i, o = e.node(), l = ie(o);
   de(l, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
@@ -397,14 +397,14 @@ const Yn = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const d = k.area().x((g) => n(g.date)).y0(r.range()[0]).y1((g) => r(g.value)).curve(Se(i)), u = "sc-charts__main-line-area", _ = e.append("path").datum(t).attr("d", d).attr("class", u).classed(`${u}_hidden`, !s.hasMainLineArea);
+  const d = k.area().x((m) => s(m.date)).y0(r.range()[0]).y1((m) => r(m.value)).curve(Ae(i)), u = "sc-charts__main-line-area", _ = e.append("path").datum(t).attr("d", d).attr("class", u).classed(`${u}_hidden`, !n.hasMainLineArea);
   return {
-    className(g, p) {
-      g === "remove" ? _.classed(`${u}${p}`, !1) : _.classed(`${u}${p}`, !0);
+    className(m, p) {
+      m === "remove" ? _.classed(`${u}${p}`, !1) : _.classed(`${u}${p}`, !0);
     },
-    update({ data: g, hidden: p }) {
-      if (g !== void 0 && _.datum(g).attr("d", d), p !== void 0) {
-        if (!s.hasMainLineArea) return null;
+    update({ data: m, hidden: p }) {
+      if (m !== void 0 && _.datum(m).attr("d", d), p !== void 0) {
+        if (!n.hasMainLineArea) return null;
         _.classed(`${u}_hidden`, p);
       }
     },
@@ -412,9 +412,9 @@ const Yn = (i) => {
       _.remove();
     }
   };
-}, Gn = (i, e = {}) => {
-  const t = "sc-charts__range-line-area", { svg: n, x: r, y: s, config: o, data: l, chartId: c } = i, { clip: d } = e, u = n.node(), _ = ie(u), g = "range-line-area-gradient";
-  de(_, g + "_up", {
+}, Ws = (i, e = {}) => {
+  const t = "sc-charts__range-line-area", { svg: s, x: r, y: n, config: o, data: l, chartId: h } = i, { clip: d } = e, u = s.node(), _ = ie(u), m = "range-line-area-gradient";
+  de(_, m + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -423,7 +423,7 @@ const Yn = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), de(_, g + "_down", {
+  }), de(_, m + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -433,59 +433,59 @@ const Yn = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const p = k.area().x((T) => r(T.date)).y0(s.range()[0]).y1((T) => s(T.value)).curve(Se(i)), v = `${c}-clip-${t}`, b = _.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%"), w = n.append("path").datum(l).attr("d", p).attr("class", t).classed(`${t}_hidden`, !o.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const p = k.area().x((C) => r(C.date)).y0(n.range()[0]).y1((C) => n(C.value)).curve(Ae(i)), v = `${h}-clip-${t}`, b = _.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 = s.append("path").datum(l).attr("d", p).attr("class", t).classed(`${t}_hidden`, !o.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
-    className(T, C) {
-      T === "remove" ? w.classed(`${t}${C}`, !1) : w.classed(`${t}${C}`, !0);
+    className(C, M) {
+      C === "remove" ? x.classed(`${t}${M}`, !1) : x.classed(`${t}${M}`, !0);
     },
-    update({ data: T, hidden: C, clip: N }) {
-      T !== void 0 && w.datum(T).attr("d", p), C !== void 0 && w.classed(`${t}_hidden`, C), N !== void 0 && b.attr("x", N.x).attr("y", N.y).attr("width", N.width).attr("height", N.height);
+    update({ data: C, hidden: M, clip: E }) {
+      C !== void 0 && x.datum(C).attr("d", p), M !== void 0 && x.classed(`${t}_hidden`, M), E !== void 0 && b.attr("x", E.x).attr("y", E.y).attr("width", E.width).attr("height", E.height);
     },
     destroy() {
-      w.remove();
+      x.remove();
     }
   };
-}, Ge = (i, e) => {
-  const { svg: t, data: n, x: r, y: s, chartId: o } = i, { baseClassName: l, id: c, clip: d } = e, u = t.node(), _ = ie(u), g = k.line().x((w) => r(w.date)).y((w) => s(w.value)).curve(Se(i)), p = `${o}-clip-${l}`, y = _.append("clipPath").attr("id", p).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%"), b = t.append("path").classed(l, !0).datum(n).attr("d", g).attr("id", c).attr("clip-path", `url(#${p})`);
+}, We = (i, e) => {
+  const { svg: t, data: s, x: r, y: n, chartId: o } = i, { baseClassName: l, id: h, clip: d } = e, u = t.node(), _ = ie(u), m = k.line().x((x) => r(x.date)).y((x) => n(x.value)).curve(Ae(i)), p = `${o}-clip-${l}`, y = _.append("clipPath").attr("id", p).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%"), b = t.append("path").classed(l, !0).datum(s).attr("d", m).attr("id", h).attr("clip-path", `url(#${p})`);
   return {
-    className(w, T) {
-      w === "remove" ? b.classed(`${l}${T}`, !1) : b.classed(`${l}${T}`, !0);
+    className(x, C) {
+      x === "remove" ? b.classed(`${l}${C}`, !1) : b.classed(`${l}${C}`, !0);
     },
-    update({ data: w, clip: T, hidden: C }) {
-      w !== void 0 && b.datum(w).attr("d", g), C !== void 0 && b.classed(`${l}_hidden`, C), T !== void 0 && y.attr("x", T.x).attr("y", T.y).attr("width", T.width).attr("height", T.height);
+    update({ data: x, clip: C, hidden: M }) {
+      x !== void 0 && b.datum(x).attr("d", m), M !== void 0 && b.classed(`${l}_hidden`, M), C !== void 0 && y.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height);
     },
     destroy() {
       b.remove();
     }
   };
-}, Zn = (i, e) => {
-  const { svg: t, data: n, x: r, y: s, chartId: o, config: l } = i, { baseClassName: c, id: d, clip: u } = e, _ = t.node(), g = ie(_), p = k.line().x((T) => r(T.date)).y((T) => s(T.value)).curve(Se(i)), v = `${o}-clip-${c}`, b = g.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%"), w = t.append("path").classed(c, !0).datum(n).attr("d", p).attr("id", d).attr("clip-path", `url(#${v})`);
+}, Gs = (i, e) => {
+  const { svg: t, data: s, x: r, y: n, chartId: o, config: l } = i, { baseClassName: h, id: d, clip: u } = e, _ = t.node(), m = ie(_), p = k.line().x((C) => r(C.date)).y((C) => n(C.value)).curve(Ae(i)), v = `${o}-clip-${h}`, b = m.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(h, !0).datum(s).attr("d", p).attr("id", d).attr("clip-path", `url(#${v})`);
   return {
-    className(T, C) {
-      T === "remove" ? w.classed(`${c}${C}`, !1) : w.classed(`${c}${C}`, !0);
+    className(C, M) {
+      C === "remove" ? x.classed(`${h}${M}`, !1) : x.classed(`${h}${M}`, !0);
     },
-    update({ data: T, clip: C, hidden: N }) {
-      T !== void 0 && w.datum(T).attr("d", p), N !== void 0 && w.classed(`${c}_hidden`, N), C !== void 0 && (l.hover.transitionName === "default" ? b.transition().duration(l.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(k.easeLinear) : b.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: C, clip: M, hidden: E }) {
+      C !== void 0 && x.datum(C).attr("d", p), E !== void 0 && x.classed(`${h}_hidden`, E), M !== void 0 && (l.hover.transitionName === "default" ? b.transition().duration(l.hover.transitionDuration).attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height).ease(k.easeLinear) : b.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height));
     },
     destroy() {
-      w.remove();
+      x.remove();
     }
   };
-}, Un = (i) => {
+}, Us = (i) => {
   const e = Math.abs(i);
   let t;
   return e >= 1e9 ? t = (i / 1e9).toFixed(1) + "B" : e >= 1e6 ? t = (i / 1e6).toFixed(1) + "M" : e >= 1e3 ? t = (i / 1e3).toFixed(1) + "K" : t = i.toFixed(1), t;
-}, Vn = (i, e) => {
-  const { svg: t, data: n, x: r, y: s } = i, { baseClassName: o } = e, l = t.append("g").classed(o, !0), c = l.append("circle").attr("r", 5).classed(`${o}-circle`, !0), d = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${o}-label`, !0);
+}, Zs = (i, e) => {
+  const { svg: t, data: s, x: r, y: n } = i, { baseClassName: o } = e, l = t.append("g").classed(o, !0), h = l.append("circle").attr("r", 5).classed(`${o}-circle`, !0), d = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${o}-label`, !0);
   return ((_) => {
     if (!_ || _.length === 0) return;
-    const g = _[_.length - 1], p = r(g.date), v = s(g.value);
-    c.attr("cx", p).attr("cy", v);
-    const y = i.config.extremePointFormatter || Un;
-    d.attr("x", p).attr("y", v).text(y(g.value));
-  })(n), {
-    className(_, g) {
-      _ === "remove" ? l.classed(`${o}${g}`, !1) : l.classed(`${o}${g}`, !0);
+    const m = _[_.length - 1], p = r(m.date), v = n(m.value);
+    h.attr("cx", p).attr("cy", v);
+    const y = i.config.extremePointFormatter || Us;
+    d.attr("x", p).attr("y", v).text(y(m.value));
+  })(s), {
+    className(_, m) {
+      _ === "remove" ? l.classed(`${o}${m}`, !1) : l.classed(`${o}${m}`, !0);
     },
     update({ hidden: _ }) {
       _ !== void 0 && l.classed(`${o}_hidden`, _);
@@ -494,71 +494,71 @@ const Yn = (i) => {
       l.remove();
     }
   };
-}, Jn = (i) => {
-  const e = Ge(i, {
+}, Vs = (i) => {
+  const e = We(i, {
     baseClassName: "sc-charts__main-line",
     id: `${i.chartId}-sc-charts__main-line`
-  }), t = Xn(i);
-  let n = null;
-  i.config.hasExtremePoint && (n = Vn(i, {
+  }), t = Xs(i);
+  let s = null;
+  i.config.hasExtremePoint && (s = Zs(i, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const r = Rn(i.svg), s = Zn(i, {
+  const r = Is(i.svg), n = Gs(i, {
     baseClassName: "sc-charts__highlight-line",
     id: `${i.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
   let o = null;
-  i.config.enableBelowZeroLine && (o = Ge(i, {
+  i.config.enableBelowZeroLine && (o = We(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: Ht(i)
+    clip: Pt(i)
   }));
-  const l = We(i.svg, {
+  const l = je(i.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = wt(i.svg), d = wt(i.svg), u = Ge(i, {
+  }), h = xt(i.svg), d = xt(i.svg), u = We(i, {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), _ = We(i.svg, {
+  }), _ = je(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), g = We(i.svg, {
+  }), m = je(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), p = Bn(i), v = Yn(i), y = Gn(i);
+  }), p = zs(i), v = Ys(i), y = Ws(i);
   return {
     hoverLine: r,
     hoverCircle: l,
-    rangeBorderLeft: c,
+    rangeBorderLeft: h,
     rangeBorderRight: d,
     rangeLine: u,
     rangeLineArea: y,
     rangeCircleLeft: _,
-    rangeCircleRight: g,
+    rangeCircleRight: m,
     mainLine: e,
     rangeTooltip: p,
-    highlightLine: s,
+    highlightLine: n,
     hoverTooltip: v,
     mainLineArea: t,
     belowZeroLine: o,
-    extremePoint: n
+    extremePoint: s
   };
-}, Qn = (i, e, t) => {
-  const n = i.match(/^(\d+)([dMhmw])$/);
-  if (!n)
+}, Js = (i, e, t) => {
+  const s = i.match(/^(\d+)([dMhmw])$/);
+  if (!s)
     return console.warn("Invalid hoverRange:", i), {
       x: 0,
       y: 0,
       width: "100%",
       height: "100%"
     };
-  const [, r, s] = n, o = parseInt(r, 10), [l, c] = t.domain();
+  const [, r, n] = s, o = parseInt(r, 10), [l, h] = t.domain();
   let d = new Date(l);
-  for (; d < c; ) {
+  for (; d < h; ) {
     let u = new Date(d);
-    switch (s) {
+    switch (n) {
       case "M":
         u.setMinutes(u.getMinutes() + o);
         break;
@@ -583,19 +583,19 @@ const Yn = (i) => {
         };
     }
     if (e >= d && e < u) {
-      const _ = t(d), g = t(u);
+      const _ = t(d), m = t(u);
       return {
         x: _,
         y: 0,
-        width: g - _,
+        width: m - _,
         height: "100%"
       };
     }
     d = new Date(u);
   }
-  if (e.getTime() === c.getTime()) {
-    let u = new Date(c);
-    switch (s) {
+  if (e.getTime() === h.getTime()) {
+    let u = new Date(h);
+    switch (n) {
       case "M":
         u.setMinutes(u.getMinutes() - o);
         break;
@@ -609,14 +609,14 @@ const Yn = (i) => {
         u.setDate(u.getDate() - o * 7);
         break;
       case "m":
-        u = new Date(c.getFullYear(), c.getMonth() - o, 1);
+        u = new Date(h.getFullYear(), h.getMonth() - o, 1);
         break;
     }
-    const _ = t(u), g = t(c);
+    const _ = t(u), m = t(h);
     return {
       x: _,
       y: 0,
-      width: g - _,
+      width: m - _,
       height: "100%"
     };
   }
@@ -626,49 +626,49 @@ const Yn = (i) => {
     width: "100%",
     height: "100%"
   };
-}, Ct = (i, e) => {
+}, Mt = (i, e) => {
   var d;
   const {
     x: t,
-    y: n,
+    y: s,
     elements: r,
-    config: { margin: s },
+    config: { margin: n },
     height: o
   } = i;
   r.hoverLine.update({
     x1: t(e.date),
     x2: t(e.date),
-    y1: s.top,
-    y2: o - s.bottom,
+    y1: n.top,
+    y2: o - n.bottom,
     hidden: !1
   }), r.hoverCircle.update({
     cx: t(e.date),
-    cy: n(e.value),
+    cy: s(e.value),
     hidden: !1
   }), r.hoverTooltip.update({
     dataItem: e,
     hidden: !1
   });
-  const l = Qn(i.config.hover.range, e.date, t);
+  const l = Js(i.config.hover.range, e.date, t);
   r.highlightLine.update({
     clip: l,
     hidden: !1
   });
-  const c = n.range()[0] - n(0) + s.bottom;
-  c >= 0 && ((d = r.belowZeroLine) == null || d.update({
+  const h = s.range()[0] - s(0) + n.bottom;
+  h >= 0 && ((d = r.belowZeroLine) == null || d.update({
     clip: {
       ...l,
-      y: n(0),
-      height: c
+      y: s(0),
+      height: h
     }
   })), r.mainLine.className("add", "_muted");
 }, Tt = (i) => {
   var t;
   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: Ht(i)
+    clip: Pt(i)
   }));
-}, qn = (i, e) => {
+}, Qs = (i, e) => {
   [
     "rangeBorderLeft",
     "rangeBorderRight",
@@ -677,36 +677,36 @@ const Yn = (i) => {
     "rangeLine",
     "rangeLineArea",
     "rangeTooltip"
-  ].forEach((n) => {
-    e ? (i[n].className("remove", "_down"), i[n].className("add", "_up")) : (i[n].className("remove", "_up"), i[n].className("add", "_down"));
+  ].forEach((s) => {
+    e ? (i[s].className("remove", "_down"), i[s].className("add", "_up")) : (i[s].className("remove", "_up"), i[s].className("add", "_down"));
   });
-}, Kn = (i, e, t) => {
+}, qs = (i, e, t) => {
   var v;
   const {
-    x: n,
+    x: s,
     y: r,
-    config: { margin: s },
+    config: { margin: n },
     height: o,
     elements: l
-  } = i, c = n(e.date) < n(t.date) ? e : t, d = n(e.date) >= n(t.date) ? e : t, u = d.value - c.value >= 0, _ = n(c.date), g = n(d.date), p = g - _;
+  } = i, h = s(e.date) < s(t.date) ? e : t, d = s(e.date) >= s(t.date) ? e : t, u = d.value - h.value >= 0, _ = s(h.date), m = s(d.date), p = m - _;
   l.rangeBorderLeft.update({
     x1: _,
     x2: _,
-    y1: s.top,
-    y2: o - s.bottom,
+    y1: n.top,
+    y2: o - n.bottom,
     hidden: !1
   }), l.rangeBorderRight.update({
-    x1: g,
-    x2: g,
-    y1: s.top,
-    y2: o - s.bottom,
+    x1: m,
+    x2: m,
+    y1: n.top,
+    y2: o - n.bottom,
     hidden: !1
   }), l.rangeCircleLeft.update({
     cx: _,
-    cy: r(c.value),
+    cy: r(h.value),
     hidden: !1
   }), l.rangeCircleRight.update({
-    cx: g,
+    cx: m,
     cy: r(d.value),
     hidden: !1
   }), l.rangeLine.update({
@@ -727,498 +727,498 @@ const Yn = (i) => {
     hidden: !1
   }), l.rangeTooltip.update({
     rightPoint: d,
-    leftPoint: c,
+    leftPoint: h,
     closest: t,
     x: _ + p / 2,
     y: 0,
     hidden: !1
   }), (v = l.belowZeroLine) == null || v.update({
     hidden: !0
-  }), l.mainLineArea.update({ hidden: !0 }), qn(l, u), l.mainLine.className("add", "_selected-muted");
-}, At = (i) => {
+  }), l.mainLineArea.update({ hidden: !0 }), Qs(l, u), l.mainLine.className("add", "_selected-muted");
+}, Ct = (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 });
-}, es = (i) => {
-  const { svg: e, data: t, x: n, config: r, width: s, height: o } = i, { margin: l, hover: c, selection: d } = r;
+}, Ks = (i) => {
+  const { svg: e, data: t, x: s, config: r, width: n, height: o } = i, { margin: l, hover: h, selection: d } = r;
   let u = null, _ = !1;
-  const g = (v) => t.reduce(
-    (y, b) => Math.abs(n(y.date) - v) < Math.abs(n(b.date) - v) ? y : b
+  const m = (v) => t.reduce(
+    (y, b) => Math.abs(s(y.date) - v) < Math.abs(s(b.date) - v) ? y : b
   );
-  e.append("rect").attr("width", s - l.left - l.right).attr("height", o - l.top - l.bottom).attr("x", l.left).attr("y", l.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [y] = k.pointer(v, this), b = g(y);
-    !_ && c.enable ? (i.action = "hover", Ct(i, b)) : (i.action = _ ? "selection" : "none", Tt(i)), u && d.enable && (i.action = "selection", Kn(i, u, b));
+  e.append("rect").attr("width", n - l.left - l.right).attr("height", o - l.top - l.bottom).attr("x", l.left).attr("y", l.top).attr("fill", "transparent").on("mousemove", function(v) {
+    const [y] = k.pointer(v, this), b = m(y);
+    !_ && h.enable ? (i.action = "hover", Mt(i, b)) : (i.action = _ ? "selection" : "none", Tt(i)), u && d.enable && (i.action = "selection", qs(i, u, b));
   }).on("mouseleave", () => {
-    i.action = "none", _ = !1, u = null, Tt(i), At(i);
+    i.action = "none", _ = !1, u = null, Tt(i), Ct(i);
   }).on("mousedown", function(v) {
     if (d.enable) {
       _ = !0, i.action = "selection";
       const [y] = k.pointer(v, this);
-      u = g(y);
+      u = m(y);
     }
   }).on("mouseup", function(v) {
-    const [y] = k.pointer(v, this), b = g(y);
-    _ = !1, u = null, i.action = "hover", d.enable && At(i), c.enable && Ct(i, b);
+    const [y] = k.pointer(v, this), b = m(y);
+    _ = !1, u = null, i.action = "hover", d.enable && Ct(i), h.enable && Mt(i, b);
   });
-}, ts = (i, e, t) => {
-  const { margin: n } = e, r = k.scaleTime(), s = k.extent(i, (o) => new Date(o.date));
-  return s[0] == null || s[1] == null ? r : r.domain([s[0], s[1]]).range([n.left, t - n.right]);
-}, is = (i, e, t) => {
-  const { margin: n } = e, r = k.max(i, (o) => o.value) ?? 0, s = k.min(i, (o) => o.value) ?? 0;
-  return k.scaleLinear().domain([s, r]).range([t - n.bottom, n.top]);
-}, mr = (i, e) => {
+}, en = (i, e, t) => {
+  const { margin: s } = e, r = k.scaleTime(), n = k.extent(i, (o) => new Date(o.date));
+  return n[0] == null || n[1] == null ? r : r.domain([n[0], n[1]]).range([s.left, t - s.right]);
+}, tn = (i, e, t) => {
+  const { margin: s } = e, r = k.max(i, (o) => o.value) ?? 0, n = k.min(i, (o) => o.value) ?? 0;
+  return k.scaleLinear().domain([n, r]).range([t - s.bottom, s.top]);
+}, Er = (i, e) => {
   const t = k.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 n = t.append("div"), r = n.append("svg"), s = t.node();
-  let o = s.getBoundingClientRect(), l = o.width, c = o.height, d = xt({ ...Wn }, e.config), u = e.data;
+  const s = t.append("div"), r = s.append("svg"), n = t.node();
+  let o = n.getBoundingClientRect(), l = o.width, h = o.height, d = bt({ ...js }, e.config), u = e.data;
   const _ = () => {
-    o = s.getBoundingClientRect(), l = o.width, c = o.height, g({ data: u, config: d });
+    o = n.getBoundingClientRect(), l = o.width, h = o.height, m({ data: u, config: d });
   };
   window.addEventListener("resize", _);
-  const g = (p, v = !1) => {
-    v && p.config && (d = xt(d, p.config)), v && p.data && (u = p.data);
-    const y = u.map((N) => ({ date: new Date(N.date), value: N.value })).sort((N, W) => N.date.getTime() - W.date.getTime()), b = ts(y, d, l), w = is(y, d, c);
-    n.attr("class", `sc-charts sc-charts__${d.theme}`), r.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
-    const T = {
+  const m = (p, v = !1) => {
+    v && p.config && (d = bt(d, p.config)), v && p.data && (u = p.data);
+    const y = u.map((E) => ({ date: new Date(E.date), value: E.value })).sort((E, $) => E.date.getTime() - $.date.getTime()), b = en(y, d, l), x = tn(y, d, h);
+    s.attr("class", `sc-charts sc-charts__${d.theme}`), r.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${h}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
+    const C = {
       chartId: e.chartId,
       svg: r,
-      wrapperNode: n.node(),
+      wrapperNode: s.node(),
       data: y,
       x: b,
-      y: w,
+      y: x,
       config: d,
       action: "none",
       width: l,
-      height: c
+      height: h
     };
-    Fn(T);
-    const C = {
-      ...T,
-      elements: Jn(T)
+    Hs(C);
+    const M = {
+      ...C,
+      elements: Vs(C)
     };
-    es(C);
+    Ks(M);
   };
-  return g(e), {
-    update: (p) => g(p, !0),
+  return m(e), {
+    update: (p) => m(p, !0),
     destroy: () => {
       window.removeEventListener("resize", _), r.remove();
     }
   };
 };
 var be = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ns(i) {
+function sn(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var le = { exports: {} };
 le.exports;
-var St;
-function ss() {
-  return St || (St = 1, function(i, e) {
-    var t = 200, n = "__lodash_hash_undefined__", r = 800, s = 16, o = 9007199254740991, l = "[object Arguments]", c = "[object Array]", d = "[object AsyncFunction]", u = "[object Boolean]", _ = "[object Date]", g = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", y = "[object Map]", b = "[object Number]", w = "[object Null]", T = "[object Object]", C = "[object Proxy]", N = "[object RegExp]", W = "[object Set]", B = "[object String]", X = "[object Undefined]", U = "[object WeakMap]", Ee = "[object ArrayBuffer]", De = "[object DataView]", Ne = "[object Float32Array]", Qt = "[object Float64Array]", qt = "[object Int8Array]", Kt = "[object Int16Array]", ei = "[object Int32Array]", ti = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", ni = "[object Uint16Array]", si = "[object Uint32Array]", ri = /[\\^$.*+?()[\]{}|]/g, ai = /^\[object .+?Constructor\]$/, oi = /^(?:0|[1-9]\d*)$/, D = {};
-    D[Ne] = D[Qt] = D[qt] = D[Kt] = D[ei] = D[ti] = D[ii] = D[ni] = D[si] = !0, D[l] = D[c] = D[Ee] = D[u] = D[De] = D[_] = D[g] = D[p] = D[y] = D[b] = D[T] = D[N] = D[W] = D[B] = D[U] = !1;
-    var Qe = typeof be == "object" && be && be.Object === Object && be, li = typeof self == "object" && self && self.Object === Object && self, ne = Qe || li || Function("return this")(), qe = e && !e.nodeType && e, se = qe && !0 && i && !i.nodeType && i, Ke = se && se.exports === qe, Le = Ke && Qe.process, et = function() {
+var At;
+function nn() {
+  return At || (At = 1, function(i, e) {
+    var t = 200, s = "__lodash_hash_undefined__", r = 800, n = 16, o = 9007199254740991, l = "[object Arguments]", h = "[object Array]", d = "[object AsyncFunction]", u = "[object Boolean]", _ = "[object Date]", m = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", y = "[object Map]", b = "[object Number]", x = "[object Null]", C = "[object Object]", M = "[object Proxy]", E = "[object RegExp]", $ = "[object Set]", F = "[object String]", W = "[object Undefined]", Z = "[object WeakMap]", ke = "[object ArrayBuffer]", Ee = "[object DataView]", De = "[object Float32Array]", Qt = "[object Float64Array]", qt = "[object Int8Array]", Kt = "[object Int16Array]", ei = "[object Int32Array]", ti = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ni = "[object Uint32Array]", ri = /[\\^$.*+?()[\]{}|]/g, ai = /^\[object .+?Constructor\]$/, oi = /^(?:0|[1-9]\d*)$/, L = {};
+    L[De] = L[Qt] = L[qt] = L[Kt] = L[ei] = L[ti] = L[ii] = L[si] = L[ni] = !0, L[l] = L[h] = L[ke] = L[u] = L[Ee] = L[_] = L[m] = L[p] = L[y] = L[b] = L[C] = L[E] = L[$] = L[F] = L[Z] = !1;
+    var Je = typeof be == "object" && be && be.Object === Object && be, li = typeof self == "object" && self && self.Object === Object && self, se = Je || li || Function("return this")(), Qe = e && !e.nodeType && e, ne = Qe && !0 && i && !i.nodeType && i, qe = ne && ne.exports === Qe, Le = qe && Je.process, Ke = function() {
       try {
-        var a = se && se.require && se.require("util").types;
+        var a = ne && ne.require && ne.require("util").types;
         return a || Le && Le.binding && Le.binding("util");
       } catch {
       }
-    }(), tt = et && et.isTypedArray;
-    function ci(a, h, f) {
+    }(), et = Ke && Ke.isTypedArray;
+    function ci(a, c, f) {
       switch (f.length) {
         case 0:
-          return a.call(h);
+          return a.call(c);
         case 1:
-          return a.call(h, f[0]);
+          return a.call(c, f[0]);
         case 2:
-          return a.call(h, f[0], f[1]);
+          return a.call(c, f[0], f[1]);
         case 3:
-          return a.call(h, f[0], f[1], f[2]);
+          return a.call(c, f[0], f[1], f[2]);
       }
-      return a.apply(h, f);
+      return a.apply(c, f);
     }
-    function hi(a, h) {
-      for (var f = -1, x = Array(a); ++f < a; )
-        x[f] = h(f);
-      return x;
+    function hi(a, c) {
+      for (var f = -1, w = Array(a); ++f < a; )
+        w[f] = c(f);
+      return w;
     }
     function di(a) {
-      return function(h) {
-        return a(h);
+      return function(c) {
+        return a(c);
       };
     }
-    function ui(a, h) {
-      return a == null ? void 0 : a[h];
+    function ui(a, c) {
+      return a == null ? void 0 : a[c];
     }
-    function fi(a, h) {
+    function gi(a, c) {
       return function(f) {
-        return a(h(f));
+        return a(c(f));
       };
     }
-    var gi = Array.prototype, _i = Function.prototype, ue = Object.prototype, Ie = ne["__core-js_shared__"], fe = _i.toString, V = ue.hasOwnProperty, it = function() {
-      var a = /[^.]+$/.exec(Ie && Ie.keys && Ie.keys.IE_PROTO || "");
+    var fi = Array.prototype, _i = Function.prototype, ue = Object.prototype, Ne = se["__core-js_shared__"], ge = _i.toString, V = ue.hasOwnProperty, tt = function() {
+      var a = /[^.]+$/.exec(Ne && Ne.keys && Ne.keys.IE_PROTO || "");
       return a ? "Symbol(src)_1." + a : "";
-    }(), nt = ue.toString, mi = fe.call(Object), pi = RegExp(
-      "^" + fe.call(V).replace(ri, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), ge = Ke ? ne.Buffer : void 0, st = ne.Symbol, rt = ne.Uint8Array;
-    ge && ge.allocUnsafe;
-    var at = fi(Object.getPrototypeOf, Object), ot = Object.create, vi = ue.propertyIsEnumerable, yi = gi.splice, J = st ? st.toStringTag : void 0, _e = function() {
+    }(), it = ue.toString, mi = ge.call(Object), pi = RegExp(
+      "^" + ge.call(V).replace(ri, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    ), fe = qe ? se.Buffer : void 0, st = se.Symbol, nt = se.Uint8Array;
+    fe && fe.allocUnsafe;
+    var rt = gi(Object.getPrototypeOf, Object), at = Object.create, vi = ue.propertyIsEnumerable, yi = fi.splice, J = st ? st.toStringTag : void 0, _e = function() {
       try {
-        var a = ze(Object, "defineProperty");
+        var a = Re(Object, "defineProperty");
         return a({}, "", {}), a;
       } catch {
       }
-    }(), bi = ge ? ge.isBuffer : void 0, lt = Math.max, xi = Date.now, ct = ze(ne, "Map"), re = ze(Object, "create"), wi = /* @__PURE__ */ function() {
+    }(), bi = fe ? fe.isBuffer : void 0, ot = Math.max, xi = Date.now, lt = Re(se, "Map"), re = Re(Object, "create"), wi = /* @__PURE__ */ function() {
       function a() {
       }
-      return function(h) {
-        if (!q(h))
+      return function(c) {
+        if (!q(c))
           return {};
-        if (ot)
-          return ot(h);
-        a.prototype = h;
+        if (at)
+          return at(c);
+        a.prototype = c;
         var f = new a();
         return a.prototype = void 0, f;
       };
     }();
     function Q(a) {
-      var h = -1, f = a == null ? 0 : a.length;
-      for (this.clear(); ++h < f; ) {
-        var x = a[h];
-        this.set(x[0], x[1]);
+      var c = -1, f = a == null ? 0 : a.length;
+      for (this.clear(); ++c < f; ) {
+        var w = a[c];
+        this.set(w[0], w[1]);
       }
     }
     function Mi() {
       this.__data__ = re ? re(null) : {}, this.size = 0;
     }
-    function Ci(a) {
-      var h = this.has(a) && delete this.__data__[a];
-      return this.size -= h ? 1 : 0, h;
-    }
     function Ti(a) {
-      var h = this.__data__;
+      var c = this.has(a) && delete this.__data__[a];
+      return this.size -= c ? 1 : 0, c;
+    }
+    function Ci(a) {
+      var c = this.__data__;
       if (re) {
-        var f = h[a];
-        return f === n ? void 0 : f;
+        var f = c[a];
+        return f === s ? void 0 : f;
       }
-      return V.call(h, a) ? h[a] : void 0;
+      return V.call(c, a) ? c[a] : void 0;
     }
     function Ai(a) {
-      var h = this.__data__;
-      return re ? h[a] !== void 0 : V.call(h, a);
+      var c = this.__data__;
+      return re ? c[a] !== void 0 : V.call(c, a);
     }
-    function Si(a, h) {
+    function Si(a, c) {
       var f = this.__data__;
-      return this.size += this.has(a) ? 0 : 1, f[a] = re && h === void 0 ? n : h, this;
+      return this.size += this.has(a) ? 0 : 1, f[a] = re && c === void 0 ? s : c, this;
     }
-    Q.prototype.clear = Mi, Q.prototype.delete = Ci, Q.prototype.get = Ti, Q.prototype.has = Ai, Q.prototype.set = Si;
+    Q.prototype.clear = Mi, Q.prototype.delete = Ti, Q.prototype.get = Ci, Q.prototype.has = Ai, Q.prototype.set = Si;
     function G(a) {
-      var h = -1, f = a == null ? 0 : a.length;
-      for (this.clear(); ++h < f; ) {
-        var x = a[h];
-        this.set(x[0], x[1]);
+      var c = -1, f = a == null ? 0 : a.length;
+      for (this.clear(); ++c < f; ) {
+        var w = a[c];
+        this.set(w[0], w[1]);
       }
     }
     function ki() {
       this.__data__ = [], this.size = 0;
     }
     function Ei(a) {
-      var h = this.__data__, f = me(h, a);
+      var c = this.__data__, f = me(c, a);
       if (f < 0)
         return !1;
-      var x = h.length - 1;
-      return f == x ? h.pop() : yi.call(h, f, 1), --this.size, !0;
+      var w = c.length - 1;
+      return f == w ? c.pop() : yi.call(c, f, 1), --this.size, !0;
     }
     function Di(a) {
-      var h = this.__data__, f = me(h, a);
-      return f < 0 ? void 0 : h[f][1];
+      var c = this.__data__, f = me(c, a);
+      return f < 0 ? void 0 : c[f][1];
     }
-    function Ni(a) {
+    function Li(a) {
       return me(this.__data__, a) > -1;
     }
-    function Li(a, h) {
-      var f = this.__data__, x = me(f, a);
-      return x < 0 ? (++this.size, f.push([a, h])) : f[x][1] = h, this;
+    function Ni(a, c) {
+      var f = this.__data__, w = me(f, a);
+      return w < 0 ? (++this.size, f.push([a, c])) : f[w][1] = c, this;
     }
-    G.prototype.clear = ki, G.prototype.delete = Ei, G.prototype.get = Di, G.prototype.has = Ni, G.prototype.set = Li;
+    G.prototype.clear = ki, G.prototype.delete = Ei, G.prototype.get = Di, G.prototype.has = Li, G.prototype.set = Ni;
     function ee(a) {
-      var h = -1, f = a == null ? 0 : a.length;
-      for (this.clear(); ++h < f; ) {
-        var x = a[h];
-        this.set(x[0], x[1]);
+      var c = -1, f = a == null ? 0 : a.length;
+      for (this.clear(); ++c < f; ) {
+        var w = a[c];
+        this.set(w[0], w[1]);
       }
     }
-    function Ii() {
+    function Hi() {
       this.size = 0, this.__data__ = {
         hash: new Q(),
-        map: new (ct || G)(),
+        map: new (lt || G)(),
         string: new Q()
       };
     }
-    function Fi(a) {
-      var h = ve(this, a).delete(a);
-      return this.size -= h ? 1 : 0, h;
+    function Ii(a) {
+      var c = ve(this, a).delete(a);
+      return this.size -= c ? 1 : 0, c;
     }
     function Ri(a) {
       return ve(this, a).get(a);
     }
-    function zi(a) {
+    function Fi(a) {
       return ve(this, a).has(a);
     }
-    function $i(a, h) {
-      var f = ve(this, a), x = f.size;
-      return f.set(a, h), this.size += f.size == x ? 0 : 1, this;
+    function zi(a, c) {
+      var f = ve(this, a), w = f.size;
+      return f.set(a, c), this.size += f.size == w ? 0 : 1, this;
     }
-    ee.prototype.clear = Ii, ee.prototype.delete = Fi, ee.prototype.get = Ri, ee.prototype.has = zi, ee.prototype.set = $i;
+    ee.prototype.clear = Hi, ee.prototype.delete = Ii, ee.prototype.get = Ri, ee.prototype.has = Fi, ee.prototype.set = zi;
     function te(a) {
-      var h = this.__data__ = new G(a);
-      this.size = h.size;
+      var c = this.__data__ = new G(a);
+      this.size = c.size;
     }
     function Bi() {
       this.__data__ = new G(), this.size = 0;
     }
-    function Oi(a) {
-      var h = this.__data__, f = h.delete(a);
-      return this.size = h.size, f;
+    function $i(a) {
+      var c = this.__data__, f = c.delete(a);
+      return this.size = c.size, f;
     }
     function Pi(a) {
       return this.__data__.get(a);
     }
-    function Hi(a) {
+    function Oi(a) {
       return this.__data__.has(a);
     }
-    function ji(a, h) {
+    function Yi(a, c) {
       var f = this.__data__;
       if (f instanceof G) {
-        var x = f.__data__;
-        if (!ct || x.length < t - 1)
-          return x.push([a, h]), this.size = ++f.size, this;
-        f = this.__data__ = new ee(x);
+        var w = f.__data__;
+        if (!lt || w.length < t - 1)
+          return w.push([a, c]), this.size = ++f.size, this;
+        f = this.__data__ = new ee(w);
       }
-      return f.set(a, h), this.size = f.size, this;
-    }
-    te.prototype.clear = Bi, te.prototype.delete = Oi, te.prototype.get = Pi, te.prototype.has = Hi, te.prototype.set = ji;
-    function Yi(a, h) {
-      var f = Oe(a), x = !f && Be(a), A = !f && !x && gt(a), E = !f && !x && !A && mt(a), L = f || x || A || E, S = L ? hi(a.length, String) : [], I = S.length;
-      for (var O in a)
-        L && // Safari 9 has enumerable `arguments.length` in strict mode.
-        (O == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        A && (O == "offset" || O == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        E && (O == "buffer" || O == "byteLength" || O == "byteOffset") || // Skip index properties.
-        ut(O, I)) || S.push(O);
+      return f.set(a, c), this.size = f.size, this;
+    }
+    te.prototype.clear = Bi, te.prototype.delete = $i, te.prototype.get = Pi, te.prototype.has = Oi, te.prototype.set = Yi;
+    function ji(a, c) {
+      var f = Be(a), w = !f && ze(a), A = !f && !w && gt(a), D = !f && !w && !A && _t(a), N = f || w || A || D, S = N ? hi(a.length, String) : [], H = S.length;
+      for (var P in a)
+        N && // Safari 9 has enumerable `arguments.length` in strict mode.
+        (P == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        A && (P == "offset" || P == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        D && (P == "buffer" || P == "byteLength" || P == "byteOffset") || // Skip index properties.
+        dt(P, H)) || S.push(P);
       return S;
     }
-    function Fe(a, h, f) {
-      (f !== void 0 && !ye(a[h], f) || f === void 0 && !(h in a)) && Re(a, h, f);
+    function He(a, c, f) {
+      (f !== void 0 && !ye(a[c], f) || f === void 0 && !(c in a)) && Ie(a, c, f);
     }
-    function Wi(a, h, f) {
-      var x = a[h];
-      (!(V.call(a, h) && ye(x, f)) || f === void 0 && !(h in a)) && Re(a, h, f);
+    function Xi(a, c, f) {
+      var w = a[c];
+      (!(V.call(a, c) && ye(w, f)) || f === void 0 && !(c in a)) && Ie(a, c, f);
     }
-    function me(a, h) {
+    function me(a, c) {
       for (var f = a.length; f--; )
-        if (ye(a[f][0], h))
+        if (ye(a[f][0], c))
           return f;
       return -1;
     }
-    function Re(a, h, f) {
-      h == "__proto__" && _e ? _e(a, h, {
+    function Ie(a, c, f) {
+      c == "__proto__" && _e ? _e(a, c, {
         configurable: !0,
         enumerable: !0,
         value: f,
         writable: !0
-      }) : a[h] = f;
+      }) : a[c] = f;
     }
-    var Xi = rn();
+    var Wi = ns();
     function pe(a) {
-      return a == null ? a === void 0 ? X : w : J && J in Object(a) ? an(a) : un(a);
+      return a == null ? a === void 0 ? W : x : J && J in Object(a) ? rs(a) : ds(a);
     }
-    function ht(a) {
+    function ct(a) {
       return ae(a) && pe(a) == l;
     }
     function Gi(a) {
-      if (!q(a) || hn(a))
+      if (!q(a) || cs(a))
         return !1;
-      var h = He(a) ? pi : ai;
-      return h.test(mn(a));
-    }
-    function Zi(a) {
-      return ae(a) && _t(a.length) && !!D[pe(a)];
+      var c = Pe(a) ? pi : ai;
+      return c.test(_s(a));
     }
     function Ui(a) {
+      return ae(a) && ft(a.length) && !!L[pe(a)];
+    }
+    function Zi(a) {
       if (!q(a))
-        return dn(a);
-      var h = ft(a), f = [];
-      for (var x in a)
-        x == "constructor" && (h || !V.call(a, x)) || f.push(x);
+        return hs(a);
+      var c = ut(a), f = [];
+      for (var w in a)
+        w == "constructor" && (c || !V.call(a, w)) || f.push(w);
       return f;
     }
-    function dt(a, h, f, x, A) {
-      a !== h && Xi(h, function(E, L) {
-        if (A || (A = new te()), q(E))
-          Vi(a, h, L, f, dt, x, A);
+    function ht(a, c, f, w, A) {
+      a !== c && Wi(c, function(D, N) {
+        if (A || (A = new te()), q(D))
+          Vi(a, c, N, f, ht, w, A);
         else {
-          var S = x ? x($e(a, L), E, L + "", a, h, A) : void 0;
-          S === void 0 && (S = E), Fe(a, L, S);
+          var S = w ? w(Fe(a, N), D, N + "", a, c, A) : void 0;
+          S === void 0 && (S = D), He(a, N, S);
         }
-      }, pt);
+      }, mt);
     }
-    function Vi(a, h, f, x, A, E, L) {
-      var S = $e(a, f), I = $e(h, f), O = L.get(I);
-      if (O) {
-        Fe(a, f, O);
+    function Vi(a, c, f, w, A, D, N) {
+      var S = Fe(a, f), H = Fe(c, f), P = N.get(H);
+      if (P) {
+        He(a, f, P);
         return;
       }
-      var z = E ? E(S, I, f + "", a, h, L) : void 0, oe = z === void 0;
+      var z = D ? D(S, H, f + "", a, c, N) : void 0, oe = z === void 0;
       if (oe) {
-        var je = Oe(I), Ye = !je && gt(I), yt = !je && !Ye && mt(I);
-        z = I, je || Ye || yt ? Oe(S) ? z = S : pn(S) ? z = tn(S) : Ye ? (oe = !1, z = qi(I)) : yt ? (oe = !1, z = en(I)) : z = [] : vn(I) || Be(I) ? (z = S, Be(S) ? z = yn(S) : (!q(S) || He(S)) && (z = on(I))) : oe = !1;
+        var Oe = Be(H), Ye = !Oe && gt(H), vt = !Oe && !Ye && _t(H);
+        z = H, Oe || Ye || vt ? Be(S) ? z = S : ms(S) ? z = ts(S) : Ye ? (oe = !1, z = qi(H)) : vt ? (oe = !1, z = es(H)) : z = [] : ps(H) || ze(H) ? (z = S, ze(S) ? z = vs(S) : (!q(S) || Pe(S)) && (z = as(H))) : oe = !1;
       }
-      oe && (L.set(I, z), A(z, I, x, E, L), L.delete(I)), Fe(a, f, z);
+      oe && (N.set(H, z), A(z, H, w, D, N), N.delete(H)), He(a, f, z);
     }
-    function Ji(a, h) {
-      return gn(fn(a, h, vt), a + "");
+    function Ji(a, c) {
+      return gs(us(a, c, pt), a + "");
     }
-    var Qi = _e ? function(a, h) {
+    var Qi = _e ? function(a, c) {
       return _e(a, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: xn(h),
+        value: bs(c),
         writable: !0
       });
-    } : vt;
-    function qi(a, h) {
+    } : pt;
+    function qi(a, c) {
       return a.slice();
     }
     function Ki(a) {
-      var h = new a.constructor(a.byteLength);
-      return new rt(h).set(new rt(a)), h;
+      var c = new a.constructor(a.byteLength);
+      return new nt(c).set(new nt(a)), c;
     }
-    function en(a, h) {
+    function es(a, c) {
       var f = Ki(a.buffer);
       return new a.constructor(f, a.byteOffset, a.length);
     }
-    function tn(a, h) {
-      var f = -1, x = a.length;
-      for (h || (h = Array(x)); ++f < x; )
-        h[f] = a[f];
-      return h;
+    function ts(a, c) {
+      var f = -1, w = a.length;
+      for (c || (c = Array(w)); ++f < w; )
+        c[f] = a[f];
+      return c;
     }
-    function nn(a, h, f, x) {
+    function is(a, c, f, w) {
       var A = !f;
       f || (f = {});
-      for (var E = -1, L = h.length; ++E < L; ) {
-        var S = h[E], I = void 0;
-        I === void 0 && (I = a[S]), A ? Re(f, S, I) : Wi(f, S, I);
+      for (var D = -1, N = c.length; ++D < N; ) {
+        var S = c[D], H = void 0;
+        H === void 0 && (H = a[S]), A ? Ie(f, S, H) : Xi(f, S, H);
       }
       return f;
     }
-    function sn(a) {
-      return Ji(function(h, f) {
-        var x = -1, A = f.length, E = A > 1 ? f[A - 1] : void 0, L = A > 2 ? f[2] : void 0;
-        for (E = a.length > 3 && typeof E == "function" ? (A--, E) : void 0, L && ln(f[0], f[1], L) && (E = A < 3 ? void 0 : E, A = 1), h = Object(h); ++x < A; ) {
-          var S = f[x];
-          S && a(h, S, x, E);
+    function ss(a) {
+      return Ji(function(c, f) {
+        var w = -1, A = f.length, D = A > 1 ? f[A - 1] : void 0, N = A > 2 ? f[2] : void 0;
+        for (D = a.length > 3 && typeof D == "function" ? (A--, D) : void 0, N && os(f[0], f[1], N) && (D = A < 3 ? void 0 : D, A = 1), c = Object(c); ++w < A; ) {
+          var S = f[w];
+          S && a(c, S, w, D);
         }
-        return h;
+        return c;
       });
     }
-    function rn(a) {
-      return function(h, f, x) {
-        for (var A = -1, E = Object(h), L = x(h), S = L.length; S--; ) {
-          var I = L[++A];
-          if (f(E[I], I, E) === !1)
+    function ns(a) {
+      return function(c, f, w) {
+        for (var A = -1, D = Object(c), N = w(c), S = N.length; S--; ) {
+          var H = N[++A];
+          if (f(D[H], H, D) === !1)
             break;
         }
-        return h;
+        return c;
       };
     }
-    function ve(a, h) {
+    function ve(a, c) {
       var f = a.__data__;
-      return cn(h) ? f[typeof h == "string" ? "string" : "hash"] : f.map;
+      return ls(c) ? f[typeof c == "string" ? "string" : "hash"] : f.map;
     }
-    function ze(a, h) {
-      var f = ui(a, h);
+    function Re(a, c) {
+      var f = ui(a, c);
       return Gi(f) ? f : void 0;
     }
-    function an(a) {
-      var h = V.call(a, J), f = a[J];
+    function rs(a) {
+      var c = V.call(a, J), f = a[J];
       try {
         a[J] = void 0;
-        var x = !0;
+        var w = !0;
       } catch {
       }
-      var A = nt.call(a);
-      return x && (h ? a[J] = f : delete a[J]), A;
+      var A = it.call(a);
+      return w && (c ? a[J] = f : delete a[J]), A;
     }
-    function on(a) {
-      return typeof a.constructor == "function" && !ft(a) ? wi(at(a)) : {};
+    function as(a) {
+      return typeof a.constructor == "function" && !ut(a) ? wi(rt(a)) : {};
     }
-    function ut(a, h) {
+    function dt(a, c) {
       var f = typeof a;
-      return h = h ?? o, !!h && (f == "number" || f != "symbol" && oi.test(a)) && a > -1 && a % 1 == 0 && a < h;
+      return c = c ?? o, !!c && (f == "number" || f != "symbol" && oi.test(a)) && a > -1 && a % 1 == 0 && a < c;
     }
-    function ln(a, h, f) {
+    function os(a, c, f) {
       if (!q(f))
         return !1;
-      var x = typeof h;
-      return (x == "number" ? Pe(f) && ut(h, f.length) : x == "string" && h in f) ? ye(f[h], a) : !1;
+      var w = typeof c;
+      return (w == "number" ? $e(f) && dt(c, f.length) : w == "string" && c in f) ? ye(f[c], a) : !1;
     }
-    function cn(a) {
-      var h = typeof a;
-      return h == "string" || h == "number" || h == "symbol" || h == "boolean" ? a !== "__proto__" : a === null;
+    function ls(a) {
+      var c = typeof a;
+      return c == "string" || c == "number" || c == "symbol" || c == "boolean" ? a !== "__proto__" : a === null;
     }
-    function hn(a) {
-      return !!it && it in a;
+    function cs(a) {
+      return !!tt && tt in a;
     }
-    function ft(a) {
-      var h = a && a.constructor, f = typeof h == "function" && h.prototype || ue;
+    function ut(a) {
+      var c = a && a.constructor, f = typeof c == "function" && c.prototype || ue;
       return a === f;
     }
-    function dn(a) {
-      var h = [];
+    function hs(a) {
+      var c = [];
       if (a != null)
         for (var f in Object(a))
-          h.push(f);
-      return h;
+          c.push(f);
+      return c;
     }
-    function un(a) {
-      return nt.call(a);
+    function ds(a) {
+      return it.call(a);
     }
-    function fn(a, h, f) {
-      return h = lt(h === void 0 ? a.length - 1 : h, 0), function() {
-        for (var x = arguments, A = -1, E = lt(x.length - h, 0), L = Array(E); ++A < E; )
-          L[A] = x[h + A];
+    function us(a, c, f) {
+      return c = ot(c === void 0 ? a.length - 1 : c, 0), function() {
+        for (var w = arguments, A = -1, D = ot(w.length - c, 0), N = Array(D); ++A < D; )
+          N[A] = w[c + A];
         A = -1;
-        for (var S = Array(h + 1); ++A < h; )
-          S[A] = x[A];
-        return S[h] = f(L), ci(a, this, S);
+        for (var S = Array(c + 1); ++A < c; )
+          S[A] = w[A];
+        return S[c] = f(N), ci(a, this, S);
       };
     }
-    function $e(a, h) {
-      if (!(h === "constructor" && typeof a[h] == "function") && h != "__proto__")
-        return a[h];
+    function Fe(a, c) {
+      if (!(c === "constructor" && typeof a[c] == "function") && c != "__proto__")
+        return a[c];
     }
-    var gn = _n(Qi);
-    function _n(a) {
-      var h = 0, f = 0;
+    var gs = fs(Qi);
+    function fs(a) {
+      var c = 0, f = 0;
       return function() {
-        var x = xi(), A = s - (x - f);
-        if (f = x, A > 0) {
-          if (++h >= r)
+        var w = xi(), A = n - (w - f);
+        if (f = w, A > 0) {
+          if (++c >= r)
             return arguments[0];
         } else
-          h = 0;
+          c = 0;
         return a.apply(void 0, arguments);
       };
     }
-    function mn(a) {
+    function _s(a) {
       if (a != null) {
         try {
-          return fe.call(a);
+          return ge.call(a);
         } catch {
         }
         try {
@@ -1228,78 +1228,78 @@ function ss() {
       }
       return "";
     }
-    function ye(a, h) {
-      return a === h || a !== a && h !== h;
+    function ye(a, c) {
+      return a === c || a !== a && c !== c;
     }
-    var Be = ht(/* @__PURE__ */ function() {
+    var ze = ct(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? ht : function(a) {
+    }()) ? ct : function(a) {
       return ae(a) && V.call(a, "callee") && !vi.call(a, "callee");
-    }, Oe = Array.isArray;
-    function Pe(a) {
-      return a != null && _t(a.length) && !He(a);
+    }, Be = Array.isArray;
+    function $e(a) {
+      return a != null && ft(a.length) && !Pe(a);
     }
-    function pn(a) {
-      return ae(a) && Pe(a);
+    function ms(a) {
+      return ae(a) && $e(a);
     }
-    var gt = bi || wn;
-    function He(a) {
+    var gt = bi || xs;
+    function Pe(a) {
       if (!q(a))
         return !1;
-      var h = pe(a);
-      return h == p || h == v || h == d || h == C;
+      var c = pe(a);
+      return c == p || c == v || c == d || c == M;
     }
-    function _t(a) {
+    function ft(a) {
       return typeof a == "number" && a > -1 && a % 1 == 0 && a <= o;
     }
     function q(a) {
-      var h = typeof a;
-      return a != null && (h == "object" || h == "function");
+      var c = typeof a;
+      return a != null && (c == "object" || c == "function");
     }
     function ae(a) {
       return a != null && typeof a == "object";
     }
-    function vn(a) {
-      if (!ae(a) || pe(a) != T)
+    function ps(a) {
+      if (!ae(a) || pe(a) != C)
         return !1;
-      var h = at(a);
-      if (h === null)
+      var c = rt(a);
+      if (c === null)
         return !0;
-      var f = V.call(h, "constructor") && h.constructor;
-      return typeof f == "function" && f instanceof f && fe.call(f) == mi;
+      var f = V.call(c, "constructor") && c.constructor;
+      return typeof f == "function" && f instanceof f && ge.call(f) == mi;
     }
-    var mt = tt ? di(tt) : Zi;
-    function yn(a) {
-      return nn(a, pt(a));
+    var _t = et ? di(et) : Ui;
+    function vs(a) {
+      return is(a, mt(a));
     }
-    function pt(a) {
-      return Pe(a) ? Yi(a) : Ui(a);
+    function mt(a) {
+      return $e(a) ? ji(a) : Zi(a);
     }
-    var bn = sn(function(a, h, f) {
-      dt(a, h, f);
+    var ys = ss(function(a, c, f) {
+      ht(a, c, f);
     });
-    function xn(a) {
+    function bs(a) {
       return function() {
         return a;
       };
     }
-    function vt(a) {
+    function pt(a) {
       return a;
     }
-    function wn() {
+    function xs() {
       return !1;
     }
-    i.exports = bn;
+    i.exports = ys;
   }(le, le.exports)), le.exports;
 }
-var rs = ss();
-const Ce = /* @__PURE__ */ ns(rs), kt = 12, as = {
+var rn = nn();
+const we = /* @__PURE__ */ sn(rn), St = 12, an = {
   candles: {
     direction: "right",
-    offset: `${Math.round(kt / 2)}px`,
+    offset: `${Math.round(St / 2)}px`,
     style: "filled",
     strokeWidth: 1,
-    baseWidth: kt,
+    baseWidth: St,
     bodyRatio: 0.7,
     zoomOnWheel: "both"
   },
@@ -1329,17 +1329,17 @@ const Ce = /* @__PURE__ */ ns(rs), kt = 12, as = {
   },
   markers: []
 };
-class os {
+class on {
   constructor(e) {
-    m(this, "_candles");
-    m(this, "_xAxis");
-    m(this, "_yAxis");
-    m(this, "_guides");
-    const t = Ce({}, as, e);
+    g(this, "_candles");
+    g(this, "_xAxis");
+    g(this, "_yAxis");
+    g(this, "_guides");
+    const t = we({}, an, e);
     this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides;
   }
   update(e) {
-    const t = Ce(
+    const t = we(
       {},
       {
         candles: this._candles,
@@ -1367,18 +1367,18 @@ class os {
     return this._guides;
   }
 }
-class P {
+class O {
   constructor(e) {
-    m(this, "_x");
-    m(this, "_y");
-    m(this, "_width");
-    m(this, "_height");
+    g(this, "_x");
+    g(this, "_y");
+    g(this, "_width");
+    g(this, "_height");
     let t;
     if (!e)
       t = { x: 0, y: 0, width: 0, height: 0 };
     else if (e instanceof HTMLElement || e instanceof Element) {
-      const { x: n, y: r, width: s, height: o } = e.getBoundingClientRect();
-      t = { x: n, y: r, width: s, height: o };
+      const { x: s, y: r, width: n, height: o } = e.getBoundingClientRect();
+      t = { x: s, y: r, width: n, height: o };
     } else
       t = e;
     this._x = t.x, this._y = t.y, this._width = t.width, this._height = t.height;
@@ -1408,47 +1408,47 @@ class P {
     return this._y + this._height;
   }
 }
-class ls {
+class ln {
   constructor(e, t) {
-    m(this, "_chart", new P());
-    m(this, "_area", new P());
-    m(this, "_xAxis", new P());
-    m(this, "_yAxis", new P());
-    m(this, "_axisIntersection", new P());
-    const { xAxis: n, yAxis: r } = t;
-    this._chart = new P(e), this._calc(n, r);
+    g(this, "_chart", new O());
+    g(this, "_area", new O());
+    g(this, "_xAxis", new O());
+    g(this, "_yAxis", new O());
+    g(this, "_axisIntersection", new O());
+    const { xAxis: s, yAxis: r } = t;
+    this._chart = new O(e), this._calc(s, r);
   }
   _calc(e, t) {
-    const n = e.isShow ? e.height : 0, r = t.isShow ? t.width : 0, s = this._chart.height - n, o = this._chart.width - r;
-    this._area = new P({
+    const s = e.isShow ? e.height : 0, r = t.isShow ? t.width : 0, n = this._chart.height - s, o = this._chart.width - r;
+    this._area = new O({
       x: t.position === "left" ? r : 0,
-      y: e.position === "top" ? n : 0,
+      y: e.position === "top" ? s : 0,
       width: o,
-      height: s
-    }), this._xAxis = new P({
-      y: e.position === "top" ? 0 : s,
+      height: n
+    }), this._xAxis = new O({
+      y: e.position === "top" ? 0 : n,
       x: t.position === "left" ? r : 0,
-      height: n,
+      height: s,
       width: o
-    }), this._yAxis = new P({
-      y: e.position === "top" ? n : 0,
+    }), this._yAxis = new O({
+      y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : o,
       width: r,
-      height: s
-    }), this._axisIntersection = new P({
-      y: e.position === "top" ? 0 : s,
+      height: n
+    }), this._axisIntersection = new O({
+      y: e.position === "top" ? 0 : n,
       x: t.position === "left" ? 0 : o,
       width: r,
-      height: n
+      height: s
     });
   }
   updateConfig(e) {
-    const { xAxis: t, yAxis: n } = e;
-    this._calc(t, n);
+    const { xAxis: t, yAxis: s } = e;
+    this._calc(t, s);
   }
   update(e) {
-    const { xAxis: t, yAxis: n } = e.config;
-    this._chart = new P(e.container), this._calc(t, n);
+    const { xAxis: t, yAxis: s } = e.config;
+    this._chart = new O(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1466,57 +1466,73 @@ class ls {
     return this._chart;
   }
 }
-const jt = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
-function cs(i, e) {
+const Ot = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
+function cn(i, e) {
   if (i.length < 2) return [];
   const t = [];
-  for (let n = 0; n < i.length - 1; n++) {
-    const r = i[n].close_time.getTime(), s = i[n].open_time.getTime(), l = new Date(i[n + 1].open_time).getTime() - r;
+  for (let s = 0; s < i.length - 1; s++) {
+    const r = i[s].close_time.getTime(), n = i[s].open_time.getTime(), l = new Date(i[s + 1].open_time).getTime() - r;
     if (l >= e) {
-      const c = Math.floor(l / e), d = [];
-      for (let u = 1; u <= c; u++)
-        d.push(s + u * e);
+      const h = Math.floor(l / e), d = [];
+      for (let u = 1; u <= h; u++)
+        d.push(n + u * e);
       d.length > 0 && t.push(d);
     }
   }
   return t;
 }
-function hs(i) {
-  const e = jt(i[0]), t = cs(i, e), n = [];
-  return t.forEach((r) => {
-    if (r.length === 0) return;
-    const s = i.find((u) => u.close_time.getTime() === r[0]), o = i.find(
-      (u) => u.open_time.getTime() === r[r.length - 1] + e
+function kt(i, e) {
+  const t = Ot(i[0]), s = cn(i, t), r = [];
+  return s.forEach((n) => {
+    if (n.length === 0) return;
+    const o = i.find((_) => _.close_time.getTime() === n[0]), l = i.find(
+      (_) => _.open_time.getTime() === n[n.length - 1] + t
     );
-    if (!s || !o)
+    if (!o || !l)
       throw new Error("[CS_Data] error while creating missing data");
-    const l = s.close, d = (o.open - l) / r.length;
-    r.forEach((u, _) => {
-      const g = l + d * _, p = g + d, v = Math.abs(g - p), y = Math.max(g, p) + v / 2, b = Math.min(g, p) - v / 2, w = {
-        open_time: new Date(u),
-        close_time: new Date(u + e),
-        open: g,
-        close: p,
-        high: y,
-        low: b
+    const h = o.close, d = l.open;
+    let u = h;
+    n.forEach((_, m) => {
+      const p = (d - u) / n.length;
+      let v = u + p * m, y = v + p;
+      const b = Math.abs(v - y);
+      let x = Math.max(v, y) + b / 2, C = Math.min(v, y) - b / 2;
+      if (e.trade) {
+        const E = [...e.trade.entries, ...e.trade.exits].find(($) => {
+          const F = $.time.getTime();
+          return F >= _ && F < _ + t;
+        });
+        E && (E.type === "buy" ? (C = E.price, y = Math.max(C, y), v = y + b, x = Math.max(v, y) + b / 2, u = v) : E.type === "sell" && (x = E.price, y = Math.min(x, y), v = y - b, C = Math.min(v, y) - b / 2, u = v));
+      }
+      const M = {
+        open_time: new Date(_),
+        close_time: new Date(_ + t),
+        open: v,
+        close: y,
+        high: x,
+        low: C
       };
-      n.push(w);
+      r.push(M);
     });
-  }), n;
+  }), r;
 }
-class ds {
-  constructor(e) {
-    m(this, "_initialData", []);
-    m(this, "_preparedData", []);
-    m(this, "_missingData", []);
-    m(this, "_count", 0);
-    this.update(e);
+class hn {
+  constructor(e, t) {
+    g(this, "_initialData", []);
+    g(this, "_preparedData", []);
+    g(this, "_missingData", []);
+    g(this, "_count", 0);
+    g(this, "_model");
+    this._model = t, this.update(e);
   }
   _prepare(e) {
-    return e.map((t) => ({ ...t, open_time: new Date(t.open_time), close_time: new Date(t.close_time) })).sort((t, n) => t.open_time.getTime() - n.open_time.getTime());
+    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 = hs(this._preparedData), this._count = this._preparedData.length + this._missingData.length;
+    this._initialData = e, this._preparedData = this._prepare(e), this._missingData = kt(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length;
+  }
+  updateMissingCandles() {
+    this._missingData = kt(this._preparedData, this._model);
   }
   get initialData() {
     return this._initialData;
@@ -1534,29 +1550,29 @@ class ds {
     return this._count;
   }
 }
-class us {
+class dn {
   constructor() {
-    m(this, "listeners", {});
+    g(this, "listeners", {});
   }
   subscribe(e, t) {
     return this.listeners[e] || (this.listeners[e] = []), this.listeners[e].push(t), () => this.unsubscribe(e, t);
   }
   unsubscribe(e, t) {
-    var n;
-    this.listeners[e] = ((n = this.listeners[e]) == null ? void 0 : n.filter((r) => r !== t)) || [];
+    var s;
+    this.listeners[e] = ((s = this.listeners[e]) == null ? void 0 : s.filter((r) => r !== t)) || [];
   }
   emit(e, ...t) {
     var r;
-    const n = t[0];
-    (r = this.listeners[e]) == null || r.forEach((s) => {
-      s(n);
+    const s = t[0];
+    (r = this.listeners[e]) == null || r.forEach((n) => {
+      n(s);
     });
   }
 }
-class Ve {
+class Ze {
   constructor(e, t) {
-    m(this, "_scale");
-    m(this, "_onChange");
+    g(this, "_scale");
+    g(this, "_onChange");
     this._scale = e, this._onChange = t;
   }
   reConstruct(e) {
@@ -1586,7 +1602,7 @@ class Ve {
     return this._scale.tickFormat(e, t);
   }
   copy() {
-    return new Ve(this._scale.copy(), this._onChange);
+    return new Ze(this._scale.copy(), this._onChange);
   }
   raw() {
     return this._scale;
@@ -1595,10 +1611,10 @@ class Ve {
     return this._scale(e);
   }
 }
-class Je {
+class Ve {
   constructor(e, t) {
-    m(this, "_scale");
-    m(this, "_onChange");
+    g(this, "_scale");
+    g(this, "_onChange");
     this._scale = e, this._onChange = t;
   }
   reConstruct(e) {
@@ -1630,7 +1646,7 @@ class Je {
     return this._scale.tickFormat(e, t);
   }
   copy() {
-    return new Je(this._scale.copy(), this._onChange);
+    return new Ve(this._scale.copy(), this._onChange);
   }
   raw() {
     return this._scale;
@@ -1639,12 +1655,12 @@ class Je {
     return this._scale(e);
   }
 }
-const fs = (i) => {
+const un = (i) => {
   const e = i.match(/^(\d+)([a-zA-Z]+)$/);
   if (!e)
     throw new Error(`Invalid offset format: "${i}"`);
   return [parseInt(e[1]), e[2]];
-}, gs = {
+}, gn = {
   s: 1e3,
   M: 1e3 * 60,
   h: 1e3 * 60 * 60,
@@ -1653,41 +1669,41 @@ const fs = (i) => {
 }, Et = (i) => {
   const {
     candles: { preparedData: e, count: t },
-    layout: { area: n, xAxis: r },
+    layout: { area: s, xAxis: r },
     config: {
-      candles: { offset: s, direction: o, baseWidth: l, bodyRatio: c }
+      candles: { offset: n, direction: o, baseWidth: l, bodyRatio: h }
     }
-  } = i, d = k.extent(e, (N) => new Date(N.open_time));
+  } = i, d = k.extent(e, (E) => new Date(E.open_time));
   if (!d[0] || !d[1])
     throw new Error("Cannot create scales: data is empty or invalid");
-  const u = d[0].getTime(), _ = d[1].getTime(), g = _ - u, p = l / c * t, v = g * (n.width / p), y = o === "left" ? [d[0], new Date(u + v)] : [new Date(_ - v), d[1]];
+  const u = d[0].getTime(), _ = d[1].getTime(), m = _ - u, p = l / h * t, v = m * (s.width / p), y = o === "left" ? [d[0], new Date(u + v)] : [new Date(_ - v), d[1]];
   let b = k.scaleTime().domain(y).range([r.x, r.width]);
-  const [w, T] = fs(s);
-  let C = 0;
-  return T === "px" ? C = b.invert(r.x + w).getTime() - b.invert(r.x).getTime() : C = gs[T] * w, C *= o === "left" ? -1 : 1, b.domain([
-    new Date(y[0].getTime() + C),
-    new Date(y[1].getTime() + C)
+  const [x, C] = un(n);
+  let M = 0;
+  return C === "px" ? M = b.invert(r.x + x).getTime() - b.invert(r.x).getTime() : M = gn[C] * x, M *= o === "left" ? -1 : 1, b.domain([
+    new Date(y[0].getTime() + M),
+    new Date(y[1].getTime() + M)
   ]), b;
 }, Dt = (i) => {
   const {
     candles: { preparedData: e },
     layout: { yAxis: t }
-  } = i, n = k.min(e, (s) => s.low), r = k.max(e, (s) => s.high);
-  if (n === void 0 || r === void 0)
+  } = i, s = k.min(e, (n) => n.low), r = k.max(e, (n) => n.high);
+  if (s === void 0 || r === void 0)
     throw new Error("Cannot create scales: data is empty or invalid");
-  return k.scaleLinear().domain([n, r]).range([t.y + t.height, t.y]);
+  return k.scaleLinear().domain([s, r]).range([t.y + t.height, t.y]);
 };
-class _s {
+class fn {
   constructor(e) {
-    m(this, "_scaleX");
-    m(this, "_scaleY");
-    m(this, "_scaleFactorX", 1);
-    m(this, "_scaleFactorY", 1);
-    m(this, "_model");
-    this._model = e, this._scaleX = new Ve(
+    g(this, "_scaleX");
+    g(this, "_scaleY");
+    g(this, "_scaleFactorX", 1);
+    g(this, "_scaleFactorY", 1);
+    g(this, "_model");
+    this._model = e, this._scaleX = new Ze(
       Et(this._model),
       () => e.eventBus.emit("scale_event")
-    ), this._scaleY = new Je(
+    ), this._scaleY = new Ve(
       Dt(this._model),
       () => e.eventBus.emit("scale_event")
     );
@@ -1714,12 +1730,107 @@ class _s {
     this._scaleFactorY = e;
   }
 }
-class Yt {
+class Lt {
+  static parseTrades({ entry: e, exit: t }) {
+    const s = e.map((n) => ({
+      ...n,
+      kind: "entry",
+      time: new Date(n.time)
+    })), r = t.map((n) => ({
+      ...n,
+      kind: "exit",
+      time: new Date(n.time)
+    }));
+    return [...s, ...r];
+  }
+  static mapTradesToCandles(e, t) {
+    return t.map((s) => {
+      const r = e.filter(
+        (n) => n.time >= s.open_time && n.time < s.close_time
+      );
+      return { candle: s, trades: r };
+    }).filter((s) => s.trades.length > 0);
+  }
+  static createMarker(e, t, s) {
+    return {
+      type: "horizontal",
+      value: s[e === "entry" ? "low" : "high"],
+      formatter: (r) => `${e === "entry" ? "Entry" : "Exit"} | ${r}`,
+      mainColor: t.main,
+      lineColor: t.line,
+      textColor: t.text
+    };
+  }
+}
+class _n {
+  constructor(e, { entry: t = [], exit: s = [] }) {
+    g(this, "_model");
+    g(this, "_rawEntry");
+    g(this, "_rawExit");
+    g(this, "_mapped", []);
+    g(this, "_entry", []);
+    g(this, "_exit", []);
+    g(this, "_timeRange", []);
+    g(this, "_activeTradeTime", null);
+    g(this, "_hoveredTradeTime", null);
+    this._rawEntry = t, this._rawExit = s, this._model = e, this.recalculate();
+  }
+  _calcTimeRange() {
+    const { allData: e } = this._model.candles, t = e.map((h) => h.open_time.getTime()), s = Ot(e[0]), r = Math.min(...this._entry.map((h) => h.time.getTime())), n = Math.max(...this._exit.map((h) => h.time.getTime())), o = t.findIndex((h) => h <= r && h + s >= r), l = t.findIndex((h) => h <= n && h + s >= n);
+    return t.slice(o === -1 ? 0 : o, (l === -1 ? t.length - 1 : l) + 1);
+  }
+  recalculate() {
+    const e = Lt.parseTrades({
+      entry: this._rawEntry,
+      exit: this._rawExit
+    });
+    this._mapped = Lt.mapTradesToCandles(e, this._model.candles.allData);
+    const t = this._mapped.flatMap((s) => s.trades);
+    this._entry = t.filter((s) => s.kind === "entry"), this._exit = t.filter((s) => s.kind === "exit"), this._timeRange = this._calcTimeRange();
+  }
+  updateTrade({ entry: e, exit: t }) {
+    this._rawEntry = e, this._rawExit = t, this.recalculate();
+  }
+  setActiveTrade(e) {
+    this._activeTradeTime = e, this._mapped = this._mapped.map((t) => ({
+      ...t,
+      isActive: t.candle.open_time.getTime() === e
+    }));
+  }
+  setHoveredTrade(e) {
+    this._hoveredTradeTime = e, this._mapped = this._mapped.map((t) => ({
+      ...t,
+      isHovered: t.candle.open_time.getTime() === e
+    }));
+  }
+  get hasActiveTrade() {
+    return this._activeTradeTime !== null;
+  }
+  get hasHoveredTrade() {
+    return this._hoveredTradeTime !== null;
+  }
+  get tradedCandles() {
+    return this._mapped;
+  }
+  get entries() {
+    return this._entry;
+  }
+  get exits() {
+    return this._exit;
+  }
+  get timeRange() {
+    return this._timeRange;
+  }
+  get hasTrade() {
+    return !!(this._rawEntry.length && this._rawExit.length);
+  }
+}
+class mn {
   constructor(e, t) {
-    m(this, "_rawMarkers");
-    m(this, "_markers", []);
-    m(this, "_model");
-    m(this, "_defaults", {
+    g(this, "_rawMarkers");
+    g(this, "_markers", []);
+    g(this, "_model");
+    g(this, "_defaults", {
       mainColor: "#000000",
       textColor: "#ffffff",
       lineColor: "#000000",
@@ -1733,33 +1844,33 @@ class Yt {
   rebuild() {
     const {
       layout: { area: e, chart: t },
-      config: n,
-      scales: { x: r, y: s },
+      config: s,
+      scales: { x: r, y: n },
       colorScheme: {
         userMarkers: { default: o }
       }
     } = this._model;
     this._markers = this._rawMarkers.map((l) => {
       var u, _;
-      const c = {
+      const h = {
         mainColor: l.mainColor ?? o.main,
         textColor: l.textColor ?? o.text,
         lineColor: l.lineColor ?? o.line
       };
       if ((l.type ?? "horizontal") === "horizontal") {
-        const g = l, p = s.map(g.value), y = (g.formatter ?? ((u = this._defaults.formatter) == null ? void 0 : u.horizontal) ?? ((b) => b.toString()))(g.value);
+        const m = l, p = n.map(m.value), y = (m.formatter ?? ((u = this._defaults.formatter) == null ? void 0 : u.horizontal) ?? ((b) => b.toString()))(m.value);
         return {
-          value: g.value,
+          value: m.value,
           type: "horizontal",
           text: y,
           x: e.x,
           y: p,
           lineLength: t.width,
-          position: n.yAxis.position,
-          ...c
+          position: s.yAxis.position,
+          ...h
         };
       } else {
-        const g = l, p = g.value instanceof Date ? g.value : new Date(g.value), v = r.map(p), b = (g.formatter ?? ((_ = this._defaults.formatter) == null ? void 0 : _.vertical) ?? ((w) => w.toLocaleString()))(p);
+        const m = l, p = m.value instanceof Date ? m.value : new Date(m.value), v = r.map(p), b = (m.formatter ?? ((_ = this._defaults.formatter) == null ? void 0 : _.vertical) ?? ((x) => x.toLocaleString()))(p);
         return {
           value: p,
           type: "vertical",
@@ -1767,8 +1878,8 @@ class Yt {
           x: v,
           y: e.y,
           lineLength: t.height,
-          position: n.xAxis.position,
-          ...c
+          position: s.xAxis.position,
+          ...h
         };
       }
     });
@@ -1780,176 +1891,89 @@ class Yt {
     return this._markers;
   }
 }
-class xe {
-  static parseTrades({ entry: e, exit: t }) {
-    const n = e.map((s) => ({
-      ...s,
-      kind: "entry",
-      time: new Date(s.time)
-    })), r = t.map((s) => ({
-      ...s,
-      kind: "exit",
-      time: new Date(s.time)
-    }));
-    return [...n, ...r];
-  }
-  static mapTradesToCandles(e, t) {
-    return t.map((n) => {
-      const r = e.filter(
-        (s) => s.time >= n.open_time && s.time < n.close_time
-      );
-      return { candle: n, trades: r };
-    }).filter((n) => n.trades.length > 0);
-  }
-  static createMarker(e, t, n) {
-    return {
-      type: "horizontal",
-      value: n[e === "entry" ? "low" : "high"],
-      formatter: (r) => `${e === "entry" ? "Entry" : "Exit"} | ${r}`,
-      mainColor: t.main,
-      lineColor: t.line,
-      textColor: t.text
-    };
-  }
-}
-class ms {
-  constructor(e, { entry: t = [], exit: n = [] }) {
-    m(this, "_model");
-    m(this, "_rawEntry");
-    m(this, "_rawExit");
-    m(this, "_mapped", []);
-    m(this, "_entry", []);
-    m(this, "_exit", []);
-    m(this, "_markers");
-    m(this, "_timeRange", []);
-    m(this, "_activeTradeTime", null);
-    this._rawEntry = t, this._rawExit = n, this._model = e, this._markers = new Yt(e, []), this.recalculate();
-  }
-  _createMarkers() {
-    const { trade: e } = this._model.colorScheme;
-    return this._mapped.flatMap(({ candle: t, trades: n }) => {
-      const r = [];
-      return n.some((s) => s.kind === "entry") && r.push(xe.createMarker("entry", e.entryMarker, t)), n.some((s) => s.kind === "exit") && r.push(xe.createMarker("exit", e.exitMarker, t)), r;
+class pn {
+  constructor() {
+    g(this, "bg", "#FFFFFF");
+    g(this, "axisIntersection", "#FFFFFF");
+    g(this, "xAxis", {
+      bg: "#FFFFFF",
+      text: "#7F7F83"
     });
-  }
-  _calcTimeRange() {
-    const { allData: e } = this._model.candles, t = e.map((c) => c.open_time.getTime()), n = jt(e[0]), r = Math.min(...this._entry.map((c) => c.time.getTime())), s = Math.max(...this._exit.map((c) => c.time.getTime())), o = t.findIndex((c) => c <= r && c + n >= r), l = t.findIndex((c) => c <= s && c + n >= s);
-    return t.slice(o === -1 ? 0 : o, (l === -1 ? t.length - 1 : l) + 1);
-  }
-  recalculate() {
-    const e = xe.parseTrades({
-      entry: this._rawEntry,
-      exit: this._rawExit
+    g(this, "yAxis", {
+      bg: "#FFFFFF",
+      text: "#7F7F83"
     });
-    this._mapped = xe.mapTradesToCandles(e, this._model.candles.allData);
-    const t = this._mapped.flatMap((n) => n.trades);
-    this._entry = t.filter((n) => n.kind === "entry"), this._exit = t.filter((n) => n.kind === "exit"), this._markers.updateMarkers(this._createMarkers()), this._timeRange = this._calcTimeRange();
-  }
-  updateTrade({ entry: e, exit: t }) {
-    this._rawEntry = e, this._rawExit = t, this.recalculate();
-  }
-  setActiveTrade(e) {
-    this._activeTradeTime = e, this._mapped = this._mapped.map((t) => ({
-      ...t,
-      isActive: t.candle.open_time.getTime() === e
-    }));
-  }
-  get hasActiveTrade() {
-    return this._activeTradeTime !== null;
-  }
-  get tradedCandles() {
-    return this._mapped;
-  }
-  get entries() {
-    return this._entry;
-  }
-  get exits() {
-    return this._exit;
-  }
-  get markers() {
-    return this._markers;
+    g(this, "candles", {
+      risingFill: "#56B683",
+      risingStroke: "#000000",
+      fallingFill: "#F18169",
+      fallingStroke: "#000000",
+      noDataFill: ["#d9d9da", "#ededed"],
+      noDataStroke: "#000000"
+    });
+    g(this, "guides", {
+      horizontalMarker: {
+        main: "#1C2026",
+        text: "#ffffff",
+        line: "#1C2026"
+      },
+      verticalMarker: {
+        main: "#1C2026",
+        text: "#ffffff",
+        line: "#1C2026"
+      }
+    });
+    g(this, "trade");
+    g(this, "userMarkers");
+    this.trade = {
+      buyLabel: {
+        main: this.candles.risingFill,
+        text: "#ffffff"
+      },
+      sellLabel: {
+        main: this.candles.fallingFill,
+        text: "#ffffff"
+      },
+      connectionLine: "#D9D9DA",
+      tradeBorders: "#EDEDED",
+      activeLabel: "#007AFF"
+    }, this.userMarkers = {
+      default: {
+        main: "#EDEDED",
+        text: "#000000",
+        line: "#EDEDED"
+      }
+    };
   }
-  get timeRange() {
-    return this._timeRange;
+  toObject() {
+    return {
+      bg: this.bg,
+      axisIntersection: this.axisIntersection,
+      xAxis: this.xAxis,
+      yAxis: this.yAxis,
+      candles: this.candles,
+      guides: this.guides,
+      trade: this.trade,
+      userMarkers: this.userMarkers
+    };
   }
 }
-const ps = {
-  bg: "#FFFFFF",
-  axisIntersection: "#FFFFFF",
-  xAxis: {
-    bg: "#FFFFFF",
-    text: "#7F7F83"
-  },
-  yAxis: {
-    bg: "#FFFFFF",
-    text: "#7F7F83"
-  },
-  candles: {
-    risingFill: "#56B683",
-    risingStroke: "#000000",
-    fallingFill: "#F18169",
-    fallingStroke: "#000000",
-    noDataFill: ["#d9d9da", "#ededed"],
-    noDataStroke: "#000000"
-  },
-  guides: {
-    horizontalMarker: {
-      main: "#1C2026",
-      text: "#ffffff",
-      line: "#1C2026"
-    },
-    verticalMarker: {
-      main: "#1C2026",
-      text: "#ffffff",
-      line: "#1C2026"
-    }
-  },
-  trade: {
-    entryMarker: {
-      main: "#56B683",
-      text: "#ffffff",
-      line: "#56B683"
-    },
-    exitMarker: {
-      main: "#F18169",
-      text: "#ffffff",
-      line: "#F18169"
-    },
-    entryLabel: {
-      main: "#56B683",
-      text: "#ffffff"
-    },
-    exitLabel: {
-      main: "#F18169",
-      text: "#ffffff"
-    },
-    connectionLine: "#D9D9DA",
-    tradeBorders: "#EDEDED",
-    activeLabel: "#007AFF"
-  },
-  userMarkers: {
-    default: {
-      main: "#EDEDED",
-      text: "#000000",
-      line: "#EDEDED"
-    }
-  }
-};
-class vs {
+const vn = new pn().toObject();
+class yn {
   constructor(e) {
-    m(this, "_bg");
-    m(this, "_candles");
-    m(this, "_xAxis");
-    m(this, "_yAxis");
-    m(this, "_guides");
-    m(this, "_axisIntersection");
-    m(this, "_trade");
-    m(this, "_userMarkers");
-    const t = Ce({}, ps, e);
+    g(this, "_bg");
+    g(this, "_candles");
+    g(this, "_xAxis");
+    g(this, "_yAxis");
+    g(this, "_guides");
+    g(this, "_axisIntersection");
+    g(this, "_trade");
+    g(this, "_userMarkers");
+    const t = we({}, vn, e);
     this._candles = t.candles, this._bg = t.bg, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._axisIntersection = t.axisIntersection, this._trade = t.trade, this._userMarkers = t.userMarkers;
   }
   update(e) {
-    const t = Ce(
+    const t = we(
       {},
       {
         bg: this._bg,
@@ -1990,27 +2014,27 @@ class vs {
     return this._userMarkers;
   }
 }
-class ys {
+class bn {
   constructor({
     chartId: e,
     container: t,
-    candles: n,
+    candles: s,
     config: r,
-    trade: s = { entry: [], exit: [] },
+    trade: n = { entry: [], exit: [] },
     userMarkers: o = [],
     colorScheme: l
   }) {
-    m(this, "_chartId");
-    m(this, "_container");
-    m(this, "_eventBus", new us());
-    m(this, "_candles");
-    m(this, "_config");
-    m(this, "_colorScheme");
-    m(this, "_layout");
-    m(this, "_scaleManager");
-    m(this, "_trade");
-    m(this, "_userMarkers");
-    this._chartId = e, this._container = t, this._candles = new ds(n), this._config = new os(r), this._colorScheme = new vs(l), this._layout = new ls(t, this._config), this._scaleManager = new _s(this), this._trade = new ms(this, s), this._userMarkers = new Yt(this, o);
+    g(this, "_chartId");
+    g(this, "_container");
+    g(this, "_eventBus", new dn());
+    g(this, "_candles");
+    g(this, "_config");
+    g(this, "_colorScheme");
+    g(this, "_layout");
+    g(this, "_scaleManager");
+    g(this, "_trade");
+    g(this, "_userMarkers");
+    this._chartId = e, this._container = t, this._candles = new hn(s, this), this._config = new on(r), this._colorScheme = new yn(l), this._layout = new ln(t, this._config), this._scaleManager = new fn(this), this._trade = new _n(this, n), this._candles.updateMissingCandles(), this._trade.recalculate(), this._userMarkers = new mn(this, o);
   }
   init() {
     this._eventBus.emit("init_model");
@@ -2067,18 +2091,18 @@ class ys {
     return this._colorScheme;
   }
 }
-const we = window.devicePixelRatio || 2;
+const xe = window.devicePixelRatio || 2;
 class R {
-  constructor({ tag: e, className: t, id: n, textContent: r }) {
-    m(this, "_tag");
-    m(this, "_className");
-    m(this, "_id");
-    m(this, "_textContent");
-    m(this, "_node");
-    m(this, "_absolutePosition", new DOMRect());
-    this._tag = e || "div", this._className = t || "", this._id = n || "", this._textContent = r || "";
-    const s = document.createElement(this._tag);
-    this._className && (s.className = this._className), this._id && (s.id = this._id), this._textContent && (s.textContent = this._textContent), this._node = s;
+  constructor({ tag: e, className: t, id: s, textContent: r }) {
+    g(this, "_tag");
+    g(this, "_className");
+    g(this, "_id");
+    g(this, "_textContent");
+    g(this, "_node");
+    g(this, "_absolutePosition", new DOMRect());
+    this._tag = e || "div", this._className = t || "", this._id = s || "", this._textContent = r || "";
+    const n = document.createElement(this._tag);
+    this._className && (n.className = this._className), this._id && (n.id = this._id), this._textContent && (n.textContent = this._textContent), this._node = n;
   }
   get node() {
     return this._node;
@@ -2099,24 +2123,24 @@ class R {
     this._absolutePosition = this._node.getBoundingClientRect();
   }
 }
-class Te extends R {
-  constructor({ className: t, id: n, width: r, height: s, isMain: o }) {
+class Me extends R {
+  constructor({ className: t, id: s, width: r, height: n, isMain: o }) {
     super({
       tag: "canvas",
       className: `${t} sc-charts-cs__canvas ${o ? "" : "sc-charts-cs__canvas-additional"}`,
-      id: n
+      id: s
     });
-    m(this, "_ctx");
-    m(this, "_width");
-    m(this, "_height");
-    m(this, "background", null);
-    this._width = r, this._height = s, this.updateSize({ width: r, height: s });
+    g(this, "_ctx");
+    g(this, "_width");
+    g(this, "_height");
+    g(this, "background", null);
+    this._width = r, this._height = n, this.updateSize({ width: r, height: n });
     const l = this._node.getContext("2d");
     if (!l) throw new Error("Failed to get 2D context");
-    l.scale(we, we), this._ctx = l;
+    l.scale(xe, xe), this._ctx = l;
   }
-  updateSize({ width: t, height: n }) {
-    t && (this._node.width = t * we, this._node.style.width = `${t}px`, this._width = t), n && (this._node.height = n * we, this._node.style.height = `${n}px`, this._height = n);
+  updateSize({ width: t, height: s }) {
+    t && (this._node.width = t * xe, this._node.style.width = `${t}px`, this._width = t), s && (this._node.height = s * xe, this._node.style.height = `${s}px`, this._height = s);
   }
   clear() {
     this.background ? (this._ctx.save(), this._ctx.fillStyle = this.background, this._ctx.fillRect(0, 0, this._width, this._height), this._ctx.restore()) : this._ctx.clearRect(0, 0, this._width, this._height);
@@ -2131,24 +2155,24 @@ class Te extends R {
     return this._height;
   }
 }
-function Ae(i) {
+function Te(i) {
   "@babel/helpers - typeof";
-  return Ae = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Te = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Ae(i);
+  }, Te(i);
 }
-var bs = /^\s+/, xs = /\s+$/;
-function M(i, e) {
-  if (i = i || "", e = e || {}, i instanceof M)
+var xn = /^\s+/, wn = /\s+$/;
+function T(i, e) {
+  if (i = i || "", e = e || {}, i instanceof T)
     return i;
-  if (!(this instanceof M))
-    return new M(i, e);
-  var t = ws(i);
+  if (!(this instanceof T))
+    return new T(i, e);
+  var t = Mn(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;
   },
@@ -2172,14 +2196,14 @@ M.prototype = {
     return (e.r * 299 + e.g * 587 + e.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var e = this.toRgb(), t, n, r, s, o, l;
-    return t = e.r / 255, n = e.g / 255, r = e.b / 255, t <= 0.03928 ? s = t / 12.92 : s = Math.pow((t + 0.055) / 1.055, 2.4), n <= 0.03928 ? o = n / 12.92 : o = Math.pow((n + 0.055) / 1.055, 2.4), r <= 0.03928 ? l = r / 12.92 : l = Math.pow((r + 0.055) / 1.055, 2.4), 0.2126 * s + 0.7152 * o + 0.0722 * l;
+    var e = this.toRgb(), t, s, r, n, o, l;
+    return t = e.r / 255, s = e.g / 255, r = e.b / 255, t <= 0.03928 ? n = t / 12.92 : n = Math.pow((t + 0.055) / 1.055, 2.4), s <= 0.03928 ? o = s / 12.92 : o = Math.pow((s + 0.055) / 1.055, 2.4), r <= 0.03928 ? l = r / 12.92 : l = Math.pow((r + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * o + 0.0722 * l;
   },
   setAlpha: function(e) {
-    return this._a = Wt(e), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = Yt(e), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var e = Lt(this._r, this._g, this._b);
+    var e = Ht(this._r, this._g, this._b);
     return {
       h: e.h * 360,
       s: e.s,
@@ -2188,8 +2212,8 @@ M.prototype = {
     };
   },
   toHsvString: function() {
-    var e = Lt(this._r, this._g, this._b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.v * 100);
-    return this._a == 1 ? "hsv(" + t + ", " + n + "%, " + r + "%)" : "hsva(" + t + ", " + n + "%, " + r + "%, " + this._roundA + ")";
+    var e = Ht(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), r = Math.round(e.v * 100);
+    return this._a == 1 ? "hsv(" + t + ", " + s + "%, " + r + "%)" : "hsva(" + t + ", " + s + "%, " + r + "%, " + this._roundA + ")";
   },
   toHsl: function() {
     var e = Nt(this._r, this._g, this._b);
@@ -2201,8 +2225,8 @@ M.prototype = {
     };
   },
   toHslString: function() {
-    var e = Nt(this._r, this._g, this._b), t = Math.round(e.h * 360), n = Math.round(e.s * 100), r = Math.round(e.l * 100);
-    return this._a == 1 ? "hsl(" + t + ", " + n + "%, " + r + "%)" : "hsla(" + t + ", " + n + "%, " + r + "%, " + this._roundA + ")";
+    var e = Nt(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), r = Math.round(e.l * 100);
+    return this._a == 1 ? "hsl(" + t + ", " + s + "%, " + r + "%)" : "hsla(" + t + ", " + s + "%, " + r + "%, " + this._roundA + ")";
   },
   toHex: function(e) {
     return It(this._r, this._g, this._b, e);
@@ -2211,7 +2235,7 @@ M.prototype = {
     return "#" + this.toHex(e);
   },
   toHex8: function(e) {
-    return As(this._r, this._g, this._b, this._a, e);
+    return Sn(this._r, this._g, this._b, this._a, e);
   },
   toHex8String: function(e) {
     return "#" + this.toHex8(e);
@@ -2229,102 +2253,102 @@ M.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(F(this._r, 255) * 100) + "%",
-      g: Math.round(F(this._g, 255) * 100) + "%",
-      b: Math.round(F(this._b, 255) * 100) + "%",
+      r: Math.round(I(this._r, 255) * 100) + "%",
+      g: Math.round(I(this._g, 255) * 100) + "%",
+      b: Math.round(I(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(F(this._r, 255) * 100) + "%, " + Math.round(F(this._g, 255) * 100) + "%, " + Math.round(F(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(F(this._r, 255) * 100) + "%, " + Math.round(F(this._g, 255) * 100) + "%, " + Math.round(F(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round(I(this._r, 255) * 100) + "%, " + Math.round(I(this._g, 255) * 100) + "%, " + Math.round(I(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(I(this._r, 255) * 100) + "%, " + Math.round(I(this._g, 255) * 100) + "%, " + Math.round(I(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Bs[It(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : $n[It(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(e) {
-    var t = "#" + Ft(this._r, this._g, this._b, this._a), n = t, r = this._gradientType ? "GradientType = 1, " : "";
+    var t = "#" + Rt(this._r, this._g, this._b, this._a), s = t, r = this._gradientType ? "GradientType = 1, " : "";
     if (e) {
-      var s = M(e);
-      n = "#" + Ft(s._r, s._g, s._b, s._a);
+      var n = T(e);
+      s = "#" + Rt(n._r, n._g, n._b, n._a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + r + "startColorstr=" + t + ",endColorstr=" + n + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(" + r + "startColorstr=" + t + ",endColorstr=" + s + ")";
   },
   toString: function(e) {
     var t = !!e;
     e = e || this._format;
-    var n = !1, r = this._a < 1 && this._a >= 0, s = !t && r && (e === "hex" || e === "hex6" || e === "hex3" || e === "hex4" || e === "hex8" || e === "name");
-    return s ? e === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (n = this.toRgbString()), e === "prgb" && (n = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (n = this.toHexString()), e === "hex3" && (n = this.toHexString(!0)), e === "hex4" && (n = this.toHex8String(!0)), e === "hex8" && (n = this.toHex8String()), e === "name" && (n = this.toName()), e === "hsl" && (n = this.toHslString()), e === "hsv" && (n = this.toHsvString()), n || this.toHexString());
+    var s = !1, r = this._a < 1 && this._a >= 0, n = !t && r && (e === "hex" || e === "hex6" || e === "hex3" || e === "hex4" || e === "hex8" || e === "name");
+    return n ? 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 n = e.apply(null, [this].concat([].slice.call(t)));
-    return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;
+    var s = e.apply(null, [this].concat([].slice.call(t)));
+    return this._r = s._r, this._g = s._g, this._b = s._b, this.setAlpha(s._a), this;
   },
   lighten: function() {
-    return this._applyModification(Ds, arguments);
+    return this._applyModification(Ln, arguments);
   },
   brighten: function() {
-    return this._applyModification(Ns, arguments);
+    return this._applyModification(Nn, arguments);
   },
   darken: function() {
-    return this._applyModification(Ls, arguments);
+    return this._applyModification(Hn, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Ss, arguments);
+    return this._applyModification(kn, arguments);
   },
   saturate: function() {
-    return this._applyModification(ks, arguments);
+    return this._applyModification(En, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Es, arguments);
+    return this._applyModification(Dn, arguments);
   },
   spin: function() {
-    return this._applyModification(Is, arguments);
+    return this._applyModification(In, arguments);
   },
   _applyCombination: function(e, t) {
     return e.apply(null, [this].concat([].slice.call(t)));
   },
   analogous: function() {
-    return this._applyCombination(zs, arguments);
+    return this._applyCombination(zn, arguments);
   },
   complement: function() {
-    return this._applyCombination(Fs, arguments);
+    return this._applyCombination(Rn, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination($s, arguments);
+    return this._applyCombination(Bn, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(Rs, arguments);
+    return this._applyCombination(Fn, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(Rt, [3]);
+    return this._applyCombination(Ft, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(Rt, [4]);
+    return this._applyCombination(Ft, [4]);
   }
 };
-M.fromRatio = function(i, e) {
-  if (Ae(i) == "object") {
+T.fromRatio = function(i, e) {
+  if (Te(i) == "object") {
     var t = {};
-    for (var n in i)
-      i.hasOwnProperty(n) && (n === "a" ? t[n] = i[n] : t[n] = ce(i[n]));
+    for (var s in i)
+      i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = ce(i[s]));
     i = t;
   }
-  return M(i, e);
+  return T(i, e);
 };
-function ws(i) {
+function Mn(i) {
   var e = {
     r: 0,
     g: 0,
     b: 0
-  }, t = 1, n = null, r = null, s = null, o = !1, l = !1;
-  return typeof i == "string" && (i = js(i)), Ae(i) == "object" && (Z(i.r) && Z(i.g) && Z(i.b) ? (e = Ms(i.r, i.g, i.b), o = !0, l = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(i.h) && Z(i.s) && Z(i.v) ? (n = ce(i.s), r = ce(i.v), e = Ts(i.h, n, r), o = !0, l = "hsv") : Z(i.h) && Z(i.s) && Z(i.l) && (n = ce(i.s), s = ce(i.l), e = Cs(i.h, n, s), o = !0, l = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = Wt(t), {
+  }, t = 1, s = null, r = null, n = null, o = !1, l = !1;
+  return typeof i == "string" && (i = jn(i)), Te(i) == "object" && (U(i.r) && U(i.g) && U(i.b) ? (e = Tn(i.r, i.g, i.b), o = !0, l = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : U(i.h) && U(i.s) && U(i.v) ? (s = ce(i.s), r = ce(i.v), e = An(i.h, s, r), o = !0, l = "hsv") : U(i.h) && U(i.s) && U(i.l) && (s = ce(i.s), n = ce(i.l), e = Cn(i.h, s, n), o = !0, l = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = Yt(t), {
     ok: o,
     format: i.format || l,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2333,230 +2357,230 @@ function ws(i) {
     a: t
   };
 }
-function Ms(i, e, t) {
+function Tn(i, e, t) {
   return {
-    r: F(i, 255) * 255,
-    g: F(e, 255) * 255,
-    b: F(t, 255) * 255
+    r: I(i, 255) * 255,
+    g: I(e, 255) * 255,
+    b: I(t, 255) * 255
   };
 }
 function Nt(i, e, t) {
-  i = F(i, 255), e = F(e, 255), t = F(t, 255);
-  var n = Math.max(i, e, t), r = Math.min(i, e, t), s, o, l = (n + r) / 2;
-  if (n == r)
-    s = o = 0;
+  i = I(i, 255), e = I(e, 255), t = I(t, 255);
+  var s = Math.max(i, e, t), r = Math.min(i, e, t), n, o, l = (s + r) / 2;
+  if (s == r)
+    n = o = 0;
   else {
-    var c = n - r;
-    switch (o = l > 0.5 ? c / (2 - n - r) : c / (n + r), n) {
+    var h = s - r;
+    switch (o = l > 0.5 ? h / (2 - s - r) : h / (s + r), s) {
       case i:
-        s = (e - t) / c + (e < t ? 6 : 0);
+        n = (e - t) / h + (e < t ? 6 : 0);
         break;
       case e:
-        s = (t - i) / c + 2;
+        n = (t - i) / h + 2;
         break;
       case t:
-        s = (i - e) / c + 4;
+        n = (i - e) / h + 4;
         break;
     }
-    s /= 6;
+    n /= 6;
   }
   return {
-    h: s,
+    h: n,
     s: o,
     l
   };
 }
-function Cs(i, e, t) {
-  var n, r, s;
-  i = F(i, 360), e = F(e, 100), t = F(t, 100);
+function Cn(i, e, t) {
+  var s, r, n;
+  i = I(i, 360), e = I(e, 100), t = I(t, 100);
   function o(d, u, _) {
     return _ < 0 && (_ += 1), _ > 1 && (_ -= 1), _ < 1 / 6 ? d + (u - d) * 6 * _ : _ < 1 / 2 ? u : _ < 2 / 3 ? d + (u - d) * (2 / 3 - _) * 6 : d;
   }
   if (e === 0)
-    n = r = s = t;
+    s = r = n = t;
   else {
-    var l = t < 0.5 ? t * (1 + e) : t + e - t * e, c = 2 * t - l;
-    n = o(c, l, i + 1 / 3), r = o(c, l, i), s = o(c, l, i - 1 / 3);
+    var l = t < 0.5 ? t * (1 + e) : t + e - t * e, h = 2 * t - l;
+    s = o(h, l, i + 1 / 3), r = o(h, l, i), n = o(h, l, i - 1 / 3);
   }
   return {
-    r: n * 255,
+    r: s * 255,
     g: r * 255,
-    b: s * 255
+    b: n * 255
   };
 }
-function Lt(i, e, t) {
-  i = F(i, 255), e = F(e, 255), t = F(t, 255);
-  var n = Math.max(i, e, t), r = Math.min(i, e, t), s, o, l = n, c = n - r;
-  if (o = n === 0 ? 0 : c / n, n == r)
-    s = 0;
+function Ht(i, e, t) {
+  i = I(i, 255), e = I(e, 255), t = I(t, 255);
+  var s = Math.max(i, e, t), r = Math.min(i, e, t), n, o, l = s, h = s - r;
+  if (o = s === 0 ? 0 : h / s, s == r)
+    n = 0;
   else {
-    switch (n) {
+    switch (s) {
       case i:
-        s = (e - t) / c + (e < t ? 6 : 0);
+        n = (e - t) / h + (e < t ? 6 : 0);
         break;
       case e:
-        s = (t - i) / c + 2;
+        n = (t - i) / h + 2;
         break;
       case t:
-        s = (i - e) / c + 4;
+        n = (i - e) / h + 4;
         break;
     }
-    s /= 6;
+    n /= 6;
   }
   return {
-    h: s,
+    h: n,
     s: o,
     v: l
   };
 }
-function Ts(i, e, t) {
-  i = F(i, 360) * 6, e = F(e, 100), t = F(t, 100);
-  var n = Math.floor(i), r = i - n, s = t * (1 - e), o = t * (1 - r * e), l = t * (1 - (1 - r) * e), c = n % 6, d = [t, o, s, s, l, t][c], u = [l, t, t, o, s, s][c], _ = [s, s, l, t, t, o][c];
+function An(i, e, t) {
+  i = I(i, 360) * 6, e = I(e, 100), t = I(t, 100);
+  var s = Math.floor(i), r = i - s, n = t * (1 - e), o = t * (1 - r * e), l = t * (1 - (1 - r) * e), h = s % 6, d = [t, o, n, n, l, t][h], u = [l, t, t, o, n, n][h], _ = [n, n, l, t, t, o][h];
   return {
     r: d * 255,
     g: u * 255,
     b: _ * 255
   };
 }
-function It(i, e, t, n) {
-  var r = [Y(Math.round(i).toString(16)), Y(Math.round(e).toString(16)), Y(Math.round(t).toString(16))];
-  return n && r[0].charAt(0) == r[0].charAt(1) && r[1].charAt(0) == r[1].charAt(1) && r[2].charAt(0) == r[2].charAt(1) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) : r.join("");
+function It(i, e, t, s) {
+  var r = [X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16))];
+  return s && r[0].charAt(0) == r[0].charAt(1) && r[1].charAt(0) == r[1].charAt(1) && r[2].charAt(0) == r[2].charAt(1) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) : r.join("");
 }
-function As(i, e, t, n, r) {
-  var s = [Y(Math.round(i).toString(16)), Y(Math.round(e).toString(16)), Y(Math.round(t).toString(16)), Y(Xt(n))];
-  return r && s[0].charAt(0) == s[0].charAt(1) && s[1].charAt(0) == s[1].charAt(1) && s[2].charAt(0) == s[2].charAt(1) && s[3].charAt(0) == s[3].charAt(1) ? s[0].charAt(0) + s[1].charAt(0) + s[2].charAt(0) + s[3].charAt(0) : s.join("");
+function Sn(i, e, t, s, r) {
+  var n = [X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16)), X(jt(s))];
+  return r && 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[3].charAt(0) == n[3].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) + n[3].charAt(0) : n.join("");
 }
-function Ft(i, e, t, n) {
-  var r = [Y(Xt(n)), Y(Math.round(i).toString(16)), Y(Math.round(e).toString(16)), Y(Math.round(t).toString(16))];
+function Rt(i, e, t, s) {
+  var r = [X(jt(s)), X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16))];
   return r.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()
   });
 };
-function Ss(i, e) {
+function kn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s -= e / 100, t.s = ke(t.s), M(t);
+  var t = T(i).toHsl();
+  return t.s -= e / 100, t.s = Se(t.s), T(t);
 }
-function ks(i, e) {
+function En(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s += e / 100, t.s = ke(t.s), M(t);
+  var t = T(i).toHsl();
+  return t.s += e / 100, t.s = Se(t.s), T(t);
 }
-function Es(i) {
-  return M(i).desaturate(100);
+function Dn(i) {
+  return T(i).desaturate(100);
 }
-function Ds(i, e) {
+function Ln(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l += e / 100, t.l = ke(t.l), M(t);
+  var t = T(i).toHsl();
+  return t.l += e / 100, t.l = Se(t.l), T(t);
 }
-function Ns(i, e) {
+function Nn(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 Ls(i, e) {
+function Hn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l -= e / 100, t.l = ke(t.l), M(t);
+  var t = T(i).toHsl();
+  return t.l -= e / 100, t.l = Se(t.l), T(t);
 }
-function Is(i, e) {
-  var t = M(i).toHsl(), n = (t.h + e) % 360;
-  return t.h = n < 0 ? 360 + n : n, M(t);
+function In(i, e) {
+  var t = T(i).toHsl(), s = (t.h + e) % 360;
+  return t.h = s < 0 ? 360 + s : s, T(t);
 }
-function Fs(i) {
-  var e = M(i).toHsl();
-  return e.h = (e.h + 180) % 360, M(e);
+function Rn(i) {
+  var e = T(i).toHsl();
+  return e.h = (e.h + 180) % 360, T(e);
 }
-function Rt(i, e) {
+function Ft(i, e) {
   if (isNaN(e) || e <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = M(i).toHsl(), n = [M(i)], r = 360 / e, s = 1; s < e; s++)
-    n.push(M({
-      h: (t.h + s * r) % 360,
+  for (var t = T(i).toHsl(), s = [T(i)], r = 360 / e, n = 1; n < e; n++)
+    s.push(T({
+      h: (t.h + n * r) % 360,
       s: t.s,
       l: t.l
     }));
-  return n;
+  return s;
 }
-function Rs(i) {
-  var e = M(i).toHsl(), t = e.h;
-  return [M(i), M({
+function Fn(i) {
+  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
   })];
 }
-function zs(i, e, t) {
+function zn(i, e, t) {
   e = e || 6, t = t || 30;
-  var n = M(i).toHsl(), r = 360 / t, s = [M(i)];
-  for (n.h = (n.h - (r * e >> 1) + 720) % 360; --e; )
-    n.h = (n.h + r) % 360, s.push(M(n));
-  return s;
+  var s = T(i).toHsl(), r = 360 / t, n = [T(i)];
+  for (s.h = (s.h - (r * e >> 1) + 720) % 360; --e; )
+    s.h = (s.h + r) % 360, n.push(T(s));
+  return n;
 }
-function $s(i, e) {
+function Bn(i, e) {
   e = e || 6;
-  for (var t = M(i).toHsv(), n = t.h, r = t.s, s = t.v, o = [], l = 1 / e; e--; )
-    o.push(M({
-      h: n,
+  for (var t = T(i).toHsv(), s = t.h, r = t.s, n = t.v, o = [], l = 1 / e; e--; )
+    o.push(T({
+      h: s,
       s: r,
-      v: s
-    })), s = (s + l) % 1;
+      v: n
+    })), n = (n + l) % 1;
   return o;
 }
-M.mix = function(i, e, t) {
+T.mix = function(i, e, t) {
   t = t === 0 ? 0 : t || 50;
-  var n = M(i).toRgb(), r = M(e).toRgb(), s = t / 100, o = {
-    r: (r.r - n.r) * s + n.r,
-    g: (r.g - n.g) * s + n.g,
-    b: (r.b - n.b) * s + n.b,
-    a: (r.a - n.a) * s + n.a
+  var s = T(i).toRgb(), r = T(e).toRgb(), n = t / 100, o = {
+    r: (r.r - s.r) * n + s.r,
+    g: (r.g - s.g) * n + s.g,
+    b: (r.b - s.b) * n + s.b,
+    a: (r.a - s.a) * n + s.a
   };
-  return M(o);
+  return T(o);
 };
-M.readability = function(i, e) {
-  var t = M(i), n = M(e);
-  return (Math.max(t.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), n.getLuminance()) + 0.05);
+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 n = M.readability(i, e), r, s;
-  switch (s = !1, r = Ys(t), r.level + r.size) {
+T.isReadable = function(i, e, t) {
+  var s = T.readability(i, e), r, n;
+  switch (n = !1, r = Xn(t), r.level + r.size) {
     case "AAsmall":
     case "AAAlarge":
-      s = n >= 4.5;
+      n = s >= 4.5;
       break;
     case "AAlarge":
-      s = n >= 3;
+      n = s >= 3;
       break;
     case "AAAsmall":
-      s = n >= 7;
+      n = s >= 7;
       break;
   }
-  return s;
+  return n;
 };
-M.mostReadable = function(i, e, t) {
-  var n = null, r = 0, s, o, l, c;
-  t = t || {}, o = t.includeFallbackColors, l = t.level, c = t.size;
+T.mostReadable = function(i, e, t) {
+  var s = null, r = 0, n, o, l, h;
+  t = t || {}, o = t.includeFallbackColors, l = t.level, h = t.size;
   for (var d = 0; d < e.length; d++)
-    s = M.readability(i, e[d]), s > r && (r = s, n = M(e[d]));
-  return M.isReadable(i, n, {
+    n = T.readability(i, e[d]), n > r && (r = n, s = T(e[d]));
+  return T.isReadable(i, s, {
     level: l,
-    size: c
-  }) || !o ? n : (t.includeFallbackColors = !1, M.mostReadable(i, ["#fff", "#000"], t));
+    size: h
+  }) || !o ? s : (t.includeFallbackColors = !1, T.mostReadable(i, ["#fff", "#000"], t));
 };
-var Ue = M.names = {
+var Ue = T.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2706,54 +2730,54 @@ var Ue = M.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Bs = M.hexNames = Os(Ue);
-function Os(i) {
+}, $n = T.hexNames = Pn(Ue);
+function Pn(i) {
   var e = {};
   for (var t in i)
     i.hasOwnProperty(t) && (e[i[t]] = t);
   return e;
 }
-function Wt(i) {
+function Yt(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
-function F(i, e) {
-  Ps(i) && (i = "100%");
-  var t = Hs(i);
+function I(i, e) {
+  On(i) && (i = "100%");
+  var t = Yn(i);
   return i = Math.min(e, Math.max(0, parseFloat(i))), t && (i = parseInt(i * e, 10) / 100), Math.abs(i - e) < 1e-6 ? 1 : i % e / parseFloat(e);
 }
-function ke(i) {
+function Se(i) {
   return Math.min(1, Math.max(0, i));
 }
-function $(i) {
+function B(i) {
   return parseInt(i, 16);
 }
-function Ps(i) {
+function On(i) {
   return typeof i == "string" && i.indexOf(".") != -1 && parseFloat(i) === 1;
 }
-function Hs(i) {
+function Yn(i) {
   return typeof i == "string" && i.indexOf("%") != -1;
 }
-function Y(i) {
+function X(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
 function ce(i) {
   return i <= 1 && (i = i * 100 + "%"), i;
 }
-function Xt(i) {
+function jt(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
 function zt(i) {
-  return $(i) / 255;
+  return B(i) / 255;
 }
-var H = function() {
-  var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", r = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
+var Y = function() {
+  var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", r = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
-    rgb: new RegExp("rgb" + n),
+    rgb: new RegExp("rgb" + s),
     rgba: new RegExp("rgba" + r),
-    hsl: new RegExp("hsl" + n),
+    hsl: new RegExp("hsl" + s),
     hsla: new RegExp("hsla" + r),
-    hsv: new RegExp("hsv" + n),
+    hsv: new RegExp("hsv" + s),
     hsva: new RegExp("hsva" + r),
     hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
@@ -2761,11 +2785,11 @@ var H = function() {
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
 }();
-function Z(i) {
-  return !!H.CSS_UNIT.exec(i);
+function U(i) {
+  return !!Y.CSS_UNIT.exec(i);
 }
-function js(i) {
-  i = i.replace(bs, "").replace(xs, "").toLowerCase();
+function jn(i) {
+  i = i.replace(xn, "").replace(wn, "").toLowerCase();
   var e = !1;
   if (Ue[i])
     i = Ue[i], e = !0;
@@ -2778,58 +2802,58 @@ function js(i) {
       format: "name"
     };
   var t;
-  return (t = H.rgb.exec(i)) ? {
+  return (t = Y.rgb.exec(i)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = H.rgba.exec(i)) ? {
+  } : (t = Y.rgba.exec(i)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = H.hsl.exec(i)) ? {
+  } : (t = Y.hsl.exec(i)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = H.hsla.exec(i)) ? {
+  } : (t = Y.hsla.exec(i)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = H.hsv.exec(i)) ? {
+  } : (t = Y.hsv.exec(i)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = H.hsva.exec(i)) ? {
+  } : (t = Y.hsva.exec(i)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = H.hex8.exec(i)) ? {
-    r: $(t[1]),
-    g: $(t[2]),
-    b: $(t[3]),
+  } : (t = Y.hex8.exec(i)) ? {
+    r: B(t[1]),
+    g: B(t[2]),
+    b: B(t[3]),
     a: zt(t[4]),
     format: e ? "name" : "hex8"
-  } : (t = H.hex6.exec(i)) ? {
-    r: $(t[1]),
-    g: $(t[2]),
-    b: $(t[3]),
+  } : (t = Y.hex6.exec(i)) ? {
+    r: B(t[1]),
+    g: B(t[2]),
+    b: B(t[3]),
     format: e ? "name" : "hex"
-  } : (t = H.hex4.exec(i)) ? {
-    r: $(t[1] + "" + t[1]),
-    g: $(t[2] + "" + t[2]),
-    b: $(t[3] + "" + t[3]),
+  } : (t = Y.hex4.exec(i)) ? {
+    r: B(t[1] + "" + t[1]),
+    g: B(t[2] + "" + t[2]),
+    b: B(t[3] + "" + t[3]),
     a: zt(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
-  } : (t = H.hex3.exec(i)) ? {
-    r: $(t[1] + "" + t[1]),
-    g: $(t[2] + "" + t[2]),
-    b: $(t[3] + "" + t[3]),
+  } : (t = Y.hex3.exec(i)) ? {
+    r: B(t[1] + "" + t[1]),
+    g: B(t[2] + "" + t[2]),
+    b: B(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
-function Ys(i) {
+function Xn(i) {
   var e, t;
   return i = i || {
     level: "AA",
@@ -2839,17 +2863,17 @@ function Ys(i) {
     size: t
   };
 }
-function Gt(i, e, t, { fillColor: n, strokeColor: r, candleWidth: s, strokeWidth: o }, l) {
-  const c = (C) => t.scales.x.map(C), d = (C) => t.scales.y.map(C), u = c(e.open_time), _ = d(e.open), g = d(e.close), p = t.trade.timeRange.includes(e.open_time.getTime()), v = t.trade.timeRange.length && !p, y = (C) => v ? M.mix(C, l).toString() : C;
-  i.fillStyle = y(n), i.strokeStyle = y(r), i.lineWidth = o, i.beginPath(), i.moveTo(u, d(e.high)), i.lineTo(u, d(e.low)), i.stroke();
-  const b = Math.min(_, g), w = Math.abs(g - _), T = u - s / 2;
-  i.fillRect(T, b, s, w), i.strokeRect(T, b, s, w);
-}
-function Ws(i, e) {
-  const { strokeWidth: t, style: n } = e.config.candles, { candles: r, bg: s } = e.colorScheme, o = e.config.candles.baseWidth * e.scales.factorX;
-  e.candles.missingData.forEach((l, c) => {
-    const d = r.noDataFill[c % r.noDataFill.length], u = n === "filled" ? d : r.noDataStroke;
-    Gt(
+function Xt(i, e, t, { fillColor: s, strokeColor: r, candleWidth: n, strokeWidth: o }, l) {
+  const h = (M) => t.scales.x.map(M), d = (M) => t.scales.y.map(M), u = h(e.open_time), _ = d(e.open), m = d(e.close), p = t.trade.timeRange.includes(e.open_time.getTime()), v = t.trade.timeRange.length && !p, y = (M) => v ? T.mix(M, l).toString() : M;
+  i.fillStyle = y(s), i.strokeStyle = y(r), i.lineWidth = o, i.beginPath(), i.moveTo(u, d(e.high)), i.lineTo(u, d(e.low)), i.stroke();
+  const b = Math.min(_, m), x = Math.abs(m - _), C = u - n / 2;
+  i.fillRect(C, b, n, x), i.strokeRect(C, b, n, x);
+}
+function Wn(i, e) {
+  const { strokeWidth: t, style: s } = e.config.candles, { candles: r, bg: n } = e.colorScheme, o = e.config.candles.baseWidth * e.scales.factorX;
+  e.candles.missingData.forEach((l, h) => {
+    const d = r.noDataFill[h % r.noDataFill.length], u = s === "filled" ? d : r.noDataStroke;
+    Xt(
       i,
       l,
       e,
@@ -2859,21 +2883,21 @@ function Ws(i, e) {
         candleWidth: o,
         strokeWidth: t
       },
-      s
+      n
     );
   });
 }
-function Xs(i, e) {
-  const { strokeWidth: t, style: n } = e.config.candles, r = e.config.candles.baseWidth * e.scales.factorX, { candles: s, bg: o } = e.colorScheme;
+function Gn(i, e) {
+  const { strokeWidth: t, style: s } = e.config.candles, r = e.config.candles.baseWidth * e.scales.factorX, { candles: n, bg: o } = e.colorScheme;
   e.candles.preparedData.forEach((l) => {
-    const c = l.close >= l.open ? "up" : "down", d = c === "up" ? s.risingFill : s.fallingFill, u = c === "up" ? s.risingStroke : s.fallingStroke;
-    Gt(
+    const h = l.close >= l.open ? "up" : "down", d = h === "up" ? n.risingFill : n.fallingFill, u = h === "up" ? n.risingStroke : n.fallingStroke;
+    Xt(
       i,
       l,
       e,
       {
         fillColor: d,
-        strokeColor: n === "filled" ? d : u,
+        strokeColor: s === "filled" ? d : u,
         candleWidth: r,
         strokeWidth: t
       },
@@ -2881,65 +2905,65 @@ function Xs(i, e) {
     );
   });
 }
-class Gs {
+class Un {
   static renderAll(e, t) {
-    Ws(e, t), Xs(e, t);
+    Wn(e, t), Gn(e, t);
   }
 }
-const $t = 10;
-function Zs(i, e) {
+const Bt = 10;
+function Zn(i, e) {
   const {
     layout: { xAxis: t },
-    colorScheme: { xAxis: n },
+    colorScheme: { xAxis: s },
     config: { xAxis: r },
-    scales: s
-  } = e, o = s.x.ticks($t), l = (c) => {
-    const d = s.x.tickFormat($t)(c);
-    return /AM|PM/.test(d) ? k.timeFormat("%H:%M")(c) : d;
+    scales: n
+  } = e, o = n.x.ticks(Bt), l = (h) => {
+    const d = n.x.tickFormat(Bt)(h);
+    return /AM|PM/.test(d) ? k.timeFormat("%H:%M")(h) : d;
   };
-  i.save(), i.fillStyle = n.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = n.text, i.font = `${r.text.fontSize} ${r.text.font}`, i.textAlign = "center", i.textBaseline = "middle", o.forEach((c) => {
-    const d = s.x.map(c), u = l(c);
+  i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${r.text.fontSize} ${r.text.font}`, i.textAlign = "center", i.textBaseline = "middle", o.forEach((h) => {
+    const d = n.x.map(h), u = l(h);
     i.fillText(u, d, t.y + t.height / 2);
   });
 }
-function Us(i, e) {
+function Vn(i, e) {
   const {
     layout: { yAxis: t },
-    colorScheme: { yAxis: n },
+    colorScheme: { yAxis: s },
     config: { yAxis: r },
-    scales: s
-  } = e, o = s.y.ticks(6), l = s.y.tickFormat(6);
-  i.save(), i.fillStyle = n.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = n.text, i.font = `${r.text.fontSize} ${r.text.font}`, i.textAlign = "center", i.textBaseline = "middle", o.forEach((c) => {
-    const d = s.y.map(c), u = l(c);
+    scales: n
+  } = e, o = n.y.ticks(6), l = n.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 = `${r.text.fontSize} ${r.text.font}`, i.textAlign = "center", i.textBaseline = "middle", o.forEach((h) => {
+    const d = n.y.map(h), u = l(h);
     i.fillText(u, t.x + t.width / 2, d);
   });
 }
-const Vs = (i, e) => {
+const Jn = (i, e) => {
   const {
     layout: { axisIntersection: t },
-    colorScheme: n
+    colorScheme: s
   } = e;
-  i.save(), i.fillStyle = n.axisIntersection, i.fillRect(
+  i.save(), i.fillStyle = s.axisIntersection, i.fillRect(
     t.x,
     t.y,
     t.width,
     t.height
   ), i.restore();
 };
-class Ze {
+class Ge {
   static xAxis(e, t) {
-    Zs(e, t);
+    Zn(e, t);
   }
   static yAxis(e, t) {
-    Us(e, t);
+    Vn(e, t);
   }
   static intersection(e, t) {
-    Vs(e, t);
+    Jn(e, t);
   }
 }
-class Js {
+class Qn {
   constructor(e) {
-    m(this, "_target");
+    g(this, "_target");
     this._target = e;
   }
   mousemove(e) {
@@ -2957,95 +2981,98 @@ class Js {
   wheel(e) {
     this._target.addEventListener("wheel", e);
   }
+  dblclick(e) {
+    this._target.addEventListener("dblclick", e);
+  }
 }
 class j {
-  static line(e, { lineColor: t, type: n, x: r, y: s, lineLength: o }) {
-    e.save(), e.strokeStyle = t || "#777777", e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(r, s), e.lineTo(r + (n === "h" ? o : 0), s + (n === "v" ? o : 0)), e.stroke(), e.restore();
+  static line(e, { lineColor: t, type: s, x: r, y: n, lineLength: o }) {
+    e.save(), e.strokeStyle = t || "#777777", e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(r, n), e.lineTo(r + (s === "h" ? o : 0), n + (s === "v" ? o : 0)), e.stroke(), e.restore();
   }
   static _basicLabel(e, {
     text: t,
-    mainColor: n,
+    mainColor: s,
     textColor: r,
-    position: s
+    position: n
   }) {
-    e.textContent = t, e.style.backgroundColor = n ?? "#777777", e.style.color = r ?? "#ffffff", e.style[s] = "0px";
+    e.textContent = t, e.style.backgroundColor = s ?? "#777777", e.style.color = r ?? "#ffffff", e.style[n] = "0px";
   }
-  static label_h(e, { text: t, y: n, mainColor: r, textColor: s, position: o }) {
-    j._basicLabel(e, { text: t, mainColor: r, textColor: s, position: o }), e.style.top = n + "px", e.style.transform = "translateY(-50%)";
+  static label_h(e, { text: t, y: s, mainColor: r, textColor: n, position: o }) {
+    j._basicLabel(e, { text: t, mainColor: r, textColor: n, position: o }), e.style.top = s + "px", e.style.transform = "translateY(-50%)";
   }
-  static label_v(e, { text: t, x: n, mainColor: r, textColor: s, position: o }) {
-    j._basicLabel(e, { text: t, mainColor: r, textColor: s, position: o }), e.style.left = n + "px", e.style.transform = "translateX(-50%)";
+  static label_v(e, { text: t, x: s, mainColor: r, textColor: n, position: o }) {
+    j._basicLabel(e, { text: t, mainColor: r, textColor: n, position: o }), e.style.left = s + "px", e.style.transform = "translateX(-50%)";
   }
   static horizontalMarker({
     node: e,
     ctx: t,
-    x: n,
+    x: s,
     y: r,
-    lineLength: s,
+    lineLength: n,
     text: o,
     textColor: l,
-    mainColor: c,
+    mainColor: h,
     lineColor: d,
     position: u
   }) {
     j.line(t, {
       type: "h",
-      x: n,
+      x: s,
       y: r,
-      lineLength: s,
+      lineLength: n,
       lineColor: d
     }), j.label_h(e, {
       text: o,
       y: r,
       textColor: l,
-      mainColor: c,
+      mainColor: h,
       position: u
     });
   }
   static verticalMarker({
     node: e,
     ctx: t,
-    x: n,
+    x: s,
     y: r,
-    lineLength: s,
+    lineLength: n,
     text: o,
     textColor: l,
-    mainColor: c,
+    mainColor: h,
     lineColor: d,
     position: u
   }) {
     j.line(t, {
       type: "v",
-      x: n,
+      x: s,
       y: r,
-      lineLength: s,
+      lineLength: n,
       lineColor: d
     }), j.label_v(e, {
       text: o,
-      x: n,
+      x: s,
       textColor: l,
-      mainColor: c,
+      mainColor: h,
       position: u
     });
   }
 }
-class Qs {
+class qn {
   constructor(e, t) {
-    m(this, "_canvas");
-    m(this, "_parent");
-    m(this, "_horizontalMarker");
-    m(this, "_verticalMarker");
+    g(this, "_canvas");
+    g(this, "_parent");
+    g(this, "_horizontalMarker");
+    g(this, "_verticalMarker");
     this._canvas = t;
-    const n = new R({ tag: "div", className: "sc-charts-cs__guide-markers" });
-    this._parent = n;
+    const s = new R({ tag: "div", className: "sc-charts-cs__guide-markers" });
+    this._parent = s;
     const r = new R({
       tag: "div",
       className: "sc-charts-cs__guide-marker sc-charts-cs__guide-marker-h"
-    }), s = new R({
+    }), n = new R({
       tag: "div",
       className: "sc-charts-cs__guide-marker sc-charts-cs__guide-marker-v"
     });
-    this._horizontalMarker = r, this._verticalMarker = s, n.append(r.node), n.append(s.node), e.append(n.node), this.hide();
+    this._horizontalMarker = r, this._verticalMarker = n, s.append(r.node), s.append(n.node), e.append(s.node), this.hide();
   }
   update(e) {
     this._verticalMarker.node.style.display = e.isShowX ? "flex" : "none", this._horizontalMarker.node.style.display = e.isShowY ? "flex" : "none";
@@ -3056,11 +3083,11 @@ class Qs {
   show() {
     this._verticalMarker.node.style.display = "flex", this._horizontalMarker.node.style.display = "flex";
   }
-  render(e, { x: t, y: n }) {
+  render(e, { x: t, y: s }) {
     this._canvas.clear();
     const {
-      layout: { area: r, chart: s },
-      config: { guides: o, yAxis: l, xAxis: c },
+      layout: { area: r, chart: n },
+      config: { guides: o, yAxis: l, xAxis: h },
       colorScheme: {
         guides: { horizontalMarker: d, verticalMarker: u }
       }
@@ -3069,9 +3096,9 @@ class Qs {
       ctx: this._canvas.ctx,
       node: this._horizontalMarker.node,
       x: r.left,
-      y: n,
-      lineLength: s.width,
-      text: e.scales.y.invert(n).toFixed(2),
+      y: s,
+      lineLength: n.width,
+      text: e.scales.y.invert(s).toFixed(2),
       position: l.position,
       mainColor: d.main,
       lineColor: d.line,
@@ -3080,10 +3107,10 @@ class Qs {
       ctx: this._canvas.ctx,
       node: this._verticalMarker.node,
       text: k.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
-      position: c.position,
+      position: h.position,
       x: t,
       y: r.top,
-      lineLength: s.height,
+      lineLength: n.height,
       mainColor: u.main,
       lineColor: u.line,
       textColor: u.text
@@ -3093,148 +3120,124 @@ class Qs {
     this._canvas.clear(), this._parent.remove();
   }
 }
-function Me(i) {
+function Ce(i) {
   return i * 0.1875;
 }
-const qs = (i, { mainColor: e, textColor: t, symbol: n, x: r, y: s, size: o, fontSize: l }) => {
-  const _ = o / 16, g = 16 * _, p = r - g / 2, v = s;
+const Kn = (i, { mainColor: e, textColor: t, symbol: s, x: r, y: n, size: o, fontSize: l }) => {
+  const _ = o / 16, m = 16 * _, p = r - m / 2, v = n;
   i.save(), i.translate(p, v), i.scale(_, _), 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 ${l}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
-  const y = s + _ * 3 + 0.5, b = _ * 16, w = y + b / 2;
-  i.fillStyle = t, i.fillText(n, r, w), i.restore();
-}, Ks = (i, { mainColor: e, textColor: t, symbol: n, x: r, y: s, size: o, fontSize: l }) => {
-  const _ = o / 16, g = 16 * _, p = r - g / 2, v = s;
+  const y = n + _ * 3 + 0.5, b = _ * 16, x = y + b / 2;
+  i.fillStyle = t, i.fillText(s, r, x), i.restore();
+}, er = (i, { mainColor: e, textColor: t, symbol: s, x: r, y: n, size: o, fontSize: l }) => {
+  const _ = o / 16, m = 16 * _, p = r - m / 2, v = n;
   i.save(), i.translate(p, v), i.scale(_, -_), 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 ${l}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
-  const y = _ * 16, b = s - _ * 19 + y / 2;
-  i.fillStyle = t, i.fillText(n, r, b), i.restore();
+  const y = _ * 16, b = n - _ * 19 + y / 2;
+  i.fillStyle = t, i.fillText(s, r, b), i.restore();
 };
-function er(i, e) {
+function tr(i, e) {
   const {
     trade: { tradedCandles: t },
-    scales: { x: n, y: r },
-    colorScheme: { trade: s }
-  } = e, o = 4;
-  t.forEach(({ isActive: l, candle: c, trades: d }) => {
-    const u = n.map(c.open_time);
-    d.forEach((_) => {
-      const g = _.kind === "entry", p = g ? s.entryLabel.main : s.exitLabel.main, v = g ? s.entryLabel.text : s.exitLabel.text, y = _.type === "buy" ? "B" : "S", b = g ? r.map(c.low) + o : r.map(c.high) - o;
-      (_.type === "buy" ? qs : Ks)(i, {
-        x: u,
-        y: b,
-        symbol: y,
-        mainColor: l ? s.activeLabel : p,
-        textColor: v,
+    scales: { x: s, y: r },
+    colorScheme: n
+  } = e, { trade: o } = n, l = 4;
+  t.forEach(({ isHovered: h, isActive: d, candle: u, trades: _ }) => {
+    const m = s.map(u.open_time);
+    _.forEach((p) => {
+      const v = p.type === "buy", y = v ? o.buyLabel.text : o.sellLabel.text, b = v ? "B" : "S", x = v ? r.map(u.low) + l : r.map(u.high) - l, C = v ? Kn : er;
+      let M = v ? o.buyLabel.main : o.sellLabel.main;
+      h && (M = T.mix(M, n.bg, 20).toString()), d && (M = o.activeLabel), C(i, {
+        x: m,
+        y: x,
+        symbol: b,
+        mainColor: M,
+        textColor: y,
         size: 16,
         fontSize: 12
       });
     });
   });
 }
-function tr(i, e) {
+function ir(i, e) {
   const {
-    scales: { x: t, factorX: n },
+    scales: { x: t, factorX: s },
     layout: { area: r },
-    trade: { tradedCandles: s, exits: o, entries: l },
-    config: { candles: c },
+    trade: { tradedCandles: n, exits: o, entries: l },
+    config: { candles: h },
     colorScheme: { trade: d }
   } = e;
-  if (s.length === 0) return;
-  const u = s.map((g) => g.candle).sort((g, p) => g.open_time.getTime() - p.open_time.getTime()), _ = c.baseWidth / 2 * n + c.strokeWidth / 2;
+  if (n.length === 0) return;
+  const u = n.map((m) => m.candle).sort((m, p) => m.open_time.getTime() - p.open_time.getTime()), _ = h.baseWidth / 2 * s + h.strokeWidth / 2;
   if (i.save(), i.lineWidth = 1, i.strokeStyle = d.tradeBorders, l.length) {
-    const g = t.map(u[0].open_time) - _;
-    i.beginPath(), i.moveTo(g, r.y), i.lineTo(g, r.y + r.height), i.stroke();
+    const m = t.map(u[0].open_time) - _;
+    i.beginPath(), i.moveTo(m, r.y), i.lineTo(m, r.y + r.height), i.stroke();
   }
   if (o.length) {
-    const g = t.map(u[u.length - 1].open_time) + _;
-    i.beginPath(), i.moveTo(g, r.y), i.lineTo(g, r.y + r.height), i.stroke();
+    const m = t.map(u[u.length - 1].open_time) + _;
+    i.beginPath(), i.moveTo(m, r.y), i.lineTo(m, r.y + r.height), i.stroke();
   }
   i.restore();
 }
-const ir = (i, e) => {
+const sr = (i, e) => {
   const {
-    scales: { x: t, y: n },
-    trade: { tradedCandles: r, entries: s, exits: o },
+    scales: { x: t, y: s },
+    trade: { tradedCandles: r, entries: n, exits: o },
     colorScheme: { trade: l }
   } = e;
   i.save();
-  const c = (u) => {
+  const h = (u) => {
     var _;
     return (_ = r.find(
-      (g) => u.getTime() >= g.candle.open_time.getTime() && u.getTime() < g.candle.close_time.getTime()
+      (m) => u.getTime() >= m.candle.open_time.getTime() && u.getTime() < m.candle.close_time.getTime()
     )) == null ? void 0 : _.candle;
   }, d = (u, _) => {
-    const g = c(u), p = c(_);
-    if (!g || !p) return;
-    const v = t.map(g.open_time), y = n.map(g.low), b = t.map(p.open_time), w = n.map(p.high);
-    i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = l.connectionLine, i.moveTo(v, y), i.lineTo(b, w), i.stroke(), i.setLineDash([]);
+    const m = h(u.time), p = h(_.time);
+    if (!m || !p) return;
+    const v = t.map(m.open_time), y = t.map(p.open_time);
+    let b, x;
+    u.type === "buy" ? (b = s.map(m.low), x = s.map(p.high)) : (b = s.map(m.high), x = s.map(p.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = l.connectionLine, i.moveTo(v, b), i.lineTo(y, x), i.stroke(), i.setLineDash([]);
   };
-  if (s.length === 1 && o.length > 1)
-    o.forEach((u) => d(s[0].time, u.time));
-  else if (o.length === 1 && s.length > 1)
-    s.forEach((u) => d(u.time, o[0].time));
-  else if (s.length === 1 && o.length === 1)
-    d(s[0].time, o[0].time);
-  else if (s.length > 0 && o.length > 0) {
-    const u = s.reduce((g, p) => g.time.getTime() < p.time.getTime() ? g : p), _ = o.reduce((g, p) => g.time.getTime() > p.time.getTime() ? g : p);
-    d(u.time, _.time);
+  if (n.length === 1 && o.length > 1)
+    o.forEach((u) => d(n[0], u));
+  else if (o.length === 1 && n.length > 1)
+    n.forEach((u) => d(u, o[0]));
+  else if (n.length === 1 && o.length === 1)
+    d(n[0], o[0]);
+  else if (n.length > 0 && o.length > 0) {
+    const u = n.reduce((m, p) => m.time < p.time ? m : p), _ = o.reduce((m, p) => m.time > p.time ? m : p);
+    d(u, _);
   }
   i.restore();
 };
-class Zt {
-  constructor(e, t) {
-    m(this, "canvas");
-    m(this, "parent");
-    m(this, "items", {});
-    m(this, "className");
-    this.className = t, this.canvas = new Te({
-      width: e.width,
-      height: e.height,
-      className: `${t}-canvas`
-    }), e.canvasesContainer.append(this.canvas.node), this.parent = new R({ tag: "div", className: t }), e.domElements.append(this.parent.node);
-  }
-  render(e) {
-    const t = new Set(e.map(this.getIdFromMarker));
-    this.canvas.clear(), this.removeObsoleteItems(t);
-    for (const n of e) {
-      const r = this.getIdFromMarker(n), s = this.items[r] ?? this.createMarkerElement(r);
-      this.renderMarker(n, s.node);
+class Wt extends R {
+  constructor({ className: t, isAdaptPosition: s } = {}) {
+    super({ tag: "div", className: t });
+    g(this, "_isAdaptPosition");
+    this._isAdaptPosition = !!s;
+  }
+  show({ x: t, y: s, parent: r, offset: n = 8 }) {
+    let o = t + n, l = s + n;
+    if (this._isAdaptPosition) {
+      this.updateAbsolutePosition();
+      const h = this.absolutePosition, d = {
+        top: 0,
+        left: 0,
+        bottom: r.bottom - r.top,
+        right: r.right - r.left
+      };
+      o + h.width > d.right && (o = t - h.width - n, o < d.left + n && (o = d.left + n)), l + h.height > d.bottom && (l = s - h.height - n, l < d.top + n && (l = d.top + n));
     }
+    this.node.style.opacity = "1", this.node.style.visibility = "visible", this.node.style.left = `${o}px`, this.node.style.top = `${l}px`;
   }
-  clear() {
-    this.canvas.clear(), this.parent.remove();
-  }
-  getIdFromMarker(e) {
-    const t = e.type === "horizontal" ? "h" : "v", n = e.value instanceof Date ? e.value.getTime().toString() : e.value.toString().replace(".", "d");
-    return `${t}_${n}`;
-  }
-  removeObsoleteItems(e) {
-    for (const t in this.items)
-      e.has(t) || (this.items[t].remove(), delete this.items[t]);
-  }
-  createMarkerElement(e) {
-    const t = new R({
-      tag: "div",
-      className: `${this.className}-item`
-    });
-    return this.parent.append(t.node), this.items[e] = t, t;
-  }
-  renderMarker(e, t) {
-    e.type === "horizontal" ? j.horizontalMarker({
-      ctx: this.canvas.ctx,
-      node: t,
-      ...e
-    }) : j.verticalMarker({
-      ctx: this.canvas.ctx,
-      node: t,
-      ...e
-    });
+  hide() {
+    this.node.style.opacity = "0", this.node.style.visibility = "hidden";
   }
 }
-class nr extends R {
+class nr extends Wt {
   constructor() {
-    super({ tag: "div", className: "sc-charts-cs__trade-label-tooltip" });
-    m(this, "_title");
-    m(this, "_manyBox");
-    m(this, "_oneBox");
+    super({ className: "sc-charts-cs__trade-label-tooltip", isAdaptPosition: !0 });
+    g(this, "_title");
+    g(this, "_manyBox");
+    g(this, "_oneBox");
     this._title = new R({
       tag: "div",
       className: "sc-charts-cs__trade-label-tooltip-title"
@@ -3244,85 +3247,68 @@ class nr extends R {
     }), this._oneBox = new R({
       tag: "div",
       className: "sc-charts-cs__trade-label-tooltip-box_one"
-    });
+    }), this.node.append(this._title.node, this._oneBox.node, this._manyBox.node);
   }
-  _createLineNodes(t, n) {
+  _createLineNodes(t, s) {
     const r = [];
-    for (const s of Object.keys(n))
-      if (s in t) {
+    for (const n of Object.keys(s))
+      if (n in t) {
         const o = new R({
           tag: "div",
           className: `sc-charts-cs__trade-label-tooltip-line
-          sc-charts-cs__trade-label-tooltip-line-key-${s}`
+          sc-charts-cs__trade-label-tooltip-line-key-${n}`
         });
-        let l = t[s].toString();
-        s === "kind" && (l = this._formatDate(t.time));
-        const c = new R({ tag: "strong", textContent: n[s] }), d = new R({ tag: "span", textContent: l });
-        o.append(c.node, d.node), r.push(o.node);
+        let l = t[n].toString();
+        n === "kind" && (l = this._formatDate(t.time));
+        const h = new R({ tag: "strong", textContent: s[n] }), d = new R({ tag: "span", textContent: l });
+        o.append(h.node, d.node), r.push(o.node);
       }
     return r;
   }
   _formatDate(t) {
-    const n = new Intl.DateTimeFormat("en-US", {
+    const s = new Intl.DateTimeFormat("en-US", {
       hour: "2-digit",
       minute: "2-digit",
       day: "2-digit",
       month: "short",
       year: "numeric",
       hour12: !1
-    }).format(t), [r, s, o] = n.split(", ");
-    return `${r}, ${s} ${o}`;
+    }).format(t), [r, n, o] = s.split(", ");
+    return `${r}, ${n} ${o}`;
   }
   _clearTooltip() {
     this._title.node.style.display = "none", this._oneBox.node.style.display = "none", this._oneBox.node.replaceChildren(), this._manyBox.node.style.display = "none", this._manyBox.node.replaceChildren();
   }
-  show({
-    x: t,
-    y: n,
-    trade: { trades: r },
-    layout: s
-  }) {
-    if (!r.length) return;
-    if (this.node.style.opacity = "1", this.node.style.visibility = "visible", this._clearTooltip(), r.length === 1) {
-      this._title.node.style.display = "flex", this._oneBox.node.style.display = "flex", this._title.node.textContent = this._formatDate(r[0].time);
-      const _ = this._createLineNodes(r[0], {
-        price: "Price:",
-        profit: "Realized P&L:",
-        volume: "Volume:",
-        percentage: "% of position:"
-      });
-      this._oneBox.append(..._), this.node.append(this._title.node, this._oneBox.node);
-    } else if (r.length > 1) {
-      this._manyBox.node.style.display = "flex";
-      const _ = r.map((g) => {
-        const p = new R({ tag: "div" }), v = this._createLineNodes(g, {
-          kind: g.kind === "entry" ? "Entry:" : "Exit:",
-          price: "Price:"
+  updateContent(t) {
+    if (t.length) {
+      if (this._clearTooltip(), t.length === 1) {
+        this._title.node.style.display = "flex", this._oneBox.node.style.display = "flex", this._title.node.textContent = this._formatDate(t[0].time);
+        const s = this._createLineNodes(t[0], {
+          price: "Price:",
+          profit: "Realized P&L:",
+          volume: "Volume:",
+          percentage: "% of position:"
         });
-        return p.append(...v), p.node;
-      });
-      this._manyBox.append(..._), this.node.append(this._manyBox.node);
-    }
-    this.updateAbsolutePosition();
-    const o = this.absolutePosition, l = {
-      top: 0,
-      left: 0,
-      bottom: s.chart.bottom - s.chart.top,
-      right: s.chart.right - s.chart.left
-    }, c = 8;
-    let d = t + c, u = n + c;
-    d + o.width > l.right && (d = t - o.width - c, d < l.left + c && (d = l.left + c)), u + o.height > l.bottom && (u = n - o.height - c, u < l.top + c && (u = l.top + c)), this.node.style.left = `${d}px`, this.node.style.top = `${u}px`;
-  }
-  hide() {
-    this.node.style.opacity = "0", this.node.style.visibility = "hidden";
+        this._oneBox.append(...s), this.node.append(this._title.node, this._oneBox.node);
+      } else if (t.length > 1) {
+        this._manyBox.node.style.display = "flex";
+        const s = t.map((r) => {
+          const n = new R({ tag: "div" }), o = this._createLineNodes(r, {
+            kind: r.kind === "entry" ? "Entry:" : "Exit:",
+            price: "Price:"
+          });
+          return n.append(...o), n.node;
+        });
+        this._manyBox.append(...s), this.node.append(this._manyBox.node);
+      }
+    }
   }
 }
-class sr {
-  constructor(e, { domParent: t, canvasParent: n, width: r, height: s }) {
-    m(this, "_canvas");
-    m(this, "_markerManager");
-    m(this, "_labelTooltip");
-    this._canvas = new Te({ className: "sc-charts-cs__canvas-trade", width: r, height: s }), this._labelTooltip = new nr(), n.append(this._canvas.node), t.append(this._labelTooltip.node), this._markerManager = new Zt(e, "sc-charts-cs__canvas-trade-markers");
+class rr {
+  constructor({ domParent: e, canvasParent: t, width: s, height: r }) {
+    g(this, "_canvas");
+    g(this, "_labelTooltip");
+    this._canvas = new Me({ className: "sc-charts-cs__canvas-trade", width: s, height: r }), this._labelTooltip = new nr(), t.append(this._canvas.node), e.append(this._labelTooltip.node);
   }
   get canvas() {
     return this._canvas;
@@ -3331,58 +3317,94 @@ class sr {
     return this._labelTooltip;
   }
   renderAll(e) {
-    this._canvas.clear(), tr(this._canvas.ctx, e), er(this._canvas.ctx, e), ir(this._canvas.ctx, e), this._markerManager.render(e.trade.markers.data);
+    this._canvas.clear(), ir(this._canvas.ctx, e), tr(this._canvas.ctx, e), sr(this._canvas.ctx, e);
   }
 }
-class rr extends R {
+class ar {
+  constructor(e, t) {
+    g(this, "canvas");
+    g(this, "parent");
+    g(this, "items", {});
+    g(this, "className");
+    this.className = t, this.canvas = new Me({
+      width: e.width,
+      height: e.height,
+      className: `${t}-canvas`
+    }), e.canvasesContainer.append(this.canvas.node), this.parent = new R({ tag: "div", className: t }), e.domElements.append(this.parent.node);
+  }
+  render(e) {
+    const t = new Set(e.map(this.getIdFromMarker));
+    this.canvas.clear(), this.removeObsoleteItems(t);
+    for (const s of e) {
+      const r = this.getIdFromMarker(s), n = this.items[r] ?? this.createMarkerElement(r);
+      this.renderMarker(s, n.node);
+    }
+  }
+  clear() {
+    this.canvas.clear(), this.parent.remove();
+  }
+  getIdFromMarker(e) {
+    const t = e.type === "horizontal" ? "h" : "v", s = e.value instanceof Date ? e.value.getTime().toString() : e.value.toString().replace(".", "d");
+    return `${t}_${s}`;
+  }
+  removeObsoleteItems(e) {
+    for (const t in this.items)
+      e.has(t) || (this.items[t].remove(), delete this.items[t]);
+  }
+  createMarkerElement(e) {
+    const t = new R({
+      tag: "div",
+      className: `${this.className}-item`
+    });
+    return this.parent.append(t.node), this.items[e] = t, t;
+  }
+  renderMarker(e, t) {
+    e.type === "horizontal" ? j.horizontalMarker({
+      ctx: this.canvas.ctx,
+      node: t,
+      ...e
+    }) : j.verticalMarker({
+      ctx: this.canvas.ctx,
+      node: t,
+      ...e
+    });
+  }
+}
+class or extends Wt {
   constructor() {
-    super({ className: "sc-charts-cs__candle-tooltip_nodata" });
+    super({ className: "sc-charts-cs__candle-tooltip_nodata", isAdaptPosition: !0 });
     const e = new R({ tag: "p" });
     e.node.textContent = "No data from broker", this.append(e.node);
   }
-  show({ x: e, y: t, layout: n }) {
-    this.node.style.opacity = "1", this.node.style.visibility = "visible", this.updateAbsolutePosition();
-    const r = this.absolutePosition, s = {
-      top: 0,
-      left: 0,
-      bottom: n.chart.bottom - n.chart.top,
-      right: n.chart.right - n.chart.left
-    }, o = 8;
-    let l = e + o, c = t + o;
-    l + r.width > s.right && (l = e - r.width - o, l < s.left + o && (l = s.left + o)), c + r.height > s.bottom && (c = t - r.height - o, c < s.top + o && (c = s.top + o)), this.node.style.left = `${l}px`, this.node.style.top = `${c}px`;
-  }
-  hide() {
-    this.node.style.opacity = "0", this.node.style.visibility = "hidden";
-  }
 }
-class ar {
+class lr {
   constructor(e) {
-    m(this, "_container");
-    m(this, "_width");
-    m(this, "_height");
-    m(this, "_wrapper");
-    m(this, "_domElements");
-    m(this, "_canvasesContainer");
-    m(this, "_mainCanvas");
-    m(this, "_guidesCanvas");
-    m(this, "_bindingManager");
-    m(this, "_userMarkers");
-    m(this, "_guideMarkers");
-    m(this, "_trade");
-    m(this, "_noDataTooltip");
+    g(this, "_container");
+    g(this, "_width");
+    g(this, "_height");
+    g(this, "_wrapper");
+    g(this, "_domElements");
+    g(this, "_canvasesContainer");
+    g(this, "_mainCanvas");
+    g(this, "_guidesCanvas");
+    g(this, "_bindingManager");
+    g(this, "_userMarkers");
+    g(this, "_guideMarkers");
+    g(this, "_trade");
+    g(this, "_noDataTooltip");
     this._container = e, this._wrapper = new R({ tag: "div", className: "sc-charts-cs" }), e.append(this._wrapper.node);
-    const { width: t, height: n } = e.getBoundingClientRect();
-    this._width = t, this._height = n, this._mainCanvas = new Te({
+    const { width: t, height: s } = e.getBoundingClientRect();
+    this._width = t, this._height = s, this._mainCanvas = new Me({
       className: "sc-charts-cs__canvas-main",
       width: t,
-      height: n,
+      height: s,
       isMain: !0
-    }), this._guidesCanvas = new Te({ className: "sc-charts-cs__canvas-guides", width: t, height: n }), this._domElements = new R({ tag: "div", className: "sc-charts-cs__dom-elements" }), this._canvasesContainer = new R({ tag: "div", className: "sc-charts-cs__canvases" }), this._noDataTooltip = new rr(), this._canvasesContainer.append(this._mainCanvas.node), this._wrapper.append(this._canvasesContainer.node, this._domElements.node), this._mainCanvas.updateAbsolutePosition(), this._bindingManager = new Js(this._mainCanvas.node), this._userMarkers = new Zt(this, "sc-charts-cs__user-markers"), this._trade = new sr(this, {
+    }), this._guidesCanvas = new Me({ className: "sc-charts-cs__canvas-guides", width: t, height: s }), this._domElements = new R({ tag: "div", className: "sc-charts-cs__dom-elements" }), this._canvasesContainer = new R({ tag: "div", className: "sc-charts-cs__canvases" }), this._noDataTooltip = new or(), this._canvasesContainer.append(this._mainCanvas.node), this._wrapper.append(this._canvasesContainer.node, this._domElements.node), this._mainCanvas.updateAbsolutePosition(), this._bindingManager = new Qn(this._mainCanvas.node), this._userMarkers = new ar(this, "sc-charts-cs__user-markers"), this._trade = new rr({
       width: t,
-      height: n,
+      height: s,
       canvasParent: this._canvasesContainer,
       domParent: this._domElements
-    }), this._guideMarkers = new Qs(this._domElements, this._guidesCanvas), this._domElements.append(this._noDataTooltip.node), this._canvasesContainer.append(this._guidesCanvas.node);
+    }), this._guideMarkers = new qn(this._domElements, this._guidesCanvas), this._domElements.append(this._noDataTooltip.node), this._canvasesContainer.append(this._guidesCanvas.node);
   }
   get container() {
     return this._container;
@@ -3424,66 +3446,12 @@ class ar {
     return this._noDataTooltip;
   }
   renderAll(e) {
-    this._mainCanvas.clear(), Gs.renderAll(this._mainCanvas.ctx, e), Ze.xAxis(this._mainCanvas.ctx, e), Ze.yAxis(this._mainCanvas.ctx, e), Ze.intersection(this._mainCanvas.ctx, e), this._trade.renderAll(e), this._userMarkers.render(e.userMarkers.data);
-  }
-  setCursor(e, t = !1) {
-    const n = {
-      x_axis: t ? "grabbing" : "ew-resize",
-      y_axis: t ? "grabbing" : "ns-resize",
-      area: t ? "grabbing" : "crosshair",
-      default: "default"
-    };
-    this._mainCanvas.node.style.cursor = n[e];
-  }
-}
-const or = (i, e) => {
-  e.scales.x.setRange([0, e.layout.area.width]);
-  const t = e.scales.x.domain(), n = e.scales.x.range(), r = e.scales.x.invert(n[0] - i).getTime() - t[0].getTime();
-  e.scales.x.setDomain([
-    new Date(t[0].getTime() + r),
-    new Date(t[1].getTime() + r)
-  ]);
-}, lr = (i, e) => {
-  e.scales.y.setRange([e.layout.area.height, 0]);
-  const t = e.scales.y.domain(), n = e.scales.y.range(), r = e.scales.y.invert(n[0] - i) - t[0];
-  e.scales.y.setDomain([t[0] + r, t[1] + r]);
-}, cr = 2e-3, Ut = { x: 0.2, y: 0.2 }, hr = 1e-3, Vt = (i, e, t) => Math.max(i, t + e * cr), Jt = (i, e) => Math.abs(i - e) > hr, Bt = (i, e) => {
-  const t = e.scales.factorX, n = Vt(Ut.x, i, t);
-  if (Jt(n, t)) {
-    e.scales.factorX = n;
-    const r = t / n, [s, o] = e.scales.x.domain(), l = s.getTime(), c = o.getTime(), d = new Date(l + (c - l) * r);
-    e.scales.x.setDomain([s, d]);
-  }
-}, Ot = (i, e) => {
-  const t = e.scales.factorX, n = Vt(Ut.y, -i, t);
-  if (Jt(n, t)) {
-    e.scales.factorY = n;
-    const r = t / n, [s, o] = e.scales.y.domain(), l = s + (o - s) * r;
-    e.scales.y.setDomain([s, l]);
+    this._mainCanvas.clear(), Un.renderAll(this._mainCanvas.ctx, e), Ge.xAxis(this._mainCanvas.ctx, e), Ge.yAxis(this._mainCanvas.ctx, e), Ge.intersection(this._mainCanvas.ctx, e), this._trade.renderAll(e), this._userMarkers.render(e.userMarkers.data);
   }
-};
-function Pt(i, e, t) {
-  const { xAxis: n, yAxis: r, area: s } = t, o = i >= n.x && i <= n.x + n.width && e >= n.y && e <= n.y + n.height, l = i >= r.x && i <= r.x + r.width && e >= r.y && e <= r.y + r.height, c = i >= s.x && i <= s.x + s.width && e >= s.y && e <= s.y + s.height;
-  return o ? "x_axis" : l ? "y_axis" : c ? "area" : null;
-}
-function dr(i, e, t) {
-  const {
-    candles: { missingData: n },
-    scales: { x: r, y: s },
-    config: {
-      candles: { baseWidth: o }
-    }
-  } = t;
-  for (const l of n) {
-    const c = r.map(l.open_time), d = s.map(l.high), u = s.map(l.low);
-    if (i >= c - o / 2 && i <= c + o / 2 && e >= Math.min(d, u) && e <= Math.max(d, u))
-      return l;
-  }
-  return null;
 }
-class ur {
+class cr {
   constructor(e) {
-    m(this, "logColors", {
+    g(this, "logColors", {
       init_model: "color: green",
       scale_event: "color: orange",
       update_config: "color: blue",
@@ -3492,34 +3460,34 @@ class ur {
       update_user_markers: "color: brown",
       update_color_scheme: "color: teal"
     });
-    m(this, "ignoredLogEvents", []);
+    g(this, "ignoredLogEvents", []);
     e && (this.ignoredLogEvents = e);
   }
   log(e, t) {
     if (this.ignoredLogEvents.includes(e)) return;
-    const n = this.logColors[e] || "color: gray";
+    const s = this.logColors[e] || "color: gray";
     let r;
     try {
       r = JSON.parse(JSON.stringify(t));
     } catch {
       r = t;
     }
-    console.log(`%c[SUBSCRIBE] ${e}`, n, r);
+    console.log(`%c[SUBSCRIBE] ${e}`, s, r);
   }
 }
-class fr {
+class hr {
   constructor(e, t) {
-    m(this, "_model");
-    m(this, "_view");
-    m(this, "_enableLogging");
-    m(this, "_logger");
-    this._model = e, this._view = t, this._enableLogging = !1, this._logger = new ur(["scale_event"]);
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_enableLogging");
+    g(this, "_logger");
+    this._model = e, this._view = t, this._enableLogging = !1, this._logger = new cr(["scale_event"]);
   }
   subscribeWithLogging(e, t) {
-    const n = (r) => {
+    const s = (r) => {
       this._enableLogging && this._logger.log(e, r), t(r);
     };
-    this._model.subscribe(e, n);
+    this._model.subscribe(e, s);
   }
   // [TODO]: optimize renderers, call only the necessary ones. Get rid of this._view.renderAll
   init() {
@@ -3528,7 +3496,7 @@ class fr {
     }), this.subscribeWithLogging("scale_event", () => {
       this._model.userMarkers.rebuild(), this._model.trade.recalculate(), this._view.renderAll(this._model);
     }), this.subscribeWithLogging("update_config", (e) => {
-      this._model.config.update(e), this._model.layout.updateConfig(this._model.config), this._model.scales.recalculate(), this._model.userMarkers.rebuild(), this._model.trade.markers.rebuild(), this._view.renderAll(this._model);
+      this._model.config.update(e), this._model.layout.updateConfig(this._model.config), this._model.scales.recalculate(), this._model.userMarkers.rebuild(), this._view.renderAll(this._model);
     }), this.subscribeWithLogging("update_candles", (e) => {
       this._model.candles.update(e), this._model.trade.recalculate(), this._model.scales.recalculate(), this._view.renderAll(this._model);
     }), this.subscribeWithLogging("update_trade", (e) => {
@@ -3537,45 +3505,447 @@ class fr {
       this._model.userMarkers.updateMarkers(e), this._view.userMarkers.render(this._model.userMarkers.data);
     }), this.subscribeWithLogging("update_color_scheme", (e) => {
       this._model.colorScheme.update(e), this._view.renderAll(this._model);
-    }), this.subscribeWithLogging("open_trade_label_tooltip", ({ trade: e, x: t, y: n }) => {
-      this._model.trade.setActiveTrade(e.candle.open_time.getTime()), this._view.trade.renderAll(this._model), this._view.trade.labelTooltip.show({ trade: e, x: t, y: n, layout: this._model.layout });
+    }), this.subscribeWithLogging("open_trade_label_tooltip", ({ trade: e, x: t, y: s }) => {
+      this._model.trade.setActiveTrade(e.candle.open_time.getTime()), this._view.trade.renderAll(this._model), this._view.trade.labelTooltip.updateContent(e.trades), this._view.trade.labelTooltip.show({ x: t, y: s, parent: this._model.layout.chart });
     }), this.subscribeWithLogging("close_trade_label_tooltip", () => {
       this._model.trade.setActiveTrade(null), this._view.trade.renderAll(this._model), this._view.trade.labelTooltip.hide();
     }), this.subscribeWithLogging("hover_nodata_candle", ({ x: e, y: t }) => {
-      this._view.noDataTooltip.show({ x: e, y: t, layout: this._model.layout });
+      this._view.noDataTooltip.show({ x: e, y: t, parent: this._model.layout.area });
     }), this.subscribeWithLogging("leave_nodata_candle", () => {
       this._view.noDataTooltip.hide();
+    }), this.subscribeWithLogging("mouseover_trade_label_tooltip", (e) => {
+      this._model.trade.setHoveredTrade(e.candle.open_time.getTime()), this._view.trade.renderAll(this._model);
+    }), this.subscribeWithLogging("mouseleave_trade_label_tooltip", () => {
+      this._model.trade.setHoveredTrade(null), this._view.trade.renderAll(this._model);
     });
   }
 }
+class $t {
+  constructor() {
+    g(this, "_map", /* @__PURE__ */ new Map());
+  }
+  add(e, t, s) {
+    let r = this._map.get(e);
+    r || (r = {}, this._map.set(e, r)), r[t] || (r[t] = /* @__PURE__ */ new Set()), r[t].add(s);
+  }
+  remove(e, t, s) {
+    var n;
+    const r = this._map.get(e);
+    (n = r == null ? void 0 : r[t]) == null || n.delete(s);
+  }
+  removeAll(e) {
+    this._map.delete(e);
+  }
+  emit(e, t) {
+    const s = this._map.get(e), r = s == null ? void 0 : s[t.type];
+    if (!r) return !1;
+    let n = !1;
+    const o = {
+      ...t,
+      stopPropagation: () => {
+        n = !0;
+      }
+    };
+    for (const l of r)
+      if (l(o), n) break;
+    return n;
+  }
+}
+class dr {
+  constructor() {
+    g(this, "_elements", []);
+    g(this, "_listeners", new $t());
+    g(this, "_lastHovered", /* @__PURE__ */ new Set());
+    g(this, "_dragContext", null);
+  }
+  get isDragging() {
+    return this._dragContext !== null;
+  }
+  register(...e) {
+    this._elements.push(...e);
+  }
+  unregister(e) {
+    this._elements = this._elements.filter((t) => t !== e), this._listeners.removeAll(e), this._lastHovered.delete(e);
+  }
+  clear() {
+    this._elements = [], this._listeners = new $t(), this._lastHovered.clear();
+  }
+  on(e, t, s) {
+    this._listeners.add(e, t, s);
+  }
+  off(e, t, s) {
+    this._listeners.remove(e, t, s);
+  }
+  dispatchMouseMove(e, t) {
+    if (this._dragContext) {
+      this._emitSingle(this._dragContext.target, {
+        type: "drag",
+        target: this._dragContext.target,
+        x: e,
+        y: t,
+        prevX: this._dragContext.lastX,
+        prevY: this._dragContext.lastY
+      }), this._dragContext.lastX = e, this._dragContext.lastY = t;
+      return;
+    }
+    const s = this._getHitsAt(e, t), r = new Set(s.map((n) => n.target));
+    for (const n of s)
+      if (!this._lastHovered.has(n.target) && this._emitSingle(n.target, {
+        type: "mouseover",
+        target: n.target,
+        x: n.x,
+        y: n.y
+      }) || this._emitSingle(n.target, {
+        type: "mousemove",
+        target: n.target,
+        x: n.x,
+        y: n.y
+      })) break;
+    for (const n of this._lastHovered)
+      r.has(n) || this._emitSingle(n, {
+        type: "mouseleave",
+        target: n,
+        x: e,
+        y: t
+      });
+    this._lastHovered = r;
+  }
+  dispatchMouseDown(e, t) {
+    const s = this._getHitsAt(e, t);
+    if (s.length === 0) {
+      this._dragContext = null;
+      return;
+    }
+    this._dragContext = null;
+    for (const r of s)
+      if (this._emitSingle(r.target, {
+        type: "mousedown",
+        target: r.target,
+        x: r.x,
+        y: r.y
+      })) {
+        this._dragContext = { target: r.target, lastX: e, lastY: t };
+        break;
+      }
+    !this._dragContext && s.length > 0 && (this._dragContext = { target: s[s.length - 1].target, lastX: e, lastY: t });
+  }
+  dispatchMouseUp(e, t) {
+    this._dragContext && this._emitSingle(this._dragContext.target, {
+      type: "mouseup",
+      target: this._dragContext.target,
+      x: e,
+      y: t
+    }), this._dragContext = null;
+  }
+  dispatchClick(e, t) {
+    const s = this._getHitsAt(e, t);
+    for (const r of s)
+      if (this._emitSingle(r.target, {
+        type: "click",
+        target: r.target,
+        x: r.x,
+        y: r.y
+      })) break;
+  }
+  dispatchDblClick(e, t) {
+    const s = this._getHitsAt(e, t);
+    for (const r of s)
+      if (this._emitSingle(r.target, {
+        type: "dblclick",
+        target: r.target,
+        x: r.x,
+        y: r.y
+      })) break;
+  }
+  dispatchWheel(e, t, s, r, n) {
+    const o = this._getHitsAt(e, t);
+    for (const l of o)
+      if (this._emitSingle(l.target, {
+        type: "wheel",
+        target: l.target,
+        x: l.x,
+        y: l.y,
+        deltaX: s,
+        deltaY: r,
+        deltaZ: n
+      })) break;
+  }
+  hitTestAll(e, t) {
+    return this._getHitsAt(e, t);
+  }
+  _getHitsAt(e, t) {
+    return this._elements.map((s) => s.hitTest(e, t)).filter((s) => s !== null);
+  }
+  _emitSingle(e, t) {
+    let s = !1;
+    const r = {
+      ...t,
+      stopPropagation() {
+        s = !0;
+      }
+    };
+    return this._listeners.emit(e, r), s;
+  }
+}
+class ur {
+  constructor(e) {
+    this.model = e;
+  }
+  hitTest(e, t) {
+    const {
+      candles: { missingData: s },
+      scales: { x: r, y: n },
+      config: {
+        candles: { baseWidth: o }
+      }
+    } = this.model;
+    for (const l of s) {
+      const h = r.map(l.open_time), d = n.map(l.high), u = n.map(l.low), _ = h - o / 2, m = h + o / 2, p = Math.min(d, u), v = Math.max(d, u);
+      if (e >= _ && e <= m && t >= p && t <= v)
+        return {
+          target: this,
+          x: e,
+          y: t,
+          type: "candle",
+          candle: l
+        };
+    }
+    return null;
+  }
+}
 class gr {
   constructor(e, t) {
-    m(this, "_model");
-    m(this, "_view");
-    m(this, "_activeZone", null);
-    m(this, "_lastMouseX", 0);
-    m(this, "_lastMouseY", 0);
-    m(this, "_isDragging", !1);
-    m(this, "_hoveredCandle", null);
-    m(this, "_subscriptionsManager");
-    m(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
-    m(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
-    this._model = e, this._view = t, this._subscriptionsManager = new fr(e, t);
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_hit");
+    this._model = e, this._hitManager = t, this._hit = new ur(e), this._hitManager.register(this._hit);
+  }
+  register() {
+    this._hitManager.on(this._hit, "mouseover", (e) => {
+      const t = this._hit.hitTest(e.x, e.y);
+      if (!t) return;
+      const s = this._model.scales.x.map(t.candle.open_time), r = this._model.scales.y.map(t.candle.high) - 4;
+      this._model.eventBus.emit("hover_nodata_candle", { x: s, y: r });
+    }), this._hitManager.on(this._hit, "mouseleave", () => {
+      this._model.eventBus.emit("leave_nodata_candle");
+    });
+  }
+}
+class fr {
+  constructor(e) {
+    this.model = e;
+  }
+  hitTest(e, t) {
+    const { tradedCandles: s } = this.model.trade, { x: r, y: n } = this.model.scales, o = 16, l = 4;
+    for (const { candle: h, trades: d } of s) {
+      const u = r.map(h.open_time), _ = o, m = o, p = d[0].type === "buy", v = u + this.model.config.candles.baseWidth / 2, y = p ? n.map(h.low) + l + Ce(o) : n.map(h.high) - l - o - Ce(o), b = e >= v - _ / 2 && e <= v + _ / 2, x = t >= y && t <= y + m;
+      if (b && x)
+        return {
+          target: this,
+          type: "trade-label",
+          x: e,
+          y: t,
+          candle: h,
+          trades: d
+        };
+    }
+    return null;
+  }
+}
+class _r {
+  constructor(e, t) {
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_tradeLabelHit");
+    this._model = e, this._hitManager = t, this._tradeLabelHit = new fr(e), this._hitManager.register(this._tradeLabelHit);
+  }
+  register() {
+    this._hitManager.on(this._tradeLabelHit, "click", (e) => {
+      const t = this._tradeLabelHit.hitTest(e.x, e.y);
+      if (!t) return;
+      const s = this._model.scales.x.map(t.candle.open_time), r = this._model.scales.y.map(
+        t.trades[0].type === "buy" ? t.candle.low : t.candle.high
+      ), n = t.trades[0].type === "buy" ? r + 4 + Ce(16) + 8 : r - 4 - 16 - Ce(16) + 8;
+      this._model.eventBus.emit("open_trade_label_tooltip", {
+        trade: { candle: t.candle, trades: t.trades },
+        x: s,
+        y: n
+      });
+    }), this._hitManager.on(this._tradeLabelHit, "mouseover", (e) => {
+      const t = this._tradeLabelHit.hitTest(e.x, e.y);
+      t && this._model.eventBus.emit("mouseover_trade_label_tooltip", {
+        candle: t.candle,
+        trades: t.trades
+      });
+    }), this._hitManager.on(this._tradeLabelHit, "mouseleave", () => {
+      this._model.eventBus.emit("mouseleave_trade_label_tooltip");
+    });
+  }
+}
+class mr {
+  constructor(e) {
+    this.model = e;
+  }
+  hitTest(e, t) {
+    const { xAxis: s } = this.model.layout;
+    return e >= s.x && e <= s.x + s.width && t >= s.y && t <= s.y + s.height ? {
+      target: this,
+      x: e,
+      y: t,
+      type: "x-axis"
+    } : null;
+  }
+}
+const pr = (i, e) => {
+  e.scales.x.setRange([0, e.layout.area.width]);
+  const t = e.scales.x.domain(), s = e.scales.x.range(), r = e.scales.x.invert(s[0] - i).getTime() - t[0].getTime();
+  e.scales.x.setDomain([
+    new Date(t[0].getTime() + r),
+    new Date(t[1].getTime() + r)
+  ]);
+}, vr = (i, e) => {
+  e.scales.y.setRange([e.layout.area.height, 0]);
+  const t = e.scales.y.domain(), s = e.scales.y.range(), r = e.scales.y.invert(s[0] - i) - t[0];
+  e.scales.y.setDomain([t[0] + r, t[1] + r]);
+}, yr = 2e-3, Gt = { x: 0.2, y: 0.2 }, br = 1e-3, Ut = (i, e, t) => Math.max(i, t + e * yr), Zt = (i, e) => Math.abs(i - e) > br, Vt = (i, e) => {
+  const t = e.scales.factorX, s = Ut(Gt.x, i, t);
+  if (Zt(s, t)) {
+    e.scales.factorX = s;
+    const r = t / s, [n, o] = e.scales.x.domain(), l = n.getTime(), h = o.getTime(), d = new Date(l + (h - l) * r);
+    e.scales.x.setDomain([n, d]);
+  }
+}, Jt = (i, e) => {
+  const t = e.scales.factorX, s = Ut(Gt.y, -i, t);
+  if (Zt(s, t)) {
+    e.scales.factorY = s;
+    const r = t / s, [n, o] = e.scales.y.domain(), l = n + (o - n) * r;
+    e.scales.y.setDomain([n, l]);
+  }
+};
+class xr {
+  constructor(e) {
+    this.model = e;
+  }
+  hitTest(e, t) {
+    const { area: s } = this.model.layout;
+    return e >= s.x && e <= s.x + s.width && t >= s.y && t <= s.y + s.height ? {
+      target: this,
+      x: e,
+      y: t,
+      type: "area"
+    } : null;
+  }
+}
+class wr {
+  constructor(e) {
+    this.model = e;
+  }
+  hitTest(e, t) {
+    const { yAxis: s } = this.model.layout;
+    return e >= s.x && e <= s.x + s.width && t >= s.y && t <= s.y + s.height ? {
+      target: this,
+      x: e,
+      y: t,
+      type: "y-axis"
+    } : null;
+  }
+}
+class Mr {
+  constructor(e, t) {
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_hit");
+    this._model = e, this._hitManager = t, this._hit = new mr(e), this._hitManager.register(this._hit);
+  }
+  register() {
+    this._hitManager.on(this._hit, "drag", (e) => {
+      const t = e.x - (e.prevX ?? e.x);
+      Vt(t, this._model);
+    }), this._hitManager.on(this._hit, "dblclick", () => {
+      this._model.eventBus.emit("update_config", {});
+    });
+  }
+}
+class Tr {
+  constructor(e, t) {
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_hit");
+    this._model = e, this._hitManager = t, this._hit = new wr(e), this._hitManager.register(this._hit);
+  }
+  register() {
+    this._hitManager.on(this._hit, "drag", (e) => {
+      const t = e.y - (e.prevY ?? e.y);
+      Jt(t, this._model);
+    }), this._hitManager.on(this._hit, "dblclick", () => {
+      this._model.eventBus.emit("update_config", {});
+    });
+  }
+}
+class Cr {
+  constructor(e, t, s) {
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_hitManager");
+    g(this, "_hit");
+    this._model = e, this._view = t, this._hitManager = s, this._hit = new xr(e), this._hitManager.register(this._hit);
+  }
+  register() {
+    this._hitManager.on(this._hit, "mousemove", (e) => {
+      this._view.guideMarkers.show(), this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
+    }), this._hitManager.on(this._hit, "mouseleave", () => {
+      this._view.guideMarkers.hide();
+    }), this._hitManager.on(this._hit, "drag", (e) => {
+      const t = e.x - (e.prevX ?? e.x), s = e.y - (e.prevY ?? e.y);
+      pr(t, this._model), vr(s, this._model), this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
+    }), this._hitManager.on(this._hit, "wheel", (e) => {
+      var r, n;
+      if (!e.deltaY) return;
+      const t = -e.deltaY, s = (n = (r = this._model.config) == null ? void 0 : r.candles) == null ? void 0 : n.zoomOnWheel;
+      ["x", "both"].includes(s) && Vt(t, this._model), ["y", "both"].includes(s) && Jt(t, this._model);
+    });
+  }
+}
+class Ar {
+  constructor(e, t, s) {
+    g(this, "_hitManager");
+    g(this, "_candlesHandler");
+    g(this, "_tradeLabelsHandler");
+    g(this, "_xAxisHandler");
+    g(this, "_yAxisHandler");
+    g(this, "_areaHandler");
+    this._hitManager = s, this._candlesHandler = new gr(e, this._hitManager), this._tradeLabelsHandler = new _r(e, this._hitManager), this._xAxisHandler = new Mr(e, this._hitManager), this._yAxisHandler = new Tr(e, this._hitManager), this._areaHandler = new Cr(e, t, this._hitManager);
+  }
+  register() {
+    this._candlesHandler.register(), this._tradeLabelsHandler.register(), this._xAxisHandler.register(), this._yAxisHandler.register(), this._areaHandler.register();
+  }
+}
+class Sr {
+  constructor(e, t) {
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_subscriptionsManager");
+    g(this, "_hitManager", new dr());
+    g(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
+    g(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
+    this._model = e, this._view = t, this._subscriptionsManager = new hr(e, t);
   }
   init() {
-    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), document.addEventListener("click", this.onDocumentClick.bind(this));
+    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new Ar(this._model, this._view, this._hitManager).register();
+  }
+  onWindowScroll() {
+    this._view.mainCanvas.updateAbsolutePosition();
+  }
+  onMouseLeave() {
+    this._hitManager.isDragging || (this._hitManager.dispatchMouseMove(-1 / 0, -1 / 0), document.removeEventListener("mousemove", this._boundMouseMove), document.removeEventListener("mouseup", this._boundMouseUp));
+  }
+  onDoubleClick(e) {
+    const { x: t, y: s } = this.getMouseRelative(e);
+    this._hitManager.dispatchDblClick(t, s);
   }
   onDocumentClick(e) {
-    const t = this.getMouseRelative(e), { tradedCandles: n } = this._model.trade, { x: r, y: s } = this._model.scales, o = 16, l = 4;
-    for (const { candle: c, trades: d } of n) {
-      const u = r.map(c.open_time), _ = o, g = o;
-      for (const p of d) {
-        const v = p.type === "buy", y = u + this._model.config.candles.baseWidth / 2, b = v ? s.map(c.low) + l + Me(o) : s.map(c.high) - l - o - Me(o), w = t.x >= y - _ / 2 && t.x <= y + _ / 2, T = t.y >= b && t.y <= b + g;
-        if (w && T)
-          return;
-      }
-    }
-    this._model.trade.hasActiveTrade && this._model.eventBus.emit("close_trade_label_tooltip");
+    const t = this.getMouseRelative(e);
+    this._hitManager.dispatchClick(t.x, t.y), !this._hitManager.hitTestAll(t.x, t.y).find((r) => r.type === "trade-label") && this._model.trade.hasActiveTrade && this._model.eventBus.emit("close_trade_label_tooltip");
   }
   getMouseRelative(e) {
     return {
@@ -3583,85 +3953,55 @@ class gr {
       y: e.clientY - this._view.mainCanvas.absolutePosition.top
     };
   }
+  onDocumentMouseMove(e) {
+    const { x: t, y: s } = this.getMouseRelative(e);
+    this._hitManager.dispatchMouseMove(t, s);
+  }
   onMouseDown(e) {
-    this._isDragging = !0;
-    const { x: t, y: n } = this.getMouseRelative(e);
-    this._lastMouseX = t, this._lastMouseY = n, this._activeZone = Pt(t, n, this._model.layout), e.preventDefault(), document.addEventListener("mousemove", this._boundMouseMove), document.addEventListener("mouseup", this._boundMouseUp);
+    const { x: t, y: s } = this.getMouseRelative(e);
+    this._hitManager.dispatchMouseDown(t, s), e.preventDefault(), document.addEventListener("mouseup", this._boundMouseUp), this._hitManager.isDragging && document.addEventListener("mousemove", this._boundMouseMove);
   }
   onMouseUp(e) {
-    this._isDragging = !1, this._activeZone = null;
-    const { tradedCandles: t } = this._model.trade, { x: n, y: r } = this._model.scales, s = 16, o = 4;
-    for (const { candle: l, trades: c } of t) {
-      const d = n.map(l.open_time), u = s, _ = s;
-      for (const g of c) {
-        const p = g.type === "buy", v = d + this._model.config.candles.baseWidth / 2, y = p ? r.map(l.low) + o + Me(s) : r.map(l.high) - o - s - Me(s), b = this.getMouseRelative(e), w = b.x >= v - u / 2 && b.x <= v + u / 2, T = b.y >= y && b.y <= y + _;
-        if (w && T) {
-          this._model.eventBus.emit("open_trade_label_tooltip", {
-            trade: { candle: l, trades: c },
-            x: d,
-            y: y + _ / 2
-          });
-          return;
-        }
-      }
-    }
-    document.removeEventListener("mousemove", this._boundMouseMove), document.removeEventListener("mouseup", this._boundMouseUp);
-  }
-  onDocumentMouseMove(e) {
-    if (!this._isDragging || !this._activeZone) return;
-    const { x: t, y: n } = this.getMouseRelative(e), r = t - this._lastMouseX, s = n - this._lastMouseY;
-    this._activeZone === "x_axis" && Bt(r, this._model), this._activeZone === "y_axis" && Ot(s, this._model), this._activeZone === "area" && (or(r, this._model), lr(s, this._model), this._lastMouseX = t, this._lastMouseY = n), this._lastMouseX = t, this._lastMouseY = n, this._activeZone === "area" && (this._view.guideMarkers.show(), this._view.guideMarkers.render(this._model, { x: t, y: n }), this._view.setCursor(this._activeZone ?? "default", !0));
+    const t = this.getMouseRelative(e);
+    this._hitManager.dispatchMouseUp(t.x, t.y), document.removeEventListener("mouseup", this._boundMouseUp);
   }
-  onDocumentMouseUp() {
-    this._isDragging = !1, this._activeZone = null, document.removeEventListener("mousemove", this._boundMouseMove), document.removeEventListener("mouseup", this._boundMouseUp);
+  onDocumentMouseUp(e) {
+    const { x: t, y: s } = this.getMouseRelative(e);
+    this._hitManager.dispatchMouseUp(t, s), document.removeEventListener("mouseup", this._boundMouseUp), document.removeEventListener("mousemove", this._boundMouseMove);
   }
   onMouseMove(e) {
-    if (this._isDragging) return;
-    const { x: t, y: n } = this.getMouseRelative(e), {
-      layout: r,
-      scales: { x: s, y: o }
-    } = this._model;
-    if (this._activeZone = Pt(t, n, r), this._view.setCursor(this._activeZone ?? "default", this._isDragging), this._activeZone === "area") {
-      this._view.guideMarkers.show(), this._view.guideMarkers.render(this._model, { x: t, y: n });
-      const l = dr(t, n, this._model);
-      if (l && (!this._hoveredCandle || this._hoveredCandle.candle !== l)) {
-        const c = s.map(l.open_time), d = o.map(l.high) - 4;
-        this._hoveredCandle = { candle: l, x: c, y: d }, this._model.eventBus.emit("hover_nodata_candle", { x: c, y: d });
-      }
-      !l && this._hoveredCandle && (this._hoveredCandle = null, this._model.eventBus.emit("leave_nodata_candle"));
-    } else
-      this._hoveredCandle = null, this._view.guideMarkers.hide(), this._model.eventBus.emit("leave_nodata_candle");
-  }
-  onMouseLeave() {
-    this._activeZone = null, this._hoveredCandle = null, this._view.guideMarkers.hide(), this._model.eventBus.emit("leave_nodata_candle");
+    var n;
+    if (!this._hitManager.isDragging) {
+      const { x: o, y: l } = this.getMouseRelative(e);
+      this._hitManager.dispatchMouseMove(o, l);
+    }
+    const { x: t, y: s } = this.getMouseRelative(e), r = this._hitManager.hitTestAll(t, s);
+    (n = r[0]) != null && n.type && (r[0].type === "area" ? this._view.mainCanvas.node.style.cursor = "crosshair" : r[0].type === "trade-label" ? this._view.mainCanvas.node.style.cursor = "pointer" : r[0].type === "x-axis" ? this._view.mainCanvas.node.style.cursor = "ew-resize" : r[0].type === "y-axis" ? this._view.mainCanvas.node.style.cursor = "ns-resize" : this._view.mainCanvas.node.style.cursor = "default");
   }
   onWheel(e) {
-    var r, s;
-    e.preventDefault();
-    const t = -e.deltaY, n = (s = (r = this._model.config) == null ? void 0 : r.candles) == null ? void 0 : s.zoomOnWheel;
-    ["x", "both"].includes(n) && Bt(t, this._model), ["y", "both"].includes(n) && Ot(t, this._model);
-  }
-}
-class pr {
-  constructor(e, { chartId: t, candles: n, config: r, trade: s, userMarkers: o, colorScheme: l }) {
-    m(this, "_model");
-    m(this, "_view");
-    m(this, "_controller");
-    const c = document.querySelector(e);
-    if (!c) throw new Error(`Element with selector "${e}" not found!`);
+    e.preventDefault(), this._hitManager.dispatchWheel(e.offsetX, e.offsetY, e.deltaX, e.deltaY, e.deltaZ);
+  }
+}
+class Dr {
+  constructor(e, { chartId: t, candles: s, config: r, trade: n, userMarkers: o, colorScheme: l }) {
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_controller");
+    const h = document.querySelector(e);
+    if (!h) 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)"
       );
-    this._model = new ys({
+    this._model = new bn({
       chartId: t,
-      candles: n,
+      candles: s,
       config: r,
-      container: c,
-      trade: s,
+      container: h,
+      trade: n,
       userMarkers: o,
       colorScheme: l
-    }), this._view = new ar(c), this._controller = new gr(this._model, this._view), this._controller.init();
+    }), this._view = new lr(h), this._controller = new Sr(this._model, this._view), this._controller.init();
   }
   updateConfig(e) {
     this._model.updateConfig(e);
@@ -3680,7 +4020,7 @@ class pr {
   }
 }
 export {
-  pr as CandlestickChart,
-  mr as createLineChart
+  Dr as CandlestickChart,
+  Er as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map