charts-core 1.1.21 → 1.1.23

package/dist/charts-core.js

@@ -1,39 +1,39 @@
-var Es = Object.defineProperty;
-var Ns = (i, e, t) => e in i ? Es(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var Ls = Object.defineProperty;
+var Ns = (i, e, t) => e in i ? Ls(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var f = (i, e, t) => Ns(i, typeof e != "symbol" ? e + "" : e, t);
 import * as D from "d3";
 const Fs = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: u, isShow: g } = r;
   if (!g) return null;
-  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((_) => {
-    let p = D.axisRight(s);
-    o && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
-      const b = Number(v), w = (C) => C.toString().replace(/\.0+$/, "");
-      return Math.abs(b) >= 1e12 ? w(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? w(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? w(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? w(b / 1e3) + "K" : w(b);
-    }), o && u && (p = Array.isArray(u) ? p.ticks(...u) : p.ticks(u)), o && h && (p = p.tickValues(h)), _.call(p);
-  }).call((_) => {
-    let p = [];
-    _.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
-  }).call((_) => _.select(".domain").remove()).call((_) => _.selectAll(".tick line").remove()).call((_) => {
-    const p = _.selectAll(".tick text");
-    p.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
-    const v = p.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
-    _.selectAll(".tick").each(function(w, C) {
+  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
+    let _ = D.axisRight(s);
+    o && c ? _ = _.tickFormat(c) : _ = _.tickFormat((v) => {
+      const b = Number(v), x = (C) => C.toString().replace(/\.0+$/, "");
+      return Math.abs(b) >= 1e12 ? x(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? x(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? x(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? x(b / 1e3) + "K" : x(b);
+    }), o && u && (_ = Array.isArray(u) ? _.ticks(...u) : _.ticks(u)), o && h && (_ = _.tickValues(h)), p.call(_);
+  }).call((p) => {
+    let _ = [];
+    p.selectAll(".tick").each((v) => _.push(v)), i.yTicks = _;
+  }).call((p) => p.select(".domain").remove()).call((p) => p.selectAll(".tick line").remove()).call((p) => {
+    const _ = p.selectAll(".tick text");
+    _.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
+    const v = _.nodes().map((x) => x.getBBox().width), b = Math.max(...v);
+    p.selectAll(".tick").each(function(x, C) {
       var $;
-      const y = D.select(this), x = y.select("text"), T = v[C], F = b - T, R = y.append("g").attr("transform", "translate(10, 0)");
-      x.attr("x", F), x.remove(), ($ = R.node()) == null || $.appendChild(x.node());
+      const y = D.select(this), w = y.select("text"), S = v[C], L = b - S, R = y.append("g").attr("transform", "translate(10, 0)");
+      w.attr("x", L), w.remove(), ($ = R.node()) == null || $.appendChild(w.node());
     });
   }).attr("font-family", "inherit");
 }, Hs = (i) => {
   const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: u, ticks: g } = r;
   if (!o) return null;
-  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((_) => {
-    let p = D.axisBottom(s);
-    u ? (h && (p = p.tickFormat(h)), g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), c && (p = p.tickValues(c))) : p.ticks(5), _.call(p);
-  }).call((_) => _.select(".domain").remove()).call((_) => {
-    let p = [];
-    _.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
-  }).call((_) => _.selectAll(".tick line").remove()).call((_) => _.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
+  e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((p) => {
+    let _ = D.axisBottom(s);
+    u ? (h && (_ = _.tickFormat(h)), g && (_ = Array.isArray(g) ? _.ticks(...g) : _.ticks(g)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
+  }).call((p) => p.select(".domain").remove()).call((p) => {
+    let _ = [];
+    p.selectAll(".tick").each((v) => _.push(v)), i.xTicks = _;
+  }).call((p) => p.selectAll(".tick line").remove()).call((p) => p.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
 }, Bs = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, {
     margin: a,
@@ -84,66 +84,66 @@ const Fs = (i) => {
     return r.append("circle").attr("cx", t).attr("cy", s).attr("r", n).classed("sc-charts__hovered-circles", !0), r.append("circle").attr("cx", t).attr("cy", s).attr("r", n + a).classed("sc-charts__hovered-circles_add", !0), r;
   }
 };
-function Ps(i, e, t, s) {
+function Os(i, e, t, s) {
   if (!i) return null;
   const n = i.width / 2, a = e - n, r = e + n;
   return a < t ? t : r > s ? s - i.width : e - n;
 }
-const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Os = (i) => {
+const Ut = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: u, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
+    grid: { verticalStyle: h, tooltipNode: u, hoverCirclesRadius: g, hoverCirclesAdditionalArea: p }
   } = t;
   if (h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
     const b = e.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", c.top).attr("y2", a - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
     h === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
   }), h === "hovered-circles")) {
-    const p = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
-    Et(e, { x1: v, x2: b, y1: p, y2: p });
-    const { tooltipContainer: w, tooltip: C, tooltipArrow: y } = Rs(o);
-    r.forEach((x, T) => {
-      const F = s(x.date), R = n(x.value), $ = r[T - 1], P = T > 0 && $ && x.value === $.value;
-      P || Et(e, { x1: F, x2: F, y1: R, y2: p });
-      const j = $s(e, P, {
-        x: F,
-        y: p,
+    const _ = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
+    Ut(e, { x1: v, x2: b, y1: _, y2: _ });
+    const { tooltipContainer: x, tooltip: C, tooltipArrow: y } = Rs(o);
+    r.forEach((w, S) => {
+      const L = s(w.date), R = n(w.value), $ = r[S - 1], O = S > 0 && $ && w.value === $.value;
+      O || Ut(e, { x1: L, x2: L, y1: R, y2: _ });
+      const K = $s(e, O, {
+        x: L,
+        y: _,
         r: g,
-        hr: _
+        hr: p
       });
-      u && j.on("mouseover", function() {
-        Is(C), w.style.display = "block", C.append(u({ date: x.date, value: P ? null : x.value }));
-        const q = C.getBoundingClientRect(), He = Ps(
-          q,
-          s(x.date),
+      u && K.on("mouseover", function() {
+        Is(C), x.style.display = "block", C.append(u({ date: w.date, value: O ? null : w.value }));
+        const j = C.getBoundingClientRect(), P = Os(
+          j,
+          s(w.date),
           i.config.margin.left - i.config.grid.tooltipArrowSize,
           i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
         );
-        C.style.left = He + "px", y.style.left = s(x.date) + "px";
+        C.style.left = P + "px", y.style.left = s(w.date) + "px";
       }).on("mouseout", function() {
-        w.style.display = "none";
+        x.style.display = "none";
       });
     });
   }
 }, zs = (i) => {
-  Bs(i), Os(i);
+  Bs(i), Ps(i);
 }, Vs = (i) => {
   const { svg: e, config: t, width: s, height: n } = i, { margin: a, logo: r } = t;
   Hs(i), Fs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
-}, me = (i, e, t) => {
+}, Le = (i, e, t) => {
   let s = i.select(`#${e}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), s.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: n, stopColor: a }) => {
     s.append("stop").attr("offset", n).attr("stop-color", a);
   }), s;
-}, ae = (i) => {
+}, pe = (i) => {
   const e = D.select(i).select("defs");
   return e.empty() ? D.select(i).append("defs") : e;
-}, Qt = (i) => {
+}, gi = (i) => {
   const {
     y: e,
     config: { margin: t }
   } = i, s = e.range()[0] - e(0), n = e.range()[0] - s >= 0 ? e.range()[0] - s : 0, a = s + t.bottom >= 0 ? s + t.bottom : 0;
   return { x: 0, y: n, width: "100%", height: a };
-}, Nt = (i, e) => ({
+}, Gt = (i, e) => ({
   ...i,
   ...e,
   margin: {
@@ -178,8 +178,8 @@ const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     ...i.selection,
     ...e == null ? void 0 : e.selection
   }
-}), Ft = (i, e = {}) => {
-  const t = i.node(), s = ae(t), n = (o, c) => me(s, o, {
+}), Zt = (i, e = {}) => {
+  const t = i.node(), s = pe(t), n = (o, c) => Le(s, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -204,7 +204,7 @@ const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       r.remove();
     }
   };
-}, Ue = (i, e = {}) => {
+}, gt = (i, e = {}) => {
   const t = i.append("circle").attr("r", e.radius || 4).style("display", e.hidden ? "none" : "block"), s = e.className || "";
   return s && t.classed(s, !0), {
     className(n, a) {
@@ -217,9 +217,9 @@ const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       t.remove();
     }
   };
-}, js = (i, e = {}) => {
-  const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = ae(n);
-  return ((o, c) => me(a, o, {
+}, Ys = (i, e = {}) => {
+  const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = pe(n);
+  return ((o, c) => Le(a, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -241,19 +241,19 @@ const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       s.remove();
     }
   };
-}, ie = "sc-charts__range-tooltip", Ht = D.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
+}, ue = "sc-charts__range-tooltip", qt = D.timeFormat("%b %e, %I:%M %p"), Ws = (i) => {
   const e = D.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
-function Ws(i) {
+function js(i) {
   const e = "http://www.w3.org/2000/svg", t = document.createElement("div");
-  t.className = ie, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.append(t);
+  t.className = ue, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.append(t);
   const s = document.createElement("div");
-  s.className = `${ie}-container`, t.append(s);
+  s.className = `${ue}-container`, t.append(s);
   const n = document.createElement("div");
-  n.className = `${ie}-sum`, s.append(n);
+  n.className = `${ue}-sum`, s.append(n);
   const a = document.createElement("div");
-  a.className = `${ie}-sum-icon`;
+  a.className = `${ue}-sum-icon`;
   const r = document.createElementNS(e, "svg");
   r.setAttribute("width", "14"), r.setAttribute("height", "14"), r.setAttribute("viewBox", "0 0 14 14"), r.setAttribute("fill", "none"), r.setAttribute("xmlns", e);
   const o = document.createElementNS(e, "path");
@@ -264,29 +264,29 @@ function Ws(i) {
   const c = document.createElement("div");
   n.append(c);
   const h = document.createElement("div");
-  return h.className = `${ie}-time`, s.append(h), { wrapper: t, sumNode: c, timeNode: h };
+  return h.className = `${ue}-time`, s.append(h), { wrapper: t, sumNode: c, timeNode: h };
 }
 const Xs = (i) => {
-  const { wrapper: e, sumNode: t, timeNode: s } = Ws(i.wrapperNode);
+  const { wrapper: e, sumNode: t, timeNode: s } = js(i.wrapperNode);
   return {
     className(n, a) {
-      n === "remove" ? e.classList.remove(`${ie}${a}`) : e.classList.add(`${ie}${a}`);
+      n === "remove" ? e.classList.remove(`${ue}${a}`) : e.classList.add(`${ue}${a}`);
     },
     update({ leftPoint: n, rightPoint: a, x: r, y: o, hidden: c, closest: h }) {
       if (n && a && h && r !== void 0) {
-        const u = a.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < p ? "left" : "right";
-        let b = "", w = "";
+        const u = a.value - n.value, { sumFormatter: g, timeFormatter: p } = i.config.selection, _ = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < _ ? "left" : "right";
+        let b = "", x = "";
         if (g)
           b = g({ left: n.value, right: a.value, direction: v });
         else {
           const C = (u / Math.abs(n.value) * 100).toFixed(2);
-          b = `${Ys(u)} (${C}%)`;
+          b = `${Ws(u)} (${C}%)`;
         }
-        _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${Ht(n.date)} to ${Ht(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
-          const C = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), x = i.x(n.date), T = i.x(a.date);
-          let R = (x + T) / 2 - C.width / 2;
-          const $ = 0, P = y.width - C.width;
-          R < $ && (R = $), R > P && (R = P), e.style.left = `${R}px`, e.style.top = `${o}px`;
+        p ? x = p({ left: n.date, right: a.date, direction: v }) : x = `${qt(n.date)} to ${qt(a.date)}`, t.textContent = b, s.textContent = x, requestAnimationFrame(() => {
+          const C = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), w = i.x(n.date), S = i.x(a.date);
+          let R = (w + S) / 2 - C.width / 2;
+          const $ = 0, O = y.width - C.width;
+          R < $ && (R = $), R > O && (R = O), e.style.left = `${R}px`, e.style.top = `${o}px`;
         });
       }
       c !== void 0 && (e.style.display = c ? "none" : "block");
@@ -295,26 +295,26 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, ge = "sc-charts__hover-tooltip", Ge = 16, Us = D.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+}, Ee = "sc-charts__hover-tooltip", mt = 16, Us = D.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
   const e = D.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
   const e = document.createElement("div");
-  e.className = `${ge}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
+  e.className = `${Ee}-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 = `${ge}-sum`, e.appendChild(t);
+  t.className = `${Ee}-sum`, e.appendChild(t);
   const s = document.createElement("div");
-  return s.className = `${ge}-time`, e.appendChild(s), { wrapper: e, sumNode: t, timeNode: s };
+  return s.className = `${Ee}-time`, e.appendChild(s), { wrapper: e, sumNode: t, timeNode: s };
 }
 function qs(i, e, t) {
-  return i ? e + Ge + i.width < t ? e + Ge : e - Ge - i.width : null;
+  return i ? e + mt + i.width < t ? e + mt : e - mt - i.width : null;
 }
 const Js = (i) => {
   const { wrapper: e, sumNode: t, timeNode: s } = Zs(i.wrapperNode);
   return {
     className(n, a) {
-      n === "remove" ? e.classList.remove(`${ge}${a}`) : e.classList.add(`${ge}${a}`);
+      n === "remove" ? e.classList.remove(`${Ee}${a}`) : e.classList.add(`${Ee}${a}`);
     },
     update({ hidden: n, dataItem: a }) {
       if (a) {
@@ -385,9 +385,9 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Ne = (i) => D.curveCardinal.tension(i.config.curveTension), Ks = (i) => {
-  const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = ae(r);
-  me(o, "main-line-area-gradient", {
+}, Qe = (i) => D.curveCardinal.tension(i.config.curveTension), Ks = (i) => {
+  const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = pe(r);
+  Le(o, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -397,15 +397,15 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = D.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(Ne(i)), u = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", u).classed(`${u}_hidden`, !a.hasMainLineArea);
+  const h = D.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(Qe(i)), u = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", u).classed(`${u}_hidden`, !a.hasMainLineArea);
   return {
-    className(_, p) {
-      _ === "remove" ? g.classed(`${u}${p}`, !1) : g.classed(`${u}${p}`, !0);
+    className(p, _) {
+      p === "remove" ? g.classed(`${u}${_}`, !1) : g.classed(`${u}${_}`, !0);
     },
-    update({ data: _, hidden: p }) {
-      if (_ !== void 0 && g.datum(_).attr("d", h), p !== void 0) {
+    update({ data: p, hidden: _ }) {
+      if (p !== void 0 && g.datum(p).attr("d", h), _ !== void 0) {
         if (!a.hasMainLineArea) return null;
-        g.classed(`${u}_hidden`, p);
+        g.classed(`${u}_hidden`, _);
       }
     },
     destroy() {
@@ -413,8 +413,8 @@ const Js = (i) => {
     }
   };
 }, en = (i, e = {}) => {
-  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, u = s.node(), g = ae(u), _ = "range-line-area-gradient";
-  me(g, _ + "_up", {
+  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, u = s.node(), g = pe(u), p = "range-line-area-gradient";
+  Le(g, p + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -423,7 +423,7 @@ const Js = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), me(g, _ + "_down", {
+  }), Le(g, p + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -433,39 +433,39 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const p = D.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(Ne(i)), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), C = s.append("path").datum(o).attr("d", p).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const _ = D.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(Qe(i)), v = `${c}-clip-${t}`, x = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), C = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
-    className(y, x) {
-      y === "remove" ? C.classed(`${t}${x}`, !1) : C.classed(`${t}${x}`, !0);
+    className(y, w) {
+      y === "remove" ? C.classed(`${t}${w}`, !1) : C.classed(`${t}${w}`, !0);
     },
-    update({ data: y, hidden: x, clip: T }) {
-      y !== void 0 && C.datum(y).attr("d", p), x !== void 0 && C.classed(`${t}_hidden`, x), T !== void 0 && w.attr("x", T.x).attr("y", T.y).attr("width", T.width).attr("height", T.height);
+    update({ data: y, hidden: w, clip: S }) {
+      y !== void 0 && C.datum(y).attr("d", _), w !== void 0 && C.classed(`${t}_hidden`, w), S !== void 0 && x.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.height);
     },
     destroy() {
       C.remove();
     }
   };
-}, Ze = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, u = t.node(), g = ae(u), _ = D.line().x((C) => n(C.date)).y((C) => a(C.value)).curve(Ne(i)), p = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", p).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
+}, _t = (i, e) => {
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, u = t.node(), g = pe(u), p = D.line().x((C) => n(C.date)).y((C) => a(C.value)).curve(Qe(i)), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
   return {
     className(C, y) {
-      C === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
+      C === "remove" ? x.classed(`${o}${y}`, !1) : x.classed(`${o}${y}`, !0);
     },
-    update({ data: C, clip: y, hidden: x }) {
-      C !== void 0 && w.datum(C).attr("d", _), x !== void 0 && w.classed(`${o}_hidden`, x), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
+    update({ data: C, clip: y, hidden: w }) {
+      C !== void 0 && x.datum(C).attr("d", p), w !== void 0 && x.classed(`${o}_hidden`, w), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
     },
     destroy() {
-      w.remove();
+      x.remove();
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: u } = e, g = t.node(), _ = ae(g), p = D.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(Ne(i)), v = `${r}-clip-${c}`, w = _.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%"), C = t.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", h).attr("clip-path", `url(#${v})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: u } = e, g = t.node(), p = pe(g), _ = D.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(Qe(i)), v = `${r}-clip-${c}`, x = p.append("clipPath").attr("id", v).append("rect").attr("x", (u == null ? void 0 : u.x) || 0).attr("y", (u == null ? void 0 : u.y) || 0).attr("width", (u == null ? void 0 : u.width) || "100%").attr("height", (u == null ? void 0 : u.height) || "100%"), C = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
-    className(y, x) {
-      y === "remove" ? C.classed(`${c}${x}`, !1) : C.classed(`${c}${x}`, !0);
+    className(y, w) {
+      y === "remove" ? C.classed(`${c}${w}`, !1) : C.classed(`${c}${w}`, !0);
     },
-    update({ data: y, clip: x, hidden: T }) {
-      y !== void 0 && C.datum(y).attr("d", p), T !== void 0 && C.classed(`${c}_hidden`, T), x !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", x.x).attr("y", x.y).attr("width", x.width).attr("height", x.height).ease(D.easeLinear) : w.attr("x", x.x).attr("y", x.y).attr("width", x.width).attr("height", x.height));
+    update({ data: y, clip: w, hidden: S }) {
+      y !== void 0 && C.datum(y).attr("d", _), S !== void 0 && C.classed(`${c}_hidden`, S), w !== void 0 && (o.hover.transitionName === "default" ? x.transition().duration(o.hover.transitionDuration).attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height).ease(D.easeLinear) : x.attr("x", w.x).attr("y", w.y).attr("width", w.width).attr("height", w.height));
     },
     destroy() {
       C.remove();
@@ -479,13 +479,13 @@ const Js = (i) => {
   const { svg: t, data: s, x: n, y: a } = i, { baseClassName: r } = e, o = t.append("g").classed(r, !0), c = o.append("circle").attr("r", 5).classed(`${r}-circle`, !0), h = o.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${r}-label`, !0);
   return ((g) => {
     if (!g || g.length === 0) return;
-    const _ = g[g.length - 1], p = n(_.date), v = a(_.value);
-    c.attr("cx", p).attr("cy", v);
+    const p = g[g.length - 1], _ = n(p.date), v = a(p.value);
+    c.attr("cx", _).attr("cy", v);
     const b = i.config.extremePointFormatter || sn;
-    h.attr("x", p).attr("y", v).text(b(_.value));
+    h.attr("x", _).attr("y", v).text(b(p.value));
   })(s), {
-    className(g, _) {
-      g === "remove" ? o.classed(`${r}${_}`, !1) : o.classed(`${r}${_}`, !0);
+    className(g, p) {
+      g === "remove" ? o.classed(`${r}${p}`, !1) : o.classed(`${r}${p}`, !0);
     },
     update({ hidden: g }) {
       g !== void 0 && o.classed(`${r}_hidden`, g);
@@ -495,7 +495,7 @@ const Js = (i) => {
     }
   };
 }, an = (i) => {
-  const e = Ze(i, {
+  const e = _t(i, {
     baseClassName: "sc-charts__main-line",
     id: `${i.chartId}-sc-charts__main-line`
   }), t = Ks(i);
@@ -503,31 +503,31 @@ const Js = (i) => {
   i.config.hasExtremePoint && (s = nn(i, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const n = js(i.svg), a = tn(i, {
+  const n = Ys(i.svg), a = tn(i, {
     baseClassName: "sc-charts__highlight-line",
     id: `${i.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
   let r = null;
-  i.config.enableBelowZeroLine && (r = Ze(i, {
+  i.config.enableBelowZeroLine && (r = _t(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: Qt(i)
+    clip: gi(i)
   }));
-  const o = Ue(i.svg, {
+  const o = gt(i.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = Ft(i.svg), h = Ft(i.svg), u = Ze(i, {
+  }), c = Zt(i.svg), h = Zt(i.svg), u = _t(i, {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), g = Ue(i.svg, {
+  }), g = gt(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), _ = Ue(i.svg, {
+  }), p = gt(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), p = Xs(i), v = Js(i), b = en(i);
+  }), _ = Xs(i), v = Js(i), b = en(i);
   return {
     hoverLine: n,
     hoverCircle: o,
@@ -536,9 +536,9 @@ const Js = (i) => {
     rangeLine: u,
     rangeLineArea: b,
     rangeCircleLeft: g,
-    rangeCircleRight: _,
+    rangeCircleRight: p,
     mainLine: e,
-    rangeTooltip: p,
+    rangeTooltip: _,
     highlightLine: a,
     hoverTooltip: v,
     mainLineArea: t,
@@ -583,11 +583,11 @@ const Js = (i) => {
         };
     }
     if (e >= h && e < u) {
-      const g = t(h), _ = t(u);
+      const g = t(h), p = t(u);
       return {
         x: g,
         y: 0,
-        width: _ - g,
+        width: p - g,
         height: "100%"
       };
     }
@@ -612,11 +612,11 @@ const Js = (i) => {
         u = new Date(c.getFullYear(), c.getMonth() - r, 1);
         break;
     }
-    const g = t(u), _ = t(c);
+    const g = t(u), p = t(c);
     return {
       x: g,
       y: 0,
-      width: _ - g,
+      width: p - g,
       height: "100%"
     };
   }
@@ -626,7 +626,7 @@ const Js = (i) => {
     width: "100%",
     height: "100%"
   };
-}, Bt = (i, e) => {
+}, Jt = (i, e) => {
   var h;
   const {
     x: t,
@@ -662,11 +662,11 @@ const Js = (i) => {
       height: c
     }
   })), n.mainLine.className("add", "_muted");
-}, It = (i) => {
+}, Qt = (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: Qt(i)
+    clip: gi(i)
   }));
 }, on = (i, e) => {
   [
@@ -688,7 +688,7 @@ const Js = (i) => {
     config: { margin: a },
     height: r,
     elements: o
-  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, u = h.value - c.value >= 0, g = s(c.date), _ = s(h.date), p = _ - g;
+  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, u = h.value - c.value >= 0, g = s(c.date), p = s(h.date), _ = p - g;
   o.rangeBorderLeft.update({
     x1: g,
     x2: g,
@@ -696,8 +696,8 @@ const Js = (i) => {
     y2: r - a.bottom,
     hidden: !1
   }), o.rangeBorderRight.update({
-    x1: _,
-    x2: _,
+    x1: p,
+    x2: p,
     y1: a.top,
     y2: r - a.bottom,
     hidden: !1
@@ -706,14 +706,14 @@ const Js = (i) => {
     cy: n(c.value),
     hidden: !1
   }), o.rangeCircleRight.update({
-    cx: _,
+    cx: p,
     cy: n(h.value),
     hidden: !1
   }), o.rangeLine.update({
     clip: {
       x: g,
       y: 0,
-      width: p,
+      width: _,
       height: n.range()[0]
     },
     hidden: !1
@@ -721,7 +721,7 @@ const Js = (i) => {
     clip: {
       x: g,
       y: 0,
-      width: p,
+      width: _,
       height: n.range()[0]
     },
     hidden: !1
@@ -729,36 +729,36 @@ const Js = (i) => {
     rightPoint: h,
     leftPoint: c,
     closest: t,
-    x: g + p / 2,
+    x: g + _ / 2,
     y: 0,
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
     hidden: !0
   }), o.mainLineArea.update({ hidden: !0 }), on(o, u), o.mainLine.className("add", "_selected-muted");
-}, Rt = (i) => {
+}, Kt = (i) => {
   var t;
   const { elements: e } = i;
   e.rangeLine.update({ hidden: !0 }), e.rangeLineArea.update({ hidden: !0 }), e.rangeBorderLeft.update({ hidden: !0 }), e.rangeBorderRight.update({ hidden: !0 }), e.rangeCircleLeft.update({ hidden: !0 }), e.rangeCircleRight.update({ hidden: !0 }), e.rangeTooltip.update({ hidden: !0 }), e.mainLine.className("remove", "_selected-muted"), e.mainLineArea.update({ hidden: !1 }), (t = e.belowZeroLine) == null || t.update({ hidden: !1 });
 }, cn = (i) => {
   const { svg: e, data: t, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
   let u = null, g = !1;
-  const _ = (v) => t.reduce(
-    (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
+  const p = (v) => t.reduce(
+    (b, x) => Math.abs(s(b.date) - v) < Math.abs(s(x.date) - v) ? b : x
   );
   e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = D.pointer(v, this), w = _(b);
-    !g && c.enable ? (i.action = "hover", Bt(i, w)) : (i.action = g ? "selection" : "none", It(i)), u && h.enable && (i.action = "selection", ln(i, u, w));
+    const [b] = D.pointer(v, this), x = p(b);
+    !g && c.enable ? (i.action = "hover", Jt(i, x)) : (i.action = g ? "selection" : "none", Qt(i)), u && h.enable && (i.action = "selection", ln(i, u, x));
   }).on("mouseleave", () => {
-    i.action = "none", g = !1, u = null, It(i), Rt(i);
+    i.action = "none", g = !1, u = null, Qt(i), Kt(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
       const [b] = D.pointer(v, this);
-      u = _(b);
+      u = p(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = D.pointer(v, this), w = _(b);
-    g = !1, u = null, i.action = "hover", h.enable && Rt(i), c.enable && Bt(i, w);
+    const [b] = D.pointer(v, this), x = p(b);
+    g = !1, u = null, i.action = "hover", h.enable && Kt(i), c.enable && Jt(i, x);
   });
 }, hn = (i, e, t) => {
   const { margin: s } = e, n = D.scaleTime(), a = D.extent(i, (r) => new Date(r.date));
@@ -774,21 +774,21 @@ const Js = (i) => {
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
   const s = t.append("div"), n = s.append("svg"), a = t.node();
-  let r = a.getBoundingClientRect(), o = r.width, c = r.height, h = Nt({ ...Qs }, e.config), u = e.data;
+  let r = a.getBoundingClientRect(), o = r.width, c = r.height, h = Gt({ ...Qs }, e.config), u = e.data;
   const g = () => {
-    r = a.getBoundingClientRect(), o = r.width, c = r.height, _({ data: u, config: h });
+    r = a.getBoundingClientRect(), o = r.width, c = r.height, p({ data: u, config: h });
   };
   window.addEventListener("resize", g);
-  const _ = (p, v = !1) => {
-    v && p.config && (h = Nt(h, p.config)), v && p.data && (u = p.data);
-    const b = u.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, F) => T.date.getTime() - F.date.getTime()), w = hn(b, h, o), C = dn(b, h, c);
+  const p = (_, v = !1) => {
+    v && _.config && (h = Gt(h, _.config)), v && _.data && (u = _.data);
+    const b = u.map((S) => ({ date: new Date(S.date), value: S.value })).sort((S, L) => S.date.getTime() - L.date.getTime()), x = hn(b, h, o), C = dn(b, h, c);
     s.attr("class", `sc-charts sc-charts__${h.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${o} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
     const y = {
       chartId: e.chartId,
       svg: n,
       wrapperNode: s.node(),
       data: b,
-      x: w,
+      x,
       y: C,
       config: h,
       action: "none",
@@ -796,38 +796,38 @@ const Js = (i) => {
       height: c
     };
     Vs(y);
-    const x = {
+    const w = {
       ...y,
       elements: an(y)
     };
-    cn(x);
+    cn(w);
   };
-  return _(e), {
-    update: (p) => _(p, !0),
+  return p(e), {
+    update: (_) => p(_, !0),
     destroy: () => {
       window.removeEventListener("resize", g), n.remove();
     }
   };
 };
-var Te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function un(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var ue = { exports: {} };
-ue.exports;
-var $t;
+var ke = { exports: {} };
+ke.exports;
+var ei;
 function fn() {
-  return $t || ($t = 1, function(i, e) {
-    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", u = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", C = "[object Null]", y = "[object Object]", x = "[object Proxy]", T = "[object RegExp]", F = "[object Set]", R = "[object String]", $ = "[object Undefined]", P = "[object WeakMap]", j = "[object ArrayBuffer]", q = "[object DataView]", He = "[object Float32Array]", ri = "[object Float64Array]", oi = "[object Int8Array]", li = "[object Int16Array]", ci = "[object Int32Array]", hi = "[object Uint8Array]", di = "[object Uint8ClampedArray]", ui = "[object Uint16Array]", fi = "[object Uint32Array]", gi = /[\\^$.*+?()[\]{}|]/g, mi = /^\[object .+?Constructor\]$/, _i = /^(?:0|[1-9]\d*)$/, N = {};
-    N[He] = N[ri] = N[oi] = N[li] = N[ci] = N[hi] = N[di] = N[ui] = N[fi] = !0, N[o] = N[c] = N[j] = N[u] = N[q] = N[g] = N[_] = N[p] = N[b] = N[w] = N[y] = N[T] = N[F] = N[R] = N[P] = !1;
-    var lt = typeof Te == "object" && Te && Te.Object === Object && Te, pi = typeof self == "object" && self && self.Object === Object && self, re = lt || pi || Function("return this")(), ct = e && !e.nodeType && e, oe = ct && !0 && i && !i.nodeType && i, ht = oe && oe.exports === ct, Be = ht && lt.process, dt = function() {
+  return ei || (ei = 1, function(i, e) {
+    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", u = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", x = "[object Number]", C = "[object Null]", y = "[object Object]", w = "[object Proxy]", S = "[object RegExp]", L = "[object Set]", R = "[object String]", $ = "[object Undefined]", O = "[object WeakMap]", K = "[object ArrayBuffer]", j = "[object DataView]", P = "[object Float32Array]", X = "[object Float64Array]", U = "[object Int8Array]", He = "[object Int16Array]", et = "[object Int32Array]", re = "[object Uint8Array]", ve = "[object Uint8ClampedArray]", be = "[object Uint16Array]", Be = "[object Uint32Array]", Ie = /[\\^$.*+?()[\]{}|]/g, Re = /^\[object .+?Constructor\]$/, tt = /^(?:0|[1-9]\d*)$/, N = {};
+    N[P] = N[X] = N[U] = N[He] = N[et] = N[re] = N[ve] = N[be] = N[Be] = !0, N[o] = N[c] = N[K] = N[u] = N[j] = N[g] = N[p] = N[_] = N[b] = N[x] = N[y] = N[S] = N[L] = N[R] = N[O] = !1;
+    var z = typeof Xe == "object" && Xe && Xe.Object === Object && Xe, fe = typeof self == "object" && self && self.Object === Object && self, G = z || fe || Function("return this")(), Z = e && !e.nodeType && e, se = Z && !0 && i && !i.nodeType && i, ye = se && se.exports === Z, ge = ye && z.process, we = function() {
       try {
-        var l = oe && oe.require && oe.require("util").types;
-        return l || Be && Be.binding && Be.binding("util");
+        var l = se && se.require && se.require("util").types;
+        return l || ge && ge.binding && ge.binding("util");
       } catch {
       }
-    }(), ut = dt && dt.isTypedArray;
-    function vi(l, d, m) {
+    }(), xe = we && we.isTypedArray;
+    function oe(l, d, m) {
       switch (m.length) {
         case 0:
           return l.call(d);
@@ -840,17 +840,17 @@ function fn() {
       }
       return l.apply(d, m);
     }
-    function bi(l, d) {
-      for (var m = -1, M = Array(l); ++m < l; )
-        M[m] = d(m);
-      return M;
+    function le(l, d) {
+      for (var m = -1, A = Array(l); ++m < l; )
+        A[m] = d(m);
+      return A;
     }
-    function yi(l) {
+    function it(l) {
       return function(d) {
         return l(d);
       };
     }
-    function wi(l, d) {
+    function Ce(l, d) {
       return l == null ? void 0 : l[d];
     }
     function xi(l, d) {
@@ -858,41 +858,41 @@ function fn() {
         return l(d(m));
       };
     }
-    var Ci = Array.prototype, Mi = Function.prototype, ve = Object.prototype, Ie = re["__core-js_shared__"], be = Mi.toString, J = ve.hasOwnProperty, ft = function() {
-      var l = /[^.]+$/.exec(Ie && Ie.keys && Ie.keys.IE_PROTO || "");
+    var Ci = Array.prototype, Ai = Function.prototype, $e = Object.prototype, st = G["__core-js_shared__"], Oe = Ai.toString, ne = $e.hasOwnProperty, Dt = function() {
+      var l = /[^.]+$/.exec(st && st.keys && st.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), gt = ve.toString, Ai = be.call(Object), Ti = RegExp(
-      "^" + be.call(J).replace(gi, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), ye = ht ? re.Buffer : void 0, mt = re.Symbol, _t = re.Uint8Array;
-    ye && ye.allocUnsafe;
-    var pt = xi(Object.getPrototypeOf, Object), vt = Object.create, Si = ve.propertyIsEnumerable, ki = Ci.splice, K = mt ? mt.toStringTag : void 0, we = function() {
+    }(), Et = $e.toString, Mi = Oe.call(Object), Si = RegExp(
+      "^" + Oe.call(ne).replace(Ie, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    ), Pe = ye ? G.Buffer : void 0, Lt = G.Symbol, Nt = G.Uint8Array;
+    Pe && Pe.allocUnsafe;
+    var Ft = xi(Object.getPrototypeOf, Object), Ht = Object.create, Ti = $e.propertyIsEnumerable, ki = Ci.splice, ce = Lt ? Lt.toStringTag : void 0, ze = function() {
       try {
-        var l = Pe(Object, "defineProperty");
+        var l = rt(Object, "defineProperty");
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Di = ye ? ye.isBuffer : void 0, bt = Math.max, Li = Date.now, yt = Pe(re, "Map"), le = Pe(Object, "create"), Ei = /* @__PURE__ */ function() {
+    }(), Di = Pe ? Pe.isBuffer : void 0, Bt = Math.max, Ei = Date.now, It = rt(G, "Map"), Ae = rt(Object, "create"), Li = /* @__PURE__ */ function() {
       function l() {
       }
       return function(d) {
-        if (!te(d))
+        if (!de(d))
           return {};
-        if (vt)
-          return vt(d);
+        if (Ht)
+          return Ht(d);
         l.prototype = d;
         var m = new l();
         return l.prototype = void 0, m;
       };
     }();
-    function ee(l) {
+    function he(l) {
       var d = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+        var A = l[d];
+        this.set(A[0], A[1]);
       }
     }
     function Ni() {
-      this.__data__ = le ? le(null) : {}, this.size = 0;
+      this.__data__ = Ae ? Ae(null) : {}, this.size = 0;
     }
     function Fi(l) {
       var d = this.has(l) && delete this.__data__[l];
@@ -900,85 +900,85 @@ function fn() {
     }
     function Hi(l) {
       var d = this.__data__;
-      if (le) {
+      if (Ae) {
         var m = d[l];
         return m === s ? void 0 : m;
       }
-      return J.call(d, l) ? d[l] : void 0;
+      return ne.call(d, l) ? d[l] : void 0;
     }
     function Bi(l) {
       var d = this.__data__;
-      return le ? d[l] !== void 0 : J.call(d, l);
+      return Ae ? d[l] !== void 0 : ne.call(d, l);
     }
     function Ii(l, d) {
       var m = this.__data__;
-      return this.size += this.has(l) ? 0 : 1, m[l] = le && d === void 0 ? s : d, this;
+      return this.size += this.has(l) ? 0 : 1, m[l] = Ae && d === void 0 ? s : d, this;
     }
-    ee.prototype.clear = Ni, ee.prototype.delete = Fi, ee.prototype.get = Hi, ee.prototype.has = Bi, ee.prototype.set = Ii;
-    function U(l) {
+    he.prototype.clear = Ni, he.prototype.delete = Fi, he.prototype.get = Hi, he.prototype.has = Bi, he.prototype.set = Ii;
+    function ee(l) {
       var d = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+        var A = l[d];
+        this.set(A[0], A[1]);
       }
     }
     function Ri() {
       this.__data__ = [], this.size = 0;
     }
     function $i(l) {
-      var d = this.__data__, m = xe(d, l);
+      var d = this.__data__, m = Ve(d, l);
       if (m < 0)
         return !1;
-      var M = d.length - 1;
-      return m == M ? d.pop() : ki.call(d, m, 1), --this.size, !0;
+      var A = d.length - 1;
+      return m == A ? d.pop() : ki.call(d, m, 1), --this.size, !0;
     }
-    function Pi(l) {
-      var d = this.__data__, m = xe(d, l);
+    function Oi(l) {
+      var d = this.__data__, m = Ve(d, l);
       return m < 0 ? void 0 : d[m][1];
     }
-    function Oi(l) {
-      return xe(this.__data__, l) > -1;
+    function Pi(l) {
+      return Ve(this.__data__, l) > -1;
     }
     function zi(l, d) {
-      var m = this.__data__, M = xe(m, l);
-      return M < 0 ? (++this.size, m.push([l, d])) : m[M][1] = d, this;
+      var m = this.__data__, A = Ve(m, l);
+      return A < 0 ? (++this.size, m.push([l, d])) : m[A][1] = d, this;
     }
-    U.prototype.clear = Ri, U.prototype.delete = $i, U.prototype.get = Pi, U.prototype.has = Oi, U.prototype.set = zi;
-    function se(l) {
+    ee.prototype.clear = Ri, ee.prototype.delete = $i, ee.prototype.get = Oi, ee.prototype.has = Pi, ee.prototype.set = zi;
+    function me(l) {
       var d = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+        var A = l[d];
+        this.set(A[0], A[1]);
       }
     }
     function Vi() {
       this.size = 0, this.__data__ = {
-        hash: new ee(),
-        map: new (yt || U)(),
-        string: new ee()
+        hash: new he(),
+        map: new (It || ee)(),
+        string: new he()
       };
     }
-    function ji(l) {
-      var d = Me(this, l).delete(l);
-      return this.size -= d ? 1 : 0, d;
-    }
     function Yi(l) {
-      return Me(this, l).get(l);
+      var d = We(this, l).delete(l);
+      return this.size -= d ? 1 : 0, d;
     }
     function Wi(l) {
-      return Me(this, l).has(l);
+      return We(this, l).get(l);
+    }
+    function ji(l) {
+      return We(this, l).has(l);
     }
     function Xi(l, d) {
-      var m = Me(this, l), M = m.size;
-      return m.set(l, d), this.size += m.size == M ? 0 : 1, this;
+      var m = We(this, l), A = m.size;
+      return m.set(l, d), this.size += m.size == A ? 0 : 1, this;
     }
-    se.prototype.clear = Vi, se.prototype.delete = ji, se.prototype.get = Yi, se.prototype.has = Wi, se.prototype.set = Xi;
-    function ne(l) {
-      var d = this.__data__ = new U(l);
+    me.prototype.clear = Vi, me.prototype.delete = Yi, me.prototype.get = Wi, me.prototype.has = ji, me.prototype.set = Xi;
+    function _e(l) {
+      var d = this.__data__ = new ee(l);
       this.size = d.size;
     }
     function Ui() {
-      this.__data__ = new U(), this.size = 0;
+      this.__data__ = new ee(), this.size = 0;
     }
     function Gi(l) {
       var d = this.__data__, m = d.delete(l);
@@ -992,40 +992,40 @@ function fn() {
     }
     function Ji(l, d) {
       var m = this.__data__;
-      if (m instanceof U) {
-        var M = m.__data__;
-        if (!yt || M.length < t - 1)
-          return M.push([l, d]), this.size = ++m.size, this;
-        m = this.__data__ = new se(M);
+      if (m instanceof ee) {
+        var A = m.__data__;
+        if (!It || A.length < t - 1)
+          return A.push([l, d]), this.size = ++m.size, this;
+        m = this.__data__ = new me(A);
       }
       return m.set(l, d), this.size = m.size, this;
     }
-    ne.prototype.clear = Ui, ne.prototype.delete = Gi, ne.prototype.get = Zi, ne.prototype.has = qi, ne.prototype.set = Ji;
+    _e.prototype.clear = Ui, _e.prototype.delete = Gi, _e.prototype.get = Zi, _e.prototype.has = qi, _e.prototype.set = Ji;
     function Qi(l, d) {
-      var m = Ve(l), M = !m && ze(l), S = !m && !M && At(l), E = !m && !M && !S && St(l), H = m || M || S || E, L = H ? bi(l.length, String) : [], B = L.length;
-      for (var Y in l)
+      var m = ct(l), A = !m && lt(l), T = !m && !A && zt(l), F = !m && !A && !T && Yt(l), H = m || A || T || F, E = H ? le(l.length, String) : [], B = E.length;
+      for (var q in l)
         H && // Safari 9 has enumerable `arguments.length` in strict mode.
-        (Y == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        S && (Y == "offset" || Y == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        E && (Y == "buffer" || Y == "byteLength" || Y == "byteOffset") || // Skip index properties.
-        Ct(Y, B)) || L.push(Y);
-      return L;
+        (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        T && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        F && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
+        Ot(q, B)) || E.push(q);
+      return E;
     }
-    function Re(l, d, m) {
-      (m !== void 0 && !Ae(l[d], m) || m === void 0 && !(d in l)) && $e(l, d, m);
+    function nt(l, d, m) {
+      (m !== void 0 && !je(l[d], m) || m === void 0 && !(d in l)) && at(l, d, m);
     }
     function Ki(l, d, m) {
-      var M = l[d];
-      (!(J.call(l, d) && Ae(M, m)) || m === void 0 && !(d in l)) && $e(l, d, m);
+      var A = l[d];
+      (!(ne.call(l, d) && je(A, m)) || m === void 0 && !(d in l)) && at(l, d, m);
     }
-    function xe(l, d) {
+    function Ve(l, d) {
       for (var m = l.length; m--; )
-        if (Ae(l[m][0], d))
+        if (je(l[m][0], d))
           return m;
       return -1;
     }
-    function $e(l, d, m) {
-      d == "__proto__" && we ? we(l, d, {
+    function at(l, d, m) {
+      d == "__proto__" && ze ? ze(l, d, {
         configurable: !0,
         enumerable: !0,
         value: m,
@@ -1033,149 +1033,149 @@ function fn() {
       }) : l[d] = m;
     }
     var es = fs();
-    function Ce(l) {
-      return l == null ? l === void 0 ? $ : C : K && K in Object(l) ? gs(l) : ys(l);
+    function Ye(l) {
+      return l == null ? l === void 0 ? $ : C : ce && ce in Object(l) ? gs(l) : ys(l);
     }
-    function wt(l) {
-      return ce(l) && Ce(l) == o;
+    function Rt(l) {
+      return Me(l) && Ye(l) == o;
     }
     function ts(l) {
-      if (!te(l) || vs(l))
+      if (!de(l) || vs(l))
         return !1;
-      var d = Ye(l) ? Ti : mi;
-      return d.test(Ms(l));
+      var d = dt(l) ? Si : Re;
+      return d.test(As(l));
     }
     function is(l) {
-      return ce(l) && Tt(l.length) && !!N[Ce(l)];
+      return Me(l) && Vt(l.length) && !!N[Ye(l)];
     }
     function ss(l) {
-      if (!te(l))
+      if (!de(l))
         return bs(l);
-      var d = Mt(l), m = [];
-      for (var M in l)
-        M == "constructor" && (d || !J.call(l, M)) || m.push(M);
+      var d = Pt(l), m = [];
+      for (var A in l)
+        A == "constructor" && (d || !ne.call(l, A)) || m.push(A);
       return m;
     }
-    function xt(l, d, m, M, S) {
-      l !== d && es(d, function(E, H) {
-        if (S || (S = new ne()), te(E))
-          ns(l, d, H, m, xt, M, S);
+    function $t(l, d, m, A, T) {
+      l !== d && es(d, function(F, H) {
+        if (T || (T = new _e()), de(F))
+          ns(l, d, H, m, $t, A, T);
         else {
-          var L = M ? M(Oe(l, H), E, H + "", l, d, S) : void 0;
-          L === void 0 && (L = E), Re(l, H, L);
+          var E = A ? A(ot(l, H), F, H + "", l, d, T) : void 0;
+          E === void 0 && (E = F), nt(l, H, E);
         }
-      }, kt);
+      }, Wt);
     }
-    function ns(l, d, m, M, S, E, H) {
-      var L = Oe(l, m), B = Oe(d, m), Y = H.get(B);
-      if (Y) {
-        Re(l, m, Y);
+    function ns(l, d, m, A, T, F, H) {
+      var E = ot(l, m), B = ot(d, m), q = H.get(B);
+      if (q) {
+        nt(l, m, q);
         return;
       }
-      var O = E ? E(L, B, m + "", l, d, H) : void 0, he = O === void 0;
-      if (he) {
-        var We = Ve(B), Xe = !We && At(B), Lt = !We && !Xe && St(B);
-        O = B, We || Xe || Lt ? Ve(L) ? O = L : As(L) ? O = hs(L) : Xe ? (he = !1, O = os(B)) : Lt ? (he = !1, O = cs(B)) : O = [] : Ts(B) || ze(B) ? (O = L, ze(L) ? O = Ss(L) : (!te(L) || Ye(L)) && (O = ms(B))) : he = !1;
+      var V = F ? F(E, B, m + "", l, d, H) : void 0, Se = V === void 0;
+      if (Se) {
+        var ut = ct(B), ft = !ut && zt(B), Xt = !ut && !ft && Yt(B);
+        V = B, ut || ft || Xt ? ct(E) ? V = E : Ms(E) ? V = hs(E) : ft ? (Se = !1, V = os(B)) : Xt ? (Se = !1, V = cs(B)) : V = [] : Ss(B) || lt(B) ? (V = E, lt(E) ? V = Ts(E) : (!de(E) || dt(E)) && (V = ms(B))) : Se = !1;
       }
-      he && (H.set(B, O), S(O, B, M, E, H), H.delete(B)), Re(l, m, O);
+      Se && (H.set(B, V), T(V, B, A, F, H), H.delete(B)), nt(l, m, V);
     }
     function as(l, d) {
-      return xs(ws(l, d, Dt), l + "");
+      return xs(ws(l, d, jt), l + "");
     }
-    var rs = we ? function(l, d) {
-      return we(l, "toString", {
+    var rs = ze ? function(l, d) {
+      return ze(l, "toString", {
         configurable: !0,
         enumerable: !1,
         value: Ds(d),
         writable: !0
       });
-    } : Dt;
+    } : jt;
     function os(l, d) {
       return l.slice();
     }
     function ls(l) {
       var d = new l.constructor(l.byteLength);
-      return new _t(d).set(new _t(l)), d;
+      return new Nt(d).set(new Nt(l)), d;
     }
     function cs(l, d) {
       var m = ls(l.buffer);
       return new l.constructor(m, l.byteOffset, l.length);
     }
     function hs(l, d) {
-      var m = -1, M = l.length;
-      for (d || (d = Array(M)); ++m < M; )
+      var m = -1, A = l.length;
+      for (d || (d = Array(A)); ++m < A; )
         d[m] = l[m];
       return d;
     }
-    function ds(l, d, m, M) {
-      var S = !m;
+    function ds(l, d, m, A) {
+      var T = !m;
       m || (m = {});
-      for (var E = -1, H = d.length; ++E < H; ) {
-        var L = d[E], B = void 0;
-        B === void 0 && (B = l[L]), S ? $e(m, L, B) : Ki(m, L, B);
+      for (var F = -1, H = d.length; ++F < H; ) {
+        var E = d[F], B = void 0;
+        B === void 0 && (B = l[E]), T ? at(m, E, B) : Ki(m, E, B);
       }
       return m;
     }
     function us(l) {
       return as(function(d, m) {
-        var M = -1, S = m.length, E = S > 1 ? m[S - 1] : void 0, H = S > 2 ? m[2] : void 0;
-        for (E = l.length > 3 && typeof E == "function" ? (S--, E) : void 0, H && _s(m[0], m[1], H) && (E = S < 3 ? void 0 : E, S = 1), d = Object(d); ++M < S; ) {
-          var L = m[M];
-          L && l(d, L, M, E);
+        var A = -1, T = m.length, F = T > 1 ? m[T - 1] : void 0, H = T > 2 ? m[2] : void 0;
+        for (F = l.length > 3 && typeof F == "function" ? (T--, F) : void 0, H && _s(m[0], m[1], H) && (F = T < 3 ? void 0 : F, T = 1), d = Object(d); ++A < T; ) {
+          var E = m[A];
+          E && l(d, E, A, F);
         }
         return d;
       });
     }
     function fs(l) {
-      return function(d, m, M) {
-        for (var S = -1, E = Object(d), H = M(d), L = H.length; L--; ) {
-          var B = H[++S];
-          if (m(E[B], B, E) === !1)
+      return function(d, m, A) {
+        for (var T = -1, F = Object(d), H = A(d), E = H.length; E--; ) {
+          var B = H[++T];
+          if (m(F[B], B, F) === !1)
             break;
         }
         return d;
       };
     }
-    function Me(l, d) {
+    function We(l, d) {
       var m = l.__data__;
       return ps(d) ? m[typeof d == "string" ? "string" : "hash"] : m.map;
     }
-    function Pe(l, d) {
-      var m = wi(l, d);
+    function rt(l, d) {
+      var m = Ce(l, d);
       return ts(m) ? m : void 0;
     }
     function gs(l) {
-      var d = J.call(l, K), m = l[K];
+      var d = ne.call(l, ce), m = l[ce];
       try {
-        l[K] = void 0;
-        var M = !0;
+        l[ce] = void 0;
+        var A = !0;
       } catch {
       }
-      var S = gt.call(l);
-      return M && (d ? l[K] = m : delete l[K]), S;
+      var T = Et.call(l);
+      return A && (d ? l[ce] = m : delete l[ce]), T;
     }
     function ms(l) {
-      return typeof l.constructor == "function" && !Mt(l) ? Ei(pt(l)) : {};
+      return typeof l.constructor == "function" && !Pt(l) ? Li(Ft(l)) : {};
     }
-    function Ct(l, d) {
+    function Ot(l, d) {
       var m = typeof l;
-      return d = d ?? r, !!d && (m == "number" || m != "symbol" && _i.test(l)) && l > -1 && l % 1 == 0 && l < d;
+      return d = d ?? r, !!d && (m == "number" || m != "symbol" && tt.test(l)) && l > -1 && l % 1 == 0 && l < d;
     }
     function _s(l, d, m) {
-      if (!te(m))
+      if (!de(m))
         return !1;
-      var M = typeof d;
-      return (M == "number" ? je(m) && Ct(d, m.length) : M == "string" && d in m) ? Ae(m[d], l) : !1;
+      var A = typeof d;
+      return (A == "number" ? ht(m) && Ot(d, m.length) : A == "string" && d in m) ? je(m[d], l) : !1;
     }
     function ps(l) {
       var d = typeof l;
       return d == "string" || d == "number" || d == "symbol" || d == "boolean" ? l !== "__proto__" : l === null;
     }
     function vs(l) {
-      return !!ft && ft in l;
+      return !!Dt && Dt in l;
     }
-    function Mt(l) {
-      var d = l && l.constructor, m = typeof d == "function" && d.prototype || ve;
+    function Pt(l) {
+      var d = l && l.constructor, m = typeof d == "function" && d.prototype || $e;
       return l === m;
     }
     function bs(l) {
@@ -1186,19 +1186,19 @@ function fn() {
       return d;
     }
     function ys(l) {
-      return gt.call(l);
+      return Et.call(l);
     }
     function ws(l, d, m) {
-      return d = bt(d === void 0 ? l.length - 1 : d, 0), function() {
-        for (var M = arguments, S = -1, E = bt(M.length - d, 0), H = Array(E); ++S < E; )
-          H[S] = M[d + S];
-        S = -1;
-        for (var L = Array(d + 1); ++S < d; )
-          L[S] = M[S];
-        return L[d] = m(H), vi(l, this, L);
+      return d = Bt(d === void 0 ? l.length - 1 : d, 0), function() {
+        for (var A = arguments, T = -1, F = Bt(A.length - d, 0), H = Array(F); ++T < F; )
+          H[T] = A[d + T];
+        T = -1;
+        for (var E = Array(d + 1); ++T < d; )
+          E[T] = A[T];
+        return E[d] = m(H), oe(l, this, E);
       };
     }
-    function Oe(l, d) {
+    function ot(l, d) {
       if (!(d === "constructor" && typeof l[d] == "function") && d != "__proto__")
         return l[d];
     }
@@ -1206,8 +1206,8 @@ function fn() {
     function Cs(l) {
       var d = 0, m = 0;
       return function() {
-        var M = Li(), S = a - (M - m);
-        if (m = M, S > 0) {
+        var A = Ei(), T = a - (A - m);
+        if (m = A, T > 0) {
           if (++d >= n)
             return arguments[0];
         } else
@@ -1215,10 +1215,10 @@ function fn() {
         return l.apply(void 0, arguments);
       };
     }
-    function Ms(l) {
+    function As(l) {
       if (l != null) {
         try {
-          return be.call(l);
+          return Oe.call(l);
         } catch {
         }
         try {
@@ -1228,78 +1228,78 @@ function fn() {
       }
       return "";
     }
-    function Ae(l, d) {
+    function je(l, d) {
       return l === d || l !== l && d !== d;
     }
-    var ze = wt(/* @__PURE__ */ function() {
+    var lt = Rt(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? wt : function(l) {
-      return ce(l) && J.call(l, "callee") && !Si.call(l, "callee");
-    }, Ve = Array.isArray;
-    function je(l) {
-      return l != null && Tt(l.length) && !Ye(l);
+    }()) ? Rt : function(l) {
+      return Me(l) && ne.call(l, "callee") && !Ti.call(l, "callee");
+    }, ct = Array.isArray;
+    function ht(l) {
+      return l != null && Vt(l.length) && !dt(l);
     }
-    function As(l) {
-      return ce(l) && je(l);
+    function Ms(l) {
+      return Me(l) && ht(l);
     }
-    var At = Di || Ls;
-    function Ye(l) {
-      if (!te(l))
+    var zt = Di || Es;
+    function dt(l) {
+      if (!de(l))
         return !1;
-      var d = Ce(l);
-      return d == p || d == v || d == h || d == x;
+      var d = Ye(l);
+      return d == _ || d == v || d == h || d == w;
     }
-    function Tt(l) {
+    function Vt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
     }
-    function te(l) {
+    function de(l) {
       var d = typeof l;
       return l != null && (d == "object" || d == "function");
     }
-    function ce(l) {
+    function Me(l) {
       return l != null && typeof l == "object";
     }
-    function Ts(l) {
-      if (!ce(l) || Ce(l) != y)
+    function Ss(l) {
+      if (!Me(l) || Ye(l) != y)
         return !1;
-      var d = pt(l);
+      var d = Ft(l);
       if (d === null)
         return !0;
-      var m = J.call(d, "constructor") && d.constructor;
-      return typeof m == "function" && m instanceof m && be.call(m) == Ai;
+      var m = ne.call(d, "constructor") && d.constructor;
+      return typeof m == "function" && m instanceof m && Oe.call(m) == Mi;
     }
-    var St = ut ? yi(ut) : is;
-    function Ss(l) {
-      return ds(l, kt(l));
+    var Yt = xe ? it(xe) : is;
+    function Ts(l) {
+      return ds(l, Wt(l));
     }
-    function kt(l) {
-      return je(l) ? Qi(l) : ss(l);
+    function Wt(l) {
+      return ht(l) ? Qi(l) : ss(l);
     }
     var ks = us(function(l, d, m) {
-      xt(l, d, m);
+      $t(l, d, m);
     });
     function Ds(l) {
       return function() {
         return l;
       };
     }
-    function Dt(l) {
+    function jt(l) {
       return l;
     }
-    function Ls() {
+    function Es() {
       return !1;
     }
     i.exports = ks;
-  }(ue, ue.exports)), ue.exports;
+  }(ke, ke.exports)), ke.exports;
 }
 var gn = fn();
-const De = /* @__PURE__ */ un(gn), Pt = 12, mn = {
+const Ze = /* @__PURE__ */ un(gn), ti = 12, mn = {
   candles: {
     direction: "right",
-    offset: `${Math.round(Pt / 2)}px`,
+    offset: `${Math.round(ti / 2)}px`,
     style: "filled",
     strokeWidth: 1,
-    baseWidth: Pt,
+    baseWidth: ti,
     bodyRatio: 0.7,
     zoomOnWheel: "both",
     scaleSensitivity: 2e-3,
@@ -1347,11 +1347,11 @@ class _n {
     f(this, "_yAxis");
     f(this, "_guides");
     f(this, "_trade");
-    const t = De({}, mn, e);
+    const t = Ze({}, mn, e);
     this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade;
   }
   update(e) {
-    const t = De(
+    const t = Ze(
       {},
       {
         candles: this._candles,
@@ -1380,7 +1380,7 @@ class _n {
     return this._trade;
   }
 }
-class V {
+class W {
   constructor(e) {
     f(this, "x");
     f(this, "y");
@@ -1423,32 +1423,32 @@ class V {
 }
 class pn {
   constructor(e, t) {
-    f(this, "_chart", new V());
-    f(this, "_area", new V());
-    f(this, "_xAxis", new V());
-    f(this, "_yAxis", new V());
-    f(this, "_axisIntersection", new V());
+    f(this, "_chart", new W());
+    f(this, "_area", new W());
+    f(this, "_xAxis", new W());
+    f(this, "_yAxis", new W());
+    f(this, "_axisIntersection", new W());
     const { xAxis: s, yAxis: n } = t;
-    this._chart = new V(e), this._calc(s, n);
+    this._chart = new W(e), this._calc(s, n);
   }
   _calc(e, t) {
     const s = e.isShow ? e.height : 0, n = t.isShow ? t.width : 0, a = this._chart.height - s, r = this._chart.width - n;
-    this._area = new V({
+    this._area = new W({
       x: t.position === "left" ? n : 0,
       y: e.position === "top" ? s : 0,
       width: r,
       height: a
-    }), this._xAxis = new V({
+    }), this._xAxis = new W({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? n : 0,
       height: s,
       width: r
-    }), this._yAxis = new V({
+    }), this._yAxis = new W({
       y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : r,
       width: n,
       height: a
-    }), this._axisIntersection = new V({
+    }), this._axisIntersection = new W({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? 0 : r,
       width: n,
@@ -1461,7 +1461,7 @@ class pn {
   }
   update(e) {
     const { xAxis: t, yAxis: s } = e.config;
-    this._chart = new V(e.container), this._calc(t, s);
+    this._chart = new W(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1494,7 +1494,7 @@ function bn(i, e) {
   }
   return t;
 }
-function Ot(i, e) {
+function ii(i, e) {
   const t = vn(i[0]), s = bn(i, t), n = [];
   return s.forEach((a) => {
     if (a.length === 0) return;
@@ -1505,19 +1505,19 @@ function Ot(i, e) {
       throw new Error("[CS_Data] error while creating missing data");
     const c = r.close, h = o.open;
     let u = c;
-    a.forEach((g, _) => {
-      const p = (h - u) / a.length;
-      let v = u + p * _, b = v + p;
-      const w = Math.abs(v - b);
-      let C = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
+    a.forEach((g, p) => {
+      const _ = (h - u) / a.length;
+      let v = u + _ * p, b = v + _;
+      const x = Math.abs(v - b);
+      let C = Math.max(v, b) + x / 2, y = Math.min(v, b) - x / 2;
       if (e.trade) {
-        const T = [...e.trade.entries, ...e.trade.exits].find((F) => {
-          const R = F.time.getTime();
+        const S = [...e.trade.entries, ...e.trade.exits].find((L) => {
+          const R = L.time.getTime();
           return R >= g && R < g + t;
         });
-        T && (T.type === "buy" ? (y = T.price, b = Math.max(y, b), v = b + w, C = Math.max(v, b) + w / 2, u = v) : T.type === "sell" && (C = T.price, b = Math.min(C, b), v = b - w, y = Math.min(v, b) - w / 2, u = v));
+        S && (S.type === "buy" ? (y = S.price, b = Math.max(y, b), v = b + x, C = Math.max(v, b) + x / 2, u = v) : S.type === "sell" && (C = S.price, b = Math.min(C, b), v = b - x, y = Math.min(v, b) - x / 2, u = v));
       }
-      const x = {
+      const w = {
         open_time: new Date(g),
         close_time: new Date(g + t),
         open: v,
@@ -1525,11 +1525,11 @@ function Ot(i, e) {
         high: C,
         low: y
       };
-      n.push(x);
+      n.push(w);
     });
   }), n;
 }
-class nt {
+class Mt {
   constructor(e, t) {
     f(this, "_initialData", []);
     f(this, "_preparedData", []);
@@ -1543,10 +1543,10 @@ class nt {
     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 = Ot(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(e[0].close_time).getTime() - new Date(e[0].open_time).getTime();
+    this._initialData = e, this._preparedData = this._prepare(e), this._missingData = ii(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(e[0].close_time).getTime() - new Date(e[0].open_time).getTime();
   }
   updateMissingCandles() {
-    this._missingData = Ot(this._preparedData, this._model);
+    this._missingData = ii(this._preparedData, this._model);
   }
   get initialData() {
     return this._initialData;
@@ -1589,7 +1589,7 @@ class yn {
     });
   }
 }
-class Kt {
+class mi {
   constructor() {
     f(this, "_scale");
   }
@@ -1625,17 +1625,17 @@ class Kt {
     return this._scale(e);
   }
 }
-class ei extends Kt {
+class _i extends mi {
   constructor() {
     super(), this._scale = D.scaleTime();
   }
 }
-class wn extends Kt {
+class wn extends mi {
   constructor() {
     super(), this._scale = D.scaleLinear();
   }
 }
-const zt = { x: 0.2, y: 0.2 }, Vt = 1e-3, xn = {
+const si = { x: 0.2, y: 0.2 }, ni = 1e-3, xn = {
   s: 1e3,
   M: 1e3 * 60,
   h: 1e3 * 60 * 60,
@@ -1645,7 +1645,7 @@ const zt = { x: 0.2, y: 0.2 }, Vt = 1e-3, xn = {
   const e = i.match(/^(\d+)([a-zA-Z]+)$/);
   if (!e) throw new Error(`Invalid offset format: "${i}"`);
   return [parseInt(e[1]), e[2]];
-}, Mn = (i, e) => {
+}, An = (i, e) => {
   const [t, s] = e.domain().map((o) => o.getTime()), n = i.filter((o) => {
     const c = o.open_time.getTime();
     return c >= t && c <= s;
@@ -1653,7 +1653,7 @@ const zt = { x: 0.2, y: 0.2 }, Vt = 1e-3, xn = {
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
-class An {
+class Mn {
   constructor(e) {
     this.model = e;
   }
@@ -1663,14 +1663,14 @@ class An {
     e.setDomain(s), this.setRange(e, this.model.layout.xAxis), this.setDefaultXDomain(e), this.applyOffset(e);
   }
   initY(e, t) {
-    const s = Mn(this.model.candles.preparedData, t);
+    const s = An(this.model.candles.preparedData, t);
     e.setDomain(s), this.setRange(e, this.model.layout.yAxis);
   }
   init(e) {
     this.initX(e.x), this.initY(e.y, e.x);
   }
   setRange(e, { x: t, y: s, width: n, height: a }) {
-    e instanceof ei ? e.setRange([t, t + n]) : e.setRange([s + a, s]);
+    e instanceof _i ? e.setRange([t, t + n]) : e.setRange([s + a, s]);
   }
   setDefaultXDomain(e) {
     const {
@@ -1679,8 +1679,8 @@ class An {
       config: {
         candles: { baseWidth: n, bodyRatio: a, direction: r }
       }
-    } = this.model, [o, c] = e.domain().map((p) => p.getTime()), h = c - o, u = n / a * t, g = h * (s.width / u), _ = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
-    e.setDomain(_);
+    } = this.model, [o, c] = e.domain().map((_) => _.getTime()), h = c - o, u = n / a * t, g = h * (s.width / u), p = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
+    e.setDomain(p);
   }
   applyOffset(e) {
     const {
@@ -1692,7 +1692,7 @@ class An {
     e.setDomain([new Date(h.getTime() + c), new Date(u.getTime() + c)]);
   }
 }
-class Tn {
+class Sn {
   constructor(e) {
     f(this, "_model");
     f(this, "_scaleX");
@@ -1704,7 +1704,7 @@ class Tn {
     });
     f(this, "scaleFactor", { x: 1, y: 1 });
     f(this, "panOffset", { x: 0, y: 0 });
-    this._model = e, this._scaleX = new ei(), this._scaleY = new wn(), this._initializer = new An(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
+    this._model = e, this._scaleX = new _i(), this._scaleY = new wn(), this._initializer = new Mn(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
     };
@@ -1745,12 +1745,12 @@ class Tn {
   }
   scale(e, t, s = "delta") {
     if (s === "absolute") {
-      const n = Math.max(zt[e], t);
-      if (Math.abs(n - this.scaleFactor[e]) < Vt) return;
+      const n = Math.max(si[e], t);
+      if (Math.abs(n - this.scaleFactor[e]) < ni) return;
       this.scaleFactor[e] = n;
     } else {
       const n = this.scaleFactor[e], a = n + t * this._model.config.candles.scaleSensitivity;
-      if (a < zt[e] || Math.abs(a - n) < Vt) return;
+      if (a < si[e] || Math.abs(a - n) < ni) return;
       this.scaleFactor[e] = a;
     }
     this._updateDomain(e);
@@ -1776,7 +1776,7 @@ class Tn {
     this._model.eventBus.emit("scale_event");
   }
 }
-class Sn {
+class Tn {
   constructor(e, { entry: t = [], exit: s = [] }) {
     f(this, "_model");
     f(this, "_rawEntry");
@@ -1976,10 +1976,10 @@ const Dn = {
     }
   }
 };
-class Ln {
+class En {
   constructor(e) {
     f(this, "_scheme");
-    this._scheme = De({}, Dn, e), Object.keys(this._scheme).forEach((t) => {
+    this._scheme = Ze({}, Dn, e), Object.keys(this._scheme).forEach((t) => {
       Object.defineProperty(this, t, {
         get: () => this._scheme[t],
         enumerable: !0
@@ -1987,10 +1987,10 @@ class Ln {
     });
   }
   update(e) {
-    this._scheme = De({}, this._scheme, e);
+    this._scheme = Ze({}, this._scheme, e);
   }
 }
-class En {
+class Ln {
   constructor(e, t) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -2008,7 +2008,7 @@ class En {
   _updateGroups() {
     this._grouped = {};
     for (const e of this._data) {
-      const t = nt.findByDate(new Date(e.date), this._model.candles.allData);
+      const t = Mt.findByDate(new Date(e.date), this._model.candles.allData);
       if (!t) continue;
       const s = t.open_time.getTime();
       this._grouped[s] || (this._grouped[s] = []), this._grouped[s].push({ ...e, candle: t });
@@ -2055,7 +2055,7 @@ class Nn {
     f(this, "trade");
     f(this, "userMarkers");
     f(this, "comments");
-    this.chartId = e, this.container = t, this.candles = new nt(s, this), this.config = new _n(n), this.colorScheme = new Ln(o), this.layout = new pn(t, this.config), this.scales = new Tn(this), this.trade = new Sn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new kn(this, r), this.comments = new En(c, this);
+    this.chartId = e, this.container = t, this.candles = new Mt(s, this), this.config = new _n(n), this.colorScheme = new En(o), this.layout = new pn(t, this.config), this.scales = new Sn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new kn(this, r), this.comments = new Ln(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2085,7 +2085,7 @@ class Nn {
     this.eventBus.emit("update_comments", e);
   }
 }
-const Se = window.devicePixelRatio || 2;
+const Ue = window.devicePixelRatio || 2;
 class k {
   constructor({ tag: e, className: t, id: s, textContent: n }) {
     f(this, "_tag");
@@ -2124,7 +2124,7 @@ class k {
     this.node.style.opacity = e ? "1" : "0", this.node.style.visibility = e ? "visible" : "hidden";
   }
 }
-class _e extends k {
+class Ne extends k {
   constructor({ className: t, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
@@ -2138,10 +2138,10 @@ class _e extends k {
     this._width = n, this._height = a, this.updateSize({ width: n, height: a });
     const o = this._node.getContext("2d");
     if (!o) throw new Error("Failed to get 2D context");
-    o.scale(Se, Se), this._ctx = o;
+    o.scale(Ue, Ue), this._ctx = o;
   }
   updateSize({ width: t, height: s }) {
-    t && (this._node.width = t * Se, this._node.style.width = `${t}px`, this._width = t), s && (this._node.height = s * Se, this._node.style.height = `${s}px`, this._height = s);
+    t && (this._node.width = t * Ue, this._node.style.width = `${t}px`, this._width = t), s && (this._node.height = s * Ue, 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);
@@ -2165,8 +2165,8 @@ function Hn(i, e) {
     scales: a
   } = e, r = a.x.ticks(Fn), o = (u) => u.getHours() === 0 && u.getMinutes() === 0, c = D.timeFormat("%d %b"), h = D.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((u) => {
-    const g = a.x.convert(u), _ = o(u) ? c(u) : h(u);
-    i.fillText(_, g, t.y + t.height / 2);
+    const g = a.x.convert(u), p = o(u) ? c(u) : h(u);
+    i.fillText(p, g, t.y + t.height / 2);
   });
 }
 function Bn(i, e) {
@@ -2193,7 +2193,7 @@ const In = (i, e) => {
     t.height
   ), i.restore();
 };
-class qe {
+class pt {
   static xAxis(e, t) {
     Hn(e, t);
   }
@@ -2231,38 +2231,38 @@ class Rn {
     this._target.addEventListener("contextmenu", e);
   }
 }
-function Le(i) {
+function qe(i) {
   return i * 0.1875;
 }
 const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
-  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
-  const b = a + g * 3 + 0.5, w = g * 16, C = b + w / 2;
+  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const b = a + g * 3 + 0.5, x = g * 16, C = b + x / 2;
   i.fillStyle = t, i.fillText(s, n, C), i.restore();
-}, Pn = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
-  i.save(), i.translate(p, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
-  const b = g * 16, w = a - g * 19 + b / 2;
-  i.fillStyle = t, i.fillText(s, n, w), i.restore();
+}, On = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
+  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
+  const b = g * 16, x = a - g * 19 + b / 2;
+  i.fillStyle = t, i.fillText(s, n, x), i.restore();
 };
-function Ee(i) {
+function Je(i) {
   "@babel/helpers - typeof";
-  return Ee = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Je = 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;
-  }, Ee(i);
+  }, Je(i);
 }
-var On = /^\s+/, zn = /\s+$/;
-function A(i, e) {
-  if (i = i || "", e = e || {}, i instanceof A)
+var Pn = /^\s+/, zn = /\s+$/;
+function M(i, e) {
+  if (i = i || "", e = e || {}, i instanceof M)
     return i;
-  if (!(this instanceof A))
-    return new A(i, e);
+  if (!(this instanceof M))
+    return new M(i, e);
   var t = Vn(i);
   this._originalInput = i, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = e.format || t.format, this._gradientType = e.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = t.ok;
 }
-A.prototype = {
+M.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -2290,10 +2290,10 @@ A.prototype = {
     return t = e.r / 255, s = e.g / 255, n = e.b / 255, t <= 0.03928 ? a = t / 12.92 : a = Math.pow((t + 0.055) / 1.055, 2.4), s <= 0.03928 ? r = s / 12.92 : r = Math.pow((s + 0.055) / 1.055, 2.4), n <= 0.03928 ? o = n / 12.92 : o = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * r + 0.0722 * o;
   },
   setAlpha: function(e) {
-    return this._a = ti(e), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = pi(e), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var e = Yt(this._r, this._g, this._b);
+    var e = ri(this._r, this._g, this._b);
     return {
       h: e.h * 360,
       s: e.s,
@@ -2302,11 +2302,11 @@ A.prototype = {
     };
   },
   toHsvString: function() {
-    var e = Yt(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.v * 100);
+    var e = ri(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.v * 100);
     return this._a == 1 ? "hsv(" + t + ", " + s + "%, " + n + "%)" : "hsva(" + t + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var e = jt(this._r, this._g, this._b);
+    var e = ai(this._r, this._g, this._b);
     return {
       h: e.h * 360,
       s: e.s,
@@ -2315,11 +2315,11 @@ A.prototype = {
     };
   },
   toHslString: function() {
-    var e = jt(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.l * 100);
+    var e = ai(this._r, this._g, this._b), t = Math.round(e.h * 360), s = Math.round(e.s * 100), n = Math.round(e.l * 100);
     return this._a == 1 ? "hsl(" + t + ", " + s + "%, " + n + "%)" : "hsla(" + t + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(e) {
-    return Wt(this._r, this._g, this._b, e);
+    return oi(this._r, this._g, this._b, e);
   },
   toHexString: function(e) {
     return "#" + this.toHex(e);
@@ -2353,13 +2353,13 @@ A.prototype = {
     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 : na[Wt(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : na[oi(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(e) {
-    var t = "#" + Xt(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
+    var t = "#" + li(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (e) {
-      var a = A(e);
-      s = "#" + Xt(a._r, a._g, a._b, a._a);
+      var a = M(e);
+      s = "#" + li(a._r, a._g, a._b, a._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + s + ")";
   },
@@ -2370,7 +2370,7 @@ A.prototype = {
     return a ? e === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (s = this.toRgbString()), e === "prgb" && (s = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (s = this.toHexString()), e === "hex3" && (s = this.toHexString(!0)), e === "hex4" && (s = this.toHex8String(!0)), e === "hex8" && (s = this.toHex8String()), e === "name" && (s = this.toName()), e === "hsl" && (s = this.toHslString()), e === "hsv" && (s = this.toHsvString()), s || this.toHexString());
   },
   clone: function() {
-    return A(this.toString());
+    return M(this.toString());
   },
   _applyModification: function(e, t) {
     var s = e.apply(null, [this].concat([].slice.call(t)));
@@ -2417,20 +2417,20 @@ A.prototype = {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(Ut, [3]);
+    return this._applyCombination(ci, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(Ut, [4]);
+    return this._applyCombination(ci, [4]);
   }
 };
-A.fromRatio = function(i, e) {
-  if (Ee(i) == "object") {
+M.fromRatio = function(i, e) {
+  if (Je(i) == "object") {
     var t = {};
     for (var s in i)
-      i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = fe(i[s]));
+      i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = De(i[s]));
     i = t;
   }
-  return A(i, e);
+  return M(i, e);
 };
 function Vn(i) {
   var e = {
@@ -2438,7 +2438,7 @@ function Vn(i) {
     g: 0,
     b: 0
   }, t = 1, s = null, n = null, a = null, r = !1, o = !1;
-  return typeof i == "string" && (i = la(i)), Ee(i) == "object" && (G(i.r) && G(i.g) && G(i.b) ? (e = jn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : G(i.h) && G(i.s) && G(i.v) ? (s = fe(i.s), n = fe(i.v), e = Wn(i.h, s, n), r = !0, o = "hsv") : G(i.h) && G(i.s) && G(i.l) && (s = fe(i.s), a = fe(i.l), e = Yn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = ti(t), {
+  return typeof i == "string" && (i = la(i)), Je(i) == "object" && (te(i.r) && te(i.g) && te(i.b) ? (e = Yn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : te(i.h) && te(i.s) && te(i.v) ? (s = De(i.s), n = De(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : te(i.h) && te(i.s) && te(i.l) && (s = De(i.s), a = De(i.l), e = Wn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = pi(t), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2447,14 +2447,14 @@ function Vn(i) {
     a: t
   };
 }
-function jn(i, e, t) {
+function Yn(i, e, t) {
   return {
     r: I(i, 255) * 255,
     g: I(e, 255) * 255,
     b: I(t, 255) * 255
   };
 }
-function jt(i, e, t) {
+function ai(i, e, t) {
   i = I(i, 255), e = I(e, 255), t = I(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = (s + n) / 2;
   if (s == n)
@@ -2480,7 +2480,7 @@ function jt(i, e, t) {
     l: o
   };
 }
-function Yn(i, e, t) {
+function Wn(i, e, t) {
   var s, n, a;
   i = I(i, 360), e = I(e, 100), t = I(t, 100);
   function r(h, u, g) {
@@ -2498,7 +2498,7 @@ function Yn(i, e, t) {
     b: a * 255
   };
 }
-function Yt(i, e, t) {
+function ri(i, e, t) {
   i = I(i, 255), e = I(e, 255), t = I(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = s, c = s - n;
   if (r = s === 0 ? 0 : c / s, s == n)
@@ -2523,7 +2523,7 @@ function Yt(i, e, t) {
     v: o
   };
 }
-function Wn(i, e, t) {
+function jn(i, e, t) {
   i = I(i, 360) * 6, e = I(e, 100), t = I(t, 100);
   var s = Math.floor(i), n = i - s, a = t * (1 - e), r = t * (1 - n * e), o = t * (1 - (1 - n) * e), c = s % 6, h = [t, r, a, a, o, t][c], u = [o, t, t, r, a, a][c], g = [a, a, o, t, t, r][c];
   return {
@@ -2532,23 +2532,23 @@ function Wn(i, e, t) {
     b: g * 255
   };
 }
-function Wt(i, e, t, s) {
-  var n = [X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16))];
+function oi(i, e, t, s) {
+  var n = [Q(Math.round(i).toString(16)), Q(Math.round(e).toString(16)), Q(Math.round(t).toString(16))];
   return s && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function Xn(i, e, t, s, n) {
-  var a = [X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16)), X(ii(s))];
+  var a = [Q(Math.round(i).toString(16)), Q(Math.round(e).toString(16)), Q(Math.round(t).toString(16)), Q(vi(s))];
   return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function Xt(i, e, t, s) {
-  var n = [X(ii(s)), X(Math.round(i).toString(16)), X(Math.round(e).toString(16)), X(Math.round(t).toString(16))];
+function li(i, e, t, s) {
+  var n = [Q(vi(s)), Q(Math.round(i).toString(16)), Q(Math.round(e).toString(16)), Q(Math.round(t).toString(16))];
   return n.join("");
 }
-A.equals = function(i, e) {
-  return !i || !e ? !1 : A(i).toRgbString() == A(e).toRgbString();
+M.equals = function(i, e) {
+  return !i || !e ? !1 : M(i).toRgbString() == M(e).toRgbString();
 };
-A.random = function() {
-  return A.fromRatio({
+M.random = function() {
+  return M.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -2556,45 +2556,45 @@ A.random = function() {
 };
 function Un(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = A(i).toHsl();
-  return t.s -= e / 100, t.s = Fe(t.s), A(t);
+  var t = M(i).toHsl();
+  return t.s -= e / 100, t.s = Ke(t.s), M(t);
 }
 function Gn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = A(i).toHsl();
-  return t.s += e / 100, t.s = Fe(t.s), A(t);
+  var t = M(i).toHsl();
+  return t.s += e / 100, t.s = Ke(t.s), M(t);
 }
 function Zn(i) {
-  return A(i).desaturate(100);
+  return M(i).desaturate(100);
 }
 function qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = A(i).toHsl();
-  return t.l += e / 100, t.l = Fe(t.l), A(t);
+  var t = M(i).toHsl();
+  return t.l += e / 100, t.l = Ke(t.l), M(t);
 }
 function Jn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = A(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)))), A(t);
+  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);
 }
 function Qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = A(i).toHsl();
-  return t.l -= e / 100, t.l = Fe(t.l), A(t);
+  var t = M(i).toHsl();
+  return t.l -= e / 100, t.l = Ke(t.l), M(t);
 }
 function Kn(i, e) {
-  var t = A(i).toHsl(), s = (t.h + e) % 360;
-  return t.h = s < 0 ? 360 + s : s, A(t);
+  var t = M(i).toHsl(), s = (t.h + e) % 360;
+  return t.h = s < 0 ? 360 + s : s, M(t);
 }
 function ea(i) {
-  var e = A(i).toHsl();
-  return e.h = (e.h + 180) % 360, A(e);
+  var e = M(i).toHsl();
+  return e.h = (e.h + 180) % 360, M(e);
 }
-function Ut(i, e) {
+function ci(i, e) {
   if (isNaN(e) || e <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = A(i).toHsl(), s = [A(i)], n = 360 / e, a = 1; a < e; a++)
-    s.push(A({
+  for (var t = M(i).toHsl(), s = [M(i)], n = 360 / e, a = 1; a < e; a++)
+    s.push(M({
       h: (t.h + a * n) % 360,
       s: t.s,
       l: t.l
@@ -2602,12 +2602,12 @@ function Ut(i, e) {
   return s;
 }
 function ta(i) {
-  var e = A(i).toHsl(), t = e.h;
-  return [A(i), A({
+  var e = M(i).toHsl(), t = e.h;
+  return [M(i), M({
     h: (t + 72) % 360,
     s: e.s,
     l: e.l
-  }), A({
+  }), M({
     h: (t + 216) % 360,
     s: e.s,
     l: e.l
@@ -2615,37 +2615,37 @@ function ta(i) {
 }
 function ia(i, e, t) {
   e = e || 6, t = t || 30;
-  var s = A(i).toHsl(), n = 360 / t, a = [A(i)];
+  var s = M(i).toHsl(), n = 360 / t, a = [M(i)];
   for (s.h = (s.h - (n * e >> 1) + 720) % 360; --e; )
-    s.h = (s.h + n) % 360, a.push(A(s));
+    s.h = (s.h + n) % 360, a.push(M(s));
   return a;
 }
 function sa(i, e) {
   e = e || 6;
-  for (var t = A(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
-    r.push(A({
+  for (var t = M(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
+    r.push(M({
       h: s,
       s: n,
       v: a
     })), a = (a + o) % 1;
   return r;
 }
-A.mix = function(i, e, t) {
+M.mix = function(i, e, t) {
   t = t === 0 ? 0 : t || 50;
-  var s = A(i).toRgb(), n = A(e).toRgb(), a = t / 100, r = {
+  var s = M(i).toRgb(), n = M(e).toRgb(), a = t / 100, r = {
     r: (n.r - s.r) * a + s.r,
     g: (n.g - s.g) * a + s.g,
     b: (n.b - s.b) * a + s.b,
     a: (n.a - s.a) * a + s.a
   };
-  return A(r);
+  return M(r);
 };
-A.readability = function(i, e) {
-  var t = A(i), s = A(e);
+M.readability = function(i, e) {
+  var t = M(i), s = M(e);
   return (Math.max(t.getLuminance(), s.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), s.getLuminance()) + 0.05);
 };
-A.isReadable = function(i, e, t) {
-  var s = A.readability(i, e), n, a;
+M.isReadable = function(i, e, t) {
+  var s = M.readability(i, e), n, a;
   switch (a = !1, n = ca(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -2660,17 +2660,17 @@ A.isReadable = function(i, e, t) {
   }
   return a;
 };
-A.mostReadable = function(i, e, t) {
+M.mostReadable = function(i, e, t) {
   var s = null, n = 0, a, r, o, c;
   t = t || {}, r = t.includeFallbackColors, o = t.level, c = t.size;
   for (var h = 0; h < e.length; h++)
-    a = A.readability(i, e[h]), a > n && (n = a, s = A(e[h]));
-  return A.isReadable(i, s, {
+    a = M.readability(i, e[h]), a > n && (n = a, s = M(e[h]));
+  return M.isReadable(i, s, {
     level: o,
     size: c
-  }) || !r ? s : (t.includeFallbackColors = !1, A.mostReadable(i, ["#fff", "#000"], t));
+  }) || !r ? s : (t.includeFallbackColors = !1, M.mostReadable(i, ["#fff", "#000"], t));
 };
-var tt = A.names = {
+var xt = M.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2820,14 +2820,14 @@ var tt = A.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, na = A.hexNames = aa(tt);
+}, na = M.hexNames = aa(xt);
 function aa(i) {
   var e = {};
   for (var t in i)
     i.hasOwnProperty(t) && (e[i[t]] = t);
   return e;
 }
-function ti(i) {
+function pi(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
 function I(i, e) {
@@ -2835,10 +2835,10 @@ function I(i, e) {
   var t = oa(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 Fe(i) {
+function Ke(i) {
   return Math.min(1, Math.max(0, i));
 }
-function z(i) {
+function Y(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2847,19 +2847,19 @@ function ra(i) {
 function oa(i) {
   return typeof i == "string" && i.indexOf("%") != -1;
 }
-function X(i) {
+function Q(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
-function fe(i) {
+function De(i) {
   return i <= 1 && (i = i * 100 + "%"), i;
 }
-function ii(i) {
+function vi(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function Gt(i) {
-  return z(i) / 255;
+function hi(i) {
+  return Y(i) / 255;
 }
-var W = function() {
+var J = function() {
   var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -2875,14 +2875,14 @@ var W = function() {
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
 }();
-function G(i) {
-  return !!W.CSS_UNIT.exec(i);
+function te(i) {
+  return !!J.CSS_UNIT.exec(i);
 }
 function la(i) {
-  i = i.replace(On, "").replace(zn, "").toLowerCase();
+  i = i.replace(Pn, "").replace(zn, "").toLowerCase();
   var e = !1;
-  if (tt[i])
-    i = tt[i], e = !0;
+  if (xt[i])
+    i = xt[i], e = !0;
   else if (i == "transparent")
     return {
       r: 0,
@@ -2892,54 +2892,54 @@ function la(i) {
       format: "name"
     };
   var t;
-  return (t = W.rgb.exec(i)) ? {
+  return (t = J.rgb.exec(i)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = W.rgba.exec(i)) ? {
+  } : (t = J.rgba.exec(i)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = W.hsl.exec(i)) ? {
+  } : (t = J.hsl.exec(i)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = W.hsla.exec(i)) ? {
+  } : (t = J.hsla.exec(i)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = W.hsv.exec(i)) ? {
+  } : (t = J.hsv.exec(i)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = W.hsva.exec(i)) ? {
+  } : (t = J.hsva.exec(i)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = W.hex8.exec(i)) ? {
-    r: z(t[1]),
-    g: z(t[2]),
-    b: z(t[3]),
-    a: Gt(t[4]),
+  } : (t = J.hex8.exec(i)) ? {
+    r: Y(t[1]),
+    g: Y(t[2]),
+    b: Y(t[3]),
+    a: hi(t[4]),
     format: e ? "name" : "hex8"
-  } : (t = W.hex6.exec(i)) ? {
-    r: z(t[1]),
-    g: z(t[2]),
-    b: z(t[3]),
+  } : (t = J.hex6.exec(i)) ? {
+    r: Y(t[1]),
+    g: Y(t[2]),
+    b: Y(t[3]),
     format: e ? "name" : "hex"
-  } : (t = W.hex4.exec(i)) ? {
-    r: z(t[1] + "" + t[1]),
-    g: z(t[2] + "" + t[2]),
-    b: z(t[3] + "" + t[3]),
-    a: Gt(t[4] + "" + t[4]),
+  } : (t = J.hex4.exec(i)) ? {
+    r: Y(t[1] + "" + t[1]),
+    g: Y(t[2] + "" + t[2]),
+    b: Y(t[3] + "" + t[3]),
+    a: hi(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
-  } : (t = W.hex3.exec(i)) ? {
-    r: z(t[1] + "" + t[1]),
-    g: z(t[2] + "" + t[2]),
-    b: z(t[3] + "" + t[3]),
+  } : (t = J.hex3.exec(i)) ? {
+    r: Y(t[1] + "" + t[1]),
+    g: Y(t[2] + "" + t[2]),
+    b: Y(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -2964,17 +2964,17 @@ function ha(i, e) {
   } = e;
   if (!r) return;
   const { trade: o } = a, c = 4;
-  t.forEach(({ isHovered: h, isActive: u, candle: g, trades: _ }) => {
-    const p = s.convert(g.open_time);
-    _.forEach((v) => {
-      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, C = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, x = b ? $n : Pn;
-      let T = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (T = A.mix(T, a.bg, 20).toString()), u && u[1] && u[0] === v.type && (T = o.activeLabel), x(i, {
-        x: p,
+  t.forEach(({ isHovered: h, isActive: u, candle: g, trades: p }) => {
+    const _ = s.convert(g.open_time);
+    p.forEach((v) => {
+      const b = v.type === "buy", x = b ? o.buyLabel.text : o.sellLabel.text, C = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, w = b ? $n : On;
+      let S = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (S = M.mix(S, a.bg, 20).toString()), u && u[1] && u[0] === v.type && (S = o.activeLabel), w(i, {
+        x: _,
         y,
         symbol: C,
-        mainColor: T,
-        textColor: w,
+        mainColor: S,
+        textColor: x,
         size: 16,
         fontSize: 12
       });
@@ -2990,14 +2990,14 @@ function da(i, e) {
     colorScheme: { trade: h }
   } = e;
   if (a.length === 0) return;
-  const u = a.map((_) => _.candle).sort((_, p) => _.open_time.getTime() - p.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
+  const u = a.map((p) => p.candle).sort((p, _) => p.open_time.getTime() - _.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
   if (i.save(), i.lineWidth = 1, i.strokeStyle = h.tradeBorders, o.length) {
-    const _ = t.convert(u[0].open_time) - g;
-    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
+    const p = t.convert(u[0].open_time) - g;
+    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   if (r.length) {
-    const _ = t.convert(u[u.length - 1].open_time) + g;
-    i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
+    const p = t.convert(u[u.length - 1].open_time) + g;
+    i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   i.restore();
 }
@@ -3012,16 +3012,16 @@ const ua = (i, e) => {
   } = e;
   if (i.save(), !c) return;
   const h = (g) => {
-    var _;
-    return (_ = n.find(
-      (p) => g.getTime() >= p.candle.open_time.getTime() && g.getTime() < p.candle.close_time.getTime()
-    )) == null ? void 0 : _.candle;
-  }, u = (g, _) => {
-    const p = h(g.time), v = h(_.time);
-    if (!p || !v) return;
-    const b = t.convert(p.open_time), w = t.convert(v.open_time);
+    var p;
+    return (p = n.find(
+      (_) => g.getTime() >= _.candle.open_time.getTime() && g.getTime() < _.candle.close_time.getTime()
+    )) == null ? void 0 : p.candle;
+  }, u = (g, p) => {
+    const _ = h(g.time), v = h(p.time);
+    if (!_ || !v) return;
+    const b = t.convert(_.open_time), x = t.convert(v.open_time);
     let C, y;
-    g.type === "buy" ? (C = s.convert(p.low), y = s.convert(v.high)) : (C = s.convert(p.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, C), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
+    g.type === "buy" ? (C = s.convert(_.low), y = s.convert(v.high)) : (C = s.convert(_.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, C), i.lineTo(x, y), i.stroke(), i.setLineDash([]);
   };
   if (a.length === 1 && r.length > 1)
     r.forEach((g) => u(a[0], g));
@@ -3030,11 +3030,11 @@ const ua = (i, e) => {
   else if (a.length === 1 && r.length === 1)
     u(a[0], r[0]);
   else if (a.length > 0 && r.length > 0) {
-    const g = a.reduce((p, v) => p.time < v.time ? p : v), _ = r.reduce((p, v) => p.time > v.time ? p : v);
-    u(g, _);
+    const g = a.reduce((_, v) => _.time < v.time ? _ : v), p = r.reduce((_, v) => _.time > v.time ? _ : v);
+    u(g, p);
   }
   i.restore();
-}, si = (i, e) => {
+}, bi = (i, e) => {
   const {
     radius: t,
     coords: { x: s, y: n },
@@ -3071,7 +3071,7 @@ function ga(i) {
   return s.length ? s.join(" ") : "0s";
 }
 const ma = 10, _a = 6, pa = 4, va = 12, ba = (i, e) => {
-  var j;
+  var K;
   const {
     scales: { x: t, y: s },
     trade: { entries: n, exits: a, holdTime: r },
@@ -3083,29 +3083,29 @@ const ma = 10, _a = 6, pa = 4, va = 12, ba = (i, e) => {
     }
   } = e;
   if (!c) return;
-  const _ = n.at(0), p = a.at(-1);
-  if (!_ || !p) return;
-  const v = (q) => q ? q instanceof Date ? q : new Date(q) : null, b = t.convert(v(u == null ? void 0 : u[0]) || _.candle.open_time), w = t.convert(v(u == null ? void 0 : u[1]) || p.candle.open_time), C = s.convert(g || (((j = n.at(0)) == null ? void 0 : j.price) ?? 0));
-  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(b, C), i.lineTo(w, C), i.stroke(), i.setLineDash([]);
-  const y = (b + w) / 2, x = h || `Hold: ${ga(r)}`, F = getComputedStyle(
+  const p = n.at(0), _ = a.at(-1);
+  if (!p || !_) return;
+  const v = (j) => j ? j instanceof Date ? j : new Date(j) : null, b = t.convert(v(u == null ? void 0 : u[0]) || p.candle.open_time), x = t.convert(v(u == null ? void 0 : u[1]) || _.candle.open_time), C = s.convert(g || (((K = n.at(0)) == null ? void 0 : K.price) ?? 0));
+  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(b, C), i.lineTo(x, C), i.stroke(), i.setLineDash([]);
+  const y = (b + x) / 2, w = h || `Hold: ${ga(r)}`, L = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${ma}px ${F}`;
-  const $ = i.measureText(x).width + _a * 2, P = va + pa * 2;
-  si(i, {
+  i.font = `600 ${ma}px ${L}`;
+  const $ = i.measureText(w).width + _a * 2, O = va + pa * 2;
+  bi(i, {
     radius: 4,
     coords: {
       x: y - $ / 2,
-      y: C - P / 2
+      y: C - O / 2
     },
     width: $,
-    height: P,
+    height: O,
     fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(x, y, C), i.restore();
+  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(w, y, C), i.restore();
 };
-class pe {
+class Fe {
   constructor(e, t, {
-    CanvasClass: s = _e,
+    CanvasClass: s = Ne,
     noCanvas: n = !1,
     noDOM: a = !1
   } = {}) {
@@ -3127,7 +3127,7 @@ const ya = {
   "left-top": { dx: -1, dy: -1 },
   "right-top": { dx: 1, dy: -1 },
   "left-bottom": { dx: -1, dy: 1 }
-}, at = ({
+}, St = ({
   size: i,
   parent: e,
   coords: t,
@@ -3135,35 +3135,35 @@ const ya = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (y) => {
-    const { dx: x, dy: T } = ya[y], F = t.x + (x === 1 ? n : -a - n), R = t.y + (T === 1 ? n : -r - n);
-    return { x: F, y: R, side: y };
-  }, u = ({ x: y, y: x }) => y >= 0 && x >= 0 && y + a <= o && x + r <= c, g = () => {
-    const y = t.y < 0, x = t.y + r > c, T = t.x < 0, F = t.x + a > o;
-    return T && y ? "right-bottom" : T && x ? "right-top" : F && y ? "left-bottom" : F && x ? "left-top" : T ? "right-bottom" : F ? "left-bottom" : y ? "right-bottom" : x ? "right-top" : s;
-  }, p = [
+    const { dx: w, dy: S } = ya[y], L = t.x + (w === 1 ? n : -a - n), R = t.y + (S === 1 ? n : -r - n);
+    return { x: L, y: R, side: y };
+  }, u = ({ x: y, y: w }) => y >= 0 && w >= 0 && y + a <= o && w + r <= c, g = () => {
+    const y = t.y < 0, w = t.y + r > c, S = t.x < 0, L = t.x + a > o;
+    return S && y ? "right-bottom" : S && w ? "right-top" : L && y ? "left-bottom" : L && w ? "left-top" : S ? "right-bottom" : L ? "left-bottom" : y ? "right-bottom" : w ? "right-top" : s;
+  }, _ = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, x, T) => T.indexOf(y) === x), v = g();
+  ].filter((y, w, S) => S.indexOf(y) === w), v = g();
   let b = null;
-  for (const y of [v, ...p]) {
-    const x = h(y);
-    if (u(x)) {
-      b = x;
+  for (const y of [v, ..._]) {
+    const w = h(y);
+    if (u(w)) {
+      b = w;
       break;
     }
   }
   b || (b = h(v));
-  const w = Math.min(Math.max(b.x, n), o - a - n), C = Math.min(Math.max(b.y, n), c - r - n);
+  const x = Math.min(Math.max(b.x, n), o - a - n), C = Math.min(Math.max(b.y, n), c - r - n);
   return {
-    x: w,
+    x,
     y: C,
     side: b.side
   };
 };
-class Z extends k {
+class ie extends k {
   constructor(t) {
     super(t);
     f(this, "_state", {});
@@ -3198,7 +3198,7 @@ class Z extends k {
     this._scheduleUpdate();
   }
 }
-class wa extends Z {
+class wa extends ie {
   constructor(t) {
     const s = "label-tooltip";
     super({ className: t.cx(s) });
@@ -3215,7 +3215,7 @@ class wa extends Z {
     }), this.oneBox = new k({
       tag: "div",
       className: this.clsx("box_one")
-    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: V.empty() };
+    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: W.empty() };
   }
   _createLineNodes(t, s) {
     const n = [];
@@ -3270,7 +3270,7 @@ class wa extends Z {
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
     this.setVisible(t), t && this.updateAbsolutePosition();
-    const r = at({
+    const r = St({
       size: this.absolutePosition,
       parent: a,
       coords: { x: s, y: n }
@@ -3278,7 +3278,7 @@ class wa extends Z {
     this.position(r.x, r.y);
   }
 }
-class xa extends pe {
+class xa extends Fe {
   constructor(t) {
     super("trade", t);
     f(this, "labelTooltip");
@@ -3293,7 +3293,7 @@ class xa extends pe {
 function Ca(i, { color: e = "#000000", lineWidth: t = 1, dashed: s, coords: n }) {
   i.strokeStyle = e, i.lineWidth = t, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
 }
-const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
+const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
   const {
     coords: t,
     text: s,
@@ -3304,27 +3304,27 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     borderRadius: c = 0,
     colors: h,
     align: u = { x: "left", y: "top" }
-  } = e, g = { ...Ma, ...h }, p = getComputedStyle(
+  } = e, g = { ...Aa, ...h }, _ = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `${a} ${n}px ${p}`;
-  const b = i.measureText(s).width + o.x * 2, w = r + o.y * 2;
+  i.font = `${a} ${n}px ${_}`;
+  const b = i.measureText(s).width + o.x * 2, x = r + o.y * 2;
   let C = t.x, y = t.y;
-  u.x === "middle" ? C -= b / 2 : u.x === "right" && (C -= b), u.y === "middle" ? y -= w / 2 : u.y === "bottom" && (y -= w), si(i, {
+  u.x === "middle" ? C -= b / 2 : u.x === "right" && (C -= b), u.y === "middle" ? y -= x / 2 : u.y === "bottom" && (y -= x), bi(i, {
     radius: c,
     coords: { x: C, y },
     width: b,
-    height: w,
+    height: x,
     fillColor: g.bg
-  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, C + b / 2, y + w / 2);
-}, Zt = {
+  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, C + b / 2, y + x / 2);
+}, di = {
   line: "#000000",
   text: "#ffffff",
   main: "#000000"
-}, ni = (i, { text: e, startLineCoords: t, side: s, colors: n = Zt, dir: a = "h", endMarkerCoords: r }) => {
+}, yi = (i, { text: e, startLineCoords: t, side: s, colors: n = di, dir: a = "h", endMarkerCoords: r }) => {
   if (a === "h" && (s === "bottom" || s === "top"))
     throw new Error("[drawMarker util]: Incorrect side or dir for this marker");
-  const o = { ...Zt, ...n };
+  const o = { ...di, ...n };
   i.save(), Ca(i, {
     color: o.line,
     lineWidth: 1,
@@ -3335,7 +3335,7 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
       x2: r.x,
       y2: r.y
     }
-  }), Aa(i, {
+  }), Ma(i, {
     text: e,
     coords: r,
     padding: { x: 6, y: 4 },
@@ -3352,17 +3352,17 @@ const Ma = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     }
   }), i.restore();
 };
-class Ta extends _e {
+class Sa extends Ne {
   constructor(e) {
     super(e);
   }
   drawMarker(e) {
-    ni(this.ctx, e);
+    yi(this.ctx, e);
   }
 }
-class Sa extends pe {
+class Ta extends Fe {
   constructor(e) {
-    if (super("user-markers", e, { CanvasClass: Ta, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
+    if (super("user-markers", e, { CanvasClass: Sa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
   render(e) {
     this.canvas.clear();
@@ -3391,7 +3391,7 @@ class Sa extends pe {
   }
 }
 const ka = "sc-charts-cs";
-class Q {
+class ae {
   constructor(e) {
     f(this, "block");
     this.block = e;
@@ -3400,13 +3400,13 @@ class Q {
     return `${ka}__${this.block}${e ? "-" + e : ""}`;
   }
 }
-const Je = new Q("comment-actions");
+const vt = new ae("comment-actions");
 class Da extends k {
   constructor({ onDelete: e, onUpdate: t }) {
-    super({ className: Je.gen() });
-    const s = new k({ tag: "button", className: Je.gen("edit"), textContent: "Edit" }), n = new k({
+    super({ className: vt.gen() });
+    const s = new k({ tag: "button", className: vt.gen("edit"), textContent: "Edit" }), n = new k({
       tag: "button",
-      className: Je.gen("delete"),
+      className: vt.gen("delete"),
       textContent: "Delete"
     });
     n.node.addEventListener("click", (a) => {
@@ -3416,7 +3416,7 @@ class Da extends k {
     }), this.append(s.node, n.node);
   }
 }
-function rt(i, e) {
+function Tt(i, e) {
   var n;
   const t = (a) => {
     if (!document.contains(i.node)) return;
@@ -3433,7 +3433,7 @@ function rt(i, e) {
     document.removeEventListener("mousedown", t), s == null || s();
   }, i;
 }
-class La {
+class Ea {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3471,31 +3471,31 @@ class La {
     this.node = t;
   }
 }
-const de = new Q("comment-list");
-class Ea extends k {
+const Te = new ae("comment-list");
+class La extends k {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
-    super({ className: de.gen("item") });
+    super({ className: Te.gen("item") });
     f(this, "actionTooltip");
     f(this, "actionsTrigger");
-    const r = new k({ className: de.gen("text"), textContent: n.text }), o = new k({
-      className: de.gen("created-at"),
+    const r = new k({ className: Te.gen("text"), textContent: n.text }), o = new k({
+      className: Te.gen("created-at"),
       textContent: fa(new Date(n.createdAt))
     });
     this.actionsTrigger = new k({
       tag: "button",
-      className: de.gen("action-trigger")
+      className: Te.gen("action-trigger")
     });
     const c = new Da({
       onDelete: t,
       onUpdate: s
     });
-    this.actionTooltip = rt(c, () => {
+    this.actionTooltip = Tt(c, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
       this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - a.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - a.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
-    const h = new k({ className: de.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new La().node), this.append(h.node, o.node);
+    const h = new k({ className: Te.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ea().node), this.append(h.node, o.node);
   }
 }
 class Na {
@@ -3522,7 +3522,7 @@ class Fa {
     ), s.setAttribute("fill", "currentColor"), t.appendChild(s), this.node = t;
   }
 }
-class Ha extends Z {
+class Ha extends ie {
   constructor(t) {
     super({ className: "sc-charts-cs__comments-edit" });
     f(this, "input");
@@ -3552,8 +3552,8 @@ class Ha extends Z {
     this.input.node.value = this.state.inputValue, this.saveBtn.node.disabled = !this.state.inputValue.trim(), this.state.hasInitFocused || (requestAnimationFrame(() => this.input.node.focus()), this.setState({ hasInitFocused: !0 }));
   }
 }
-const Ba = new Q("comment-list");
-class Ia extends Z {
+const Ba = new ae("comment-list");
+class Ia extends ie {
   constructor(t, s, n, a = {}) {
     super({ tag: "ul", className: Ba.gen(), ...a });
     f(this, "_elements", {});
@@ -3580,7 +3580,7 @@ class Ia extends Z {
         },
         initialValue: t.text
       });
-    const s = new Ea({
+    const s = new La({
       onDelete: () => {
         this._model.comments.remove(t.id), s.actionTooltip.setVisible(!1);
       },
@@ -3608,20 +3608,20 @@ class Ra {
     ), s.setAttribute("stroke", "currentColor"), s.setAttribute("stroke-linecap", "round"), s.setAttribute("stroke-linejoin", "round"), t.appendChild(s), this.node = t;
   }
 }
-const ke = new Q(""), Qe = new Q("add-field");
-class ai extends Z {
+const Ge = new ae(""), bt = new ae("add-field");
+class wi extends ie {
   constructor({ onAdd: t, blockName: s }) {
-    ke.block = s;
-    super({ className: ke.gen() + " " + Qe.gen() });
+    Ge.block = s;
+    super({ className: Ge.gen() + " " + bt.gen() });
     f(this, "btn");
     f(this, "input");
     f(this, "_onAdd");
     this._onAdd = t, this.state = { inputValue: "" }, this.input = new k({
       tag: "input",
-      className: ke.gen("input") + " " + Qe.gen("input")
+      className: Ge.gen("input") + " " + bt.gen("input")
     }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new k({
       tag: "button",
-      className: ke.gen("btn") + " " + Qe.gen("btn")
+      className: Ge.gen("btn") + " " + bt.gen("btn")
     }), this.btn.append(new Ra().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
   }
   _addComment() {
@@ -3641,8 +3641,8 @@ class ai extends Z {
     this.btn.node.disabled = !this.state.inputValue.trim();
   }
 }
-const $a = new Q("list-tooltip"), Ke = 8;
-class Pa extends Z {
+const $a = new ae("list-tooltip"), yt = 8;
+class Oa extends ie {
   constructor(t, s, n) {
     super({ className: $a.gen() });
     f(this, "_list");
@@ -3650,7 +3650,7 @@ class Pa extends Z {
     f(this, "_size", null);
     f(this, "_model");
     f(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new ai({
+    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new wi({
       blockName: "list-tooltip-add",
       onAdd: (a) => {
         const r = t[0].date, o = t[0].price, c = {
@@ -3666,7 +3666,7 @@ class Pa extends Z {
   }
   render() {
     const { isShow: t, comments: s } = this.state, { width: n, height: a } = this._model.layout.area;
-    this._prevIsShow !== t && (this._list.forceUpdate(), this._prevIsShow = t), this.node.style.maxHeight = a / 2 - Ke + "px", this.setVisible(t), t && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Ke, a / 2 + Ke)), this._list.setState({ items: s }), requestAnimationFrame(() => {
+    this._prevIsShow !== t && (this._list.forceUpdate(), this._prevIsShow = t), this.node.style.maxHeight = a / 2 - yt + "px", this.setVisible(t), t && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - yt, a / 2 + yt)), this._list.setState({ items: s }), requestAnimationFrame(() => {
       this._list.node.scrollTop = this._list.node.scrollHeight;
     });
   }
@@ -3674,7 +3674,7 @@ class Pa extends Z {
     return this._list;
   }
 }
-class Oa {
+class Pa {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3686,7 +3686,7 @@ class Oa {
     ), s.setAttribute("fill", "currentColor"), t.appendChild(s), this.node = t;
   }
 }
-class za extends Z {
+class za extends ie {
   constructor({ x: t, ...s }, n) {
     super(s);
     f(this, "_colors");
@@ -3694,7 +3694,7 @@ class za extends Z {
       x: t,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Oa().node), this.render();
+    }, this.node.append(new Pa().node), this.render();
   }
   render() {
     const { x: t, y: s, isActive: n } = this.state;
@@ -3703,10 +3703,10 @@ class za extends Z {
     this.node.style.backgroundColor = this._colors[`bg${a}`], this.node.style.color = this._colors[`icon${a}`];
   }
 }
-const qt = new Q("comment-box");
-class Va extends Z {
+const ui = new ae("comment-box");
+class Va extends ie {
   constructor({ boxId: t, model: s, view: n, comments: a, coords: r, onBoxActivate: o, onBoxDeactivate: c }) {
-    super({ className: qt.gen() });
+    super({ className: ui.gen() });
     f(this, "pointer", new k({ className: "sc-charts-cs__comments-pointer" }));
     f(this, "tooltip");
     f(this, "anchor");
@@ -3717,10 +3717,10 @@ class Va extends Z {
       isActive: !1,
       comments: a,
       coords: r
-    }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: qt.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
+    }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: ui.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
       const h = !this.state.isActive;
       h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = rt(new Pa(a, s, n), (h) => {
+    }), this.tooltip = Tt(new Oa(a, s, n), (h) => {
       this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
@@ -3729,11 +3729,11 @@ class Va extends Z {
     this.pointer.position(n), this.pointer.setVisible(t), this.anchor.setState({ x: n.x, isActive: t }), this.tooltip.setState({ comments: s, isShow: t });
   }
 }
-class ja {
+class Ya {
   static animateTo(e, t, s, n) {
-    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, u = e.scales.panOffsetY, g = (_) => {
-      const p = _ - c, v = Math.min(p / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, C = u + (r - u) * b;
-      e.scales.pan("x", w, "absolute"), e.scales.pan("y", C, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
+    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, u = e.scales.panOffsetY, g = (p) => {
+      const _ = p - c, v = Math.min(_ / o, 1), b = v * v * (3 - 2 * v), x = h + (a - h) * b, C = u + (r - u) * b;
+      e.scales.pan("x", x, "absolute"), e.scales.pan("y", C, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
     };
     requestAnimationFrame(g);
   }
@@ -3742,19 +3742,19 @@ class ja {
     this.animateTo(e, a, r, n);
   }
 }
-const et = new Q("comments-context");
-class Ya extends Z {
+const wt = new ae("comments-context");
+class Wa extends ie {
   constructor() {
-    super({ className: et.gen() });
+    super({ className: wt.gen() });
     f(this, "pointer");
     f(this, "addField");
     f(this, "menu");
     f(this, "_size", null);
     f(this, "_model", null);
     f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: et.gen("pointer") }), this.menu = new k({ className: et.gen("menu") }), rt(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: wt.gen("pointer") }), this.menu = new k({ className: wt.gen("menu") }), Tt(this.menu, () => {
       this.setState({ isShow: !1 });
-    }), this.addField = new ai({
+    }), this.addField = new wi({
       blockName: "context-add",
       onAdd: (t) => {
         !this._model || !this._candle || (this._model.comments.add({
@@ -3779,7 +3779,7 @@ class Ya extends Z {
       y: n == null ? void 0 : n.scales.y.convert((t.open + t.close) / 2)
     };
     this.pointer.position(a), this._size || (this.menu.position(a), this.menu.updateAbsolutePosition());
-    const r = at({
+    const r = St({
       size: this.menu.absolutePosition,
       parent: n.layout.area,
       offset: 9,
@@ -3788,14 +3788,14 @@ class Ya extends Z {
     this._changeInputCorner(r.side), this.menu.position(r.x, r.y);
   }
 }
-class Wa extends pe {
+class ja extends Fe {
   constructor(t) {
     super("comments", t, { noCanvas: !0 });
     f(this, "boxes", {});
     f(this, "contextMenu");
     f(this, "_view");
     if (!this.dom) throw new Error("[CS_V_Comments] this.dom must be defined");
-    this.contextMenu = new Ya(), this._view = t, t.domElements.append(this.contextMenu.node);
+    this.contextMenu = new Wa(), this._view = t, t.domElements.append(this.contextMenu.node);
   }
   _getCandleCoords(t, s) {
     return {
@@ -3812,7 +3812,7 @@ class Wa extends pe {
       view: this._view,
       onBoxActivate: (o) => {
         const c = a[0].candle;
-        ja.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
+        Ya.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
       },
       onBoxDeactivate: (o) => this.boxes[o].setState({ isActive: !1 })
     });
@@ -3829,12 +3829,12 @@ class Wa extends pe {
     });
   }
 }
-class Xa extends _e {
+class Xa extends Ne {
   constructor(e) {
     super(e);
   }
   drawMarker({ text: e, startLineCoords: t, endMarkerCoords: s, colors: n, type: a, side: r }) {
-    ni(this.ctx, {
+    yi(this.ctx, {
       text: e,
       colors: n,
       startLineCoords: t,
@@ -3844,7 +3844,7 @@ class Xa extends _e {
     });
   }
 }
-class Ua extends pe {
+class Ua extends Fe {
   constructor(e) {
     if (super("guides", e, { CanvasClass: Xa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_Guides] Canvas must be defined");
   }
@@ -3873,17 +3873,17 @@ class Ua extends pe {
     }
   }
 }
-class Ga extends Z {
+class Ga extends ie {
   constructor(t) {
     super({ className: t });
     f(this, "_isFirstShow", !1);
     const s = new k({ tag: "p" });
-    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: V.empty() }, this.render();
+    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: W.empty() }, this.render();
   }
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
     t && !this._isFirstShow && (this.updateAbsolutePosition(), this._isFirstShow = !0), this.setVisible(t);
-    const r = at({
+    const r = St({
       size: this.absolutePosition,
       parent: a,
       coords: { x: s, y: n }
@@ -3891,7 +3891,7 @@ class Ga extends Z {
     this.position(r.x, r.y);
   }
 }
-class Za extends _e {
+class Za extends Ne {
   constructor(t) {
     super(t);
     f(this, "domain", null);
@@ -3916,22 +3916,22 @@ class Za extends _e {
       }
     } = t, h = t.config.candles.style === "filled";
     this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((u, g) => {
-      const _ = s.noDataFill[g % s.noDataFill.length], p = h ? _ : s.noDataStroke;
+      const p = s.noDataFill[g % s.noDataFill.length], _ = h ? p : s.noDataStroke;
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, u),
-        colors: { fill: _, stroke: p, bg: n }
+        colors: { fill: p, stroke: _, bg: n }
       });
     }), this._getVisible(o).forEach((u) => {
-      const g = u.close >= u.open ? "rising" : "falling", _ = s[`${g}Fill`], p = s[`${g}${h ? "Fill" : "Stroke"}`];
+      const g = u.close >= u.open ? "rising" : "falling", p = s[`${g}Fill`], _ = s[`${g}${h ? "Fill" : "Stroke"}`];
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, u),
-        colors: { fill: _, stroke: p, bg: n },
+        colors: { fill: p, stroke: _, bg: n },
         isDim: !!(a.length && !a.includes(u.open_time.getTime()))
       });
     });
   }
   _mix(t, s, n) {
-    return n ? A.mix(t, s).toString() : t;
+    return n ? M.mix(t, s).toString() : t;
   }
   _getBasicCandleProps(t, s) {
     return {
@@ -3947,7 +3947,7 @@ class Za extends _e {
     };
   }
 }
-class qa extends pe {
+class qa extends Fe {
   constructor(t) {
     super("candles", t, { CanvasClass: Za });
     f(this, "_noDataTooltip", null);
@@ -3989,15 +3989,15 @@ class Ja {
     f(this, "candles");
     this.container = e, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
     const { width: t, height: s } = e.getBoundingClientRect();
-    this.width = t, this.height = s, this.mainCanvas = new _e({
+    this.width = t, this.height = s, this.mainCanvas = new Ne({
       className: "sc-charts-cs__canvas-main",
       width: t,
       height: s,
       isMain: !0
-    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new Wa(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Sa(this);
+    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Ta(this);
   }
   renderAll(e) {
-    this.mainCanvas.clear(), this.candles.render(e), qe.xAxis(this.mainCanvas.ctx, e), qe.yAxis(this.mainCanvas.ctx, e), qe.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e);
+    this.mainCanvas.clear(), this.candles.render(e), pt.xAxis(this.mainCanvas.ctx, e), pt.yAxis(this.mainCanvas.ctx, e), pt.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e);
   }
 }
 class Qa {
@@ -4085,7 +4085,7 @@ class Ka {
     });
   }
 }
-class Jt {
+class fi {
   constructor() {
     f(this, "_map", /* @__PURE__ */ new Map());
   }
@@ -4119,7 +4119,7 @@ class Jt {
 class er {
   constructor() {
     f(this, "_elements", []);
-    f(this, "_listeners", new Jt());
+    f(this, "_listeners", new fi());
     f(this, "_lastHovered", /* @__PURE__ */ new Set());
     f(this, "_dragContext", null);
   }
@@ -4133,7 +4133,7 @@ class er {
     this._elements = this._elements.filter((t) => t !== e), this._listeners.removeAll(e), this._lastHovered.delete(e);
   }
   clear() {
-    this._elements = [], this._listeners = new Jt(), this._lastHovered.clear();
+    this._elements = [], this._listeners = new fi(), this._lastHovered.clear();
   }
   on(e, t, s) {
     this._listeners.add(e, t, s);
@@ -4275,8 +4275,8 @@ class tr {
       }
     } = this.model;
     for (const o of s) {
-      const c = n.convert(o.open_time), h = a.convert(o.high), u = a.convert(o.low), g = c - r / 2, _ = c + r / 2, p = Math.min(h, u), v = Math.max(h, u);
-      if (e >= g && e <= _ && t >= p && t <= v)
+      const c = n.convert(o.open_time), h = a.convert(o.high), u = a.convert(o.low), g = c - r / 2, p = c + r / 2, _ = Math.min(h, u), v = Math.max(h, u);
+      if (e >= g && e <= p && t >= _ && t <= v)
         return {
           target: this,
           x: e,
@@ -4313,11 +4313,11 @@ class sr {
   hitTest(e, t) {
     const { tradedCandles: s } = this.model.trade, { x: n, y: a } = this.model.scales, r = 16, o = 4;
     for (const { candle: c, trades: h } of s) {
-      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, _ = r, p = r;
+      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, p = r, _ = r;
       for (const v of ["buy", "sell"]) {
-        const b = h.filter((x) => x.type === v);
+        const b = h.filter((w) => w.type === v);
         if (!b.length) continue;
-        const w = v === "buy" ? a.convert(c.low) + o + Le(r) : a.convert(c.high) - o - r - Le(r), C = e >= g - _ / 2 && e <= g + _ / 2, y = t >= w && t <= w + p;
+        const x = v === "buy" ? a.convert(c.low) + o + qe(r) : a.convert(c.high) - o - r - qe(r), C = e >= g - p / 2 && e <= g + p / 2, y = t >= x && t <= x + _;
         if (C && y)
           return {
             target: this,
@@ -4346,7 +4346,7 @@ class nr {
       if (!t) return;
       const s = this._model.scales.x.convert(t.candle.open_time), n = this._model.scales.y.convert(
         t.trades[0].type === "buy" ? t.candle.low : t.candle.high
-      ), a = t.trades[0].type === "buy" ? n + 4 + Le(16) + 8 : n - 4 - 16 - Le(16) + 8;
+      ), a = t.trades[0].type === "buy" ? n + 4 + qe(16) + 8 : n - 4 - 16 - qe(16) + 8;
       this._model.eventBus.emit("open_trade_label_tooltip", {
         trade: { candle: t.candle, trades: t.trades, tradeType: t.tradeType },
         x: s,
@@ -4423,14 +4423,14 @@ function cr(i, e) {
     }));
   };
 }
-function it(i, e) {
+function Ct(i, e) {
   const { width: t } = e.candles.limiter.absolutePosition, s = i.config.candles.baseWidth, n = i.config.candles.limiterOffset.left + i.config.candles.limiterOffset.right, r = i.scales.x.convert(i.candles.allData[0].open_time) - t - s / 2 - n;
   r > 0 && i.scales.pan("x", -r);
 }
-function st(i) {
+function At(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
-class ot {
+class kt {
   constructor(e, t, s) {
     f(this, "_model");
     f(this, "_hitManager");
@@ -4438,7 +4438,7 @@ class ot {
     this._model = e, this._hitManager = t, this._hit = s, t.register(s);
   }
 }
-class hr extends ot {
+class hr extends kt {
   constructor(t, s, n) {
     super(t, s, new ar(t));
     f(this, "_view");
@@ -4447,13 +4447,13 @@ class hr extends ot {
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const s = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", -s), this._view && st(this._view) && it(this._model, this._view);
+      this._model.scales.scale("x", -s), this._view && At(this._view) && Ct(this._model, this._view);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
   }
 }
-class dr extends ot {
+class dr extends kt {
   constructor(e, t) {
     super(e, t, new or(e));
   }
@@ -4466,7 +4466,7 @@ class dr extends ot {
     });
   }
 }
-class ur extends ot {
+class ur extends kt {
   constructor(t, s, n) {
     super(t, n, new rr(t));
     f(this, "_view");
@@ -4485,16 +4485,16 @@ class ur extends ot {
       this._hit,
       "drag",
       cr(1, (t) => {
-        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), st(this._view) && it(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), At(this._view) && Ct(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
-      const s = this._model.scales.x.invert(t), n = nt.findByDate(s, this._model.candles.allData);
+      const s = this._model.scales.x.invert(t), n = Mt.findByDate(s, this._model.candles.allData);
       n && (this._view.comments.contextMenu.setState({ isShow: !0, candle: n }), this._view.comments.render(this._model));
     }), this._hitManager.on(this._hit, "wheel", (t) => {
       var a, r;
       if (!t.deltaY) return;
       const s = -t.deltaY, n = (r = (a = this._model.config) == null ? void 0 : a.candles) == null ? void 0 : r.zoomOnWheel;
-      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), st(this._view) && it(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), At(this._view) && Ct(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
@@ -4628,32 +4628,32 @@ class pr {
   updateComments(e) {
     this._model.updateComments(e);
   }
-  async _drawHeader(e, t, s) {
-    const n = 48 * s, a = 12 * s, r = 20 * s, o = 103 * s;
-    e.fillStyle = "#FFFFFF", e.fillRect(0, 0, t, n), e.strokeStyle = "#EDEDED", e.lineWidth = 1 * s, e.beginPath(), e.moveTo(0, n), e.lineTo(t, n), e.stroke();
-    const c = `<svg width="103" height="20" viewBox="0 0 103 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M92.6267 1.50666H93.0475C93.3792 1.50666 93.6025 1.31028 93.6025 1.02537C93.6025 0.740457 93.4034 0.561783 93.0426 0.561783C92.706 0.561783 92.4827 0.759773 92.4633 1.06239H91.795C91.8209 0.423351 92.3225 0.00805664 93.075 0.00805664C93.8274 0.00805664 94.2886 0.376671 94.2886 0.928788C94.2886 1.35213 93.9973 1.65797 93.5717 1.73523V1.74972C94.0895 1.79318 94.4229 2.10385 94.4229 2.58192C94.4229 3.20164 93.8581 3.61372 93.0572 3.61372C92.2562 3.61372 91.761 3.18555 91.7271 2.54973H92.4212C92.4423 2.84108 92.6834 3.03263 93.0652 3.03263C93.4471 3.03263 93.6834 2.82981 93.6834 2.53685C93.6834 2.22135 93.4455 2.0298 93.0539 2.0298H92.6251V1.50827L92.6267 1.50666Z" fill="#1C2026"/>
-<path d="M95.1182 2.97623C94.9256 2.68488 94.8269 2.29373 94.8269 1.83498C94.8269 0.692113 95.3852 0.00317383 96.2816 0.00317383C96.9434 0.00317383 97.4596 0.392714 97.5567 0.957708H96.8431C96.7735 0.727525 96.5502 0.574607 96.2784 0.574607C95.7945 0.574607 95.5017 1.03658 95.5178 1.81566H95.5324C95.6716 1.47763 96.013 1.25389 96.4564 1.25389C97.1149 1.25389 97.6036 1.73679 97.6036 2.39192C97.6036 3.10179 97.0486 3.61205 96.2719 3.61205C95.7735 3.61205 95.3625 3.3867 95.1198 2.97623H95.1182ZM96.8949 2.41446C96.8949 2.05872 96.6279 1.79796 96.2654 1.79796C95.903 1.79796 95.6311 2.05872 95.6311 2.40802C95.6311 2.75732 95.9078 3.0374 96.2638 3.0374C96.6198 3.0374 96.8965 2.76215 96.8965 2.41607L96.8949 2.41446Z" fill="#1C2026"/>
-<path d="M97.998 1.79961C97.998 0.68411 98.5336 0 99.4026 0C100.272 0 100.804 0.6825 100.804 1.79639C100.804 2.91028 100.275 3.60727 99.4026 3.60727C98.5304 3.60727 97.998 2.91672 97.998 1.798V1.79961ZM100.066 1.79961C100.066 1.01892 99.8136 0.579481 99.4026 0.579481C98.9916 0.579481 98.7359 1.02214 98.7359 1.79961C98.7359 2.57708 98.9883 3.0294 99.4026 3.0294C99.8168 3.0294 100.066 2.58674 100.066 1.79961Z" fill="#1C2026"/>
-<path d="M101.137 0.809958C101.137 0.381786 101.469 0.048584 101.901 0.048584C102.333 0.048584 102.666 0.381786 102.666 0.809958C102.666 1.23813 102.331 1.57294 101.901 1.57294C101.47 1.57294 101.137 1.23974 101.137 0.809958ZM102.249 0.809958C102.249 0.616798 102.097 0.46066 101.902 0.46066C101.708 0.46066 101.556 0.616798 101.556 0.809958C101.556 1.00312 101.715 1.16087 101.902 1.16087C102.1 1.16087 102.249 0.998289 102.249 0.809958Z" fill="#1C2026"/>
-<path d="M42.5486 0.0388184C37.204 0.0388184 33.5098 3.06983 33.5098 7.50447C33.5098 11.9391 37.204 15.02 42.5486 15.02C47.8933 15.02 51.5018 11.9375 51.5018 7.49803C51.5018 3.05856 47.8642 0.0388184 42.5486 0.0388184ZM42.5486 12.2836C39.0227 12.2836 36.5519 10.3327 36.5519 7.4771C36.5519 4.62155 39.0179 2.78331 42.5486 2.78331C46.0794 2.78331 48.4613 4.67789 48.4613 7.4771C48.4613 10.2763 45.9872 12.2787 42.5486 12.2787V12.2852V12.2836Z" fill="#1C2026"/>
-<path d="M10.4321 6.17332H5.62948C2.78642 6.17332 2.01943 2.78013 7.93208 2.78013C10.4337 2.78013 12.3949 3.85539 13.2476 4.41878L14.7833 2.10085C13.3318 0.827603 10.7751 0.0356445 7.90457 0.0356445C-1.589 0.0356445 -1.70389 8.85825 5.65861 8.85825H10.4903C13.6166 8.85825 14.1279 12.2804 7.93208 12.2804C4.83336 12.2804 2.38836 10.6402 1.53561 10.0172L0 12.3367C1.45146 13.6084 4.51944 15.0217 7.95797 15.0217C17.9062 15.0152 18.0211 6.17171 10.4321 6.17171V6.17332Z" fill="#1C2026"/>
-<path d="M26.0314 12.2771C22.3939 12.2771 20.0346 10.3262 20.0346 7.527C20.0346 4.72779 22.3648 2.7817 26.0023 2.7817C28.0784 2.7817 30.0104 3.85696 31.1755 4.93061L32.9166 2.52737C31.2677 1.22836 28.737 0.0388184 26.0088 0.0388184C20.5508 0.0388184 16.999 3.09397 16.999 7.53344C16.999 11.9729 20.6042 15.02 26.0654 15.02C28.8502 15.02 31.381 13.7757 33.0282 12.4751L31.2386 10.1266C30.0687 11.2067 28.135 12.2771 26.0314 12.2771Z" fill="#1C2026"/>
-<path d="M80.9771 0.0372542C75.8605 0.0372542 72.3071 3.09241 72.3071 7.53188C72.3071 11.9714 76.3719 15.0185 81.9156 15.0185C84.8428 15.0185 87.2829 14.0575 88.8218 12.7569L87.0289 10.4148C85.9771 11.5464 84.2732 12.3657 81.8849 12.3657C78.558 12.3657 76.1874 10.9814 75.5013 8.85986H89.592V7.5013C89.5872 3.06182 86.092 0.0356445 80.9755 0.0356445L80.9771 0.0372542ZM80.948 2.69482C83.8768 2.69482 85.88 4.06787 86.4075 6.25702H75.4447C75.9884 4.08718 77.9722 2.69482 80.948 2.69482Z" fill="#1C2026"/>
-<path d="M62.7358 0.0372542C60.1921 0.0372542 58.1743 0.925792 56.7875 2.29562C56.4283 1.16563 55.4364 0.462207 54.0917 0.462207H52.2471V3.14875H53.951V20.0004H56.9364V12.8792C58.3151 14.1782 60.273 15.0233 62.739 15.0233C67.485 15.0233 70.7536 11.9408 70.7536 7.5013C70.7536 3.06182 67.4802 0.0356445 62.7342 0.0356445L62.7358 0.0372542ZM62.3652 12.2756C59.1241 12.2756 56.9364 10.3247 56.9364 7.4691C56.9364 4.61355 59.1241 2.7753 62.3652 2.7753C65.6064 2.7753 67.7099 4.66989 67.7099 7.4691C67.7067 10.3311 65.464 12.2756 62.3652 12.2756Z" fill="#1C2026"/>
+  async _drawHeader(e, t, s, n = !1) {
+    const a = 48 * s, r = 12 * s, o = 20 * s, c = 103 * s;
+    e.fillStyle = n ? "#101011" : "#FFFFFF", e.fillRect(0, 0, t, a), e.strokeStyle = n ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * s, e.beginPath(), e.moveTo(0, a), e.lineTo(t, a), e.stroke();
+    const h = n ? "#FFFFFF" : "#1C2026", u = `<svg width="103" height="20" viewBox="0 0 103 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M92.6267 1.50666H93.0475C93.3792 1.50666 93.6025 1.31028 93.6025 1.02537C93.6025 0.740457 93.4034 0.561783 93.0426 0.561783C92.706 0.561783 92.4827 0.759773 92.4633 1.06239H91.795C91.8209 0.423351 92.3225 0.00805664 93.075 0.00805664C93.8274 0.00805664 94.2886 0.376671 94.2886 0.928788C94.2886 1.35213 93.9973 1.65797 93.5717 1.73523V1.74972C94.0895 1.79318 94.4229 2.10385 94.4229 2.58192C94.4229 3.20164 93.8581 3.61372 93.0572 3.61372C92.2562 3.61372 91.761 3.18555 91.7271 2.54973H92.4212C92.4423 2.84108 92.6834 3.03263 93.0652 3.03263C93.4471 3.03263 93.6834 2.82981 93.6834 2.53685C93.6834 2.22135 93.4455 2.0298 93.0539 2.0298H92.6251V1.50827L92.6267 1.50666Z" fill="${h}"/>
+<path d="M95.1182 2.97623C94.9256 2.68488 94.8269 2.29373 94.8269 1.83498C94.8269 0.692113 95.3852 0.00317383 96.2816 0.00317383C96.9434 0.00317383 97.4596 0.392714 97.5567 0.957708H96.8431C96.7735 0.727525 96.5502 0.574607 96.2784 0.574607C95.7945 0.574607 95.5017 1.03658 95.5178 1.81566H95.5324C95.6716 1.47763 96.013 1.25389 96.4564 1.25389C97.1149 1.25389 97.6036 1.73679 97.6036 2.39192C97.6036 3.10179 97.0486 3.61205 96.2719 3.61205C95.7735 3.61205 95.3625 3.3867 95.1198 2.97623H95.1182ZM96.8949 2.41446C96.8949 2.05872 96.6279 1.79796 96.2654 1.79796C95.903 1.79796 95.6311 2.05872 95.6311 2.40802C95.6311 2.75732 95.9078 3.0374 96.2638 3.0374C96.6198 3.0374 96.8965 2.76215 96.8965 2.41607L96.8949 2.41446Z" fill="${h}"/>
+<path d="M97.998 1.79961C97.998 0.68411 98.5336 0 99.4026 0C100.272 0 100.804 0.6825 100.804 1.79639C100.804 2.91028 100.275 3.60727 99.4026 3.60727C98.5304 3.60727 97.998 2.91672 97.998 1.798V1.79961ZM100.066 1.79961C100.066 1.01892 99.8136 0.579481 99.4026 0.579481C98.9916 0.579481 98.7359 1.02214 98.7359 1.79961C98.7359 2.57708 98.9883 3.0294 99.4026 3.0294C99.8168 3.0294 100.066 2.58674 100.066 1.79961Z" fill="${h}"/>
+<path d="M101.137 0.809958C101.137 0.381786 101.469 0.048584 101.901 0.048584C102.333 0.048584 102.666 0.381786 102.666 0.809958C102.666 1.23813 102.331 1.57294 101.901 1.57294C101.47 1.57294 101.137 1.23974 101.137 0.809958ZM102.249 0.809958C102.249 0.616798 102.097 0.46066 101.902 0.46066C101.708 0.46066 101.556 0.616798 101.556 0.809958C101.556 1.00312 101.715 1.16087 101.902 1.16087C102.1 1.16087 102.249 0.998289 102.249 0.809958Z" fill="${h}"/>
+<path d="M42.5486 0.0388184C37.204 0.0388184 33.5098 3.06983 33.5098 7.50447C33.5098 11.9391 37.204 15.02 42.5486 15.02C47.8933 15.02 51.5018 11.9375 51.5018 7.49803C51.5018 3.05856 47.8642 0.0388184 42.5486 0.0388184ZM42.5486 12.2836C39.0227 12.2836 36.5519 10.3327 36.5519 7.4771C36.5519 4.62155 39.0179 2.78331 42.5486 2.78331C46.0794 2.78331 48.4613 4.67789 48.4613 7.4771C48.4613 10.2763 45.9872 12.2787 42.5486 12.2787V12.2852V12.2836Z" fill="${h}"/>
+<path d="M10.4321 6.17332H5.62948C2.78642 6.17332 2.01943 2.78013 7.93208 2.78013C10.4337 2.78013 12.3949 3.85539 13.2476 4.41878L14.7833 2.10085C13.3318 0.827603 10.7751 0.0356445 7.90457 0.0356445C-1.589 0.0356445 -1.70389 8.85825 5.65861 8.85825H10.4903C13.6166 8.85825 14.1279 12.2804 7.93208 12.2804C4.83336 12.2804 2.38836 10.6402 1.53561 10.0172L0 12.3367C1.45146 13.6084 4.51944 15.0217 7.95797 15.0217C17.9062 15.0152 18.0211 6.17171 10.4321 6.17171V6.17332Z" fill="${h}"/>
+<path d="M26.0314 12.2771C22.3939 12.2771 20.0346 10.3262 20.0346 7.527C20.0346 4.72779 22.3648 2.7817 26.0023 2.7817C28.0784 2.7817 30.0104 3.85696 31.1755 4.93061L32.9166 2.52737C31.2677 1.22836 28.737 0.0388184 26.0088 0.0388184C20.5508 0.0388184 16.999 3.09397 16.999 7.53344C16.999 11.9729 20.6042 15.02 26.0654 15.02C28.8502 15.02 31.381 13.7757 33.0282 12.4751L31.2386 10.1266C30.0687 11.2067 28.135 12.2771 26.0314 12.2771Z" fill="${h}"/>
+<path d="M80.9771 0.0372542C75.8605 0.0372542 72.3071 3.09241 72.3071 7.53188C72.3071 11.9714 76.3719 15.0185 81.9156 15.0185C84.8428 15.0185 87.2829 14.0575 88.8218 12.7569L87.0289 10.4148C85.9771 11.5464 84.2732 12.3657 81.8849 12.3657C78.558 12.3657 76.1874 10.9814 75.5013 8.85986H89.592V7.5013C89.5872 3.06182 86.092 0.0356445 80.9755 0.0356445L80.9771 0.0372542ZM80.948 2.69482C83.8768 2.69482 85.88 4.06787 86.4075 6.25702H75.4447C75.9884 4.08718 77.9722 2.69482 80.948 2.69482Z" fill="${h}"/>
+<path d="M62.7358 0.0372542C60.1921 0.0372542 58.1743 0.925792 56.7875 2.29562C56.4283 1.16563 55.4364 0.462207 54.0917 0.462207H52.2471V3.14875H53.951V20.0004H56.9364V12.8792C58.3151 14.1782 60.273 15.0233 62.739 15.0233C67.485 15.0233 70.7536 11.9408 70.7536 7.5013C70.7536 3.06182 67.4802 0.0356445 62.7342 0.0356445L62.7358 0.0372542ZM62.3652 12.2756C59.1241 12.2756 56.9364 10.3247 56.9364 7.4691C56.9364 4.61355 59.1241 2.7753 62.3652 2.7753C65.6064 2.7753 67.7099 4.66989 67.7099 7.4691C67.7067 10.3311 65.464 12.2756 62.3652 12.2756Z" fill="${h}"/>
 </svg>`;
     try {
-      const h = await this._loadSvgAsImage(c);
-      h && e.drawImage(h, a, (n - r) / 2, o, r);
-    } catch (h) {
-      console.warn("Failed to load logo SVG:", h);
+      const g = await this._loadSvgAsImage(u);
+      g && e.drawImage(g, r, (a - o) / 2, c, o);
+    } catch (g) {
+      console.warn("Failed to load logo SVG:", g);
     }
   }
-  _drawHeaderSecondLine(e, t, s, n, a, r) {
-    const o = 20 * r, c = 12 * r, h = 8 * r;
-    e.fillStyle = "#FFFFFF", e.fillRect(0, a, n, o), e.strokeStyle = "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + o), e.lineTo(n, a + o), e.stroke(), e.fillStyle = "#1C2026", e.font = `500 ${h}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
-    const u = t ? `${t} created with Scope360, ${s}` : `Scope360, ${s}`;
-    e.fillText(u, c, a + o / 2);
+  _drawHeaderSecondLine(e, t, s, n, a, r, o = !1) {
+    const c = 20 * r, h = 12 * r, u = 8 * r;
+    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, a, n, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + c), e.lineTo(n, a + c), e.stroke(), e.fillStyle = o ? "#C3C3C5" : "#1C2026", e.font = `500 ${u}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
+    const g = t ? `${t} created with Scope360, ${s}` : `Scope360, ${s}`;
+    e.fillText(g, h, a + c / 2);
   }
   _loadSvgAsImage(e) {
     return new Promise((t, s) => {
@@ -4665,24 +4665,25 @@ class pr {
       }, n.src = r;
     });
   }
-  _drawFooter(e, t, s, n, a, r) {
-    const o = 32 * r, c = 12 * r, h = 12 * r, u = 4 * r, g = n + a;
-    e.fillStyle = "#FFFFFF", e.fillRect(0, g, s, o), e.strokeStyle = "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, g), e.lineTo(s, g), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
+  _drawFooter(e, t, s, n, a, r, o = !1) {
+    const c = 32 * r, h = 12 * r, u = 12 * r, g = 4 * r, p = n + a;
+    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, p, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, p), e.lineTo(s, p), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
     const _ = [];
     if (t.pair && _.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
       const w = t.net_pnl.startsWith("+");
       _.push({ label: "Net P&L", value: t.net_pnl, valueColor: w ? "#56B683" : "#F18169" });
     }
     t.type && _.push({ label: "Type", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr }), t.volume && _.push({ label: "Volume", value: t.volume });
-    const p = g + o / 2, v = 24 * r;
+    const v = p + c / 2, b = 24 * r;
     if (_.length === 0) return;
-    e.font = `500 ${h}px Geist, Arial, sans-serif`;
-    let b = c;
+    e.font = `500 ${u}px Geist, Arial, sans-serif`;
+    const x = o ? "#878788" : "#8E8E93", C = o ? "#FAFAFA" : "#1C2026";
+    let y = h;
     _.forEach((w) => {
-      const C = e.measureText(w.label).width, y = e.measureText(w.value).width, x = C + u + y;
-      e.fillStyle = "#8E8E93", e.font = `500 ${h}px Geist, Arial, sans-serif`, e.fillText(w.label, b, p);
-      const T = b + C + u;
-      e.fillStyle = w.valueColor || "#1C2026", e.font = `500 ${h}px Geist, Arial, sans-serif`, e.fillText(w.value, T, p), b += x + v;
+      const S = e.measureText(w.label).width, L = e.measureText(w.value).width, R = S + g + L;
+      e.fillStyle = x, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(w.label, y, v);
+      const $ = y + S + g;
+      e.fillStyle = w.valueColor || C, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(w.value, $, v), y += R + b;
     });
   }
   async captureScreenshot(e = {}) {
@@ -4693,44 +4694,68 @@ class pr {
       hour: "2-digit",
       minute: "2-digit",
       timeZoneName: "short"
-    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, { width: h, height: u, canvasesContainer: g } = this._view, _ = Array.from(
-      g.node.querySelectorAll("canvas")
+    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, { canvasesContainer: u, width: g, height: p } = this._view, _ = Array.from(
+      u.node.querySelectorAll("canvas")
     );
     if (_.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const p = window.devicePixelRatio || 1, v = 48 * p, b = 20 * p, w = c ? 32 * p : 0, C = u * p, y = C + v + b + w, x = document.createElement("canvas");
-    x.width = h * p, x.height = y;
-    const T = x.getContext("2d");
-    if (!T) {
+    const v = 1440, b = 900, x = 48, C = 20, y = c ? 32 : 0, w = b - x - C - y, S = v, L = g / p, R = S / w;
+    let $, O, K = 0, j = 0;
+    L > R ? (O = w, $ = O * L, K = 0, j = 0) : ($ = S, O = $ / L, j = (w - O) / 2);
+    const P = window.devicePixelRatio || 1, X = document.createElement("canvas");
+    X.width = v * P, X.height = b * P;
+    const U = X.getContext("2d");
+    if (!U) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
-    T.fillStyle = "#ffffff", T.fillRect(0, 0, x.width, x.height);
-    let F = v + b;
-    await this._drawHeader(T, x.width, p), this._drawHeaderSecondLine(T, r, o, x.width, v, p);
-    const R = this._view.mainCanvas;
-    R.background && (T.fillStyle = R.background, T.fillRect(0, F, x.width, C)), _.forEach(($) => {
-      T.drawImage(
-        $,
-        0,
-        0,
-        $.width,
-        $.height,
-        0,
-        F,
-        x.width,
-        C
+    U.fillStyle = h ? "#101011" : "#ffffff", U.fillRect(0, 0, X.width, X.height);
+    const He = x * P, et = C * P, re = w * P, ve = S * P, be = He + et;
+    await this._drawHeader(U, X.width, P, h), this._drawHeaderSecondLine(U, r, o, X.width, He, P, h);
+    const Be = this._view.mainCanvas;
+    Be.background && (U.fillStyle = Be.background, U.fillRect(0, be, X.width, re));
+    const Ie = $ * P, Re = O * P, tt = K * P, N = j * P;
+    _.forEach((z) => {
+      let fe = 0, G = 0, Z = z.width, se = z.height, ye = Ie, ge = Re, we = tt, xe = N;
+      if (L > R) {
+        const oe = Re / z.height, le = z.width * oe;
+        le > ve && (fe = (le - ve) / oe, Z = z.width - fe, ye = ve, we = 0);
+      } else {
+        const oe = Ie / z.width, le = z.height * oe;
+        if (le > re) {
+          const Ce = (le - re) / oe;
+          G = Ce / 2, se = z.height - Ce, ge = re, xe = 0;
+        }
+      }
+      U.drawImage(
+        z,
+        fe,
+        G,
+        Z,
+        se,
+        we,
+        be + xe,
+        ye,
+        ge
       );
-    }), c && this._drawFooter(T, c, x.width, F, C, p), x.toBlob(
-      ($) => {
-        if (!$) {
+    }), c && this._drawFooter(U, c, X.width, be, re, P, h), X.toBlob(
+      async (z) => {
+        if (!z) {
           console.error("Failed to create blob from canvas");
           return;
         }
-        const P = URL.createObjectURL($), j = document.createElement("a");
-        j.href = P, j.download = t, document.body.appendChild(j), j.click(), document.body.removeChild(j), URL.revokeObjectURL(P);
+        try {
+          await navigator.clipboard.write([
+            new ClipboardItem({
+              "image/png": z
+            })
+          ]);
+        } catch {
+          const G = URL.createObjectURL(z), Z = document.createElement("a");
+          Z.href = G, Z.download = t, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(G);
+        }
       },
       "image/png",
       1