charts-core 1.1.21 → 1.1.22

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";
+import * as E 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) => {
+  e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
+    let _ = E.axisRight(s);
+    o && c ? _ = _.tickFormat(c) : _ = _.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) {
+    }), o && u && (_ = Array.isArray(u) ? _.ticks(...u) : _.ticks(u)), o && h && (_ = _.tickValues(h)), p.call(_);
+  }).call((p) => {
+    let _ = [];
+    p.selectAll(".tick").each((v) => _.push(v)), i.yTicks = _;
+  }).call((p) => p.select(".domain").remove()).call((p) => p.selectAll(".tick line").remove()).call((p) => {
+    const _ = p.selectAll(".tick text");
+    _.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
+    const v = _.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
+    p.selectAll(".tick").each(function(w, 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 = E.select(this), x = y.select("text"), T = v[C], k = b - T, R = y.append("g").attr("transform", "translate(10, 0)");
+      x.attr("x", k), x.remove(), ($ = R.node()) == null || $.appendChild(x.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 _ = E.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,
@@ -89,31 +89,31 @@ function Ps(i, e, t, s) {
   const n = i.width / 2, a = e - n, r = e + n;
   return a < t ? t : r > s ? s - i.width : e - n;
 }
-const 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 Lt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Os = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: 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 _ = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
+    Lt(e, { x1: v, x2: b, y1: _, y2: _ });
     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 k = s(x.date), R = n(x.value), $ = r[T - 1], P = T > 0 && $ && x.value === $.value;
+      P || Lt(e, { x1: k, x2: k, y1: R, y2: _ });
+      const U = $s(e, P, {
+        x: k,
+        y: _,
         r: g,
-        hr: _
+        hr: p
       });
-      u && j.on("mouseover", function() {
+      u && U.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,
+        const O = C.getBoundingClientRect(), He = Ps(
+          O,
           s(x.date),
           i.config.margin.left - i.config.grid.tooltipArrowSize,
           i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
@@ -135,8 +135,8 @@ const Et = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     s.append("stop").attr("offset", n).attr("stop-color", a);
   }), s;
 }, ae = (i) => {
-  const e = D.select(i).select("defs");
-  return e.empty() ? D.select(i).append("defs") : e;
+  const e = E.select(i).select("defs");
+  return e.empty() ? E.select(i).append("defs") : e;
 }, Qt = (i) => {
   const {
     y: e,
@@ -241,8 +241,8 @@ 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) => {
-  const e = D.format(",.2f");
+}, ie = "sc-charts__range-tooltip", Ht = E.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
+  const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Ws(i) {
@@ -274,7 +274,7 @@ const Xs = (i) => {
     },
     update({ leftPoint: n, rightPoint: a, x: r, y: o, hidden: c, closest: h }) {
       if (n && a && h && r !== void 0) {
-        const u = a.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < p ? "left" : "right";
+        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 = "", w = "";
         if (g)
           b = g({ left: n.value, right: a.value, direction: v });
@@ -282,7 +282,7 @@ const Xs = (i) => {
           const C = (u / Math.abs(n.value) * 100).toFixed(2);
           b = `${Ys(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(() => {
+        p ? w = p({ 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;
@@ -295,8 +295,8 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, ge = "sc-charts__hover-tooltip", Ge = 16, Us = D.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
-  const e = D.format(",.2f");
+}, ge = "sc-charts__hover-tooltip", Ge = 16, Us = E.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+  const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
@@ -385,7 +385,7 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Ne = (i) => D.curveCardinal.tension(i.config.curveTension), Ks = (i) => {
+}, Ne = (i) => E.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", {
     x1: "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 = E.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.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);
   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 = ae(u), p = "range-line-area-gradient";
+  me(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", {
+  }), me(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 _ = E.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", _).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);
     },
     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);
+      y !== void 0 && C.datum(y).attr("d", _), 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);
     },
     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})`);
+  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), p = E.line().x((C) => n(C.date)).y((C) => a(C.value)).curve(Ne(i)), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
   return {
     className(C, y) {
       C === "remove" ? w.classed(`${o}${y}`, !1) : w.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);
+      C !== void 0 && w.datum(C).attr("d", p), 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);
     },
     destroy() {
       w.remove();
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: u } = e, g = t.node(), _ = 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 = ae(g), _ = E.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(Ne(i)), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (u == null ? void 0 : u.x) || 0).attr("y", (u == null ? void 0 : u.y) || 0).attr("width", (u == null ? void 0 : u.width) || "100%").attr("height", (u == null ? void 0 : u.height) || "100%"), 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);
     },
     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));
+      y !== void 0 && C.datum(y).attr("d", _), 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(E.easeLinear) : w.attr("x", x.x).attr("y", x.y).attr("width", x.width).attr("height", x.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);
@@ -524,10 +524,10 @@ const Js = (i) => {
   }), g = Ue(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), _ = Ue(i.svg, {
+  }), p = Ue(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%"
     };
   }
@@ -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,7 +729,7 @@ const Js = (i) => {
     rightPoint: h,
     leftPoint: c,
     closest: t,
-    x: g + p / 2,
+    x: g + _ / 2,
     y: 0,
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
@@ -742,32 +742,32 @@ const Js = (i) => {
 }, cn = (i) => {
   const { svg: e, data: t, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
   let u = null, g = !1;
-  const _ = (v) => t.reduce(
+  const p = (v) => t.reduce(
     (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
   e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = D.pointer(v, this), w = _(b);
+    const [b] = E.pointer(v, this), w = p(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));
   }).on("mouseleave", () => {
     i.action = "none", g = !1, u = null, It(i), Rt(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
-      const [b] = D.pointer(v, this);
-      u = _(b);
+      const [b] = E.pointer(v, this);
+      u = p(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = D.pointer(v, this), w = _(b);
+    const [b] = E.pointer(v, this), w = p(b);
     g = !1, u = null, i.action = "hover", h.enable && Rt(i), c.enable && Bt(i, w);
   });
 }, hn = (i, e, t) => {
-  const { margin: s } = e, n = D.scaleTime(), a = D.extent(i, (r) => new Date(r.date));
+  const { margin: s } = e, n = E.scaleTime(), a = E.extent(i, (r) => new Date(r.date));
   return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([s.left, t - s.right]);
 }, dn = (i, e, t) => {
-  const { margin: s } = e, n = D.max(i, (r) => r.value) ?? 0, a = D.min(i, (r) => r.value) ?? 0;
-  return D.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
+  const { margin: s } = e, n = E.max(i, (r) => r.value) ?? 0, a = E.min(i, (r) => r.value) ?? 0;
+  return E.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
 }, _r = (i, e) => {
-  const t = D.select(i);
+  const t = E.select(i);
   if (t.empty())
     return console.error(`Element with selector ${i} not found!`), null;
   if (!e.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e.chartId))
@@ -776,12 +776,12 @@ const Js = (i) => {
   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;
   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 = Nt(h, _.config)), v && _.data && (u = _.data);
+    const b = u.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, k) => T.date.getTime() - k.date.getTime()), w = 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,
@@ -802,8 +802,8 @@ const Js = (i) => {
     };
     cn(x);
   };
-  return _(e), {
-    update: (p) => _(p, !0),
+  return p(e), {
+    update: (_) => p(_, !0),
     destroy: () => {
       window.removeEventListener("resize", g), n.remove();
     }
@@ -818,8 +818,8 @@ ue.exports;
 var $t;
 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 t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", u = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", C = "[object Null]", y = "[object Object]", x = "[object Proxy]", T = "[object RegExp]", k = "[object Set]", R = "[object String]", $ = "[object Undefined]", P = "[object WeakMap]", U = "[object ArrayBuffer]", O = "[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*)$/, F = {};
+    F[He] = F[ri] = F[oi] = F[li] = F[ci] = F[hi] = F[di] = F[ui] = F[fi] = !0, F[o] = F[c] = F[U] = F[u] = F[O] = F[g] = F[p] = F[_] = F[b] = F[w] = F[y] = F[T] = F[k] = F[R] = F[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() {
       try {
         var l = oe && oe.require && oe.require("util").types;
@@ -841,9 +841,9 @@ 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;
+      for (var m = -1, A = Array(l); ++m < l; )
+        A[m] = d(m);
+      return A;
     }
     function yi(l) {
       return function(d) {
@@ -858,10 +858,10 @@ 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 Ci = Array.prototype, Ai = Function.prototype, ve = Object.prototype, Ie = re["__core-js_shared__"], be = Ai.toString, J = ve.hasOwnProperty, ft = function() {
       var l = /[^.]+$/.exec(Ie && Ie.keys && Ie.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), gt = ve.toString, Ai = be.call(Object), Ti = RegExp(
+    }(), gt = ve.toString, Mi = 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;
@@ -871,7 +871,7 @@ function fn() {
         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 = ye ? ye.isBuffer : void 0, bt = Math.max, Ei = Date.now, yt = Pe(re, "Map"), le = Pe(Object, "create"), Li = /* @__PURE__ */ function() {
       function l() {
       }
       return function(d) {
@@ -887,8 +887,8 @@ function fn() {
     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 Ni() {
@@ -915,11 +915,11 @@ function fn() {
       return this.size += this.has(l) ? 0 : 1, m[l] = le && 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) {
+    function G(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() {
@@ -929,8 +929,8 @@ function fn() {
       var d = this.__data__, m = xe(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);
@@ -940,45 +940,45 @@ function fn() {
       return xe(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 = xe(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;
+    G.prototype.clear = Ri, G.prototype.delete = $i, G.prototype.get = Pi, G.prototype.has = Oi, G.prototype.set = zi;
     function se(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)(),
+        map: new (yt || G)(),
         string: new ee()
       };
     }
     function ji(l) {
-      var d = Me(this, l).delete(l);
+      var d = Ae(this, l).delete(l);
       return this.size -= d ? 1 : 0, d;
     }
     function Yi(l) {
-      return Me(this, l).get(l);
+      return Ae(this, l).get(l);
     }
     function Wi(l) {
-      return Me(this, l).has(l);
+      return Ae(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 = Ae(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);
+      var d = this.__data__ = new G(l);
       this.size = d.size;
     }
     function Ui() {
-      this.__data__ = new U(), this.size = 0;
+      this.__data__ = new G(), this.size = 0;
     }
     function Gi(l) {
       var d = this.__data__, m = d.delete(l);
@@ -992,35 +992,35 @@ 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 G) {
+        var A = m.__data__;
+        if (!yt || A.length < t - 1)
+          return A.push([l, d]), this.size = ++m.size, this;
+        m = this.__data__ = new se(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;
     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;
+      var m = Ve(l), A = !m && ze(l), S = !m && !A && Mt(l), N = !m && !A && !S && St(l), H = m || A || S || N, L = H ? bi(l.length, String) : [], B = L.length;
       for (var Y 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.
+        N && (Y == "buffer" || Y == "byteLength" || Y == "byteOffset") || // Skip index properties.
         Ct(Y, B)) || L.push(Y);
       return L;
     }
     function Re(l, d, m) {
-      (m !== void 0 && !Ae(l[d], m) || m === void 0 && !(d in l)) && $e(l, d, m);
+      (m !== void 0 && !Me(l[d], m) || m === void 0 && !(d in l)) && $e(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];
+      (!(J.call(l, d) && Me(A, m)) || m === void 0 && !(d in l)) && $e(l, d, m);
     }
     function xe(l, d) {
       for (var m = l.length; m--; )
-        if (Ae(l[m][0], d))
+        if (Me(l[m][0], d))
           return m;
       return -1;
     }
@@ -1043,41 +1043,41 @@ function fn() {
       if (!te(l) || vs(l))
         return !1;
       var d = Ye(l) ? Ti : mi;
-      return d.test(Ms(l));
+      return d.test(As(l));
     }
     function is(l) {
-      return ce(l) && Tt(l.length) && !!N[Ce(l)];
+      return ce(l) && Tt(l.length) && !!F[Ce(l)];
     }
     function ss(l) {
       if (!te(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 = At(l), m = [];
+      for (var A in l)
+        A == "constructor" && (d || !J.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 xt(l, d, m, A, S) {
+      l !== d && es(d, function(N, H) {
+        if (S || (S = new ne()), te(N))
+          ns(l, d, H, m, xt, A, S);
         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 L = A ? A(Oe(l, H), N, H + "", l, d, S) : void 0;
+          L === void 0 && (L = N), Re(l, H, L);
         }
       }, kt);
     }
-    function ns(l, d, m, M, S, E, H) {
+    function ns(l, d, m, A, S, N, H) {
       var L = Oe(l, m), B = Oe(d, m), Y = H.get(B);
       if (Y) {
         Re(l, m, Y);
         return;
       }
-      var O = E ? E(L, B, m + "", l, d, H) : void 0, he = O === void 0;
+      var z = N ? N(L, B, m + "", l, d, H) : void 0, he = z === 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 We = Ve(B), Xe = !We && Mt(B), Et = !We && !Xe && St(B);
+        z = B, We || Xe || Et ? Ve(L) ? z = L : Ms(L) ? z = hs(L) : Xe ? (he = !1, z = os(B)) : Et ? (he = !1, z = cs(B)) : z = [] : Ts(B) || ze(B) ? (z = L, ze(L) ? z = Ss(L) : (!te(L) || Ye(L)) && (z = ms(B))) : he = !1;
       }
-      he && (H.set(B, O), S(O, B, M, E, H), H.delete(B)), Re(l, m, O);
+      he && (H.set(B, z), S(z, B, A, N, H), H.delete(B)), Re(l, m, z);
     }
     function as(l, d) {
       return xs(ws(l, d, Dt), l + "");
@@ -1102,41 +1102,41 @@ function fn() {
       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) {
+    function ds(l, d, m, A) {
       var S = !m;
       m || (m = {});
-      for (var E = -1, H = d.length; ++E < H; ) {
-        var L = d[E], B = void 0;
+      for (var N = -1, H = d.length; ++N < H; ) {
+        var L = d[N], B = void 0;
         B === void 0 && (B = l[L]), S ? $e(m, L, B) : Ki(m, L, 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, S = m.length, N = S > 1 ? m[S - 1] : void 0, H = S > 2 ? m[2] : void 0;
+        for (N = l.length > 3 && typeof N == "function" ? (S--, N) : void 0, H && _s(m[0], m[1], H) && (N = S < 3 ? void 0 : N, S = 1), d = Object(d); ++A < S; ) {
+          var L = m[A];
+          L && l(d, L, A, N);
         }
         return d;
       });
     }
     function fs(l) {
-      return function(d, m, M) {
-        for (var S = -1, E = Object(d), H = M(d), L = H.length; L--; ) {
+      return function(d, m, A) {
+        for (var S = -1, N = Object(d), H = A(d), L = H.length; L--; ) {
           var B = H[++S];
-          if (m(E[B], B, E) === !1)
+          if (m(N[B], B, N) === !1)
             break;
         }
         return d;
       };
     }
-    function Me(l, d) {
+    function Ae(l, d) {
       var m = l.__data__;
       return ps(d) ? m[typeof d == "string" ? "string" : "hash"] : m.map;
     }
@@ -1148,14 +1148,14 @@ function fn() {
       var d = J.call(l, K), m = l[K];
       try {
         l[K] = void 0;
-        var M = !0;
+        var A = !0;
       } catch {
       }
       var S = gt.call(l);
-      return M && (d ? l[K] = m : delete l[K]), S;
+      return A && (d ? l[K] = m : delete l[K]), S;
     }
     function ms(l) {
-      return typeof l.constructor == "function" && !Mt(l) ? Ei(pt(l)) : {};
+      return typeof l.constructor == "function" && !At(l) ? Li(pt(l)) : {};
     }
     function Ct(l, d) {
       var m = typeof l;
@@ -1164,8 +1164,8 @@ function fn() {
     function _s(l, d, m) {
       if (!te(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" ? je(m) && Ct(d, m.length) : A == "string" && d in m) ? Me(m[d], l) : !1;
     }
     function ps(l) {
       var d = typeof l;
@@ -1174,7 +1174,7 @@ function fn() {
     function vs(l) {
       return !!ft && ft in l;
     }
-    function Mt(l) {
+    function At(l) {
       var d = l && l.constructor, m = typeof d == "function" && d.prototype || ve;
       return l === m;
     }
@@ -1190,11 +1190,11 @@ function fn() {
     }
     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];
+        for (var A = arguments, S = -1, N = bt(A.length - d, 0), H = Array(N); ++S < N; )
+          H[S] = A[d + S];
         S = -1;
         for (var L = Array(d + 1); ++S < d; )
-          L[S] = M[S];
+          L[S] = A[S];
         return L[d] = m(H), vi(l, this, L);
       };
     }
@@ -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(), S = a - (A - m);
+        if (m = A, S > 0) {
           if (++d >= n)
             return arguments[0];
         } else
@@ -1215,7 +1215,7 @@ function fn() {
         return l.apply(void 0, arguments);
       };
     }
-    function Ms(l) {
+    function As(l) {
       if (l != null) {
         try {
           return be.call(l);
@@ -1228,7 +1228,7 @@ function fn() {
       }
       return "";
     }
-    function Ae(l, d) {
+    function Me(l, d) {
       return l === d || l !== l && d !== d;
     }
     var ze = wt(/* @__PURE__ */ function() {
@@ -1239,15 +1239,15 @@ function fn() {
     function je(l) {
       return l != null && Tt(l.length) && !Ye(l);
     }
-    function As(l) {
+    function Ms(l) {
       return ce(l) && je(l);
     }
-    var At = Di || Ls;
+    var Mt = Di || Es;
     function Ye(l) {
       if (!te(l))
         return !1;
       var d = Ce(l);
-      return d == p || d == v || d == h || d == x;
+      return d == _ || d == v || d == h || d == x;
     }
     function Tt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
@@ -1266,7 +1266,7 @@ function fn() {
       if (d === null)
         return !0;
       var m = J.call(d, "constructor") && d.constructor;
-      return typeof m == "function" && m instanceof m && be.call(m) == Ai;
+      return typeof m == "function" && m instanceof m && be.call(m) == Mi;
     }
     var St = ut ? yi(ut) : is;
     function Ss(l) {
@@ -1286,7 +1286,7 @@ function fn() {
     function Dt(l) {
       return l;
     }
-    function Ls() {
+    function Es() {
       return !1;
     }
     i.exports = ks;
@@ -1380,7 +1380,7 @@ class _n {
     return this._trade;
   }
 }
-class V {
+class j {
   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 j());
+    f(this, "_area", new j());
+    f(this, "_xAxis", new j());
+    f(this, "_yAxis", new j());
+    f(this, "_axisIntersection", new j());
     const { xAxis: s, yAxis: n } = t;
-    this._chart = new V(e), this._calc(s, n);
+    this._chart = new j(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 j({
       x: t.position === "left" ? n : 0,
       y: e.position === "top" ? s : 0,
       width: r,
       height: a
-    }), this._xAxis = new V({
+    }), this._xAxis = new j({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? n : 0,
       height: s,
       width: r
-    }), this._yAxis = new V({
+    }), this._yAxis = new j({
       y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : r,
       width: n,
       height: a
-    }), this._axisIntersection = new V({
+    }), this._axisIntersection = new j({
       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 j(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1505,14 +1505,14 @@ 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;
+    a.forEach((g, p) => {
+      const _ = (h - u) / a.length;
+      let v = u + _ * p, b = v + _;
       const w = Math.abs(v - b);
       let C = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
-        const T = [...e.trade.entries, ...e.trade.exits].find((F) => {
-          const R = F.time.getTime();
+        const T = [...e.trade.entries, ...e.trade.exits].find((k) => {
+          const R = k.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));
@@ -1627,12 +1627,12 @@ class Kt {
 }
 class ei extends Kt {
   constructor() {
-    super(), this._scale = D.scaleTime();
+    super(), this._scale = E.scaleTime();
   }
 }
 class wn extends Kt {
   constructor() {
-    super(), this._scale = D.scaleLinear();
+    super(), this._scale = E.scaleLinear();
   }
 }
 const zt = { x: 0.2, y: 0.2 }, Vt = 1e-3, xn = {
@@ -1645,25 +1645,25 @@ 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;
-  }), a = D.min(n, (o) => o.low), r = D.max(n, (o) => o.high);
+  }), a = E.min(n, (o) => o.low), r = E.max(n, (o) => o.high);
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
-class An {
+class Mn {
   constructor(e) {
     this.model = e;
   }
   initX(e) {
-    const t = this.model.candles.preparedData, s = D.extent(t, (n) => new Date(n.open_time));
+    const t = this.model.candles.preparedData, s = E.extent(t, (n) => new Date(n.open_time));
     if (!s[0] || !s[1]) throw new Error("Invalid x data");
     e.setDomain(s), this.setRange(e, this.model.layout.xAxis), this.setDefaultXDomain(e), this.applyOffset(e);
   }
   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) {
@@ -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 {
@@ -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 ei(), 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()
     };
@@ -1976,7 +1976,7 @@ const Dn = {
     }
   }
 };
-class Ln {
+class En {
   constructor(e) {
     f(this, "_scheme");
     this._scheme = De({}, Dn, e), Object.keys(this._scheme).forEach((t) => {
@@ -1990,7 +1990,7 @@ class Ln {
     this._scheme = De({}, this._scheme, e);
   }
 }
-class En {
+class Ln {
   constructor(e, t) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -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 nt(s, this), this.config = new _n(n), this.colorScheme = new En(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 Ln(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2086,7 +2086,7 @@ class Nn {
   }
 }
 const Se = window.devicePixelRatio || 2;
-class k {
+class D {
   constructor({ tag: e, className: t, id: s, textContent: n }) {
     f(this, "_tag");
     f(this, "_className");
@@ -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 _e extends D {
   constructor({ className: t, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
@@ -2163,10 +2163,10 @@ function Hn(i, e) {
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: a
-  } = e, r = a.x.ticks(Fn), o = (u) => u.getHours() === 0 && u.getMinutes() === 0, c = D.timeFormat("%d %b"), h = D.timeFormat("%H:%M");
+  } = e, r = a.x.ticks(Fn), o = (u) => u.getHours() === 0 && u.getMinutes() === 0, c = E.timeFormat("%d %b"), h = E.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) {
@@ -2231,38 +2231,38 @@ class Rn {
     this._target.addEventListener("contextmenu", e);
   }
 }
-function Le(i) {
+function Ee(i) {
   return i * 0.1875;
 }
 const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, _ = 16 * g, p = n - _ / 2, v = a;
-  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
   const b = a + g * 3 + 0.5, w = g * 16, C = b + w / 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 g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
   const b = g * 16, w = a - g * 19 + b / 2;
   i.fillStyle = t, i.fillText(s, n, w), i.restore();
 };
-function Ee(i) {
+function Le(i) {
   "@babel/helpers - typeof";
-  return Ee = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Le = 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);
+  }, Le(i);
 }
 var On = /^\s+/, zn = /\s+$/;
-function A(i, e) {
-  if (i = i || "", e = e || {}, i instanceof A)
+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;
   },
@@ -2358,7 +2358,7 @@ A.prototype = {
   toFilter: function(e) {
     var t = "#" + Xt(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (e) {
-      var a = A(e);
+      var a = M(e);
       s = "#" + Xt(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)));
@@ -2423,14 +2423,14 @@ A.prototype = {
     return this._applyCombination(Ut, [4]);
   }
 };
-A.fromRatio = function(i, e) {
-  if (Ee(i) == "object") {
+M.fromRatio = function(i, e) {
+  if (Le(i) == "object") {
     var t = {};
     for (var s in i)
       i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = fe(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)), Le(i) == "object" && (Z(i.r) && Z(i.g) && Z(i.b) ? (e = jn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : Z(i.h) && Z(i.s) && Z(i.v) ? (s = fe(i.s), n = fe(i.v), e = Wn(i.h, s, n), r = !0, o = "hsv") : Z(i.h) && Z(i.s) && Z(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), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2544,11 +2544,11 @@ 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))];
   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 = Fe(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 = Fe(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 = Fe(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 = Fe(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) {
   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 tt = M.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2820,7 +2820,7 @@ var tt = A.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, na = A.hexNames = aa(tt);
+}, na = M.hexNames = aa(tt);
 function aa(i) {
   var e = {};
   for (var t in i)
@@ -2838,7 +2838,7 @@ function I(i, e) {
 function Fe(i) {
   return Math.min(1, Math.max(0, i));
 }
-function z(i) {
+function V(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2857,7 +2857,7 @@ function ii(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
 function Gt(i) {
-  return z(i) / 255;
+  return V(i) / 255;
 }
 var W = 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*\\)?";
@@ -2875,7 +2875,7 @@ 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) {
+function Z(i) {
   return !!W.CSS_UNIT.exec(i);
 }
 function la(i) {
@@ -2920,26 +2920,26 @@ function la(i) {
     v: t[3],
     a: t[4]
   } : (t = W.hex8.exec(i)) ? {
-    r: z(t[1]),
-    g: z(t[2]),
-    b: z(t[3]),
+    r: V(t[1]),
+    g: V(t[2]),
+    b: V(t[3]),
     a: Gt(t[4]),
     format: e ? "name" : "hex8"
   } : (t = W.hex6.exec(i)) ? {
-    r: z(t[1]),
-    g: z(t[2]),
-    b: z(t[3]),
+    r: V(t[1]),
+    g: V(t[2]),
+    b: V(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]),
+    r: V(t[1] + "" + t[1]),
+    g: V(t[2] + "" + t[2]),
+    b: V(t[3] + "" + t[3]),
     a: Gt(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]),
+    r: V(t[1] + "" + t[1]),
+    g: V(t[2] + "" + t[2]),
+    b: V(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -2964,13 +2964,13 @@ 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) => {
+  t.forEach(({ isHovered: h, isActive: u, candle: g, trades: p }) => {
+    const _ = s.convert(g.open_time);
+    p.forEach((v) => {
       const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, 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,
+      h && h[1] && h[0] === v.type && (T = M.mix(T, a.bg, 20).toString()), u && u[1] && u[0] === v.type && (T = o.activeLabel), x(i, {
+        x: _,
         y,
         symbol: C,
         mainColor: T,
@@ -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), w = 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(w, y), i.stroke(), i.setLineDash([]);
   };
   if (a.length === 1 && r.length > 1)
     r.forEach((g) => u(a[0], g));
@@ -3030,8 +3030,8 @@ 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) => {
@@ -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 U;
   const {
     scales: { x: t, y: s },
     trade: { entries: n, exits: a, holdTime: r },
@@ -3083,14 +3083,14 @@ 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));
+  const p = n.at(0), _ = a.at(-1);
+  if (!p || !_) return;
+  const v = (O) => O ? O instanceof Date ? O : new Date(O) : null, b = t.convert(v(u == null ? void 0 : u[0]) || p.candle.open_time), w = t.convert(v(u == null ? void 0 : u[1]) || _.candle.open_time), C = s.convert(g || (((U = n.at(0)) == null ? void 0 : U.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 y = (b + w) / 2, x = h || `Hold: ${ga(r)}`, k = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${ma}px ${F}`;
+  i.font = `600 ${ma}px ${k}`;
   const $ = i.measureText(x).width + _a * 2, P = va + pa * 2;
   si(i, {
     radius: 4,
@@ -3113,7 +3113,7 @@ class pe {
     f(this, "dom", null);
     f(this, "prefix");
     const { width: r, height: o, canvasesContainer: c, domElements: h } = t;
-    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${e}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new k({ className: `sc-charts-cs__dom-${e}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${e}`;
+    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${e}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new D({ className: `sc-charts-cs__dom-${e}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${e}`;
   }
   cx(...e) {
     return e.map((t) => `${this.prefix}-${t}`).join(" ");
@@ -3135,12 +3135,12 @@ 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 };
+    const { dx: x, dy: T } = ya[y], k = t.x + (x === 1 ? n : -a - n), R = t.y + (T === 1 ? n : -r - n);
+    return { x: k, 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 y = t.y < 0, x = t.y + r > c, T = t.x < 0, k = t.x + a > o;
+    return T && y ? "right-bottom" : T && x ? "right-top" : k && y ? "left-bottom" : k && x ? "left-top" : T ? "right-bottom" : k ? "left-bottom" : y ? "right-bottom" : x ? "right-top" : s;
+  }, _ = [
     s,
     "right-bottom",
     "right-top",
@@ -3148,7 +3148,7 @@ const ya = {
     "left-top"
   ].filter((y, x, T) => T.indexOf(y) === x), v = g();
   let b = null;
-  for (const y of [v, ...p]) {
+  for (const y of [v, ..._]) {
     const x = h(y);
     if (u(x)) {
       b = x;
@@ -3163,7 +3163,7 @@ const ya = {
     side: b.side
   };
 };
-class Z extends k {
+class q extends D {
   constructor(t) {
     super(t);
     f(this, "_state", {});
@@ -3198,7 +3198,7 @@ class Z extends k {
     this._scheduleUpdate();
   }
 }
-class wa extends Z {
+class wa extends q {
   constructor(t) {
     const s = "label-tooltip";
     super({ className: t.cx(s) });
@@ -3206,28 +3206,28 @@ class wa extends Z {
     f(this, "manyBox");
     f(this, "oneBox");
     f(this, "clsx");
-    this.clsx = t.cxFabric(s), this.title = new k({
+    this.clsx = t.cxFabric(s), this.title = new D({
       tag: "div",
       className: this.clsx("title")
-    }), this.manyBox = new k({
+    }), this.manyBox = new D({
       tag: "div",
       className: this.clsx("box_many")
-    }), this.oneBox = new k({
+    }), this.oneBox = new D({
       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: j.empty() };
   }
   _createLineNodes(t, s) {
     const n = [];
     for (const a of Object.keys(s))
       if (a in t) {
-        const r = new k({
+        const r = new D({
           tag: "div",
           className: this.clsx("line")
         });
         let o = t[a].toString();
         a === "kind" && (o = this._formatDate(t.time));
-        const c = new k({ tag: "strong", textContent: s[a] }), h = new k({ tag: "span", textContent: o });
+        const c = new D({ tag: "strong", textContent: s[a] }), h = new D({ tag: "span", textContent: o });
         r.append(c.node, h.node), n.push(r.node);
       }
     return n;
@@ -3257,7 +3257,7 @@ class wa extends Z {
       } else if (t.length > 1) {
         this.manyBox.node.style.display = "flex";
         const s = t.map((n) => {
-          const a = new k({ tag: "div" }), r = this._createLineNodes(n, {
+          const a = new D({ tag: "div" }), r = this._createLineNodes(n, {
             kind: n.kind === "entry" ? "Entry:" : "Exit:",
             price: "Price:"
           });
@@ -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,10 +3304,10 @@ 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}`;
+  i.font = `${a} ${n}px ${_}`;
   const b = i.measureText(s).width + o.x * 2, w = 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, {
@@ -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 },
@@ -3401,10 +3401,10 @@ class Q {
   }
 }
 const Je = new Q("comment-actions");
-class Da extends k {
+class Da extends D {
   constructor({ onDelete: e, onUpdate: t }) {
     super({ className: Je.gen() });
-    const s = new k({ tag: "button", className: Je.gen("edit"), textContent: "Edit" }), n = new k({
+    const s = new D({ tag: "button", className: Je.gen("edit"), textContent: "Edit" }), n = new D({
       tag: "button",
       className: Je.gen("delete"),
       textContent: "Delete"
@@ -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");
@@ -3472,16 +3472,16 @@ class La {
   }
 }
 const de = new Q("comment-list");
-class Ea extends k {
+class La extends D {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
     super({ className: de.gen("item") });
     f(this, "actionTooltip");
     f(this, "actionsTrigger");
-    const r = new k({ className: de.gen("text"), textContent: n.text }), o = new k({
+    const r = new D({ className: de.gen("text"), textContent: n.text }), o = new D({
       className: de.gen("created-at"),
       textContent: fa(new Date(n.createdAt))
     });
-    this.actionsTrigger = new k({
+    this.actionsTrigger = new D({
       tag: "button",
       className: de.gen("action-trigger")
     });
@@ -3494,8 +3494,8 @@ class Ea extends k {
     }), 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 D({ className: de.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 q {
   constructor(t) {
     super({ className: "sc-charts-cs__comments-edit" });
     f(this, "input");
@@ -3530,14 +3530,14 @@ class Ha extends Z {
     f(this, "cancelBtn");
     f(this, "_onSave");
     f(this, "_onCancel");
-    this._onSave = t.onSave, this._onCancel = t.onCancel, this.input = new k({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new k({
+    this._onSave = t.onSave, this._onCancel = t.onCancel, this.input = new D({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new D({
       tag: "button",
       className: "sc-charts-cs__comments-edit-save-btn"
-    }), this.saveBtn.append(new Na().node), this.cancelBtn = new k({
+    }), this.saveBtn.append(new Na().node), this.cancelBtn = new D({
       tag: "button",
       className: "sc-charts-cs__comments-edit-cancel-btn"
     }), this.cancelBtn.append(new Fa().node);
-    const s = new k({ className: "sc-charts-cs__comments-edit-btn-container" });
+    const s = new D({ className: "sc-charts-cs__comments-edit-btn-container" });
     s.append(this.cancelBtn.node, this.saveBtn.node), this.append(this.input.node, s.node), this.state = { inputValue: t.initialValue || "", hasInitFocused: !1 }, this._setupListeners(), this.render();
   }
   _setupListeners() {
@@ -3553,7 +3553,7 @@ class Ha extends Z {
   }
 }
 const Ba = new Q("comment-list");
-class Ia extends Z {
+class Ia extends q {
   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);
       },
@@ -3609,17 +3609,17 @@ class Ra {
   }
 }
 const ke = new Q(""), Qe = new Q("add-field");
-class ai extends Z {
+class ai extends q {
   constructor({ onAdd: t, blockName: s }) {
     ke.block = s;
     super({ className: ke.gen() + " " + Qe.gen() });
     f(this, "btn");
     f(this, "input");
     f(this, "_onAdd");
-    this._onAdd = t, this.state = { inputValue: "" }, this.input = new k({
+    this._onAdd = t, this.state = { inputValue: "" }, this.input = new D({
       tag: "input",
       className: ke.gen("input") + " " + Qe.gen("input")
-    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new k({
+    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new D({
       tag: "button",
       className: ke.gen("btn") + " " + Qe.gen("btn")
     }), this.btn.append(new Ra().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
@@ -3642,7 +3642,7 @@ class ai extends Z {
   }
 }
 const $a = new Q("list-tooltip"), Ke = 8;
-class Pa extends Z {
+class Pa extends q {
   constructor(t, s, n) {
     super({ className: $a.gen() });
     f(this, "_list");
@@ -3686,7 +3686,7 @@ class Oa {
     ), s.setAttribute("fill", "currentColor"), t.appendChild(s), this.node = t;
   }
 }
-class za extends Z {
+class za extends q {
   constructor({ x: t, ...s }, n) {
     super(s);
     f(this, "_colors");
@@ -3704,10 +3704,10 @@ class za extends Z {
   }
 }
 const qt = new Q("comment-box");
-class Va extends Z {
+class Va extends q {
   constructor({ boxId: t, model: s, view: n, comments: a, coords: r, onBoxActivate: o, onBoxDeactivate: c }) {
     super({ className: qt.gen() });
-    f(this, "pointer", new k({ className: "sc-charts-cs__comments-pointer" }));
+    f(this, "pointer", new D({ className: "sc-charts-cs__comments-pointer" }));
     f(this, "tooltip");
     f(this, "anchor");
     f(this, "_onBoxActivate");
@@ -3731,8 +3731,8 @@ class Va extends Z {
 }
 class ja {
   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;
+    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, u = e.scales.panOffsetY, g = (p) => {
+      const _ = p - c, v = Math.min(_ / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, C = u + (r - u) * b;
       e.scales.pan("x", w, "absolute"), e.scales.pan("y", C, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
     };
     requestAnimationFrame(g);
@@ -3743,7 +3743,7 @@ class ja {
   }
 }
 const et = new Q("comments-context");
-class Ya extends Z {
+class Ya extends q {
   constructor() {
     super({ className: et.gen() });
     f(this, "pointer");
@@ -3752,7 +3752,7 @@ class Ya extends Z {
     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 D({ className: et.gen("pointer") }), this.menu = new D({ className: et.gen("menu") }), rt(this.menu, () => {
       this.setState({ isShow: !1 });
     }), this.addField = new ai({
       blockName: "context-add",
@@ -3863,7 +3863,7 @@ class Ua extends pe {
     if (e.config.guides.isShowX) {
       const n = e.config.xAxis.position;
       this.canvas.drawMarker({
-        text: D.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
+        text: E.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
         startLineCoords: { x: t, y: 0 },
         endMarkerCoords: { x: t, y: e.layout.xAxis[n] },
         side: n,
@@ -3873,12 +3873,12 @@ class Ua extends pe {
     }
   }
 }
-class Ga extends Z {
+class Ga extends q {
   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();
+    const s = new D({ tag: "p" });
+    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: j.empty() }, this.render();
   }
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
@@ -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 {
@@ -3954,7 +3954,7 @@ class qa extends pe {
     f(this, "limiter");
     if (!this.dom) throw new Error("[CS_V_Candles] this.dom must be defined");
     if (!this.canvas) throw new Error("[CS_V_Candles] this.canvas must be defined");
-    this._noDataTooltip = new Ga(this.cx("no-data")), this.limiter = new k({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
+    this._noDataTooltip = new Ga(this.cx("no-data")), this.limiter = new D({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
   }
   get noDataTooltip() {
     return this._noDataTooltip;
@@ -3987,14 +3987,14 @@ class Ja {
     f(this, "trade");
     f(this, "comments");
     f(this, "candles");
-    this.container = e, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
+    this.container = e, this.wrapper = new D({ 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({
       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 D({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new D({ 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);
   }
   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);
@@ -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);
         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 w = v === "buy" ? a.convert(c.low) + o + Ee(r) : a.convert(c.high) - o - r - Ee(r), C = e >= g - p / 2 && e <= g + p / 2, y = t >= w && t <= w + _;
         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 + Ee(16) + 8 : n - 4 - 16 - Ee(16) + 8;
       this._model.eventBus.emit("open_trade_label_tooltip", {
         trade: { candle: t.candle, trades: t.trades, tradeType: t.tradeType },
         x: 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" });
+      const x = t.net_pnl.startsWith("+");
+      _.push({ label: "Net P&L", value: t.net_pnl, valueColor: x ? "#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;
-    _.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;
+    e.font = `500 ${u}px Geist, Arial, sans-serif`;
+    const w = o ? "#878788" : "#8E8E93", C = o ? "#FAFAFA" : "#1C2026";
+    let y = h;
+    _.forEach((x) => {
+      const T = e.measureText(x.label).width, k = e.measureText(x.value).width, R = T + g + k;
+      e.fillStyle = w, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(x.label, y, v);
+      const $ = y + T + g;
+      e.fillStyle = x.valueColor || C, e.font = `500 ${u}px Geist, Arial, sans-serif`, e.fillText(x.value, $, v), y += R + b;
     });
   }
   async captureScreenshot(e = {}) {
@@ -4693,44 +4694,44 @@ 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, { width: u, height: g, canvasesContainer: p } = this._view, _ = Array.from(
+      p.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 = window.devicePixelRatio || 1, b = 48 * v, w = 20 * v, C = c ? 32 * v : 0, y = g * v, x = y + b + w + C, T = document.createElement("canvas");
+    T.width = u * v, T.height = x;
+    const k = T.getContext("2d");
+    if (!k) {
       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(
-        $,
+    k.fillStyle = h ? "#101011" : "#ffffff", k.fillRect(0, 0, T.width, T.height);
+    let R = b + w;
+    await this._drawHeader(k, T.width, v, h), this._drawHeaderSecondLine(k, r, o, T.width, b, v, h);
+    const $ = this._view.mainCanvas;
+    $.background && (k.fillStyle = $.background, k.fillRect(0, R, T.width, y)), _.forEach((P) => {
+      k.drawImage(
+        P,
         0,
         0,
-        $.width,
-        $.height,
+        P.width,
+        P.height,
         0,
-        F,
-        x.width,
-        C
+        R,
+        T.width,
+        y
       );
-    }), c && this._drawFooter(T, c, x.width, F, C, p), x.toBlob(
-      ($) => {
-        if (!$) {
+    }), c && this._drawFooter(k, c, T.width, R, y, v, h), T.toBlob(
+      (P) => {
+        if (!P) {
           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);
+        const U = URL.createObjectURL(P), O = document.createElement("a");
+        O.href = U, O.download = t, document.body.appendChild(O), O.click(), document.body.removeChild(O), URL.revokeObjectURL(U);
       },
       "image/png",
       1