charts-core 1.1.9 → 1.1.11

package/dist/charts-core.js

@@ -1,16 +1,16 @@
 var Ti = Object.defineProperty;
 var Si = (s, t, e) => t in s ? Ti(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var d = (s, t, e) => Si(s, typeof t != "symbol" ? t + "" : t, e);
-import * as L from "d3";
+var c = (s, t, e) => Si(s, typeof t != "symbol" ? t + "" : t, e);
+import * as E from "d3";
 const ki = (s) => {
-  const { svg: t, config: e, y: i, width: n } = s, { margin: r, yAxis: a } = e, { customTicks: l, tickFormat: c, tickValues: h, ticks: g, isShow: _ } = a;
+  const { svg: t, config: e, y: i, width: n } = s, { margin: a, yAxis: r } = e, { customTicks: l, tickFormat: h, tickValues: d, ticks: g, isShow: _ } = r;
   if (!_) return null;
-  t.append("g").attr("transform", `translate(${n - r.right},0)`).call((m) => {
-    let p = L.axisRight(i);
-    l && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
+  t.append("g").attr("transform", `translate(${n - a.right},0)`).call((m) => {
+    let p = E.axisRight(i);
+    l && h ? p = p.tickFormat(h) : p = p.tickFormat((v) => {
       const b = Number(v), x = (C) => C.toString().replace(/\.0+$/, "");
       return Math.abs(b) >= 1e12 ? x(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? x(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? x(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? x(b / 1e3) + "K" : x(b);
-    }), l && g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), l && h && (p = p.tickValues(h)), m.call(p);
+    }), l && g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), l && d && (p = p.tickValues(d)), m.call(p);
   }).call((m) => {
     let p = [];
     m.selectAll(".tick").each((v) => p.push(v)), s.yTicks = p;
@@ -20,33 +20,33 @@ const ki = (s) => {
     const v = p.nodes().map((x) => x.getBBox().width), b = Math.max(...v);
     m.selectAll(".tick").each(function(x, C) {
       var z;
-      const w = L.select(this), y = w.select("text"), T = v[C], D = b - T, N = w.append("g").attr("transform", "translate(10, 0)");
+      const w = E.select(this), y = w.select("text"), T = v[C], D = b - T, N = w.append("g").attr("transform", "translate(10, 0)");
       y.attr("x", D), y.remove(), (z = N.node()) == null || z.appendChild(y.node());
     });
   }).attr("font-family", "inherit");
 }, Di = (s) => {
-  const { svg: t, config: e, x: i, height: n } = s, { margin: r, xAxis: a } = e, { isShow: l, tickValues: c, tickFormat: h, customTicks: g, ticks: _ } = a;
+  const { svg: t, config: e, x: i, height: n } = s, { margin: a, xAxis: r } = e, { isShow: l, tickValues: h, tickFormat: d, customTicks: g, ticks: _ } = r;
   if (!l) return null;
-  t.append("g").attr("transform", `translate(0,${n - r.bottom})`).call((m) => {
-    let p = L.axisBottom(i);
-    g ? (h && (p = p.tickFormat(h)), _ && (p = Array.isArray(_) ? p.ticks(..._) : p.ticks(_)), c && (p = p.tickValues(c))) : p.ticks(5), m.call(p);
+  t.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((m) => {
+    let p = E.axisBottom(i);
+    g ? (d && (p = p.tickFormat(d)), _ && (p = Array.isArray(_) ? p.ticks(..._) : p.ticks(_)), h && (p = p.tickValues(h))) : p.ticks(5), m.call(p);
   }).call((m) => m.select(".domain").remove()).call((m) => {
     let p = [];
     m.selectAll(".tick").each((v) => p.push(v)), s.xTicks = p;
   }).call((m) => m.selectAll(".tick line").remove()).call((m) => m.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
 }, Ei = (s) => {
   const { svg: t, config: e, y: i, width: n } = s, {
-    margin: r,
-    grid: { horizontalStyle: a }
+    margin: a,
+    grid: { horizontalStyle: r }
   } = e;
-  if (a !== "none") {
-    if (a.startsWith("zero-line")) {
-      const l = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", i(0)).attr("y2", i(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      a === "zero-line-dashed" && l.attr("stroke-dasharray", "4 4");
+  if (r !== "none") {
+    if (r.startsWith("zero-line")) {
+      const l = t.append("line").attr("x1", 0 + a.left).attr("x2", n - a.right).attr("y1", i(0)).attr("y2", i(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      r === "zero-line-dashed" && l.attr("stroke-dasharray", "4 4");
     }
-    a.startsWith("every-line") && (s.yTicks || i.ticks()).forEach((c) => {
-      const h = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", i(c)).attr("y2", i(c)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      a === "every-line-dashed" && h.attr("stroke-dasharray", "4 4");
+    r.startsWith("every-line") && (s.yTicks || i.ticks()).forEach((h) => {
+      const d = t.append("line").attr("x1", 0 + a.left).attr("x2", n - a.right).attr("y1", i(h)).attr("y2", i(h)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      r === "every-line-dashed" && d.attr("stroke-dasharray", "4 4");
     });
   }
 }, Li = (s) => {
@@ -60,10 +60,10 @@ const ki = (s) => {
   i.className = "sc-charts__hovered-circles-tooltip";
   const n = document.createElement("div");
   n.className = "sc-charts__hovered-circles-tooltip-arrow";
-  const r = document.createElementNS(t, "svg");
-  r.setAttribute("width", "12"), r.setAttribute("height", "4"), r.setAttribute("viewBox", "0 0 12 4"), r.setAttribute("fill", "none"), r.setAttribute("xmlns", t);
-  const a = document.createElementNS(t, "path");
-  return a.setAttribute("d", "M6 4L0 0H12L6 4Z"), r.appendChild(a), n.appendChild(r), e.append(n), e.append(i), s.append(e), {
+  const a = document.createElementNS(t, "svg");
+  a.setAttribute("width", "12"), a.setAttribute("height", "4"), a.setAttribute("viewBox", "0 0 12 4"), a.setAttribute("fill", "none"), a.setAttribute("xmlns", t);
+  const r = document.createElementNS(t, "path");
+  return r.setAttribute("d", "M6 4L0 0H12L6 4Z"), a.appendChild(r), n.appendChild(a), e.append(n), e.append(i), s.append(e), {
     tooltipContainer: e,
     tooltip: i,
     tooltipArrow: n
@@ -72,7 +72,7 @@ const ki = (s) => {
   x: e,
   y: i,
   r: n = 3.5,
-  hr: r = 0
+  hr: a = 0
 }) => {
   if (t)
     return s.append("image").attr("x", e - 6).attr("y", i - 6).attr("width", 12).attr("height", 12).attr(
@@ -80,29 +80,29 @@ const ki = (s) => {
       "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0NTJfNTAwOSkiPgo8cGF0aCBkPSJNNi41MzY0NiAxMS41Njg4QzkuMjA1ODYgMTEuNTY4OCAxMS4zNjk4IDkuNDA0ODMgMTEuMzY5OCA2LjczNTQzQzExLjM2OTggNC4wNjYwNiA5LjIwNTg2IDEuOTAyMSA2LjUzNjQ2IDEuOTAyMUMzLjg2NzA4IDEuOTAyMSAxLjcwMzEyIDQuMDY2MDYgMS43MDMxMiA2LjczNTQzQzEuNzAzMTIgOS40MDQ4MyAzLjg2NzA4IDExLjU2ODggNi41MzY0NiAxMS41Njg4WiIgZmlsbD0iI0ZDRUJFOSIvPgo8cGF0aCBkPSJNMy4xMTcxOSAxMC4xNTM1TDkuOTQ3MTkgMy4zMjM0OSIgc3Ryb2tlPSIjRjE4MTY5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuNTM2NDYgMTEuNTY4OEM5LjIwNTg2IDExLjU2ODggMTEuMzY5OCA5LjQwNDgzIDExLjM2OTggNi43MzU0M0MxMS4zNjk4IDQuMDY2MDYgOS4yMDU4NiAxLjkwMjEgNi41MzY0NiAxLjkwMjFDMy44NjcwOSAxLjkwMjEgMS43MDMxMiA0LjA2NjA2IDEuNzAzMTIgNi43MzU0M0MxLjcwMzEyIDkuNDA0ODMgMy44NjcwOSAxMS41Njg4IDYuNTM2NDYgMTEuNTY4OFoiIHN0cm9rZT0iI0YxODE2OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTQ1Ml81MDA5Ij4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MzUxNTYgMC43MzUzNTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="
     );
   {
-    const a = s.append("g");
-    return a.append("circle").attr("cx", e).attr("cy", i).attr("r", n).classed("sc-charts__hovered-circles", !0), a.append("circle").attr("cx", e).attr("cy", i).attr("r", n + r).classed("sc-charts__hovered-circles_add", !0), a;
+    const r = s.append("g");
+    return r.append("circle").attr("cx", e).attr("cy", i).attr("r", n).classed("sc-charts__hovered-circles", !0), r.append("circle").attr("cx", e).attr("cy", i).attr("r", n + a).classed("sc-charts__hovered-circles_add", !0), r;
   }
 };
 function Fi(s, t, e, i) {
   if (!s) return null;
-  const n = s.width / 2, r = t - n, a = t + n;
-  return r < e ? e : a > i ? i - s.width : t - n;
+  const n = s.width / 2, a = t - n, r = t + n;
+  return a < e ? e : r > i ? i - s.width : t - n;
 }
 const Se = (s, { x1: t, x2: e, y1: i, y2: n }) => s.append("line").attr("x1", t).attr("x2", e).attr("y1", i).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Bi = (s) => {
-  const { svg: t, config: e, x: i, y: n, height: r, data: a, wrapperNode: l } = s, {
-    margin: c,
-    grid: { verticalStyle: h, tooltipNode: g, hoverCirclesRadius: _, hoverCirclesAdditionalArea: m }
+  const { svg: t, config: e, x: i, y: n, height: a, data: r, wrapperNode: l } = s, {
+    margin: h,
+    grid: { verticalStyle: d, tooltipNode: g, hoverCirclesRadius: _, hoverCirclesAdditionalArea: m }
   } = e;
-  if (h !== "none" && (h.startsWith("every-line") && (s.xTicks || i.ticks()).forEach((v) => {
-    const b = t.append("line").attr("x1", i(v)).attr("x2", i(v)).attr("y1", c.top).attr("y2", r - 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 = i(a[0].date), b = i(a[a.length - 1].date);
+  if (d !== "none" && (d.startsWith("every-line") && (s.xTicks || i.ticks()).forEach((v) => {
+    const b = t.append("line").attr("x1", i(v)).attr("x2", i(v)).attr("y1", h.top).attr("y2", a - h.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+    d === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
+  }), d === "hovered-circles")) {
+    const p = n.range()[0], v = i(r[0].date), b = i(r[r.length - 1].date);
     Se(t, { x1: v, x2: b, y1: p, y2: p });
     const { tooltipContainer: x, tooltip: C, tooltipArrow: w } = Ni(l);
-    a.forEach((y, T) => {
-      const D = i(y.date), N = n(y.value), z = a[T - 1], O = T > 0 && z && y.value === z.value;
+    r.forEach((y, T) => {
+      const D = i(y.date), N = n(y.value), z = r[T - 1], O = T > 0 && z && y.value === z.value;
       O || Se(t, { x1: D, x2: D, y1: N, y2: p });
       const Nt = Ii(t, O, {
         x: D,
@@ -127,22 +127,22 @@ const Se = (s, { x1: t, x2: e, y1: i, y2: n }) => s.append("line").attr("x1", t)
 }, Hi = (s) => {
   Ei(s), Bi(s);
 }, Ri = (s) => {
-  const { svg: t, config: e, width: i, height: n } = s, { margin: r, logo: a } = e;
-  Di(s), ki(s), a && t.append("image").attr("xlink:href", e.theme === "dark" ? a.picDarkTheme : a.picLightTheme).attr("width", a.width).attr("height", a.height).attr("x", a.x ?? (i - r.left - r.right) / 2 - a.width / 2 + r.left).attr("y", a.y ?? (n - r.top - r.bottom) / 2 - a.height / 2 + r.top), Hi(s);
+  const { svg: t, config: e, width: i, height: n } = s, { margin: a, logo: r } = e;
+  Di(s), ki(s), r && t.append("image").attr("xlink:href", e.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (i - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), Hi(s);
 }, _t = (s, t, e) => {
   let i = s.select(`#${t}`);
-  return i.empty() && (i = s.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), i.attr("x1", e.x1).attr("y1", e.x2).attr("x2", e.y1).attr("y2", e.y2), e.stops.forEach(({ offset: n, stopColor: r }) => {
-    i.append("stop").attr("offset", n).attr("stop-color", r);
+  return i.empty() && (i = s.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), i.attr("x1", e.x1).attr("y1", e.x2).attr("x2", e.y1).attr("y2", e.y2), e.stops.forEach(({ offset: n, stopColor: a }) => {
+    i.append("stop").attr("offset", n).attr("stop-color", a);
   }), i;
 }, nt = (s) => {
-  const t = L.select(s).select("defs");
-  return t.empty() ? L.select(s).append("defs") : t;
+  const t = E.select(s).select("defs");
+  return t.empty() ? E.select(s).append("defs") : t;
 }, Ge = (s) => {
   const {
     y: t,
     config: { margin: e }
-  } = s, i = t.range()[0] - t(0), n = t.range()[0] - i >= 0 ? t.range()[0] - i : 0, r = i + e.bottom >= 0 ? i + e.bottom : 0;
-  return { x: 0, y: n, width: "100%", height: r };
+  } = s, i = t.range()[0] - t(0), n = t.range()[0] - i >= 0 ? t.range()[0] - i : 0, a = i + e.bottom >= 0 ? i + e.bottom : 0;
+  return { x: 0, y: n, width: "100%", height: a };
 }, ke = (s, t) => ({
   ...s,
   ...t,
@@ -179,70 +179,70 @@ const Se = (s, { x1: t, x2: e, y1: i, y2: n }) => s.append("line").attr("x1", t)
     ...t == null ? void 0 : t.selection
   }
 }), De = (s, t = {}) => {
-  const e = s.node(), i = nt(e), n = (l, c) => _t(i, l, {
+  const e = s.node(), i = nt(e), n = (l, h) => _t(i, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "20%", stopColor: c },
-      { offset: "60%", stopColor: c },
+      { offset: "20%", stopColor: h },
+      { offset: "60%", stopColor: h },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
   n("gradient-range-borders-up", "var(--sc-color-selection-up)"), n("gradient-range-borders-down", "var(--sc-color-selection-down)");
-  const r = "sc-charts__border-range-line", a = s.append("line").classed(r, !0).style("display", t.hidden ? "none" : "block");
+  const a = "sc-charts__border-range-line", r = s.append("line").classed(a, !0).style("display", t.hidden ? "none" : "block");
   return {
-    className(l, c) {
-      l === "remove" ? a.classed(`${r}${c}`, !1) : a.classed(`${r}${c}`, !0);
+    className(l, h) {
+      l === "remove" ? r.classed(`${a}${h}`, !1) : r.classed(`${a}${h}`, !0);
     },
-    update({ x1: l, x2: c, y1: h, y2: g, hidden: _ }) {
-      l !== void 0 && a.attr("x1", l), c !== void 0 && a.attr("x2", c), h !== void 0 && a.attr("y1", h), g !== void 0 && a.attr("y2", g), _ !== void 0 && a.style("display", _ ? "none" : "block");
+    update({ x1: l, x2: h, y1: d, y2: g, hidden: _ }) {
+      l !== void 0 && r.attr("x1", l), h !== void 0 && r.attr("x2", h), d !== void 0 && r.attr("y1", d), g !== void 0 && r.attr("y2", g), _ !== void 0 && r.style("display", _ ? "none" : "block");
     },
     destroy() {
-      a.remove();
+      r.remove();
     }
   };
 }, Gt = (s, t = {}) => {
   const e = s.append("circle").attr("r", t.radius || 4).style("display", t.hidden ? "none" : "block"), i = t.className || "";
   return i && e.classed(i, !0), {
-    className(n, r) {
-      n === "remove" ? e.classed(`${i}${r}`, !1) : e.classed(`${i}${r}`, !0);
+    className(n, a) {
+      n === "remove" ? e.classed(`${i}${a}`, !1) : e.classed(`${i}${a}`, !0);
     },
-    update({ cx: n, cy: r, hidden: a, fill: l }) {
-      n !== void 0 && e.attr("cx", n), r !== void 0 && e.attr("cy", r), l !== void 0 && e.attr("fill", l), a !== void 0 && e.style("display", a ? "none" : "block");
+    update({ cx: n, cy: a, hidden: r, fill: l }) {
+      n !== void 0 && e.attr("cx", n), a !== void 0 && e.attr("cy", a), l !== void 0 && e.attr("fill", l), r !== void 0 && e.style("display", r ? "none" : "block");
     },
     destroy() {
       e.remove();
     }
   };
 }, zi = (s, t = {}) => {
-  const e = "sc-charts__hover-line", i = s.append("line").style("display", t.hidden ? "none" : "block").classed(e, !0), n = s.node(), r = nt(n);
-  return ((l, c) => _t(r, l, {
+  const e = "sc-charts__hover-line", i = s.append("line").style("display", t.hidden ? "none" : "block").classed(e, !0), n = s.node(), a = nt(n);
+  return ((l, h) => _t(a, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
     y2: "100%",
     stops: [
       { offset: "0%", stopColor: "rgba(255, 255, 255, 0)" },
-      { offset: "15%", stopColor: c },
-      { offset: "75%", stopColor: c },
+      { offset: "15%", stopColor: h },
+      { offset: "75%", stopColor: h },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   }))("hover-line-gradient", "var(--sc-color-hover-line)"), {
-    className(l, c) {
-      l === "remove" ? i.classed(`${e}${c}`, !1) : i.classed(`${e}${c}`, !0);
+    className(l, h) {
+      l === "remove" ? i.classed(`${e}${h}`, !1) : i.classed(`${e}${h}`, !0);
     },
-    update({ x1: l, x2: c, y1: h, y2: g, hidden: _ }) {
-      l !== void 0 && i.attr("x1", l), c !== void 0 && i.attr("x2", c), h !== void 0 && i.attr("y1", h), g !== void 0 && i.attr("y2", g), _ !== void 0 && i.style("display", _ ? "none" : "block");
+    update({ x1: l, x2: h, y1: d, y2: g, hidden: _ }) {
+      l !== void 0 && i.attr("x1", l), h !== void 0 && i.attr("x2", h), d !== void 0 && i.attr("y1", d), g !== void 0 && i.attr("y2", g), _ !== void 0 && i.style("display", _ ? "none" : "block");
     },
     destroy() {
       i.remove();
     }
   };
-}, tt = "sc-charts__range-tooltip", Ee = L.timeFormat("%b %e, %I:%M %p"), $i = (s) => {
-  const t = L.format(",.2f");
+}, tt = "sc-charts__range-tooltip", Ee = E.timeFormat("%b %e, %I:%M %p"), $i = (s) => {
+  const t = E.format(",.2f");
   return `${s < 0 ? "-" : ""}$${t(Math.abs(s))}`;
 };
 function Pi(s) {
@@ -252,51 +252,51 @@ function Pi(s) {
   i.className = `${tt}-container`, e.append(i);
   const n = document.createElement("div");
   n.className = `${tt}-sum`, i.append(n);
-  const r = document.createElement("div");
-  r.className = `${tt}-sum-icon`;
-  const a = document.createElementNS(t, "svg");
-  a.setAttribute("width", "14"), a.setAttribute("height", "14"), a.setAttribute("viewBox", "0 0 14 14"), a.setAttribute("fill", "none"), a.setAttribute("xmlns", t);
+  const a = document.createElement("div");
+  a.className = `${tt}-sum-icon`;
+  const r = document.createElementNS(t, "svg");
+  r.setAttribute("width", "14"), r.setAttribute("height", "14"), r.setAttribute("viewBox", "0 0 14 14"), r.setAttribute("fill", "none"), r.setAttribute("xmlns", t);
   const l = document.createElementNS(t, "path");
   l.setAttribute(
     "d",
     "M7 0.5C5.71442 0.5 4.45772 0.881218 3.3888 1.59545C2.31988 2.30968 1.48676 3.32484 0.994786 4.51256C0.502816 5.70028 0.374095 7.00721 0.624899 8.26809C0.875703 9.52896 1.49477 10.6872 2.40381 11.5962C3.31285 12.5052 4.47104 13.1243 5.73192 13.3751C6.99279 13.6259 8.29973 13.4972 9.48744 13.0052C10.6752 12.5132 11.6903 11.6801 12.4046 10.6112C13.1188 9.54229 13.5 8.28558 13.5 7C13.4982 5.27665 12.8128 3.62441 11.5942 2.40582C10.3756 1.18722 8.72335 0.50182 7 0.5ZM9.35375 6.85375C9.30732 6.90024 9.25217 6.93712 9.19147 6.96228C9.13077 6.98744 9.06571 7.00039 9 7.00039C8.93429 7.00039 8.86923 6.98744 8.80853 6.96228C8.74783 6.93712 8.69269 6.90024 8.64625 6.85375L7.5 5.70687V9.5C7.5 9.63261 7.44732 9.75979 7.35356 9.85355C7.25979 9.94732 7.13261 10 7 10C6.86739 10 6.74022 9.94732 6.64645 9.85355C6.55268 9.75979 6.5 9.63261 6.5 9.5V5.70687L5.35375 6.85375C5.25993 6.94757 5.13268 7.00028 5 7.00028C4.86732 7.00028 4.74007 6.94757 4.64625 6.85375C4.55243 6.75993 4.49972 6.63268 4.49972 6.5C4.49972 6.36732 4.55243 6.24007 4.64625 6.14625L6.64625 4.14625C6.69269 4.09976 6.74783 4.06288 6.80853 4.03772C6.86923 4.01256 6.9343 3.99961 7 3.99961C7.06571 3.99961 7.13077 4.01256 7.19147 4.03772C7.25217 4.06288 7.30732 4.09976 7.35375 4.14625L9.35375 6.14625C9.40024 6.19269 9.43712 6.24783 9.46228 6.30853C9.48744 6.36923 9.5004 6.43429 9.5004 6.5C9.5004 6.56571 9.48744 6.63077 9.46228 6.69147C9.43712 6.75217 9.40024 6.80731 9.35375 6.85375Z"
-  ), l.setAttribute("fill", "currentColor"), a.appendChild(l), r.appendChild(a), n.append(r);
-  const c = document.createElement("div");
-  n.append(c);
+  ), l.setAttribute("fill", "currentColor"), r.appendChild(l), a.appendChild(r), n.append(a);
   const h = document.createElement("div");
-  return h.className = `${tt}-time`, i.append(h), { wrapper: e, sumNode: c, timeNode: h };
+  n.append(h);
+  const d = document.createElement("div");
+  return d.className = `${tt}-time`, i.append(d), { wrapper: e, sumNode: h, timeNode: d };
 }
 const Oi = (s) => {
   const { wrapper: t, sumNode: e, timeNode: i } = Pi(s.wrapperNode);
   return {
-    className(n, r) {
-      n === "remove" ? t.classList.remove(`${tt}${r}`) : t.classList.add(`${tt}${r}`);
+    className(n, a) {
+      n === "remove" ? t.classList.remove(`${tt}${a}`) : t.classList.add(`${tt}${a}`);
     },
-    update({ leftPoint: n, rightPoint: r, x: a, y: l, hidden: c, closest: h }) {
-      if (n && r && h && a !== void 0) {
-        const g = r.value - n.value, { sumFormatter: _, timeFormatter: m } = s.config.selection, p = (s.x(r.date) + s.x(n.date)) / 2, v = s.x(h.date) < p ? "left" : "right";
+    update({ leftPoint: n, rightPoint: a, x: r, y: l, hidden: h, closest: d }) {
+      if (n && a && d && r !== void 0) {
+        const g = a.value - n.value, { sumFormatter: _, timeFormatter: m } = s.config.selection, p = (s.x(a.date) + s.x(n.date)) / 2, v = s.x(d.date) < p ? "left" : "right";
         let b = "", x = "";
         if (_)
-          b = _({ left: n.value, right: r.value, direction: v });
+          b = _({ left: n.value, right: a.value, direction: v });
         else {
           const C = (g / Math.abs(n.value) * 100).toFixed(2);
           b = `${$i(g)} (${C}%)`;
         }
-        m ? x = m({ left: n.date, right: r.date, direction: v }) : x = `${Ee(n.date)} to ${Ee(r.date)}`, e.textContent = b, i.textContent = x, requestAnimationFrame(() => {
-          const C = t.getBoundingClientRect(), w = s.wrapperNode.getBoundingClientRect(), y = s.x(n.date), T = s.x(r.date);
+        m ? x = m({ left: n.date, right: a.date, direction: v }) : x = `${Ee(n.date)} to ${Ee(a.date)}`, e.textContent = b, i.textContent = x, requestAnimationFrame(() => {
+          const C = t.getBoundingClientRect(), w = s.wrapperNode.getBoundingClientRect(), y = s.x(n.date), T = s.x(a.date);
           let N = (y + T) / 2 - C.width / 2;
           const z = 0, O = w.width - C.width;
           N < z && (N = z), N > O && (N = O), t.style.left = `${N}px`, t.style.top = `${l}px`;
         });
       }
-      c !== void 0 && (t.style.display = c ? "none" : "block");
+      h !== void 0 && (t.style.display = h ? "none" : "block");
     },
     destroy() {
       t.remove();
     }
   };
-}, gt = "sc-charts__hover-tooltip", Ut = 16, Yi = L.timeFormat("%a, %b %d, %-I:%M %p"), ji = (s) => {
-  const t = L.format(",.2f");
+}, gt = "sc-charts__hover-tooltip", Ut = 16, Yi = E.timeFormat("%a, %b %d, %-I:%M %p"), ji = (s) => {
+  const t = E.format(",.2f");
   return `${s < 0 ? "-" : ""}$${t(Math.abs(s))}`;
 };
 function Xi(s) {
@@ -313,19 +313,19 @@ function Wi(s, t, e) {
 const Vi = (s) => {
   const { wrapper: t, sumNode: e, timeNode: i } = Xi(s.wrapperNode);
   return {
-    className(n, r) {
-      n === "remove" ? t.classList.remove(`${gt}${r}`) : t.classList.add(`${gt}${r}`);
+    className(n, a) {
+      n === "remove" ? t.classList.remove(`${gt}${a}`) : t.classList.add(`${gt}${a}`);
     },
-    update({ hidden: n, dataItem: r }) {
-      if (r) {
-        const { sumFormatter: a, timeFormatter: l } = s.config.hover;
-        e.textContent = a ? a(r.value) : ji(r.value), i.textContent = l ? l(r.date) : Yi(r.date), requestAnimationFrame(() => {
-          const c = t.getBoundingClientRect(), h = Wi(
-            c,
-            s.x(r.date),
+    update({ hidden: n, dataItem: a }) {
+      if (a) {
+        const { sumFormatter: r, timeFormatter: l } = s.config.hover;
+        e.textContent = r ? r(a.value) : ji(a.value), i.textContent = l ? l(a.date) : Yi(a.date), requestAnimationFrame(() => {
+          const h = t.getBoundingClientRect(), d = Wi(
+            h,
+            s.x(a.date),
             s.width - s.config.margin.right
           );
-          h && (t.style.left = h + "px");
+          d && (t.style.left = d + "px");
         });
       }
       n !== void 0 && (t.style.display = n ? "none" : "block");
@@ -385,8 +385,8 @@ const Vi = (s) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Et = (s) => L.curveCardinal.tension(s.config.curveTension), Ui = (s) => {
-  const { svg: t, data: e, x: i, y: n, config: r } = s, a = t.node(), l = nt(a);
+}, Et = (s) => E.curveCardinal.tension(s.config.curveTension), Ui = (s) => {
+  const { svg: t, data: e, x: i, y: n, config: a } = s, r = t.node(), l = nt(r);
   _t(l, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
@@ -397,14 +397,14 @@ const Vi = (s) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = L.area().x((m) => i(m.date)).y0(n.range()[0]).y1((m) => n(m.value)).curve(Et(s)), g = "sc-charts__main-line-area", _ = t.append("path").datum(e).attr("d", h).attr("class", g).classed(`${g}_hidden`, !r.hasMainLineArea);
+  const d = E.area().x((m) => i(m.date)).y0(n.range()[0]).y1((m) => n(m.value)).curve(Et(s)), g = "sc-charts__main-line-area", _ = t.append("path").datum(e).attr("d", d).attr("class", g).classed(`${g}_hidden`, !a.hasMainLineArea);
   return {
     className(m, p) {
       m === "remove" ? _.classed(`${g}${p}`, !1) : _.classed(`${g}${p}`, !0);
     },
     update({ data: m, hidden: p }) {
-      if (m !== void 0 && _.datum(m).attr("d", h), p !== void 0) {
-        if (!r.hasMainLineArea) return null;
+      if (m !== void 0 && _.datum(m).attr("d", d), p !== void 0) {
+        if (!a.hasMainLineArea) return null;
         _.classed(`${g}_hidden`, p);
       }
     },
@@ -413,7 +413,7 @@ const Vi = (s) => {
     }
   };
 }, Zi = (s, t = {}) => {
-  const e = "sc-charts__range-line-area", { svg: i, x: n, y: r, config: a, data: l, chartId: c } = s, { clip: h } = t, g = i.node(), _ = nt(g), m = "range-line-area-gradient";
+  const e = "sc-charts__range-line-area", { svg: i, x: n, y: a, config: r, data: l, chartId: h } = s, { clip: d } = t, g = i.node(), _ = nt(g), m = "range-line-area-gradient";
   _t(_, m + "_up", {
     x1: "0%",
     y1: "0%",
@@ -433,7 +433,7 @@ const Vi = (s) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const p = L.area().x((w) => n(w.date)).y0(r.range()[0]).y1((w) => r(w.value)).curve(Et(s)), v = `${c}-clip-${e}`, x = _.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 = i.append("path").datum(l).attr("d", p).attr("class", e).classed(`${e}_hidden`, !a.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const p = E.area().x((w) => n(w.date)).y0(a.range()[0]).y1((w) => a(w.value)).curve(Et(s)), v = `${h}-clip-${e}`, x = _.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), C = i.append("path").datum(l).attr("d", p).attr("class", e).classed(`${e}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(w, y) {
       w === "remove" ? C.classed(`${e}${y}`, !1) : C.classed(`${e}${y}`, !0);
@@ -446,7 +446,7 @@ const Vi = (s) => {
     }
   };
 }, Zt = (s, t) => {
-  const { svg: e, data: i, x: n, y: r, chartId: a } = s, { baseClassName: l, id: c, clip: h } = t, g = e.node(), _ = nt(g), m = L.line().x((C) => n(C.date)).y((C) => r(C.value)).curve(Et(s)), p = `${a}-clip-${l}`, b = _.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%"), x = e.append("path").classed(l, !0).datum(i).attr("d", m).attr("id", c).attr("clip-path", `url(#${p})`);
+  const { svg: e, data: i, x: n, y: a, chartId: r } = s, { baseClassName: l, id: h, clip: d } = t, g = e.node(), _ = nt(g), m = E.line().x((C) => n(C.date)).y((C) => a(C.value)).curve(Et(s)), p = `${r}-clip-${l}`, b = _.append("clipPath").attr("id", p).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = e.append("path").classed(l, !0).datum(i).attr("d", m).attr("id", h).attr("clip-path", `url(#${p})`);
   return {
     className(C, w) {
       C === "remove" ? x.classed(`${l}${w}`, !1) : x.classed(`${l}${w}`, !0);
@@ -459,13 +459,13 @@ const Vi = (s) => {
     }
   };
 }, qi = (s, t) => {
-  const { svg: e, data: i, x: n, y: r, chartId: a, config: l } = s, { baseClassName: c, id: h, clip: g } = t, _ = e.node(), m = nt(_), p = L.line().x((w) => n(w.date)).y((w) => r(w.value)).curve(Et(s)), v = `${a}-clip-${c}`, x = m.append("clipPath").attr("id", v).append("rect").attr("x", (g == null ? void 0 : g.x) || 0).attr("y", (g == null ? void 0 : g.y) || 0).attr("width", (g == null ? void 0 : g.width) || "100%").attr("height", (g == null ? void 0 : g.height) || "100%"), C = e.append("path").classed(c, !0).datum(i).attr("d", p).attr("id", h).attr("clip-path", `url(#${v})`);
+  const { svg: e, data: i, x: n, y: a, chartId: r, config: l } = s, { baseClassName: h, id: d, clip: g } = t, _ = e.node(), m = nt(_), p = E.line().x((w) => n(w.date)).y((w) => a(w.value)).curve(Et(s)), v = `${r}-clip-${h}`, x = m.append("clipPath").attr("id", v).append("rect").attr("x", (g == null ? void 0 : g.x) || 0).attr("y", (g == null ? void 0 : g.y) || 0).attr("width", (g == null ? void 0 : g.width) || "100%").attr("height", (g == null ? void 0 : g.height) || "100%"), C = e.append("path").classed(h, !0).datum(i).attr("d", p).attr("id", d).attr("clip-path", `url(#${v})`);
   return {
     className(w, y) {
-      w === "remove" ? C.classed(`${c}${y}`, !1) : C.classed(`${c}${y}`, !0);
+      w === "remove" ? C.classed(`${h}${y}`, !1) : C.classed(`${h}${y}`, !0);
     },
     update({ data: w, clip: y, hidden: T }) {
-      w !== void 0 && C.datum(w).attr("d", p), T !== void 0 && C.classed(`${c}_hidden`, T), y !== void 0 && (l.hover.transitionName === "default" ? x.transition().duration(l.hover.transitionDuration).attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height).ease(L.easeLinear) : x.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height));
+      w !== void 0 && C.datum(w).attr("d", p), T !== void 0 && C.classed(`${h}_hidden`, T), y !== void 0 && (l.hover.transitionName === "default" ? x.transition().duration(l.hover.transitionDuration).attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height).ease(E.easeLinear) : x.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height));
     },
     destroy() {
       C.remove();
@@ -476,19 +476,19 @@ const Vi = (s) => {
   let e;
   return t >= 1e9 ? e = (s / 1e9).toFixed(1) + "B" : t >= 1e6 ? e = (s / 1e6).toFixed(1) + "M" : t >= 1e3 ? e = (s / 1e3).toFixed(1) + "K" : e = s.toFixed(1), e;
 }, Qi = (s, t) => {
-  const { svg: e, data: i, x: n, y: r } = s, { baseClassName: a } = t, l = e.append("g").classed(a, !0), c = l.append("circle").attr("r", 5).classed(`${a}-circle`, !0), h = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${a}-label`, !0);
+  const { svg: e, data: i, x: n, y: a } = s, { baseClassName: r } = t, l = e.append("g").classed(r, !0), h = l.append("circle").attr("r", 5).classed(`${r}-circle`, !0), d = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${r}-label`, !0);
   return ((_) => {
     if (!_ || _.length === 0) return;
-    const m = _[_.length - 1], p = n(m.date), v = r(m.value);
-    c.attr("cx", p).attr("cy", v);
+    const m = _[_.length - 1], p = n(m.date), v = a(m.value);
+    h.attr("cx", p).attr("cy", v);
     const b = s.config.extremePointFormatter || Ji;
-    h.attr("x", p).attr("y", v).text(b(m.value));
+    d.attr("x", p).attr("y", v).text(b(m.value));
   })(i), {
     className(_, m) {
-      _ === "remove" ? l.classed(`${a}${m}`, !1) : l.classed(`${a}${m}`, !0);
+      _ === "remove" ? l.classed(`${r}${m}`, !1) : l.classed(`${r}${m}`, !0);
     },
     update({ hidden: _ }) {
-      _ !== void 0 && l.classed(`${a}_hidden`, _);
+      _ !== void 0 && l.classed(`${r}_hidden`, _);
     },
     destroy() {
       l.remove();
@@ -503,13 +503,13 @@ const Vi = (s) => {
   s.config.hasExtremePoint && (i = Qi(s, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const n = zi(s.svg), r = qi(s, {
+  const n = zi(s.svg), a = qi(s, {
     baseClassName: "sc-charts__highlight-line",
     id: `${s.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
-  let a = null;
-  s.config.enableBelowZeroLine && (a = Zt(s, {
+  let r = null;
+  s.config.enableBelowZeroLine && (r = Zt(s, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${s.chartId}-sc-charts__below-zero-line`,
     clip: Ge(s)
@@ -517,7 +517,7 @@ const Vi = (s) => {
   const l = Gt(s.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = De(s.svg), h = De(s.svg), g = Zt(s, {
+  }), h = De(s.svg), d = De(s.svg), g = Zt(s, {
     baseClassName: "sc-charts__range-line",
     id: `${s.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
@@ -531,18 +531,18 @@ const Vi = (s) => {
   return {
     hoverLine: n,
     hoverCircle: l,
-    rangeBorderLeft: c,
-    rangeBorderRight: h,
+    rangeBorderLeft: h,
+    rangeBorderRight: d,
     rangeLine: g,
     rangeLineArea: b,
     rangeCircleLeft: _,
     rangeCircleRight: m,
     mainLine: t,
     rangeTooltip: p,
-    highlightLine: r,
+    highlightLine: a,
     hoverTooltip: v,
     mainLineArea: e,
-    belowZeroLine: a,
+    belowZeroLine: r,
     extremePoint: i
   };
 }, tn = (s, t, e) => {
@@ -554,25 +554,25 @@ const Vi = (s) => {
       width: "100%",
       height: "100%"
     };
-  const [, n, r] = i, a = parseInt(n, 10), [l, c] = e.domain();
-  let h = new Date(l);
-  for (; h < c; ) {
-    let g = new Date(h);
-    switch (r) {
+  const [, n, a] = i, r = parseInt(n, 10), [l, h] = e.domain();
+  let d = new Date(l);
+  for (; d < h; ) {
+    let g = new Date(d);
+    switch (a) {
       case "M":
-        g.setMinutes(g.getMinutes() + a);
+        g.setMinutes(g.getMinutes() + r);
         break;
       case "h":
-        g.setHours(g.getHours() + a);
+        g.setHours(g.getHours() + r);
         break;
       case "d":
-        g.setDate(g.getDate() + a);
+        g.setDate(g.getDate() + r);
         break;
       case "w":
-        g.setDate(g.getDate() + a * 7);
+        g.setDate(g.getDate() + r * 7);
         break;
       case "m":
-        g = new Date(h.getFullYear(), h.getMonth() + a, 1);
+        g = new Date(d.getFullYear(), d.getMonth() + r, 1);
         break;
       default:
         return {
@@ -582,8 +582,8 @@ const Vi = (s) => {
           height: "100%"
         };
     }
-    if (t >= h && t < g) {
-      const _ = e(h), m = e(g);
+    if (t >= d && t < g) {
+      const _ = e(d), m = e(g);
       return {
         x: _,
         y: 0,
@@ -591,28 +591,28 @@ const Vi = (s) => {
         height: "100%"
       };
     }
-    h = new Date(g);
+    d = new Date(g);
   }
-  if (t.getTime() === c.getTime()) {
-    let g = new Date(c);
-    switch (r) {
+  if (t.getTime() === h.getTime()) {
+    let g = new Date(h);
+    switch (a) {
       case "M":
-        g.setMinutes(g.getMinutes() - a);
+        g.setMinutes(g.getMinutes() - r);
         break;
       case "h":
-        g.setHours(g.getHours() - a);
+        g.setHours(g.getHours() - r);
         break;
       case "d":
-        g.setDate(g.getDate() - a);
+        g.setDate(g.getDate() - r);
         break;
       case "w":
-        g.setDate(g.getDate() - a * 7);
+        g.setDate(g.getDate() - r * 7);
         break;
       case "m":
-        g = new Date(c.getFullYear(), c.getMonth() - a, 1);
+        g = new Date(h.getFullYear(), h.getMonth() - r, 1);
         break;
     }
-    const _ = e(g), m = e(c);
+    const _ = e(g), m = e(h);
     return {
       x: _,
       y: 0,
@@ -627,19 +627,19 @@ const Vi = (s) => {
     height: "100%"
   };
 }, Le = (s, t) => {
-  var h;
+  var d;
   const {
     x: e,
     y: i,
     elements: n,
-    config: { margin: r },
-    height: a
+    config: { margin: a },
+    height: r
   } = s;
   n.hoverLine.update({
     x1: e(t.date),
     x2: e(t.date),
-    y1: r.top,
-    y2: a - r.bottom,
+    y1: a.top,
+    y2: r - a.bottom,
     hidden: !1
   }), n.hoverCircle.update({
     cx: e(t.date),
@@ -654,12 +654,12 @@ const Vi = (s) => {
     clip: l,
     hidden: !1
   });
-  const c = i.range()[0] - i(0) + r.bottom;
-  c >= 0 && ((h = n.belowZeroLine) == null || h.update({
+  const h = i.range()[0] - i(0) + a.bottom;
+  h >= 0 && ((d = n.belowZeroLine) == null || d.update({
     clip: {
       ...l,
       y: i(0),
-      height: c
+      height: h
     }
   })), n.mainLine.className("add", "_muted");
 }, Ne = (s) => {
@@ -685,29 +685,29 @@ const Vi = (s) => {
   const {
     x: i,
     y: n,
-    config: { margin: r },
-    height: a,
+    config: { margin: a },
+    height: r,
     elements: l
-  } = s, c = i(t.date) < i(e.date) ? t : e, h = i(t.date) >= i(e.date) ? t : e, g = h.value - c.value >= 0, _ = i(c.date), m = i(h.date), p = m - _;
+  } = s, h = i(t.date) < i(e.date) ? t : e, d = i(t.date) >= i(e.date) ? t : e, g = d.value - h.value >= 0, _ = i(h.date), m = i(d.date), p = m - _;
   l.rangeBorderLeft.update({
     x1: _,
     x2: _,
-    y1: r.top,
-    y2: a - r.bottom,
+    y1: a.top,
+    y2: r - a.bottom,
     hidden: !1
   }), l.rangeBorderRight.update({
     x1: m,
     x2: m,
-    y1: r.top,
-    y2: a - r.bottom,
+    y1: a.top,
+    y2: r - a.bottom,
     hidden: !1
   }), l.rangeCircleLeft.update({
     cx: _,
-    cy: n(c.value),
+    cy: n(h.value),
     hidden: !1
   }), l.rangeCircleRight.update({
     cx: m,
-    cy: n(h.value),
+    cy: n(d.value),
     hidden: !1
   }), l.rangeLine.update({
     clip: {
@@ -726,8 +726,8 @@ const Vi = (s) => {
     },
     hidden: !1
   }), l.rangeTooltip.update({
-    rightPoint: h,
-    leftPoint: c,
+    rightPoint: d,
+    leftPoint: h,
     closest: e,
     x: _ + p / 2,
     y: 0,
@@ -740,49 +740,49 @@ const Vi = (s) => {
   const { elements: t } = s;
   t.rangeLine.update({ hidden: !0 }), t.rangeLineArea.update({ hidden: !0 }), t.rangeBorderLeft.update({ hidden: !0 }), t.rangeBorderRight.update({ hidden: !0 }), t.rangeCircleLeft.update({ hidden: !0 }), t.rangeCircleRight.update({ hidden: !0 }), t.rangeTooltip.update({ hidden: !0 }), t.mainLine.className("remove", "_selected-muted"), t.mainLineArea.update({ hidden: !1 }), (e = t.belowZeroLine) == null || e.update({ hidden: !1 });
 }, nn = (s) => {
-  const { svg: t, data: e, x: i, config: n, width: r, height: a } = s, { margin: l, hover: c, selection: h } = n;
+  const { svg: t, data: e, x: i, config: n, width: a, height: r } = s, { margin: l, hover: h, selection: d } = n;
   let g = null, _ = !1;
   const m = (v) => e.reduce(
     (b, x) => Math.abs(i(b.date) - v) < Math.abs(i(x.date) - v) ? b : x
   );
-  t.append("rect").attr("width", r - l.left - l.right).attr("height", a - l.top - l.bottom).attr("x", l.left).attr("y", l.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = L.pointer(v, this), x = m(b);
-    !_ && c.enable ? (s.action = "hover", Le(s, x)) : (s.action = _ ? "selection" : "none", Ne(s)), g && h.enable && (s.action = "selection", sn(s, g, x));
+  t.append("rect").attr("width", a - l.left - l.right).attr("height", r - l.top - l.bottom).attr("x", l.left).attr("y", l.top).attr("fill", "transparent").on("mousemove", function(v) {
+    const [b] = E.pointer(v, this), x = m(b);
+    !_ && h.enable ? (s.action = "hover", Le(s, x)) : (s.action = _ ? "selection" : "none", Ne(s)), g && d.enable && (s.action = "selection", sn(s, g, x));
   }).on("mouseleave", () => {
     s.action = "none", _ = !1, g = null, Ne(s), Ie(s);
   }).on("mousedown", function(v) {
-    if (h.enable) {
+    if (d.enable) {
       _ = !0, s.action = "selection";
-      const [b] = L.pointer(v, this);
+      const [b] = E.pointer(v, this);
       g = m(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = L.pointer(v, this), x = m(b);
-    _ = !1, g = null, s.action = "hover", h.enable && Ie(s), c.enable && Le(s, x);
+    const [b] = E.pointer(v, this), x = m(b);
+    _ = !1, g = null, s.action = "hover", d.enable && Ie(s), h.enable && Le(s, x);
   });
-}, rn = (s, t, e) => {
-  const { margin: i } = t, n = L.scaleTime(), r = L.extent(s, (a) => new Date(a.date));
-  return r[0] == null || r[1] == null ? n : n.domain([r[0], r[1]]).range([i.left, e - i.right]);
 }, an = (s, t, e) => {
-  const { margin: i } = t, n = L.max(s, (a) => a.value) ?? 0, r = L.min(s, (a) => a.value) ?? 0;
-  return L.scaleLinear().domain([r, n]).range([e - i.bottom, i.top]);
-}, oa = (s, t) => {
-  const e = L.select(s);
+  const { margin: i } = t, n = E.scaleTime(), a = E.extent(s, (r) => new Date(r.date));
+  return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([i.left, e - i.right]);
+}, rn = (s, t, e) => {
+  const { margin: i } = t, n = E.max(s, (r) => r.value) ?? 0, a = E.min(s, (r) => r.value) ?? 0;
+  return E.scaleLinear().domain([a, n]).range([e - i.bottom, i.top]);
+}, or = (s, t) => {
+  const e = E.select(s);
   if (e.empty())
     return console.error(`Element with selector ${s} not found!`), null;
   if (!t.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(t.chartId))
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
-  const i = e.append("div"), n = i.append("svg"), r = e.node();
-  let a = r.getBoundingClientRect(), l = a.width, c = a.height, h = ke({ ...Gi }, t.config), g = t.data;
+  const i = e.append("div"), n = i.append("svg"), a = e.node();
+  let r = a.getBoundingClientRect(), l = r.width, h = r.height, d = ke({ ...Gi }, t.config), g = t.data;
   const _ = () => {
-    a = r.getBoundingClientRect(), l = a.width, c = a.height, m({ data: g, config: h });
+    r = a.getBoundingClientRect(), l = r.width, h = r.height, m({ data: g, config: d });
   };
   window.addEventListener("resize", _);
   const m = (p, v = !1) => {
-    v && p.config && (h = ke(h, p.config)), v && p.data && (g = p.data);
-    const b = g.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, D) => T.date.getTime() - D.date.getTime()), x = rn(b, h, l), C = an(b, h, c);
-    i.attr("class", `sc-charts sc-charts__${h.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
+    v && p.config && (d = ke(d, p.config)), v && p.data && (g = p.data);
+    const b = g.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, D) => T.date.getTime() - D.date.getTime()), x = an(b, d, l), C = rn(b, d, h);
+    i.attr("class", `sc-charts sc-charts__${d.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${h}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
     const w = {
       chartId: t.chartId,
       svg: n,
@@ -790,10 +790,10 @@ const Vi = (s) => {
       data: b,
       x,
       y: C,
-      config: h,
+      config: d,
       action: "none",
       width: l,
-      height: c
+      height: h
     };
     Ri(w);
     const y = {
@@ -818,11 +818,11 @@ dt.exports;
 var Fe;
 function ln() {
   return Fe || (Fe = 1, function(s, t) {
-    var e = 200, i = "__lodash_hash_undefined__", n = 800, r = 16, a = 9007199254740991, l = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", g = "[object Boolean]", _ = "[object Date]", m = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", x = "[object Number]", C = "[object Null]", w = "[object Object]", y = "[object Proxy]", T = "[object RegExp]", D = "[object Set]", N = "[object String]", z = "[object Undefined]", O = "[object WeakMap]", Nt = "[object ArrayBuffer]", It = "[object DataView]", Ft = "[object Float32Array]", es = "[object Float64Array]", ss = "[object Int8Array]", is = "[object Int16Array]", ns = "[object Int32Array]", rs = "[object Uint8Array]", as = "[object Uint8ClampedArray]", os = "[object Uint16Array]", ls = "[object Uint32Array]", cs = /[\\^$.*+?()[\]{}|]/g, hs = /^\[object .+?Constructor\]$/, ds = /^(?:0|[1-9]\d*)$/, F = {};
-    F[Ft] = F[es] = F[ss] = F[is] = F[ns] = F[rs] = F[as] = F[os] = F[ls] = !0, F[l] = F[c] = F[Nt] = F[g] = F[It] = F[_] = F[m] = F[p] = F[b] = F[x] = F[w] = F[T] = F[D] = F[N] = F[O] = !1;
-    var ne = typeof Ct == "object" && Ct && Ct.Object === Object && Ct, us = typeof self == "object" && self && self.Object === Object && self, rt = ne || us || Function("return this")(), re = t && !t.nodeType && t, at = re && !0 && s && !s.nodeType && s, ae = at && at.exports === re, Bt = ae && ne.process, oe = function() {
+    var e = 200, i = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, l = "[object Arguments]", h = "[object Array]", d = "[object AsyncFunction]", g = "[object Boolean]", _ = "[object Date]", m = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", x = "[object Number]", C = "[object Null]", w = "[object Object]", y = "[object Proxy]", T = "[object RegExp]", D = "[object Set]", N = "[object String]", z = "[object Undefined]", O = "[object WeakMap]", Nt = "[object ArrayBuffer]", It = "[object DataView]", Ft = "[object Float32Array]", es = "[object Float64Array]", ss = "[object Int8Array]", is = "[object Int16Array]", ns = "[object Int32Array]", as = "[object Uint8Array]", rs = "[object Uint8ClampedArray]", os = "[object Uint16Array]", ls = "[object Uint32Array]", cs = /[\\^$.*+?()[\]{}|]/g, hs = /^\[object .+?Constructor\]$/, ds = /^(?:0|[1-9]\d*)$/, F = {};
+    F[Ft] = F[es] = F[ss] = F[is] = F[ns] = F[as] = F[rs] = F[os] = F[ls] = !0, F[l] = F[h] = F[Nt] = F[g] = F[It] = F[_] = F[m] = F[p] = F[b] = F[x] = F[w] = F[T] = F[D] = F[N] = F[O] = !1;
+    var ne = typeof Ct == "object" && Ct && Ct.Object === Object && Ct, us = typeof self == "object" && self && self.Object === Object && self, at = ne || us || Function("return this")(), ae = t && !t.nodeType && t, rt = ae && !0 && s && !s.nodeType && s, re = rt && rt.exports === ae, Bt = re && ne.process, oe = function() {
       try {
-        var o = at && at.require && at.require("util").types;
+        var o = rt && rt.require && rt.require("util").types;
         return o || Bt && Bt.binding && Bt.binding("util");
       } catch {
       }
@@ -858,12 +858,12 @@ function ln() {
         return o(u(f));
       };
     }
-    var vs = Array.prototype, bs = Function.prototype, ft = Object.prototype, Ht = rt["__core-js_shared__"], mt = bs.toString, Z = ft.hasOwnProperty, ce = function() {
+    var vs = Array.prototype, bs = Function.prototype, ft = Object.prototype, Ht = at["__core-js_shared__"], mt = bs.toString, Z = ft.hasOwnProperty, ce = function() {
       var o = /[^.]+$/.exec(Ht && Ht.keys && Ht.keys.IE_PROTO || "");
       return o ? "Symbol(src)_1." + o : "";
     }(), he = ft.toString, ys = mt.call(Object), xs = RegExp(
       "^" + mt.call(Z).replace(cs, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), pt = ae ? rt.Buffer : void 0, de = rt.Symbol, ue = rt.Uint8Array;
+    ), pt = re ? at.Buffer : void 0, de = at.Symbol, ue = at.Uint8Array;
     pt && pt.allocUnsafe;
     var ge = ps(Object.getPrototypeOf, Object), _e = Object.create, ws = ft.propertyIsEnumerable, Cs = vs.splice, J = de ? de.toStringTag : void 0, vt = function() {
       try {
@@ -871,7 +871,7 @@ function ln() {
         return o({}, "", {}), o;
       } catch {
       }
-    }(), Ms = pt ? pt.isBuffer : void 0, fe = Math.max, As = Date.now, me = $t(rt, "Map"), ot = $t(Object, "create"), Ts = /* @__PURE__ */ function() {
+    }(), Ms = pt ? pt.isBuffer : void 0, fe = Math.max, As = Date.now, me = $t(at, "Map"), ot = $t(Object, "create"), Ts = /* @__PURE__ */ function() {
       function o() {
       }
       return function(u) {
@@ -1002,14 +1002,14 @@ function ln() {
     }
     it.prototype.clear = Ys, it.prototype.delete = js, it.prototype.get = Xs, it.prototype.has = Ws, it.prototype.set = Vs;
     function Gs(o, u) {
-      var f = Yt(o), M = !f && Ot(o), k = !f && !M && xe(o), I = !f && !M && !k && Ce(o), B = f || M || k || I, E = B ? _s(o.length, String) : [], H = E.length;
+      var f = Yt(o), M = !f && Ot(o), k = !f && !M && xe(o), I = !f && !M && !k && Ce(o), B = f || M || k || I, L = B ? _s(o.length, String) : [], H = L.length;
       for (var Y in o)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (Y == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         k && (Y == "offset" || Y == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         I && (Y == "buffer" || Y == "byteLength" || Y == "byteOffset") || // Skip index properties.
-        be(Y, H)) || E.push(Y);
-      return E;
+        be(Y, H)) || L.push(Y);
+      return L;
     }
     function Rt(o, u, f) {
       (f !== void 0 && !wt(o[u], f) || f === void 0 && !(u in o)) && zt(o, u, f);
@@ -1061,21 +1061,21 @@ function ln() {
         if (k || (k = new it()), K(I))
           Ks(o, u, B, f, ve, M, k);
         else {
-          var E = M ? M(Pt(o, B), I, B + "", o, u, k) : void 0;
-          E === void 0 && (E = I), Rt(o, B, E);
+          var L = M ? M(Pt(o, B), I, B + "", o, u, k) : void 0;
+          L === void 0 && (L = I), Rt(o, B, L);
         }
       }, Me);
     }
     function Ks(o, u, f, M, k, I, B) {
-      var E = Pt(o, f), H = Pt(u, f), Y = B.get(H);
+      var L = Pt(o, f), H = Pt(u, f), Y = B.get(H);
       if (Y) {
         Rt(o, f, Y);
         return;
       }
-      var $ = I ? I(E, H, f + "", o, u, B) : void 0, ct = $ === void 0;
+      var $ = I ? I(L, H, f + "", o, u, B) : void 0, ct = $ === void 0;
       if (ct) {
         var Wt = Yt(H), Vt = !Wt && xe(H), Te = !Wt && !Vt && Ce(H);
-        $ = H, Wt || Vt || Te ? Yt(E) ? $ = E : yi(E) ? $ = ri(E) : Vt ? (ct = !1, $ = si(H)) : Te ? (ct = !1, $ = ni(H)) : $ = [] : xi(H) || Ot(H) ? ($ = E, Ot(E) ? $ = wi(E) : (!K(E) || Xt(E)) && ($ = hi(H))) : ct = !1;
+        $ = H, Wt || Vt || Te ? Yt(L) ? $ = L : yi(L) ? $ = ai(L) : Vt ? (ct = !1, $ = si(H)) : Te ? (ct = !1, $ = ni(H)) : $ = [] : xi(H) || Ot(H) ? ($ = L, Ot(L) ? $ = wi(L) : (!K(L) || Xt(L)) && ($ = hi(H))) : ct = !1;
       }
       ct && (B.set(H, $), k($, H, M, I, B), B.delete(H)), Rt(o, f, $);
     }
@@ -1101,18 +1101,18 @@ function ln() {
       var f = ii(o.buffer);
       return new o.constructor(f, o.byteOffset, o.length);
     }
-    function ri(o, u) {
+    function ai(o, u) {
       var f = -1, M = o.length;
       for (u || (u = Array(M)); ++f < M; )
         u[f] = o[f];
       return u;
     }
-    function ai(o, u, f, M) {
+    function ri(o, u, f, M) {
       var k = !f;
       f || (f = {});
       for (var I = -1, B = u.length; ++I < B; ) {
-        var E = u[I], H = void 0;
-        H === void 0 && (H = o[E]), k ? zt(f, E, H) : Us(f, E, H);
+        var L = u[I], H = void 0;
+        H === void 0 && (H = o[L]), k ? zt(f, L, H) : Us(f, L, H);
       }
       return f;
     }
@@ -1120,15 +1120,15 @@ function ln() {
       return ti(function(u, f) {
         var M = -1, k = f.length, I = k > 1 ? f[k - 1] : void 0, B = k > 2 ? f[2] : void 0;
         for (I = o.length > 3 && typeof I == "function" ? (k--, I) : void 0, B && di(f[0], f[1], B) && (I = k < 3 ? void 0 : I, k = 1), u = Object(u); ++M < k; ) {
-          var E = f[M];
-          E && o(u, E, M, I);
+          var L = f[M];
+          L && o(u, L, M, I);
         }
         return u;
       });
     }
     function li(o) {
       return function(u, f, M) {
-        for (var k = -1, I = Object(u), B = M(u), E = B.length; E--; ) {
+        for (var k = -1, I = Object(u), B = M(u), L = B.length; L--; ) {
           var H = B[++k];
           if (f(I[H], H, I) === !1)
             break;
@@ -1159,7 +1159,7 @@ function ln() {
     }
     function be(o, u) {
       var f = typeof o;
-      return u = u ?? a, !!u && (f == "number" || f != "symbol" && ds.test(o)) && o > -1 && o % 1 == 0 && o < u;
+      return u = u ?? r, !!u && (f == "number" || f != "symbol" && ds.test(o)) && o > -1 && o % 1 == 0 && o < u;
     }
     function di(o, u, f) {
       if (!K(f))
@@ -1193,9 +1193,9 @@ function ln() {
         for (var M = arguments, k = -1, I = fe(M.length - u, 0), B = Array(I); ++k < I; )
           B[k] = M[u + k];
         k = -1;
-        for (var E = Array(u + 1); ++k < u; )
-          E[k] = M[k];
-        return E[u] = f(B), gs(o, this, E);
+        for (var L = Array(u + 1); ++k < u; )
+          L[k] = M[k];
+        return L[u] = f(B), gs(o, this, L);
       };
     }
     function Pt(o, u) {
@@ -1206,7 +1206,7 @@ function ln() {
     function vi(o) {
       var u = 0, f = 0;
       return function() {
-        var M = As(), k = r - (M - f);
+        var M = As(), k = a - (M - f);
         if (f = M, k > 0) {
           if (++u >= n)
             return arguments[0];
@@ -1247,10 +1247,10 @@ function ln() {
       if (!K(o))
         return !1;
       var u = yt(o);
-      return u == p || u == v || u == h || u == y;
+      return u == p || u == v || u == d || u == y;
     }
     function we(o) {
-      return typeof o == "number" && o > -1 && o % 1 == 0 && o <= a;
+      return typeof o == "number" && o > -1 && o % 1 == 0 && o <= r;
     }
     function K(o) {
       var u = typeof o;
@@ -1270,7 +1270,7 @@ function ln() {
     }
     var Ce = le ? fs(le) : Js;
     function wi(o) {
-      return ai(o, Me(o));
+      return ri(o, Me(o));
     }
     function Me(o) {
       return jt(o) ? Gs(o) : Qs(o);
@@ -1335,11 +1335,11 @@ const Tt = /* @__PURE__ */ on(cn), Be = 12, hn = {
 };
 class dn {
   constructor(t) {
-    d(this, "_candles");
-    d(this, "_xAxis");
-    d(this, "_yAxis");
-    d(this, "_guides");
-    d(this, "_trade");
+    c(this, "_candles");
+    c(this, "_xAxis");
+    c(this, "_yAxis");
+    c(this, "_guides");
+    c(this, "_trade");
     const e = Tt({}, hn, t);
     this._candles = e.candles, this._xAxis = e.xAxis, this._yAxis = e.yAxis, this._guides = e.guides, this._trade = e.trade;
   }
@@ -1375,16 +1375,16 @@ class dn {
 }
 class j {
   constructor(t) {
-    d(this, "_x");
-    d(this, "_y");
-    d(this, "_width");
-    d(this, "_height");
+    c(this, "_x");
+    c(this, "_y");
+    c(this, "_width");
+    c(this, "_height");
     let e;
     if (!t)
       e = { x: 0, y: 0, width: 0, height: 0 };
     else if (t instanceof HTMLElement || t instanceof Element) {
-      const { x: i, y: n, width: r, height: a } = t.getBoundingClientRect();
-      e = { x: i, y: n, width: r, height: a };
+      const { x: i, y: n, width: a, height: r } = t.getBoundingClientRect();
+      e = { x: i, y: n, width: a, height: r };
     } else
       e = t;
     this._x = e.x, this._y = e.y, this._width = e.width, this._height = e.height;
@@ -1416,34 +1416,34 @@ class j {
 }
 class un {
   constructor(t, e) {
-    d(this, "_chart", new j());
-    d(this, "_area", new j());
-    d(this, "_xAxis", new j());
-    d(this, "_yAxis", new j());
-    d(this, "_axisIntersection", new j());
+    c(this, "_chart", new j());
+    c(this, "_area", new j());
+    c(this, "_xAxis", new j());
+    c(this, "_yAxis", new j());
+    c(this, "_axisIntersection", new j());
     const { xAxis: i, yAxis: n } = e;
     this._chart = new j(t), this._calc(i, n);
   }
   _calc(t, e) {
-    const i = t.isShow ? t.height : 0, n = e.isShow ? e.width : 0, r = this._chart.height - i, a = this._chart.width - n;
+    const i = t.isShow ? t.height : 0, n = e.isShow ? e.width : 0, a = this._chart.height - i, r = this._chart.width - n;
     this._area = new j({
       x: e.position === "left" ? n : 0,
       y: t.position === "top" ? i : 0,
-      width: a,
-      height: r
+      width: r,
+      height: a
     }), this._xAxis = new j({
-      y: t.position === "top" ? 0 : r,
+      y: t.position === "top" ? 0 : a,
       x: e.position === "left" ? n : 0,
       height: i,
-      width: a
+      width: r
     }), this._yAxis = new j({
       y: t.position === "top" ? i : 0,
-      x: e.position === "left" ? 0 : a,
+      x: e.position === "left" ? 0 : r,
       width: n,
-      height: r
+      height: a
     }), this._axisIntersection = new j({
-      y: t.position === "top" ? 0 : r,
-      x: e.position === "left" ? 0 : a,
+      y: t.position === "top" ? 0 : a,
+      x: e.position === "left" ? 0 : r,
       width: n,
       height: i
     });
@@ -1477,29 +1477,29 @@ function _n(s, t) {
   if (s.length < 2) return [];
   const e = [];
   for (let i = 0; i < s.length - 1; i++) {
-    const n = s[i].close_time.getTime(), r = s[i].open_time.getTime(), l = new Date(s[i + 1].open_time).getTime() - n;
+    const n = s[i].close_time.getTime(), a = s[i].open_time.getTime(), l = new Date(s[i + 1].open_time).getTime() - n;
     if (l >= t) {
-      const c = Math.floor(l / t), h = [];
-      for (let g = 1; g <= c; g++)
-        h.push(r + g * t);
-      h.length > 0 && e.push(h);
+      const h = Math.floor(l / t), d = [];
+      for (let g = 1; g <= h; g++)
+        d.push(a + g * t);
+      d.length > 0 && e.push(d);
     }
   }
   return e;
 }
 function He(s, t) {
   const e = gn(s[0]), i = _n(s, e), n = [];
-  return i.forEach((r) => {
-    if (r.length === 0) return;
-    const a = s.find((_) => _.close_time.getTime() === r[0]), l = s.find(
-      (_) => _.open_time.getTime() === r[r.length - 1] + e
+  return i.forEach((a) => {
+    if (a.length === 0) return;
+    const r = s.find((_) => _.close_time.getTime() === a[0]), l = s.find(
+      (_) => _.open_time.getTime() === a[a.length - 1] + e
     );
-    if (!a || !l)
+    if (!r || !l)
       throw new Error("[CS_Data] error while creating missing data");
-    const c = a.close, h = l.open;
-    let g = c;
-    r.forEach((_, m) => {
-      const p = (h - g) / r.length;
+    const h = r.close, d = l.open;
+    let g = h;
+    a.forEach((_, m) => {
+      const p = (d - g) / a.length;
       let v = g + p * m, b = v + p;
       const x = Math.abs(v - b);
       let C = Math.max(v, b) + x / 2, w = Math.min(v, b) - x / 2;
@@ -1524,12 +1524,12 @@ function He(s, t) {
 }
 class se {
   constructor(t, e) {
-    d(this, "_initialData", []);
-    d(this, "_preparedData", []);
-    d(this, "_missingData", []);
-    d(this, "_count", 0);
-    d(this, "_model");
-    d(this, "_interval", 0);
+    c(this, "_initialData", []);
+    c(this, "_preparedData", []);
+    c(this, "_missingData", []);
+    c(this, "_count", 0);
+    c(this, "_model");
+    c(this, "_interval", 0);
     this._model = e, this.update(t);
   }
   _prepare(t) {
@@ -1565,7 +1565,7 @@ class se {
 }
 class fn {
   constructor() {
-    d(this, "listeners", {});
+    c(this, "listeners", {});
   }
   subscribe(t, e) {
     return this.listeners[t] || (this.listeners[t] = []), this.listeners[t].push(e), () => this.unsubscribe(t, e);
@@ -1577,14 +1577,14 @@ class fn {
   emit(t, ...e) {
     var n;
     const i = e[0];
-    (n = this.listeners[t]) == null || n.forEach((r) => {
-      r(i);
+    (n = this.listeners[t]) == null || n.forEach((a) => {
+      a(i);
     });
   }
 }
 class Ue {
   constructor() {
-    d(this, "_scale");
+    c(this, "_scale");
   }
   domain() {
     const t = this._scale.domain();
@@ -1620,12 +1620,12 @@ class Ue {
 }
 class Ze extends Ue {
   constructor() {
-    super(), this._scale = L.scaleTime();
+    super(), this._scale = E.scaleTime();
   }
 }
 class mn extends Ue {
   constructor() {
-    super(), this._scale = L.scaleLinear();
+    super(), this._scale = E.scaleLinear();
   }
 }
 const Re = { x: 0.2, y: 0.2 }, ze = 1e-3, pn = {
@@ -1640,18 +1640,18 @@ const Re = { x: 0.2, y: 0.2 }, ze = 1e-3, pn = {
   return [parseInt(t[1]), t[2]];
 }, bn = (s, t) => {
   const [e, i] = t.domain().map((l) => l.getTime()), n = s.filter((l) => {
-    const c = l.open_time.getTime();
-    return c >= e && c <= i;
-  }), r = L.min(n, (l) => l.low), a = L.max(n, (l) => l.high);
-  if (r == null || a == null) throw new Error("Invalid Y data");
-  return [r, a];
+    const h = l.open_time.getTime();
+    return h >= e && h <= i;
+  }), a = E.min(n, (l) => l.low), r = E.max(n, (l) => l.high);
+  if (a == null || r == null) throw new Error("Invalid Y data");
+  return [a, r];
 };
 class yn {
   constructor(t) {
     this.model = t;
   }
   initX(t) {
-    const e = this.model.candles.preparedData, i = L.extent(e, (n) => new Date(n.open_time));
+    const e = this.model.candles.preparedData, i = E.extent(e, (n) => new Date(n.open_time));
     if (!i[0] || !i[1]) throw new Error("Invalid x data");
     t.setDomain(i), this.setRange(t, this.model.layout.xAxis), this.setDefaultXDomain(t), this.applyOffset(t);
   }
@@ -1662,17 +1662,17 @@ class yn {
   init(t) {
     this.initX(t.x), this.initY(t.y, t.x);
   }
-  setRange(t, { x: e, y: i, width: n, height: r }) {
-    t instanceof Ze ? t.setRange([e, e + n]) : t.setRange([i + r, i]);
+  setRange(t, { x: e, y: i, width: n, height: a }) {
+    t instanceof Ze ? t.setRange([e, e + n]) : t.setRange([i + a, i]);
   }
   setDefaultXDomain(t) {
     const {
       candles: { count: e },
       layout: { area: i },
       config: {
-        candles: { baseWidth: n, bodyRatio: r, direction: a }
+        candles: { baseWidth: n, bodyRatio: a, direction: r }
       }
-    } = this.model, [l, c] = t.domain().map((p) => p.getTime()), h = c - l, g = n / r * e, _ = h * (i.width / g), m = a === "left" ? [new Date(l), new Date(l + _)] : [new Date(c - _), new Date(c)];
+    } = this.model, [l, h] = t.domain().map((p) => p.getTime()), d = h - l, g = n / a * e, _ = d * (i.width / g), m = r === "left" ? [new Date(l), new Date(l + _)] : [new Date(h - _), new Date(h)];
     t.setDomain(m);
   }
   applyOffset(t) {
@@ -1681,22 +1681,22 @@ class yn {
         candles: { offset: e, direction: i }
       },
       layout: { xAxis: n }
-    } = this.model, [r, a] = vn(e), l = a === "px" ? t.invert(n.x + r).getTime() - t.invert(n.x).getTime() : pn[a] * r, c = i === "left" ? -l : l, [h, g] = t.domain();
-    t.setDomain([new Date(h.getTime() + c), new Date(g.getTime() + c)]);
+    } = this.model, [a, r] = vn(e), l = r === "px" ? t.invert(n.x + a).getTime() - t.invert(n.x).getTime() : pn[r] * a, h = i === "left" ? -l : l, [d, g] = t.domain();
+    t.setDomain([new Date(d.getTime() + h), new Date(g.getTime() + h)]);
   }
 }
 class xn {
   constructor(t) {
-    d(this, "_model");
-    d(this, "_scaleX");
-    d(this, "_scaleY");
-    d(this, "_initializer");
-    d(this, "_baseDomain", {
+    c(this, "_model");
+    c(this, "_scaleX");
+    c(this, "_scaleY");
+    c(this, "_initializer");
+    c(this, "_baseDomain", {
       x: [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()],
       y: [0, 0]
     });
-    d(this, "scaleFactor", { x: 1, y: 1 });
-    d(this, "panOffset", { x: 0, y: 0 });
+    c(this, "scaleFactor", { x: 1, y: 1 });
+    c(this, "panOffset", { x: 0, y: 0 });
     this._model = t, this._scaleX = new Ze(), this._scaleY = new mn(), this._initializer = new yn(t), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
@@ -1729,12 +1729,12 @@ class xn {
   fitYToVisibleCandles() {
     const t = this._model.candles.allData, [e, i] = this._scaleX.domain(), n = t.filter((_) => _.open_time >= e && _.open_time <= i);
     if (!n.length) return;
-    const r = Math.min(...n.map((_) => _.low)), a = Math.max(...n.map((_) => _.high)), l = a - r;
+    const a = Math.min(...n.map((_) => _.low)), r = Math.max(...n.map((_) => _.high)), l = r - a;
     if (l === 0) return;
-    const c = this._baseDomain.y;
-    this.scale("y", (c[1] - c[0]) / l, "absolute");
-    const h = this._scaleY.convert((r + a) / 2), g = this._scaleY.convert((c[0] + c[1]) / 2);
-    this.pan("y", g - h, "absolute");
+    const h = this._baseDomain.y;
+    this.scale("y", (h[1] - h[0]) / l, "absolute");
+    const d = this._scaleY.convert((a + r) / 2), g = this._scaleY.convert((h[0] + h[1]) / 2);
+    this.pan("y", g - d, "absolute");
   }
   scale(t, e, i = "delta") {
     if (i === "absolute") {
@@ -1742,9 +1742,9 @@ class xn {
       if (Math.abs(n - this.scaleFactor[t]) < ze) return;
       this.scaleFactor[t] = n;
     } else {
-      const n = this.scaleFactor[t], r = n + e * this._model.config.candles.scaleSensitivity;
-      if (r < Re[t] || Math.abs(r - n) < ze) return;
-      this.scaleFactor[t] = r;
+      const n = this.scaleFactor[t], a = n + e * this._model.config.candles.scaleSensitivity;
+      if (a < Re[t] || Math.abs(a - n) < ze) return;
+      this.scaleFactor[t] = a;
     }
     this._updateDomain(t);
   }
@@ -1754,16 +1754,16 @@ class xn {
   _updateDomain(t) {
     const e = this._baseDomain[t], i = this.scaleFactor[t], n = this.panOffset[t];
     if (t === "x") {
-      const [r, a] = e, l = a.getTime() - r.getTime(), c = l / i, h = r.getTime() + l / 2, g = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
+      const [a, r] = e, l = r.getTime() - a.getTime(), h = l / i, d = a.getTime() + l / 2, g = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
       this._scaleX.setDomain([
-        new Date(h - c / 2 + g),
-        new Date(h + c / 2 + g)
+        new Date(d - h / 2 + g),
+        new Date(d + h / 2 + g)
       ]);
     } else {
-      const [r, a] = e, l = a - r, c = l / i, h = r + l / 2, g = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
+      const [a, r] = e, l = r - a, h = l / i, d = a + l / 2, g = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
       this._scaleY.setDomain([
-        h - c / 2 + g,
-        h + c / 2 + g
+        d - h / 2 + g,
+        d + h / 2 + g
       ]);
     }
     this._model.eventBus.emit("scale_event");
@@ -1771,14 +1771,14 @@ class xn {
 }
 class wn {
   constructor(t, { entry: e = [], exit: i = [] }) {
-    d(this, "_model");
-    d(this, "_rawEntry");
-    d(this, "_rawExit");
-    d(this, "_mapped", []);
-    d(this, "_entries", []);
-    d(this, "_exits", []);
-    d(this, "_activeTradeTime", null);
-    d(this, "_hoveredTradeTime", null);
+    c(this, "_model");
+    c(this, "_rawEntry");
+    c(this, "_rawExit");
+    c(this, "_mapped", []);
+    c(this, "_entries", []);
+    c(this, "_exits", []);
+    c(this, "_activeTradeTime", null);
+    c(this, "_hoveredTradeTime", null);
     this._model = t, this._rawEntry = e, this._rawExit = i, this.recalculate();
   }
   _findTradeCandle(t) {
@@ -1797,11 +1797,11 @@ class wn {
       candle: this._model.candles.allData.find(this._findTradeCandle(new Date(n.time)))
     })), i = [...t, ...e];
     this._mapped = this._model.candles.allData.map((n) => {
-      const r = i.filter(
-        (a) => a.time >= n.open_time && a.time < n.close_time
+      const a = i.filter(
+        (r) => r.time >= n.open_time && r.time < n.close_time
       );
-      return { candle: n, trades: r };
-    }).filter((n) => n.trades.length > 0), this._entries = t.sort((n, r) => n.time.getTime() - r.time.getTime()), this._exits = e.sort((n, r) => n.time.getTime() - r.time.getTime());
+      return { candle: n, trades: a };
+    }).filter((n) => n.trades.length > 0), this._entries = t.sort((n, a) => n.time.getTime() - a.time.getTime()), this._exits = e.sort((n, a) => n.time.getTime() - a.time.getTime());
   }
   updateTrade({ entry: t, exit: e }) {
     this._rawEntry = t, this._rawExit = e, this.recalculate();
@@ -1842,13 +1842,13 @@ class wn {
     return ((t = this._exits.at(-1)) == null ? void 0 : t.time.getTime()) ?? 0;
   }
   get timeRange() {
-    const { allData: t, interval: e } = this._model.candles, i = t.map((a) => a.open_time.getTime());
-    let n = 0, r = i.length - 1;
-    for (let a = 0; a < i.length; a++) {
-      const l = i[a], c = l <= this.entryMinTime && l + e >= this.entryMinTime, h = l <= this.exitMaxTime && l + e >= this.exitMaxTime;
-      if (n === 0 && c && (n = a), r === i.length - 1 && h && (r = a), n !== 0 && r !== i.length - 1) break;
+    const { allData: t, interval: e } = this._model.candles, i = t.map((r) => r.open_time.getTime());
+    let n = 0, a = i.length - 1;
+    for (let r = 0; r < i.length; r++) {
+      const l = i[r], h = l <= this.entryMinTime && l + e >= this.entryMinTime, d = l <= this.exitMaxTime && l + e >= this.exitMaxTime;
+      if (n === 0 && h && (n = r), a === i.length - 1 && d && (a = r), n !== 0 && a !== i.length - 1) break;
     }
-    return i.slice(n, r + 1);
+    return i.slice(n, a + 1);
   }
   get hasTrade() {
     return this._rawEntry.length > 0 && this._rawExit.length > 0;
@@ -1859,10 +1859,10 @@ class wn {
 }
 class Cn {
   constructor(t, e) {
-    d(this, "_rawMarkers");
-    d(this, "_markers", []);
-    d(this, "_model");
-    d(this, "_defaults", {
+    c(this, "_rawMarkers");
+    c(this, "_markers", []);
+    c(this, "_model");
+    c(this, "_defaults", {
       mainColor: "#000000",
       textColor: "#ffffff",
       lineColor: "#000000",
@@ -1877,20 +1877,20 @@ class Cn {
     const {
       layout: { area: t, chart: e },
       config: i,
-      scales: { x: n, y: r },
+      scales: { x: n, y: a },
       colorScheme: {
-        userMarkers: { default: a }
+        userMarkers: { default: r }
       }
     } = this._model;
     this._markers = this._rawMarkers.map((l) => {
       var g, _;
-      const c = {
-        mainColor: l.mainColor ?? a.main,
-        textColor: l.textColor ?? a.text,
-        lineColor: l.lineColor ?? a.line
+      const h = {
+        mainColor: l.mainColor ?? r.main,
+        textColor: l.textColor ?? r.text,
+        lineColor: l.lineColor ?? r.line
       };
       if ((l.type ?? "horizontal") === "horizontal") {
-        const m = l, p = r.convert(m.value), b = (m.formatter ?? ((g = this._defaults.formatter) == null ? void 0 : g.horizontal) ?? ((x) => x.toString()))(m.value);
+        const m = l, p = a.convert(m.value), b = (m.formatter ?? ((g = this._defaults.formatter) == null ? void 0 : g.horizontal) ?? ((x) => x.toString()))(m.value);
         return {
           value: m.value,
           type: "horizontal",
@@ -1899,7 +1899,7 @@ class Cn {
           y: p,
           lineLength: e.width,
           position: i.yAxis.position,
-          ...c
+          ...h
         };
       } else {
         const m = l, p = m.value instanceof Date ? m.value : new Date(m.value), v = n.convert(p), x = (m.formatter ?? ((_ = this._defaults.formatter) == null ? void 0 : _.vertical) ?? ((C) => C.toLocaleString()))(p);
@@ -1911,7 +1911,7 @@ class Cn {
           y: t.y,
           lineLength: e.height,
           position: i.xAxis.position,
-          ...c
+          ...h
         };
       }
     });
@@ -1925,17 +1925,17 @@ class Cn {
 }
 class Mn {
   constructor() {
-    d(this, "bg", "#FFFFFF");
-    d(this, "axisIntersection", "#FFFFFF");
-    d(this, "xAxis", {
+    c(this, "bg", "#FFFFFF");
+    c(this, "axisIntersection", "#FFFFFF");
+    c(this, "xAxis", {
       bg: "#FFFFFF",
       text: "#7F7F83"
     });
-    d(this, "yAxis", {
+    c(this, "yAxis", {
       bg: "#FFFFFF",
       text: "#7F7F83"
     });
-    d(this, "candles", {
+    c(this, "candles", {
       risingFill: "#56B683",
       risingStroke: "#000000",
       fallingFill: "#F18169",
@@ -1943,7 +1943,7 @@ class Mn {
       noDataFill: ["#d9d9da", "#ededed"],
       noDataStroke: "#000000"
     });
-    d(this, "guides", {
+    c(this, "guides", {
       horizontalMarker: {
         main: "#1C2026",
         text: "#ffffff",
@@ -1955,9 +1955,9 @@ class Mn {
         line: "#1C2026"
       }
     });
-    d(this, "trade");
-    d(this, "userMarkers");
-    d(this, "comments", {
+    c(this, "trade");
+    c(this, "userMarkers");
+    c(this, "comments", {
       scaleAnchor: {
         bgActive: "#007AFF",
         bgInactive: "#A1BBFF",
@@ -2006,15 +2006,15 @@ class Mn {
 const An = new Mn().toObject();
 class Tn {
   constructor(t) {
-    d(this, "_bg");
-    d(this, "_candles");
-    d(this, "_xAxis");
-    d(this, "_yAxis");
-    d(this, "_guides");
-    d(this, "_axisIntersection");
-    d(this, "_trade");
-    d(this, "_userMarkers");
-    d(this, "_comments");
+    c(this, "_bg");
+    c(this, "_candles");
+    c(this, "_xAxis");
+    c(this, "_yAxis");
+    c(this, "_guides");
+    c(this, "_axisIntersection");
+    c(this, "_trade");
+    c(this, "_userMarkers");
+    c(this, "_comments");
     const e = Tt({}, An, t);
     this._candles = e.candles, this._bg = e.bg, this._xAxis = e.xAxis, this._yAxis = e.yAxis, this._guides = e.guides, this._axisIntersection = e.axisIntersection, this._trade = e.trade, this._userMarkers = e.userMarkers, this._comments = e.comments;
   }
@@ -2066,8 +2066,8 @@ class Tn {
 }
 class Sn {
   constructor(t, e) {
-    d(this, "_data");
-    d(this, "_callbacks", {
+    c(this, "_data");
+    c(this, "_callbacks", {
       onAdd: () => {
       },
       onUpdate: () => {
@@ -2075,8 +2075,8 @@ class Sn {
       onDelete: () => {
       }
     });
-    d(this, "_model");
-    d(this, "_grouped", {});
+    c(this, "_model");
+    c(this, "_grouped", {});
     this._data = (t == null ? void 0 : t.data) || [], this._model = e, this._updateGroups(), t != null && t.onAdd && (this._callbacks.onAdd = t.onAdd), t != null && t.onUpdate && (this._callbacks.onUpdate = t.onUpdate), t != null && t.onDelete && (this._callbacks.onDelete = t.onDelete);
   }
   _updateGroups() {
@@ -2113,23 +2113,23 @@ class kn {
     container: e,
     candles: i,
     config: n,
-    trade: r = { entry: [], exit: [] },
-    userMarkers: a = [],
+    trade: a = { entry: [], exit: [] },
+    userMarkers: r = [],
     colorScheme: l,
-    comments: c
+    comments: h
   }) {
-    d(this, "_chartId");
-    d(this, "_container");
-    d(this, "_eventBus", new fn());
-    d(this, "_candles");
-    d(this, "_config");
-    d(this, "_colorScheme");
-    d(this, "_layout");
-    d(this, "_scaleManager");
-    d(this, "_trade");
-    d(this, "_userMarkers");
-    d(this, "_comments");
-    this._chartId = t, this._container = e, this._candles = new se(i, this), this._config = new dn(n), this._colorScheme = new Tn(l), this._layout = new un(e, this._config), this._scaleManager = new xn(this), this._trade = new wn(this, r), this._candles.updateMissingCandles(), this._trade.recalculate(), this._userMarkers = new Cn(this, a), this._comments = new Sn(c, this);
+    c(this, "_chartId");
+    c(this, "_container");
+    c(this, "_eventBus", new fn());
+    c(this, "_candles");
+    c(this, "_config");
+    c(this, "_colorScheme");
+    c(this, "_layout");
+    c(this, "_scaleManager");
+    c(this, "_trade");
+    c(this, "_userMarkers");
+    c(this, "_comments");
+    this._chartId = t, this._container = e, this._candles = new se(i, this), this._config = new dn(n), this._colorScheme = new Tn(l), this._layout = new un(e, this._config), this._scaleManager = new xn(this), this._trade = new wn(this, a), this._candles.updateMissingCandles(), this._trade.recalculate(), this._userMarkers = new Cn(this, r), this._comments = new Sn(h, this);
   }
   init() {
     this._eventBus.emit("init_model");
@@ -2195,15 +2195,15 @@ class kn {
 const Mt = window.devicePixelRatio || 2;
 class S {
   constructor({ tag: t, className: e, id: i, textContent: n }) {
-    d(this, "_tag");
-    d(this, "_className");
-    d(this, "_id");
-    d(this, "_textContent");
-    d(this, "_node");
-    d(this, "_absolutePosition", new DOMRect());
+    c(this, "_tag");
+    c(this, "_className");
+    c(this, "_id");
+    c(this, "_textContent");
+    c(this, "_node");
+    c(this, "_absolutePosition", new DOMRect());
     this._tag = t || "div", this._className = e || "", this._id = i || "", this._textContent = n || "";
-    const r = document.createElement(this._tag);
-    this._className && (r.className = this._className), this._id && (r.id = this._id), this._textContent && (r.textContent = this._textContent), this._node = r;
+    const a = document.createElement(this._tag);
+    this._className && (a.className = this._className), this._id && (a.id = this._id), this._textContent && (a.textContent = this._textContent), this._node = a;
   }
   get node() {
     return this._node;
@@ -2232,17 +2232,17 @@ class S {
   }
 }
 class St extends S {
-  constructor({ className: e, id: i, width: n, height: r, isMain: a }) {
+  constructor({ className: e, id: i, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
-      className: `${e} sc-charts-cs__canvas ${a ? "" : "sc-charts-cs__canvas-additional"}`,
+      className: `${e} sc-charts-cs__canvas ${r ? "" : "sc-charts-cs__canvas-additional"}`,
       id: i
     });
-    d(this, "_ctx");
-    d(this, "_width");
-    d(this, "_height");
-    d(this, "background", null);
-    this._width = n, this._height = r, this.updateSize({ width: n, height: r });
+    c(this, "_ctx");
+    c(this, "_width");
+    c(this, "_height");
+    c(this, "background", null);
+    this._width = n, this._height = a, this.updateSize({ width: n, height: a });
     const l = this._node.getContext("2d");
     if (!l) throw new Error("Failed to get 2D context");
     l.scale(Mt, Mt), this._ctx = l;
@@ -2304,8 +2304,8 @@ A.prototype = {
     return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var t = this.toRgb(), e, i, n, r, a, l;
-    return e = t.r / 255, i = t.g / 255, n = t.b / 255, e <= 0.03928 ? r = e / 12.92 : r = Math.pow((e + 0.055) / 1.055, 2.4), i <= 0.03928 ? a = i / 12.92 : a = Math.pow((i + 0.055) / 1.055, 2.4), n <= 0.03928 ? l = n / 12.92 : l = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * a + 0.0722 * l;
+    var t = this.toRgb(), e, i, n, a, r, l;
+    return e = t.r / 255, i = t.g / 255, n = t.b / 255, e <= 0.03928 ? a = e / 12.92 : a = Math.pow((e + 0.055) / 1.055, 2.4), i <= 0.03928 ? r = i / 12.92 : r = Math.pow((i + 0.055) / 1.055, 2.4), n <= 0.03928 ? l = n / 12.92 : l = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * r + 0.0722 * l;
   },
   setAlpha: function(t) {
     return this._a = qe(t), this._roundA = Math.round(100 * this._a) / 100, this;
@@ -2376,16 +2376,16 @@ A.prototype = {
   toFilter: function(t) {
     var e = "#" + Ye(this._r, this._g, this._b, this._a), i = e, n = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
-      var r = A(t);
-      i = "#" + Ye(r._r, r._g, r._b, r._a);
+      var a = A(t);
+      i = "#" + Ye(a._r, a._g, a._b, a._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + e + ",endColorstr=" + i + ")";
   },
   toString: function(t) {
     var e = !!t;
     t = t || this._format;
-    var i = !1, n = this._a < 1 && this._a >= 0, r = !e && n && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
-    return r ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (i = this.toRgbString()), t === "prgb" && (i = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (i = this.toHexString()), t === "hex3" && (i = this.toHexString(!0)), t === "hex4" && (i = this.toHex8String(!0)), t === "hex8" && (i = this.toHex8String()), t === "name" && (i = this.toName()), t === "hsl" && (i = this.toHslString()), t === "hsv" && (i = this.toHsvString()), i || this.toHexString());
+    var i = !1, n = this._a < 1 && this._a >= 0, a = !e && n && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
+    return a ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (i = this.toRgbString()), t === "prgb" && (i = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (i = this.toHexString()), t === "hex3" && (i = this.toHexString(!0)), t === "hex4" && (i = this.toHex8String(!0)), t === "hex8" && (i = this.toHex8String()), t === "name" && (i = this.toName()), t === "hsl" && (i = this.toHslString()), t === "hsv" && (i = this.toHsvString()), i || this.toHexString());
   },
   clone: function() {
     return A(this.toString());
@@ -2455,9 +2455,9 @@ function Ln(s) {
     r: 0,
     g: 0,
     b: 0
-  }, e = 1, i = null, n = null, r = null, a = !1, l = !1;
-  return typeof s == "string" && (s = Jn(s)), kt(s) == "object" && (U(s.r) && U(s.g) && U(s.b) ? (t = Nn(s.r, s.g, s.b), a = !0, l = String(s.r).substr(-1) === "%" ? "prgb" : "rgb") : U(s.h) && U(s.s) && U(s.v) ? (i = ut(s.s), n = ut(s.v), t = Fn(s.h, i, n), a = !0, l = "hsv") : U(s.h) && U(s.s) && U(s.l) && (i = ut(s.s), r = ut(s.l), t = In(s.h, i, r), a = !0, l = "hsl"), s.hasOwnProperty("a") && (e = s.a)), e = qe(e), {
-    ok: a,
+  }, e = 1, i = null, n = null, a = null, r = !1, l = !1;
+  return typeof s == "string" && (s = Jn(s)), kt(s) == "object" && (U(s.r) && U(s.g) && U(s.b) ? (t = Nn(s.r, s.g, s.b), r = !0, l = String(s.r).substr(-1) === "%" ? "prgb" : "rgb") : U(s.h) && U(s.s) && U(s.v) ? (i = ut(s.s), n = ut(s.v), t = Fn(s.h, i, n), r = !0, l = "hsv") : U(s.h) && U(s.s) && U(s.l) && (i = ut(s.s), a = ut(s.l), t = In(s.h, i, a), r = !0, l = "hsl"), s.hasOwnProperty("a") && (e = s.a)), e = qe(e), {
+    ok: r,
     format: s.format || l,
     r: Math.min(255, Math.max(t.r, 0)),
     g: Math.min(255, Math.max(t.g, 0)),
@@ -2474,78 +2474,78 @@ function Nn(s, t, e) {
 }
 function $e(s, t, e) {
   s = R(s, 255), t = R(t, 255), e = R(e, 255);
-  var i = Math.max(s, t, e), n = Math.min(s, t, e), r, a, l = (i + n) / 2;
+  var i = Math.max(s, t, e), n = Math.min(s, t, e), a, r, l = (i + n) / 2;
   if (i == n)
-    r = a = 0;
+    a = r = 0;
   else {
-    var c = i - n;
-    switch (a = l > 0.5 ? c / (2 - i - n) : c / (i + n), i) {
+    var h = i - n;
+    switch (r = l > 0.5 ? h / (2 - i - n) : h / (i + n), i) {
       case s:
-        r = (t - e) / c + (t < e ? 6 : 0);
+        a = (t - e) / h + (t < e ? 6 : 0);
         break;
       case t:
-        r = (e - s) / c + 2;
+        a = (e - s) / h + 2;
         break;
       case e:
-        r = (s - t) / c + 4;
+        a = (s - t) / h + 4;
         break;
     }
-    r /= 6;
+    a /= 6;
   }
   return {
-    h: r,
-    s: a,
+    h: a,
+    s: r,
     l
   };
 }
 function In(s, t, e) {
-  var i, n, r;
+  var i, n, a;
   s = R(s, 360), t = R(t, 100), e = R(e, 100);
-  function a(h, g, _) {
-    return _ < 0 && (_ += 1), _ > 1 && (_ -= 1), _ < 1 / 6 ? h + (g - h) * 6 * _ : _ < 1 / 2 ? g : _ < 2 / 3 ? h + (g - h) * (2 / 3 - _) * 6 : h;
+  function r(d, g, _) {
+    return _ < 0 && (_ += 1), _ > 1 && (_ -= 1), _ < 1 / 6 ? d + (g - d) * 6 * _ : _ < 1 / 2 ? g : _ < 2 / 3 ? d + (g - d) * (2 / 3 - _) * 6 : d;
   }
   if (t === 0)
-    i = n = r = e;
+    i = n = a = e;
   else {
-    var l = e < 0.5 ? e * (1 + t) : e + t - e * t, c = 2 * e - l;
-    i = a(c, l, s + 1 / 3), n = a(c, l, s), r = a(c, l, s - 1 / 3);
+    var l = e < 0.5 ? e * (1 + t) : e + t - e * t, h = 2 * e - l;
+    i = r(h, l, s + 1 / 3), n = r(h, l, s), a = r(h, l, s - 1 / 3);
   }
   return {
     r: i * 255,
     g: n * 255,
-    b: r * 255
+    b: a * 255
   };
 }
 function Pe(s, t, e) {
   s = R(s, 255), t = R(t, 255), e = R(e, 255);
-  var i = Math.max(s, t, e), n = Math.min(s, t, e), r, a, l = i, c = i - n;
-  if (a = i === 0 ? 0 : c / i, i == n)
-    r = 0;
+  var i = Math.max(s, t, e), n = Math.min(s, t, e), a, r, l = i, h = i - n;
+  if (r = i === 0 ? 0 : h / i, i == n)
+    a = 0;
   else {
     switch (i) {
       case s:
-        r = (t - e) / c + (t < e ? 6 : 0);
+        a = (t - e) / h + (t < e ? 6 : 0);
         break;
       case t:
-        r = (e - s) / c + 2;
+        a = (e - s) / h + 2;
         break;
       case e:
-        r = (s - t) / c + 4;
+        a = (s - t) / h + 4;
         break;
     }
-    r /= 6;
+    a /= 6;
   }
   return {
-    h: r,
-    s: a,
+    h: a,
+    s: r,
     v: l
   };
 }
 function Fn(s, t, e) {
   s = R(s, 360) * 6, t = R(t, 100), e = R(e, 100);
-  var i = Math.floor(s), n = s - i, r = e * (1 - t), a = e * (1 - n * t), l = e * (1 - (1 - n) * t), c = i % 6, h = [e, a, r, r, l, e][c], g = [l, e, e, a, r, r][c], _ = [r, r, l, e, e, a][c];
+  var i = Math.floor(s), n = s - i, a = e * (1 - t), r = e * (1 - n * t), l = e * (1 - (1 - n) * t), h = i % 6, d = [e, r, a, a, l, e][h], g = [l, e, e, r, a, a][h], _ = [a, a, l, e, e, r][h];
   return {
-    r: h * 255,
+    r: d * 255,
     g: g * 255,
     b: _ * 255
   };
@@ -2555,8 +2555,8 @@ function Oe(s, t, e, i) {
   return i && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function Bn(s, t, e, i, n) {
-  var r = [V(Math.round(s).toString(16)), V(Math.round(t).toString(16)), V(Math.round(e).toString(16)), V(Je(i))];
-  return n && r[0].charAt(0) == r[0].charAt(1) && r[1].charAt(0) == r[1].charAt(1) && r[2].charAt(0) == r[2].charAt(1) && r[3].charAt(0) == r[3].charAt(1) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) + r[3].charAt(0) : r.join("");
+  var a = [V(Math.round(s).toString(16)), V(Math.round(t).toString(16)), V(Math.round(e).toString(16)), V(Je(i))];
+  return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) && a[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
 function Ye(s, t, e, i) {
   var n = [V(Je(i)), V(Math.round(s).toString(16)), V(Math.round(t).toString(16)), V(Math.round(e).toString(16))];
@@ -2611,9 +2611,9 @@ function jn(s) {
 function je(s, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var e = A(s).toHsl(), i = [A(s)], n = 360 / t, r = 1; r < t; r++)
+  for (var e = A(s).toHsl(), i = [A(s)], n = 360 / t, a = 1; a < t; a++)
     i.push(A({
-      h: (e.h + r * n) % 360,
+      h: (e.h + a * n) % 360,
       s: e.s,
       l: e.l
     }));
@@ -2633,60 +2633,60 @@ function Xn(s) {
 }
 function Wn(s, t, e) {
   t = t || 6, e = e || 30;
-  var i = A(s).toHsl(), n = 360 / e, r = [A(s)];
+  var i = A(s).toHsl(), n = 360 / e, a = [A(s)];
   for (i.h = (i.h - (n * t >> 1) + 720) % 360; --t; )
-    i.h = (i.h + n) % 360, r.push(A(i));
-  return r;
+    i.h = (i.h + n) % 360, a.push(A(i));
+  return a;
 }
 function Vn(s, t) {
   t = t || 6;
-  for (var e = A(s).toHsv(), i = e.h, n = e.s, r = e.v, a = [], l = 1 / t; t--; )
-    a.push(A({
+  for (var e = A(s).toHsv(), i = e.h, n = e.s, a = e.v, r = [], l = 1 / t; t--; )
+    r.push(A({
       h: i,
       s: n,
-      v: r
-    })), r = (r + l) % 1;
-  return a;
+      v: a
+    })), a = (a + l) % 1;
+  return r;
 }
 A.mix = function(s, t, e) {
   e = e === 0 ? 0 : e || 50;
-  var i = A(s).toRgb(), n = A(t).toRgb(), r = e / 100, a = {
-    r: (n.r - i.r) * r + i.r,
-    g: (n.g - i.g) * r + i.g,
-    b: (n.b - i.b) * r + i.b,
-    a: (n.a - i.a) * r + i.a
+  var i = A(s).toRgb(), n = A(t).toRgb(), a = e / 100, r = {
+    r: (n.r - i.r) * a + i.r,
+    g: (n.g - i.g) * a + i.g,
+    b: (n.b - i.b) * a + i.b,
+    a: (n.a - i.a) * a + i.a
   };
-  return A(a);
+  return A(r);
 };
 A.readability = function(s, t) {
   var e = A(s), i = A(t);
   return (Math.max(e.getLuminance(), i.getLuminance()) + 0.05) / (Math.min(e.getLuminance(), i.getLuminance()) + 0.05);
 };
 A.isReadable = function(s, t, e) {
-  var i = A.readability(s, t), n, r;
-  switch (r = !1, n = Qn(e), n.level + n.size) {
+  var i = A.readability(s, t), n, a;
+  switch (a = !1, n = Qn(e), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
-      r = i >= 4.5;
+      a = i >= 4.5;
       break;
     case "AAlarge":
-      r = i >= 3;
+      a = i >= 3;
       break;
     case "AAAsmall":
-      r = i >= 7;
+      a = i >= 7;
       break;
   }
-  return r;
+  return a;
 };
 A.mostReadable = function(s, t, e) {
-  var i = null, n = 0, r, a, l, c;
-  e = e || {}, a = e.includeFallbackColors, l = e.level, c = e.size;
-  for (var h = 0; h < t.length; h++)
-    r = A.readability(s, t[h]), r > n && (n = r, i = A(t[h]));
+  var i = null, n = 0, a, r, l, h;
+  e = e || {}, r = e.includeFallbackColors, l = e.level, h = e.size;
+  for (var d = 0; d < t.length; d++)
+    a = A.readability(s, t[d]), a > n && (n = a, i = A(t[d]));
   return A.isReadable(s, i, {
     level: l,
-    size: c
-  }) || !a ? i : (e.includeFallbackColors = !1, A.mostReadable(s, ["#fff", "#000"], e));
+    size: h
+  }) || !r ? i : (e.includeFallbackColors = !1, A.mostReadable(s, ["#fff", "#000"], e));
 };
 var ee = A.names = {
   aliceblue: "f0f8ff",
@@ -2971,79 +2971,79 @@ function Qn(s) {
     size: e
   };
 }
-function Qe(s, t, e, { fillColor: i, strokeColor: n, candleWidth: r, strokeWidth: a }, l) {
-  const c = (y) => e.scales.x.convert(y), h = (y) => e.scales.y.convert(y), g = c(t.open_time), _ = h(t.open), m = h(t.close), p = e.trade.timeRange.includes(t.open_time.getTime()), v = e.trade.timeRange.length && !p, b = (y) => v ? A.mix(y, l).toString() : y;
-  s.fillStyle = b(i), s.strokeStyle = b(n), s.lineWidth = a, s.beginPath(), s.moveTo(g, h(t.high)), s.lineTo(g, h(t.low)), s.stroke();
-  const x = Math.min(_, m), C = Math.abs(m - _), w = g - r / 2;
-  s.fillRect(w, x, r, C), s.strokeRect(w, x, r, C);
+function Qe(s, t, e, { fillColor: i, strokeColor: n, candleWidth: a, strokeWidth: r }, l) {
+  const h = (y) => e.scales.x.convert(y), d = (y) => e.scales.y.convert(y), g = h(t.open_time), _ = d(t.open), m = d(t.close), p = e.trade.timeRange.includes(t.open_time.getTime()), v = e.trade.timeRange.length && !p, b = (y) => v ? A.mix(y, l).toString() : y;
+  s.fillStyle = b(i), s.strokeStyle = b(n), s.lineWidth = r, s.beginPath(), s.moveTo(g, d(t.high)), s.lineTo(g, d(t.low)), s.stroke();
+  const x = Math.min(_, m), C = Math.abs(m - _), w = g - a / 2;
+  s.fillRect(w, x, a, C), s.strokeRect(w, x, a, C);
 }
 function Kn(s, t) {
-  const { strokeWidth: e, style: i } = t.config.candles, { candles: n, bg: r } = t.colorScheme, a = t.config.candles.baseWidth * t.scales.factorX;
-  t.candles.missingData.forEach((l, c) => {
-    const h = n.noDataFill[c % n.noDataFill.length], g = i === "filled" ? h : n.noDataStroke;
+  const { strokeWidth: e, style: i } = t.config.candles, { candles: n, bg: a } = t.colorScheme, r = t.config.candles.baseWidth * t.scales.factorX;
+  t.candles.missingData.forEach((l, h) => {
+    const d = n.noDataFill[h % n.noDataFill.length], g = i === "filled" ? d : n.noDataStroke;
     Qe(
       s,
       l,
       t,
       {
-        fillColor: h,
+        fillColor: d,
         strokeColor: g,
-        candleWidth: a,
+        candleWidth: r,
         strokeWidth: e
       },
-      r
+      a
     );
   });
 }
-function tr(s, t) {
-  const { strokeWidth: e, style: i } = t.config.candles, n = t.config.candles.baseWidth * t.scales.factorX, { candles: r, bg: a } = t.colorScheme;
-  t.candles.preparedData.forEach((l) => {
-    const c = l.close >= l.open ? "up" : "down", h = c === "up" ? r.risingFill : r.fallingFill, g = c === "up" ? r.risingStroke : r.fallingStroke;
+function ta(s, t) {
+  const { strokeWidth: e, style: i } = t.config.candles, n = t.config.candles.baseWidth * t.scales.factorX, { candles: a, bg: r } = t.colorScheme, [l, h] = t.scales.x.domain();
+  t.candles.preparedData.filter((_) => _.open_time >= l && _.open_time <= h).forEach((_) => {
+    const m = _.close >= _.open ? "up" : "down", p = m === "up" ? a.risingFill : a.fallingFill, v = m === "up" ? a.risingStroke : a.fallingStroke;
     Qe(
       s,
-      l,
+      _,
       t,
       {
-        fillColor: h,
-        strokeColor: i === "filled" ? h : g,
+        fillColor: p,
+        strokeColor: i === "filled" ? p : v,
         candleWidth: n,
         strokeWidth: e
       },
-      a
+      r
     );
   });
 }
-class er {
+class ea {
   static renderAll(t, e) {
-    Kn(t, e), tr(t, e);
+    Kn(t, e), ta(t, e);
   }
 }
-const sr = 10;
-function ir(s, t) {
+const sa = 10;
+function ia(s, t) {
   const {
     layout: { xAxis: e },
     colorScheme: { xAxis: i },
     config: { xAxis: n },
-    scales: r
-  } = t, a = r.x.ticks(sr), l = (c) => L.timeFormat("%H:%M")(c);
-  s.save(), s.fillStyle = i.bg, s.fillRect(e.x, e.y, e.width, e.height), s.restore(), s.fillStyle = i.text, s.font = `${n.text.fontSize} ${n.text.font}`, s.textAlign = "center", s.textBaseline = "middle", a.forEach((c) => {
-    const h = r.x.convert(c), g = l(c);
-    s.fillText(g, h, e.y + e.height / 2);
+    scales: a
+  } = t, r = a.x.ticks(sa), l = (g) => g.getHours() === 0 && g.getMinutes() === 0, h = E.timeFormat("%d %b"), d = E.timeFormat("%H:%M");
+  s.save(), s.fillStyle = i.bg, s.fillRect(e.x, e.y, e.width, e.height), s.restore(), s.fillStyle = i.text, s.font = `${n.text.fontSize} ${n.text.font}`, s.textAlign = "center", s.textBaseline = "middle", r.forEach((g) => {
+    const _ = a.x.convert(g), m = l(g) ? h(g) : d(g);
+    s.fillText(m, _, e.y + e.height / 2);
   });
 }
-function nr(s, t) {
+function na(s, t) {
   const {
     layout: { yAxis: e },
     colorScheme: { yAxis: i },
     config: { yAxis: n },
-    scales: r
-  } = t, a = r.y.ticks(6), l = r.y.tickFormat(6);
-  s.save(), s.fillStyle = i.bg, s.fillRect(e.x, e.y, e.width, e.height), s.restore(), s.fillStyle = i.text, s.font = `${n.text.fontSize} ${n.text.font}`, s.textAlign = "center", s.textBaseline = "middle", a.forEach((c) => {
-    const h = r.y.convert(c), g = l(c);
-    s.fillText(g, e.x + e.width / 2, h);
+    scales: a
+  } = t, r = a.y.ticks(6), l = a.y.tickFormat(6);
+  s.save(), s.fillStyle = i.bg, s.fillRect(e.x, e.y, e.width, e.height), s.restore(), s.fillStyle = i.text, s.font = `${n.text.fontSize} ${n.text.font}`, s.textAlign = "center", s.textBaseline = "middle", r.forEach((h) => {
+    const d = a.y.convert(h), g = l(h);
+    s.fillText(g, e.x + e.width / 2, d);
   });
 }
-const rr = (s, t) => {
+const aa = (s, t) => {
   const {
     layout: { axisIntersection: e },
     colorScheme: i
@@ -3057,18 +3057,18 @@ const rr = (s, t) => {
 };
 class qt {
   static xAxis(t, e) {
-    ir(t, e);
+    ia(t, e);
   }
   static yAxis(t, e) {
-    nr(t, e);
+    na(t, e);
   }
   static intersection(t, e) {
-    rr(t, e);
+    aa(t, e);
   }
 }
-class ar {
+class ra {
   constructor(t) {
-    d(this, "_target");
+    c(this, "_target");
     this._target = t;
   }
   mousemove(t) {
@@ -3094,46 +3094,46 @@ class ar {
   }
 }
 class W {
-  static line(t, { lineColor: e, type: i, x: n, y: r, lineLength: a }) {
-    t.save(), t.strokeStyle = e || "#777777", t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, r), t.lineTo(n + (i === "h" ? a : 0), r + (i === "v" ? a : 0)), t.stroke(), t.restore();
+  static line(t, { lineColor: e, type: i, x: n, y: a, lineLength: r }) {
+    t.save(), t.strokeStyle = e || "#777777", t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, a), t.lineTo(n + (i === "h" ? r : 0), a + (i === "v" ? r : 0)), t.stroke(), t.restore();
   }
   static _basicLabel(t, {
     text: e,
     mainColor: i,
     textColor: n,
-    position: r
+    position: a
   }) {
-    t.textContent = e, t.style.backgroundColor = i ?? "#777777", t.style.color = n ?? "#ffffff", t.style[r] = "0px";
+    t.textContent = e, t.style.backgroundColor = i ?? "#777777", t.style.color = n ?? "#ffffff", t.style[a] = "0px";
   }
-  static label_h(t, { text: e, y: i, mainColor: n, textColor: r, position: a }) {
-    W._basicLabel(t, { text: e, mainColor: n, textColor: r, position: a }), t.style.top = i + "px", t.style.transform = "translateY(-50%)";
+  static label_h(t, { text: e, y: i, mainColor: n, textColor: a, position: r }) {
+    W._basicLabel(t, { text: e, mainColor: n, textColor: a, position: r }), t.style.top = i + "px", t.style.transform = "translateY(-50%)";
   }
-  static label_v(t, { text: e, x: i, mainColor: n, textColor: r, position: a }) {
-    W._basicLabel(t, { text: e, mainColor: n, textColor: r, position: a }), t.style.left = i + "px", t.style.transform = "translateX(-50%)";
+  static label_v(t, { text: e, x: i, mainColor: n, textColor: a, position: r }) {
+    W._basicLabel(t, { text: e, mainColor: n, textColor: a, position: r }), t.style.left = i + "px", t.style.transform = "translateX(-50%)";
   }
   static horizontalMarker({
     node: t,
     ctx: e,
     x: i,
     y: n,
-    lineLength: r,
-    text: a,
+    lineLength: a,
+    text: r,
     textColor: l,
-    mainColor: c,
-    lineColor: h,
+    mainColor: h,
+    lineColor: d,
     position: g
   }) {
     W.line(e, {
       type: "h",
       x: i,
       y: n,
-      lineLength: r,
-      lineColor: h
+      lineLength: a,
+      lineColor: d
     }), W.label_h(t, {
-      text: a,
+      text: r,
       y: n,
       textColor: l,
-      mainColor: c,
+      mainColor: h,
       position: g
     });
   }
@@ -3142,45 +3142,45 @@ class W {
     ctx: e,
     x: i,
     y: n,
-    lineLength: r,
-    text: a,
+    lineLength: a,
+    text: r,
     textColor: l,
-    mainColor: c,
-    lineColor: h,
+    mainColor: h,
+    lineColor: d,
     position: g
   }) {
     W.line(e, {
       type: "v",
       x: i,
       y: n,
-      lineLength: r,
-      lineColor: h
+      lineLength: a,
+      lineColor: d
     }), W.label_v(t, {
-      text: a,
+      text: r,
       x: i,
       textColor: l,
-      mainColor: c,
+      mainColor: h,
       position: g
     });
   }
 }
-class or {
+class oa {
   constructor(t, e) {
-    d(this, "_canvas");
-    d(this, "_parent");
-    d(this, "_horizontalMarker");
-    d(this, "_verticalMarker");
+    c(this, "_canvas");
+    c(this, "_parent");
+    c(this, "_horizontalMarker");
+    c(this, "_verticalMarker");
     this._canvas = e;
     const i = new S({ tag: "div", className: "sc-charts-cs__guide-markers" });
     this._parent = i;
     const n = new S({
       tag: "div",
       className: "sc-charts-cs__guide-marker sc-charts-cs__guide-marker-h"
-    }), r = new S({
+    }), a = new S({
       tag: "div",
       className: "sc-charts-cs__guide-marker sc-charts-cs__guide-marker-v"
     });
-    this._horizontalMarker = n, this._verticalMarker = r, i.append(n.node), i.append(r.node), t.append(i.node), this.hide();
+    this._horizontalMarker = n, this._verticalMarker = a, i.append(n.node), i.append(a.node), t.append(i.node), this.hide();
   }
   update(t) {
     this._verticalMarker.node.style.display = t.isShowX ? "flex" : "none", this._horizontalMarker.node.style.display = t.isShowY ? "flex" : "none";
@@ -3194,31 +3194,31 @@ class or {
   render(t, { x: e, y: i }) {
     this._canvas.clear();
     const {
-      layout: { area: n, chart: r },
-      config: { guides: a, yAxis: l, xAxis: c },
+      layout: { area: n, chart: a },
+      config: { guides: r, yAxis: l, xAxis: h },
       colorScheme: {
-        guides: { horizontalMarker: h, verticalMarker: g }
+        guides: { horizontalMarker: d, verticalMarker: g }
       }
     } = t;
-    a.isShowY && W.horizontalMarker({
+    r.isShowY && W.horizontalMarker({
       ctx: this._canvas.ctx,
       node: this._horizontalMarker.node,
       x: n.left,
       y: i,
-      lineLength: r.width,
+      lineLength: a.width,
       text: t.scales.y.invert(i).toFixed(2),
       position: l.position,
-      mainColor: h.main,
-      lineColor: h.line,
-      textColor: h.text
-    }), a.isShowX && W.verticalMarker({
+      mainColor: d.main,
+      lineColor: d.line,
+      textColor: d.text
+    }), r.isShowX && W.verticalMarker({
       ctx: this._canvas.ctx,
       node: this._verticalMarker.node,
-      text: L.timeFormat("%a %d, %b %y %H:%M")(t.scales.x.invert(e)),
-      position: c.position,
+      text: E.timeFormat("%a %d, %b %y %H:%M")(t.scales.x.invert(e)),
+      position: h.position,
       x: e,
       y: n.top,
-      lineLength: r.height,
+      lineLength: a.height,
       mainColor: g.main,
       lineColor: g.line,
       textColor: g.text
@@ -3231,29 +3231,29 @@ class or {
 function Dt(s) {
   return s * 0.1875;
 }
-const lr = (s, { mainColor: t, textColor: e, symbol: i, x: n, y: r, size: a, fontSize: l }) => {
-  const _ = a / 16, m = 16 * _, p = n - m / 2, v = r;
+const la = (s, { mainColor: t, textColor: e, symbol: i, x: n, y: a, size: r, fontSize: l }) => {
+  const _ = r / 16, m = 16 * _, p = n - m / 2, v = a;
   s.save(), s.translate(p, v), s.scale(_, _), s.beginPath(), s.moveTo(7.85696, 0.288512), s.lineTo(4.53377, 3.11938), s.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), s.lineTo(11.2275, 4), s.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), s.lineTo(8.52156, 0.302869), s.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), s.closePath(), s.fillStyle = t, s.fill(), s.beginPath(), s.moveTo(0, 7), s.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), s.lineTo(12, 3), s.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), s.lineTo(16, 15), s.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), s.lineTo(4, 19), s.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), s.lineTo(0, 7), s.closePath(), s.fillStyle = t, s.fill(), s.restore(), s.save(), s.font = `bold ${l}px sans-serif`, s.textAlign = "center", s.textBaseline = "top", s.textAlign = "center", s.textBaseline = "middle";
-  const b = r + _ * 3 + 0.5, x = _ * 16, C = b + x / 2;
+  const b = a + _ * 3 + 0.5, x = _ * 16, C = b + x / 2;
   s.fillStyle = e, s.fillText(i, n, C), s.restore();
-}, cr = (s, { mainColor: t, textColor: e, symbol: i, x: n, y: r, size: a, fontSize: l }) => {
-  const _ = a / 16, m = 16 * _, p = n - m / 2, v = r;
+}, ca = (s, { mainColor: t, textColor: e, symbol: i, x: n, y: a, size: r, fontSize: l }) => {
+  const _ = r / 16, m = 16 * _, p = n - m / 2, v = a;
   s.save(), s.translate(p, v), s.scale(_, -_), s.beginPath(), s.moveTo(7.85696, 0.288512), s.lineTo(4.53377, 3.11938), s.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), s.lineTo(11.2275, 4), s.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), s.lineTo(8.52156, 0.302869), s.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), s.closePath(), s.fillStyle = t, s.fill(), s.beginPath(), s.moveTo(0, 7), s.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), s.lineTo(12, 3), s.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), s.lineTo(16, 15), s.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), s.lineTo(4, 19), s.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), s.lineTo(0, 7), s.closePath(), s.fillStyle = t, s.fill(), s.restore(), s.save(), s.font = `bold ${l}px sans-serif`, s.textAlign = "center", s.textBaseline = "middle";
-  const b = _ * 16, x = r - _ * 19 + b / 2;
+  const b = _ * 16, x = a - _ * 19 + b / 2;
   s.fillStyle = e, s.fillText(i, n, x), s.restore();
 };
-function hr(s, t) {
+function ha(s, t) {
   const {
     trade: { tradedCandles: e },
     scales: { x: i, y: n },
-    colorScheme: r
-  } = t, { trade: a } = r, l = 4;
-  e.forEach(({ isHovered: c, isActive: h, candle: g, trades: _ }) => {
+    colorScheme: a
+  } = t, { trade: r } = a, l = 4;
+  e.forEach(({ isHovered: h, isActive: d, candle: g, trades: _ }) => {
     const m = i.convert(g.open_time);
     _.forEach((p) => {
-      const v = p.type === "buy", b = v ? a.buyLabel.text : a.sellLabel.text, x = v ? "B" : "S", C = v ? n.convert(g.low) + l : n.convert(g.high) - l, w = v ? lr : cr;
-      let y = v ? a.buyLabel.main : a.sellLabel.main;
-      c && c[1] && c[0] === p.type && (y = A.mix(y, r.bg, 20).toString()), h && h[1] && h[0] === p.type && (y = a.activeLabel), w(s, {
+      const v = p.type === "buy", b = v ? r.buyLabel.text : r.sellLabel.text, x = v ? "B" : "S", C = v ? n.convert(g.low) + l : n.convert(g.high) - l, w = v ? la : ca;
+      let y = v ? r.buyLabel.main : r.sellLabel.main;
+      h && h[1] && h[0] === p.type && (y = A.mix(y, a.bg, 20).toString()), d && d[1] && d[0] === p.type && (y = r.activeLabel), w(s, {
         x: m,
         y: C,
         symbol: x,
@@ -3265,87 +3265,87 @@ function hr(s, t) {
     });
   });
 }
-function dr(s, t) {
+function da(s, t) {
   const {
     scales: { x: e, factorX: i },
     layout: { area: n },
-    trade: { tradedCandles: r, exits: a, entries: l },
-    config: { candles: c },
-    colorScheme: { trade: h }
+    trade: { tradedCandles: a, exits: r, entries: l },
+    config: { candles: h },
+    colorScheme: { trade: d }
   } = t;
-  if (r.length === 0) return;
-  const g = r.map((m) => m.candle).sort((m, p) => m.open_time.getTime() - p.open_time.getTime()), _ = c.baseWidth / 2 * i + c.strokeWidth / 2;
-  if (s.save(), s.lineWidth = 1, s.strokeStyle = h.tradeBorders, l.length) {
+  if (a.length === 0) return;
+  const g = a.map((m) => m.candle).sort((m, p) => m.open_time.getTime() - p.open_time.getTime()), _ = h.baseWidth / 2 * i + h.strokeWidth / 2;
+  if (s.save(), s.lineWidth = 1, s.strokeStyle = d.tradeBorders, l.length) {
     const m = e.convert(g[0].open_time) - _;
     s.beginPath(), s.moveTo(m, n.y), s.lineTo(m, n.y + n.height), s.stroke();
   }
-  if (a.length) {
+  if (r.length) {
     const m = e.convert(g[g.length - 1].open_time) + _;
     s.beginPath(), s.moveTo(m, n.y), s.lineTo(m, n.y + n.height), s.stroke();
   }
   s.restore();
 }
-const ur = (s, t) => {
+const ua = (s, t) => {
   const {
     scales: { x: e, y: i },
-    trade: { tradedCandles: n, entries: r, exits: a },
+    trade: { tradedCandles: n, entries: a, exits: r },
     colorScheme: { trade: l }
   } = t;
   s.save();
-  const c = (g) => {
+  const h = (g) => {
     var _;
     return (_ = n.find(
       (m) => g.getTime() >= m.candle.open_time.getTime() && g.getTime() < m.candle.close_time.getTime()
     )) == null ? void 0 : _.candle;
-  }, h = (g, _) => {
-    const m = c(g.time), p = c(_.time);
+  }, d = (g, _) => {
+    const m = h(g.time), p = h(_.time);
     if (!m || !p) return;
     const v = e.convert(m.open_time), b = e.convert(p.open_time);
     let x, C;
     g.type === "buy" ? (x = i.convert(m.low), C = i.convert(p.high)) : (x = i.convert(m.high), C = i.convert(p.low)), s.beginPath(), s.setLineDash([4, 4]), s.strokeStyle = l.connectionLine, s.moveTo(v, x), s.lineTo(b, C), s.stroke(), s.setLineDash([]);
   };
-  if (r.length === 1 && a.length > 1)
-    a.forEach((g) => h(r[0], g));
-  else if (a.length === 1 && r.length > 1)
-    r.forEach((g) => h(g, a[0]));
-  else if (r.length === 1 && a.length === 1)
-    h(r[0], a[0]);
-  else if (r.length > 0 && a.length > 0) {
-    const g = r.reduce((m, p) => m.time < p.time ? m : p), _ = a.reduce((m, p) => m.time > p.time ? m : p);
-    h(g, _);
+  if (a.length === 1 && r.length > 1)
+    r.forEach((g) => d(a[0], g));
+  else if (r.length === 1 && a.length > 1)
+    a.forEach((g) => d(g, r[0]));
+  else if (a.length === 1 && r.length === 1)
+    d(a[0], r[0]);
+  else if (a.length > 0 && r.length > 0) {
+    const g = a.reduce((m, p) => m.time < p.time ? m : p), _ = r.reduce((m, p) => m.time > p.time ? m : p);
+    d(g, _);
   }
   s.restore();
 };
 class Ke extends S {
   constructor({ className: e, isAdaptPosition: i } = {}) {
     super({ tag: "div", className: e });
-    d(this, "_isAdaptPosition");
+    c(this, "_isAdaptPosition");
     this._isAdaptPosition = !!i;
   }
-  show({ x: e, y: i, parent: n, offset: r = 8 }) {
-    let a = e + r, l = i + r;
+  show({ x: e, y: i, parent: n, offset: a = 8 }) {
+    let r = e + a, l = i + a;
     if (this._isAdaptPosition) {
       this.updateAbsolutePosition();
-      const c = this.absolutePosition, h = {
+      const h = this.absolutePosition, d = {
         top: 0,
         left: 0,
         bottom: n.bottom - n.top,
         right: n.right - n.left
       };
-      a + c.width > h.right && (a = e - c.width - r, a < h.left + r && (a = h.left + r)), l + c.height > h.bottom && (l = i - c.height - r, l < h.top + r && (l = h.top + r));
+      r + h.width > d.right && (r = e - h.width - a, r < d.left + a && (r = d.left + a)), l + h.height > d.bottom && (l = i - h.height - a, l < d.top + a && (l = d.top + a));
     }
-    this.node.style.opacity = "1", this.node.style.visibility = "visible", this.node.style.left = `${a}px`, this.node.style.top = `${l}px`;
+    this.node.style.opacity = "1", this.node.style.visibility = "visible", this.node.style.left = `${r}px`, this.node.style.top = `${l}px`;
   }
   hide() {
     this.node.style.opacity = "0", this.node.style.visibility = "hidden";
   }
 }
-class gr extends Ke {
+class ga extends Ke {
   constructor() {
     super({ className: "sc-charts-cs__trade-label-tooltip", isAdaptPosition: !0 });
-    d(this, "_title");
-    d(this, "_manyBox");
-    d(this, "_oneBox");
+    c(this, "_title");
+    c(this, "_manyBox");
+    c(this, "_oneBox");
     this._title = new S({
       tag: "div",
       className: "sc-charts-cs__trade-label-tooltip-title"
@@ -3359,17 +3359,17 @@ class gr extends Ke {
   }
   _createLineNodes(e, i) {
     const n = [];
-    for (const r of Object.keys(i))
-      if (r in e) {
-        const a = new S({
+    for (const a of Object.keys(i))
+      if (a in e) {
+        const r = new S({
           tag: "div",
           className: `sc-charts-cs__trade-label-tooltip-line
-          sc-charts-cs__trade-label-tooltip-line-key-${r}`
+          sc-charts-cs__trade-label-tooltip-line-key-${a}`
         });
-        let l = e[r].toString();
-        r === "kind" && (l = this._formatDate(e.time));
-        const c = new S({ tag: "strong", textContent: i[r] }), h = new S({ tag: "span", textContent: l });
-        a.append(c.node, h.node), n.push(a.node);
+        let l = e[a].toString();
+        a === "kind" && (l = this._formatDate(e.time));
+        const h = new S({ tag: "strong", textContent: i[a] }), d = new S({ tag: "span", textContent: l });
+        r.append(h.node, d.node), n.push(r.node);
       }
     return n;
   }
@@ -3381,8 +3381,8 @@ class gr extends Ke {
       month: "short",
       year: "numeric",
       hour12: !1
-    }).format(e), [n, r, a] = i.split(", ");
-    return `${n}, ${r} ${a}`;
+    }).format(e), [n, a, r] = i.split(", ");
+    return `${n}, ${a} ${r}`;
   }
   _clearTooltip() {
     this._title.node.style.display = "none", this._oneBox.node.style.display = "none", this._oneBox.node.replaceChildren(), this._manyBox.node.style.display = "none", this._manyBox.node.replaceChildren();
@@ -3401,18 +3401,18 @@ class gr extends Ke {
       } else if (e.length > 1) {
         this._manyBox.node.style.display = "flex";
         const i = e.map((n) => {
-          const r = new S({ tag: "div" }), a = this._createLineNodes(n, {
+          const a = new S({ tag: "div" }), r = this._createLineNodes(n, {
             kind: n.kind === "entry" ? "Entry:" : "Exit:",
             price: "Price:"
           });
-          return r.append(...a), r.node;
+          return a.append(...r), a.node;
         });
         this._manyBox.append(...i), this.node.append(this._manyBox.node);
       }
     }
   }
 }
-const _r = (s) => {
+const _a = (s) => {
   const t = Math.floor((Date.now() - +s) / 1e3), e = [
     [60, 1, "s"],
     [3600, 60, "m"],
@@ -3421,10 +3421,10 @@ const _r = (s) => {
     [2629746, 604800, "w"],
     [31556952, 2629746, "mo"],
     [1 / 0, 31556952, "y"]
-  ], [, i, n] = e.find(([a]) => t < a);
+  ], [, i, n] = e.find(([r]) => t < r);
   return `${Math.floor(t / i)}${n} ago`;
 };
-function fr(s) {
+function fa(s) {
   const t = Math.floor(s / 1e3), e = [
     { label: "d", value: 86400 },
     { label: "h", value: 3600 },
@@ -3432,35 +3432,35 @@ function fr(s) {
     { label: "s", value: 1 }
   ], i = [];
   let n = t;
-  for (const { label: r, value: a } of e)
-    if (n >= a) {
-      const l = Math.floor(n / a);
-      if (i.push(`${l}${r}`), n %= a, i.length === 2) break;
+  for (const { label: a, value: r } of e)
+    if (n >= r) {
+      const l = Math.floor(n / r);
+      if (i.push(`${l}${a}`), n %= r, i.length === 2) break;
     }
   return i.length ? i.join(" ") : "0s";
 }
-const mr = 10, pr = 6, vr = 4, br = 12, yr = (s, t) => {
+const ma = 10, pa = 6, va = 4, ba = 12, ya = (s, t) => {
   var O;
   const {
     scales: { x: e, y: i },
-    trade: { entries: n, exits: r, holdTime: a },
+    trade: { entries: n, exits: a, holdTime: r },
     colorScheme: {
       trade: { hold: l }
     },
     config: {
-      trade: { showHoldTime: c }
+      trade: { showHoldTime: h }
     }
   } = t;
-  if (!c) return;
-  const h = n.at(0), g = r.at(-1);
-  if (!h || !g) return;
-  const _ = e.convert(h.candle.open_time), m = e.convert(g.candle.open_time), p = i.convert(((O = n.at(0)) == null ? void 0 : O.price) ?? 0);
+  if (!h) return;
+  const d = n.at(0), g = a.at(-1);
+  if (!d || !g) return;
+  const _ = e.convert(d.candle.open_time), m = e.convert(g.candle.open_time), p = i.convert(((O = n.at(0)) == null ? void 0 : O.price) ?? 0);
   s.beginPath(), s.setLineDash([4, 4]), s.strokeStyle = l.main, s.moveTo(_, p), s.lineTo(m, p), s.stroke(), s.setLineDash([]);
-  const v = (_ + m) / 2, b = `Hold: ${fr(a)}`, C = getComputedStyle(
+  const v = (_ + m) / 2, b = `Hold: ${fa(r)}`, C = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  s.font = `600 ${mr}px ${C}`;
-  const y = s.measureText(b).width + pr * 2, T = br + vr * 2, D = v - y / 2, N = p - T / 2, z = 4;
+  s.font = `600 ${ma}px ${C}`;
+  const y = s.measureText(b).width + pa * 2, T = ba + va * 2, D = v - y / 2, N = p - T / 2, z = 4;
   s.beginPath(), s.fillStyle = l.main, s.lineWidth = 1, s.moveTo(D + z, N), s.lineTo(D + y - z, N), s.quadraticCurveTo(D + y, N, D + y, N + z), s.lineTo(D + y, N + T - z), s.quadraticCurveTo(
     D + y,
     N + T,
@@ -3468,11 +3468,11 @@ const mr = 10, pr = 6, vr = 4, br = 12, yr = (s, t) => {
     N + T
   ), s.lineTo(D + z, N + T), s.quadraticCurveTo(D, N + T, D, N + T - z), s.lineTo(D, N + z), s.quadraticCurveTo(D, N, D + z, N), s.closePath(), s.fill(), s.fillStyle = l.text, s.textBaseline = "middle", s.textAlign = "center", s.fillText(b, v, p), s.restore();
 };
-class xr {
+class xa {
   constructor({ domParent: t, canvasParent: e, width: i, height: n }) {
-    d(this, "_canvas");
-    d(this, "_labelTooltip");
-    this._canvas = new St({ className: "sc-charts-cs__canvas-trade", width: i, height: n }), this._labelTooltip = new gr(), e.append(this._canvas.node), t.append(this._labelTooltip.node);
+    c(this, "_canvas");
+    c(this, "_labelTooltip");
+    this._canvas = new St({ className: "sc-charts-cs__canvas-trade", width: i, height: n }), this._labelTooltip = new ga(), e.append(this._canvas.node), t.append(this._labelTooltip.node);
   }
   get canvas() {
     return this._canvas;
@@ -3481,15 +3481,15 @@ class xr {
     return this._labelTooltip;
   }
   renderAll(t) {
-    this._canvas.clear(), dr(this._canvas.ctx, t), hr(this._canvas.ctx, t), ur(this._canvas.ctx, t), yr(this._canvas.ctx, t);
+    this._canvas.clear(), da(this._canvas.ctx, t), ha(this._canvas.ctx, t), ua(this._canvas.ctx, t), ya(this._canvas.ctx, t);
   }
 }
-class wr {
+class wa {
   constructor(t, e) {
-    d(this, "canvas");
-    d(this, "parent");
-    d(this, "items", {});
-    d(this, "className");
+    c(this, "canvas");
+    c(this, "parent");
+    c(this, "items", {});
+    c(this, "className");
     this.className = e, this.canvas = new St({
       width: t.width,
       height: t.height,
@@ -3500,8 +3500,8 @@ class wr {
     const e = new Set(t.map(this.getIdFromMarker));
     this.canvas.clear(), this.removeObsoleteItems(e);
     for (const i of t) {
-      const n = this.getIdFromMarker(i), r = this.items[n] ?? this.createMarkerElement(n);
-      this.renderMarker(i, r.node);
+      const n = this.getIdFromMarker(i), a = this.items[n] ?? this.createMarkerElement(n);
+      this.renderMarker(i, a.node);
     }
   }
   clear() {
@@ -3534,7 +3534,7 @@ class wr {
     });
   }
 }
-class Cr extends Ke {
+class Ca extends Ke {
   constructor() {
     super({ className: "sc-charts-cs__candle-tooltip_nodata", isAdaptPosition: !0 });
     const t = new S({ tag: "p" });
@@ -3544,18 +3544,18 @@ class Cr extends Ke {
 class et extends S {
   constructor(e) {
     super(e);
-    d(this, "_state", {});
-    d(this, "_updateScheduled", !1);
+    c(this, "_state", {});
+    c(this, "_updateScheduled", !1);
   }
   get state() {
     return this._state;
   }
   set state(e) {
     this._state = new Proxy(e, {
-      set: (i, n, r) => {
+      set: (i, n, a) => {
         if (typeof n != "string") return !0;
-        const a = n;
-        return i[a] === r || (i[a] = r, this._scheduleUpdate()), !0;
+        const r = n;
+        return i[r] === a || (i[r] = a, this._scheduleUpdate()), !0;
       }
     });
   }
@@ -3576,18 +3576,18 @@ class et extends S {
     this._scheduleUpdate();
   }
 }
-const Mr = "sc-charts-cs";
+const Ma = "sc-charts-cs";
 class q {
   constructor(t) {
-    d(this, "block");
+    c(this, "block");
     this.block = t;
   }
   gen(t) {
-    return `${Mr}__${this.block}${t ? "-" + t : ""}`;
+    return `${Ma}__${this.block}${t ? "-" + t : ""}`;
   }
 }
 const Jt = new q("comment-actions");
-class Ar extends S {
+class Aa extends S {
   constructor({ onDelete: t, onUpdate: e }) {
     super({ className: Jt.gen() });
     const i = new S({ tag: "button", className: Jt.gen("edit"), textContent: "Edit" }), n = new S({
@@ -3595,23 +3595,23 @@ class Ar extends S {
       className: Jt.gen("delete"),
       textContent: "Delete"
     });
-    n.node.addEventListener("click", (r) => {
-      r.stopPropagation(), t();
-    }), i.node.addEventListener("click", (r) => {
-      r.stopPropagation(), e();
+    n.node.addEventListener("click", (a) => {
+      a.stopPropagation(), t();
+    }), i.node.addEventListener("click", (a) => {
+      a.stopPropagation(), e();
     }), this.append(i.node, n.node);
   }
 }
 function ie(s, t) {
   var n;
-  const e = (r) => {
+  const e = (a) => {
     if (!document.contains(s.node)) return;
-    const a = r.target;
-    if (s.node.contains(a)) return;
-    const l = document.elementFromPoint(r.clientX, r.clientY);
+    const r = a.target;
+    if (s.node.contains(r)) return;
+    const l = document.elementFromPoint(a.clientX, a.clientY);
     if (l && s.node.contains(l)) return;
-    const c = s.node.getBoundingClientRect();
-    r.clientX >= c.left && r.clientX <= c.right && r.clientY >= c.top && r.clientY <= c.bottom && getComputedStyle(s.node).pointerEvents !== "none" || t(r);
+    const h = s.node.getBoundingClientRect();
+    a.clientX >= h.left && a.clientX <= h.right && a.clientY >= h.top && a.clientY <= h.bottom && getComputedStyle(s.node).pointerEvents !== "none" || t(a);
   };
   document.addEventListener("mousedown", e);
   const i = (n = s.destroy) == null ? void 0 : n.bind(s);
@@ -3619,9 +3619,9 @@ function ie(s, t) {
     document.removeEventListener("mousedown", e), i == null || i();
   }, s;
 }
-class Tr {
+class Ta {
   constructor() {
-    d(this, "node");
+    c(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
     e.setAttribute("width", "18"), e.setAttribute("height", "4"), e.setAttribute("viewBox", "0 0 18 4"), e.setAttribute("fill", "none"), e.setAttribute("xmlns", t);
     const i = [
@@ -3651,42 +3651,42 @@ class Tr {
       }
     ];
     for (const n of i) {
-      const r = document.createElementNS(t, "path");
-      r.setAttribute("d", n.d), n.fill && r.setAttribute("fill", n.fill), n.stroke && (r.setAttribute("stroke", n.stroke), r.setAttribute("stroke-width", "2"), r.setAttribute("stroke-linecap", "round"), r.setAttribute("stroke-linejoin", "round")), e.appendChild(r);
+      const a = document.createElementNS(t, "path");
+      a.setAttribute("d", n.d), n.fill && a.setAttribute("fill", n.fill), n.stroke && (a.setAttribute("stroke", n.stroke), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round")), e.appendChild(a);
     }
     this.node = e;
   }
 }
 const ht = new q("comment-list");
-class Sr extends S {
-  constructor({ onDelete: e, onOpenEditor: i, comment: n, layout: r }) {
+class Sa extends S {
+  constructor({ onDelete: e, onOpenEditor: i, comment: n, layout: a }) {
     super({ className: ht.gen("item") });
-    d(this, "actionTooltip");
-    d(this, "actionsTrigger");
-    const a = new S({ className: ht.gen("text"), textContent: n.text }), l = new S({
+    c(this, "actionTooltip");
+    c(this, "actionsTrigger");
+    const r = new S({ className: ht.gen("text"), textContent: n.text }), l = new S({
       className: ht.gen("created-at"),
-      textContent: _r(new Date(n.createdAt))
+      textContent: _a(new Date(n.createdAt))
     });
     this.actionsTrigger = new S({
       tag: "button",
       className: ht.gen("action-trigger")
     });
-    const c = new Ar({
+    const h = new Aa({
       onDelete: e,
       onUpdate: i
     });
-    this.actionTooltip = ie(c, () => {
+    this.actionTooltip = ie(h, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
-      this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - r.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - r.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
+      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 S({ className: ht.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(a.node, this.actionsTrigger.node), this.actionsTrigger.append(new Tr().node), this.append(h.node, l.node);
+    const d = new S({ className: ht.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), d.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ta().node), this.append(d.node, l.node);
   }
 }
-class kr {
+class ka {
   constructor() {
-    d(this, "node");
+    c(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
     e.setAttribute("width", "14"), e.setAttribute("height", "12"), e.setAttribute("viewBox", "0 0 14 12"), e.setAttribute("fill", "none"), e.setAttribute("xmlns", t);
     const i = document.createElementNS(t, "path");
@@ -3696,9 +3696,9 @@ class kr {
     ), i.setAttribute("fill", "currentColor"), e.appendChild(i), this.node = e;
   }
 }
-class Dr {
+class Da {
   constructor() {
-    d(this, "node");
+    c(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
     e.setAttribute("width", "10"), e.setAttribute("height", "10"), e.setAttribute("viewBox", "0 0 10 10"), e.setAttribute("fill", "none"), e.setAttribute("xmlns", t);
     const i = document.createElementNS(t, "path");
@@ -3708,21 +3708,21 @@ class Dr {
     ), i.setAttribute("fill", "currentColor"), e.appendChild(i), this.node = e;
   }
 }
-class Er extends et {
+class Ea extends et {
   constructor(e) {
     super({ className: "sc-charts-cs__comments-edit" });
-    d(this, "input");
-    d(this, "saveBtn");
-    d(this, "cancelBtn");
-    d(this, "_onSave");
-    d(this, "_onCancel");
+    c(this, "input");
+    c(this, "saveBtn");
+    c(this, "cancelBtn");
+    c(this, "_onSave");
+    c(this, "_onCancel");
     this._onSave = e.onSave, this._onCancel = e.onCancel, this.input = new S({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new S({
       tag: "button",
       className: "sc-charts-cs__comments-edit-save-btn"
-    }), this.saveBtn.append(new kr().node), this.cancelBtn = new S({
+    }), this.saveBtn.append(new ka().node), this.cancelBtn = new S({
       tag: "button",
       className: "sc-charts-cs__comments-edit-cancel-btn"
-    }), this.cancelBtn.append(new Dr().node);
+    }), this.cancelBtn.append(new Da().node);
     const i = new S({ className: "sc-charts-cs__comments-edit-btn-container" });
     i.append(this.cancelBtn.node, this.saveBtn.node), this.append(this.input.node, i.node), this.state = { inputValue: e.initialValue || "", hasInitFocused: !1 }, this._setupListeners(), this.render();
   }
@@ -3738,13 +3738,13 @@ class Er extends et {
     this.input.node.value = this.state.inputValue, this.saveBtn.node.disabled = !this.state.inputValue.trim(), this.state.hasInitFocused || (requestAnimationFrame(() => this.input.node.focus()), this.setState({ hasInitFocused: !0 }));
   }
 }
-const Lr = new q("comment-list");
-class Nr extends et {
-  constructor(e, i, n, r = {}) {
-    super({ tag: "ul", className: Lr.gen(), ...r });
-    d(this, "_elements", {});
-    d(this, "_model");
-    d(this, "_view");
+const La = new q("comment-list");
+class Na extends et {
+  constructor(e, i, n, a = {}) {
+    super({ tag: "ul", className: La.gen(), ...a });
+    c(this, "_elements", {});
+    c(this, "_model");
+    c(this, "_view");
     this._model = i, this._view = n, this.state = { items: e, editId: null }, this.render();
   }
   render() {
@@ -3757,16 +3757,16 @@ class Nr extends et {
   }
   _createItem(e) {
     if (this.state.editId === e.id)
-      return new Er({
-        onSave: (r) => {
-          this._model.comments.update(e.id, r), this.setState({ editId: null });
+      return new Ea({
+        onSave: (a) => {
+          this._model.comments.update(e.id, a), this.setState({ editId: null });
         },
         onCancel: () => {
           this.setState({ editId: null });
         },
         initialValue: e.text
       });
-    const i = new Sr({
+    const i = new Sa({
       onDelete: () => {
         this._model.comments.remove(e.id), i.actionTooltip.setVisible(!1);
       },
@@ -3782,9 +3782,9 @@ class Nr extends et {
     return Object.values(this._elements).sort((e, i) => e.order - i.order).map((e) => e.element.node);
   }
 }
-class Ir {
+class Ia {
   constructor() {
-    d(this, "node");
+    c(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
     e.setAttribute("width", "14"), e.setAttribute("height", "14"), e.setAttribute("viewBox", "0 0 14 14"), e.setAttribute("fill", "none"), e.setAttribute("xmlns", t);
     const i = document.createElementNS(t, "path");
@@ -3799,16 +3799,16 @@ class ts extends et {
   constructor({ onAdd: e, blockName: i }) {
     At.block = i;
     super({ className: At.gen() + " " + Qt.gen() });
-    d(this, "btn");
-    d(this, "input");
-    d(this, "_onAdd");
+    c(this, "btn");
+    c(this, "input");
+    c(this, "_onAdd");
     this._onAdd = e, this.state = { inputValue: "" }, this.input = new S({
       tag: "input",
       className: At.gen("input") + " " + Qt.gen("input")
     }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new S({
       tag: "button",
       className: At.gen("btn") + " " + Qt.gen("btn")
-    }), this.btn.append(new Ir().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
+    }), this.btn.append(new Ia().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
   }
   _addComment() {
     this._onAdd(this.input.node.value), this.setState({ inputValue: "" }), this.input.node.value = "", this.input.node.blur();
@@ -3827,32 +3827,32 @@ class ts extends et {
     this.btn.node.disabled = !this.state.inputValue.trim();
   }
 }
-const Fr = new q("list-tooltip"), Kt = 8;
-class Br extends et {
+const Fa = new q("list-tooltip"), Kt = 8;
+class Ba extends et {
   constructor(e, i, n) {
-    super({ className: Fr.gen() });
-    d(this, "_list");
-    d(this, "_addField");
-    d(this, "_size", null);
-    d(this, "_model");
-    d(this, "_prevIsShow", !1);
-    this._model = i, this.state = { isShow: !1, comments: e }, this._list = new Nr(e, i, n), this._addField = new ts({
+    super({ className: Fa.gen() });
+    c(this, "_list");
+    c(this, "_addField");
+    c(this, "_size", null);
+    c(this, "_model");
+    c(this, "_prevIsShow", !1);
+    this._model = i, this.state = { isShow: !1, comments: e }, this._list = new Na(e, i, n), this._addField = new ts({
       blockName: "list-tooltip-add",
-      onAdd: (r) => {
-        const a = e[0].date, l = e[0].price, c = {
+      onAdd: (a) => {
+        const r = e[0].date, l = e[0].price, h = {
           id: crypto.randomUUID(),
-          text: r,
-          date: a,
+          text: a,
+          date: r,
           price: l,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        i.comments.add(c);
+        i.comments.add(h);
       }
     }), this.node.append(this._list.node, this._addField.node);
   }
   render() {
-    const { isShow: e, comments: i } = this.state, { width: n, height: r } = this._model.layout.area;
-    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = r / 2 - Kt + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Kt, r / 2 + Kt)), this._list.setState({ items: i }), requestAnimationFrame(() => {
+    const { isShow: e, comments: i } = this.state, { width: n, height: a } = this._model.layout.area;
+    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = a / 2 - Kt + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Kt, a / 2 + Kt)), this._list.setState({ items: i }), requestAnimationFrame(() => {
       this._list.node.scrollTop = this._list.node.scrollHeight;
     });
   }
@@ -3860,9 +3860,9 @@ class Br extends et {
     return this._list;
   }
 }
-class Hr {
+class Ha {
   constructor() {
-    d(this, "node");
+    c(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
     e.setAttribute("width", "16"), e.setAttribute("height", "16"), e.setAttribute("viewBox", "0 0 16 16"), e.setAttribute("fill", "none"), e.setAttribute("xmlns", t);
     const i = document.createElementNS(t, "path");
@@ -3872,42 +3872,42 @@ class Hr {
     ), i.setAttribute("fill", "currentColor"), e.appendChild(i), this.node = e;
   }
 }
-class Rr extends et {
+class Ra extends et {
   constructor({ x: e, ...i }, n) {
     super(i);
-    d(this, "_colors");
+    c(this, "_colors");
     this._colors = n.colorScheme.comments.scaleAnchor, this.state = {
       x: e,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Hr().node), this.render();
+    }, this.node.append(new Ha().node), this.render();
   }
   render() {
     const { x: e, y: i, isActive: n } = this.state;
     this.position({ x: e, y: i });
-    const r = n ? "Active" : "Inactive";
-    this.node.style.backgroundColor = this._colors[`bg${r}`], this.node.style.color = this._colors[`icon${r}`];
+    const a = n ? "Active" : "Inactive";
+    this.node.style.backgroundColor = this._colors[`bg${a}`], this.node.style.color = this._colors[`icon${a}`];
   }
 }
 const We = new q("comment-box");
-class zr extends et {
-  constructor({ boxId: e, model: i, view: n, comments: r, coords: a, onBoxActivate: l, onBoxDeactivate: c }) {
+class za extends et {
+  constructor({ boxId: e, model: i, view: n, comments: a, coords: r, onBoxActivate: l, onBoxDeactivate: h }) {
     super({ className: We.gen() });
-    d(this, "pointer", new S({ className: "sc-charts-cs__comments-pointer" }));
-    d(this, "tooltip");
-    d(this, "anchor");
-    d(this, "_onBoxActivate");
-    d(this, "_onBoxDeactivate");
-    d(this, "_boxId");
-    this._boxId = e, this._onBoxActivate = l, this._onBoxDeactivate = c, this.state = {
+    c(this, "pointer", new S({ className: "sc-charts-cs__comments-pointer" }));
+    c(this, "tooltip");
+    c(this, "anchor");
+    c(this, "_onBoxActivate");
+    c(this, "_onBoxDeactivate");
+    c(this, "_boxId");
+    this._boxId = e, this._onBoxActivate = l, this._onBoxDeactivate = h, this.state = {
       isActive: !1,
-      comments: r,
-      coords: a
-    }, this.pointer.position(a), this.anchor = new Rr({ x: a.x, className: We.gen("anchor") }, i), this.anchor.node.addEventListener("click", () => {
-      const h = !this.state.isActive;
-      h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = ie(new Br(r, i, n), (h) => {
-      this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
+      comments: a,
+      coords: r
+    }, this.pointer.position(r), this.anchor = new Ra({ x: r.x, className: We.gen("anchor") }, i), this.anchor.node.addEventListener("click", () => {
+      const d = !this.state.isActive;
+      d ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: d });
+    }), this.tooltip = ie(new Ba(a, i, n), (d) => {
+      this.state.isActive && (this.anchor.node.contains(d.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
   render() {
@@ -3915,36 +3915,36 @@ class zr extends et {
     this.pointer.position(n), this.pointer.setVisible(e), this.anchor.setState({ x: n.x, isActive: e }), this.tooltip.setState({ comments: i, isShow: e });
   }
 }
-class $r {
+class $a {
   static animateTo(t, e, i, n) {
-    const r = t.scales.panOffsetX + (t.layout.area.width / 2 - e), a = t.scales.panOffsetY + (t.layout.area.height / 2 - i), l = 300, c = performance.now(), h = t.scales.panOffsetX, g = t.scales.panOffsetY, _ = (m) => {
-      const p = m - c, v = Math.min(p / l, 1), b = v * v * (3 - 2 * v), x = h + (r - h) * b, C = g + (a - g) * b;
+    const a = t.scales.panOffsetX + (t.layout.area.width / 2 - e), r = t.scales.panOffsetY + (t.layout.area.height / 2 - i), l = 300, h = performance.now(), d = t.scales.panOffsetX, g = t.scales.panOffsetY, _ = (m) => {
+      const p = m - h, v = Math.min(p / l, 1), b = v * v * (3 - 2 * v), x = d + (a - d) * b, C = g + (r - g) * b;
       t.scales.pan("x", x, "absolute"), t.scales.pan("y", C, "absolute"), v < 1 ? requestAnimationFrame(_) : n == null || n();
     };
     requestAnimationFrame(_);
   }
   static animateToDataCoords(t, e, i, n) {
-    const r = typeof e == "number" ? t.scales.x.convert(new Date(e)) : t.scales.x.convert(e), a = t.scales.y.convert(i);
-    this.animateTo(t, r, a, n);
+    const a = typeof e == "number" ? t.scales.x.convert(new Date(e)) : t.scales.x.convert(e), r = t.scales.y.convert(i);
+    this.animateTo(t, a, r, n);
   }
 }
-const Pr = {
+const Pa = {
   "right-bottom": { dx: 1, dy: 1 },
   "left-top": { dx: -1, dy: -1 },
   "right-top": { dx: 1, dy: -1 },
   "left-bottom": { dx: -1, dy: 1 }
-}, Or = ({
+}, Oa = ({
   size: s,
   parent: t,
   coords: e,
   prioritySide: i = "right-bottom",
   offset: n = 8
 }) => {
-  const { width: r, height: a } = s, l = t.right - t.left, c = t.bottom - t.top, h = (w) => {
-    const { dx: y, dy: T } = Pr[w], D = e.x + (y === 1 ? n : -r - n), N = e.y + (T === 1 ? n : -a - n);
+  const { width: a, height: r } = s, l = t.right - t.left, h = t.bottom - t.top, d = (w) => {
+    const { dx: y, dy: T } = Pa[w], D = e.x + (y === 1 ? n : -a - n), N = e.y + (T === 1 ? n : -r - n);
     return { x: D, y: N, side: w };
-  }, g = ({ x: w, y }) => w >= 0 && y >= 0 && w + r <= l && y + a <= c, _ = () => {
-    const w = e.y < 0, y = e.y + a > c, T = e.x < 0, D = e.x + r > l;
+  }, g = ({ x: w, y }) => w >= 0 && y >= 0 && w + a <= l && y + r <= h, _ = () => {
+    const w = e.y < 0, y = e.y + r > h, T = e.x < 0, D = e.x + a > l;
     return T && w ? "right-bottom" : T && y ? "right-top" : D && w ? "left-bottom" : D && y ? "left-top" : T ? "right-bottom" : D ? "left-bottom" : w ? "right-bottom" : y ? "right-top" : i;
   }, p = [
     i,
@@ -3955,29 +3955,29 @@ const Pr = {
   ].filter((w, y, T) => T.indexOf(w) === y), v = _();
   let b = null;
   for (const w of [v, ...p]) {
-    const y = h(w);
+    const y = d(w);
     if (g(y)) {
       b = y;
       break;
     }
   }
-  b || (b = h(v));
-  const x = Math.min(Math.max(b.x, n), l - r - n), C = Math.min(Math.max(b.y, n), c - a - n);
+  b || (b = d(v));
+  const x = Math.min(Math.max(b.x, n), l - a - n), C = Math.min(Math.max(b.y, n), h - r - n);
   return {
     x,
     y: C,
     side: b.side
   };
 }, te = new q("comments-context");
-class Yr extends et {
+class Ya extends et {
   constructor() {
     super({ className: te.gen() });
-    d(this, "pointer");
-    d(this, "addField");
-    d(this, "menu");
-    d(this, "_size", null);
-    d(this, "_model", null);
-    d(this, "_candle", null);
+    c(this, "pointer");
+    c(this, "addField");
+    c(this, "menu");
+    c(this, "_size", null);
+    c(this, "_model", null);
+    c(this, "_candle", null);
     this.state = { candle: null, isShow: !1, model: null }, this.pointer = new S({ className: te.gen("pointer") }), this.menu = new S({ className: te.gen("menu") }), ie(this.menu, () => {
       this.setState({ isShow: !1 });
     }), this.addField = new ts({
@@ -4000,27 +4000,27 @@ class Yr extends et {
     const { candle: e, isShow: i, model: n } = this.state;
     if (this.setVisible(i), !n || !e) return;
     this._model = n, this._candle = e;
-    const r = {
+    const a = {
       x: n == null ? void 0 : n.scales.x.convert(e.open_time),
       y: n == null ? void 0 : n.scales.y.convert((e.open + e.close) / 2)
     };
-    this.pointer.position(r), this._size || (this.menu.position(r), this.menu.updateAbsolutePosition());
-    const a = Or({
+    this.pointer.position(a), this._size || (this.menu.position(a), this.menu.updateAbsolutePosition());
+    const r = Oa({
       size: this.menu.absolutePosition,
       parent: n.layout.area,
       offset: 9,
-      coords: r
+      coords: a
     });
-    this._changeInputCorner(a.side), this.menu.position(a.x, a.y);
+    this._changeInputCorner(r.side), this.menu.position(r.x, r.y);
   }
 }
-class jr {
+class ja {
   constructor(t, e) {
-    d(this, "_container");
-    d(this, "_boxes", {});
-    d(this, "_contextMenu");
-    d(this, "_view");
-    this._container = new S({ className: e }), this._contextMenu = new Yr(), this._view = t, t.domElements.append(this._container.node, this._contextMenu.node);
+    c(this, "_container");
+    c(this, "_boxes", {});
+    c(this, "_contextMenu");
+    c(this, "_view");
+    this._container = new S({ className: e }), this._contextMenu = new Ya(), this._view = t, t.domElements.append(this._container.node, this._contextMenu.node);
   }
   _getCandleCoords(t, e) {
     return {
@@ -4029,26 +4029,26 @@ class jr {
     };
   }
   createBox({ boxId: t, coords: e, model: i, comments: n }) {
-    const r = new zr({
+    const a = new za({
       boxId: t,
       model: i,
       comments: n,
       coords: e,
       view: this._view,
-      onBoxActivate: (a) => {
+      onBoxActivate: (r) => {
         const l = n[0].candle;
-        $r.animateToDataCoords(i, l.open_time, (l.open + l.close) / 2), this._boxes[a].setState({ isActive: !0 });
+        $a.animateToDataCoords(i, l.open_time, (l.open + l.close) / 2), this._boxes[r].setState({ isActive: !0 });
       },
-      onBoxDeactivate: (a) => this._boxes[a].setState({ isActive: !1 })
+      onBoxDeactivate: (r) => this._boxes[r].setState({ isActive: !1 })
     });
-    this._boxes[t] = r, this._container.append(r.node);
+    this._boxes[t] = a, this._container.append(a.node);
   }
   render(t) {
     this._contextMenu.setState({ model: t }), this._contextMenu.forceUpdate();
     const e = t.comments.grouped, i = new Set(Object.keys(e));
-    Object.entries(e).forEach(([n, r]) => {
-      const a = this._getCandleCoords(t, r[0].candle), l = { boxId: n, coords: a, comments: r };
-      this._boxes[n] ? this._boxes[n].setState({ comments: r, coords: a }) : this.createBox({ ...l, model: t });
+    Object.entries(e).forEach(([n, a]) => {
+      const r = this._getCandleCoords(t, a[0].candle), l = { boxId: n, coords: r, comments: a };
+      this._boxes[n] ? this._boxes[n].setState({ comments: a, coords: r }) : this.createBox({ ...l, model: t });
     }), Object.keys(this._boxes).forEach((n) => {
       i.has(n) || (this._boxes[n].node.remove(), delete this._boxes[n]);
     });
@@ -4060,22 +4060,22 @@ class jr {
     return this._boxes;
   }
 }
-class Xr {
+class Xa {
   constructor(t) {
-    d(this, "_container");
-    d(this, "_width");
-    d(this, "_height");
-    d(this, "_wrapper");
-    d(this, "_domElements");
-    d(this, "_canvasesContainer");
-    d(this, "_mainCanvas");
-    d(this, "_guidesCanvas");
-    d(this, "_bindingManager");
-    d(this, "_userMarkers");
-    d(this, "_guideMarkers");
-    d(this, "_trade");
-    d(this, "_noDataTooltip");
-    d(this, "_comments");
+    c(this, "_container");
+    c(this, "_width");
+    c(this, "_height");
+    c(this, "_wrapper");
+    c(this, "_domElements");
+    c(this, "_canvasesContainer");
+    c(this, "_mainCanvas");
+    c(this, "_guidesCanvas");
+    c(this, "_bindingManager");
+    c(this, "_userMarkers");
+    c(this, "_guideMarkers");
+    c(this, "_trade");
+    c(this, "_noDataTooltip");
+    c(this, "_comments");
     this._container = t, this._wrapper = new S({ tag: "div", className: "sc-charts-cs" }), t.append(this._wrapper.node);
     const { width: e, height: i } = t.getBoundingClientRect();
     this._width = e, this._height = i, this._mainCanvas = new St({
@@ -4083,12 +4083,12 @@ class Xr {
       width: e,
       height: i,
       isMain: !0
-    }), this._guidesCanvas = new St({ className: "sc-charts-cs__canvas-guides", width: e, height: i }), this._domElements = new S({ tag: "div", className: "sc-charts-cs__dom-elements" }), this._canvasesContainer = new S({ tag: "div", className: "sc-charts-cs__canvases" }), this._noDataTooltip = new Cr(), this._canvasesContainer.append(this._mainCanvas.node), this._wrapper.append(this._canvasesContainer.node, this._domElements.node), this._mainCanvas.updateAbsolutePosition(), this._bindingManager = new ar(this._mainCanvas.node), this._userMarkers = new wr(this, "sc-charts-cs__user-markers"), this._comments = new jr(this, "sc-charts-cs__comments"), this._trade = new xr({
+    }), this._guidesCanvas = new St({ className: "sc-charts-cs__canvas-guides", width: e, height: i }), this._domElements = new S({ tag: "div", className: "sc-charts-cs__dom-elements" }), this._canvasesContainer = new S({ tag: "div", className: "sc-charts-cs__canvases" }), this._noDataTooltip = new Ca(), this._canvasesContainer.append(this._mainCanvas.node), this._wrapper.append(this._canvasesContainer.node, this._domElements.node), this._mainCanvas.updateAbsolutePosition(), this._bindingManager = new ra(this._mainCanvas.node), this._userMarkers = new wa(this, "sc-charts-cs__user-markers"), this._comments = new ja(this, "sc-charts-cs__comments"), this._trade = new xa({
       width: e,
       height: i,
       canvasParent: this._canvasesContainer,
       domParent: this._domElements
-    }), this._guideMarkers = new or(this._domElements, this._guidesCanvas), this._domElements.append(this._noDataTooltip.node), this._canvasesContainer.append(this._guidesCanvas.node);
+    }), this._guideMarkers = new oa(this._domElements, this._guidesCanvas), this._domElements.append(this._noDataTooltip.node), this._canvasesContainer.append(this._guidesCanvas.node);
   }
   get container() {
     return this._container;
@@ -4133,12 +4133,12 @@ class Xr {
     return this._comments;
   }
   renderAll(t) {
-    this._mainCanvas.clear(), er.renderAll(this._mainCanvas.ctx, t), qt.xAxis(this._mainCanvas.ctx, t), qt.yAxis(this._mainCanvas.ctx, t), qt.intersection(this._mainCanvas.ctx, t), this._trade.renderAll(t), this._userMarkers.render(t.userMarkers.data), this._comments.render(t);
+    this._mainCanvas.clear(), ea.renderAll(this._mainCanvas.ctx, t), qt.xAxis(this._mainCanvas.ctx, t), qt.yAxis(this._mainCanvas.ctx, t), qt.intersection(this._mainCanvas.ctx, t), this._trade.renderAll(t), this._userMarkers.render(t.userMarkers.data), this._comments.render(t);
   }
 }
-class Wr {
+class Wa {
   constructor(t) {
-    d(this, "logColors", {
+    c(this, "logColors", {
       init_model: "color: green",
       scale_event: "color: orange",
       update_config: "color: blue",
@@ -4147,7 +4147,7 @@ class Wr {
       update_user_markers: "color: brown",
       update_color_scheme: "color: teal"
     });
-    d(this, "ignoredLogEvents", []);
+    c(this, "ignoredLogEvents", []);
     t && (this.ignoredLogEvents = t);
   }
   log(t, e) {
@@ -4162,13 +4162,13 @@ class Wr {
     console.log(`%c[SUBSCRIBE] ${t}`, i, n);
   }
 }
-class Vr {
+class Va {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_enableLogging");
-    d(this, "_logger");
-    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new Wr(["scale_event"]);
+    c(this, "_model");
+    c(this, "_view");
+    c(this, "_enableLogging");
+    c(this, "_logger");
+    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new Wa(["scale_event"]);
   }
   subscribeWithLogging(t, e) {
     const i = (n) => {
@@ -4211,16 +4211,16 @@ class Vr {
 }
 class Ve {
   constructor() {
-    d(this, "_map", /* @__PURE__ */ new Map());
+    c(this, "_map", /* @__PURE__ */ new Map());
   }
   add(t, e, i) {
     let n = this._map.get(t);
     n || (n = {}, this._map.set(t, n)), n[e] || (n[e] = /* @__PURE__ */ new Set()), n[e].add(i);
   }
   remove(t, e, i) {
-    var r;
+    var a;
     const n = this._map.get(t);
-    (r = n == null ? void 0 : n[e]) == null || r.delete(i);
+    (a = n == null ? void 0 : n[e]) == null || a.delete(i);
   }
   removeAll(t) {
     this._map.delete(t);
@@ -4228,24 +4228,24 @@ class Ve {
   emit(t, e) {
     const i = this._map.get(t), n = i == null ? void 0 : i[e.type];
     if (!n) return !1;
-    let r = !1;
-    const a = {
+    let a = !1;
+    const r = {
       ...e,
       stopPropagation: () => {
-        r = !0;
+        a = !0;
       }
     };
     for (const l of n)
-      if (l(a), r) break;
-    return r;
+      if (l(r), a) break;
+    return a;
   }
 }
-class Gr {
+class Ga {
   constructor() {
-    d(this, "_elements", []);
-    d(this, "_listeners", new Ve());
-    d(this, "_lastHovered", /* @__PURE__ */ new Set());
-    d(this, "_dragContext", null);
+    c(this, "_elements", []);
+    c(this, "_listeners", new Ve());
+    c(this, "_lastHovered", /* @__PURE__ */ new Set());
+    c(this, "_dragContext", null);
   }
   get isDragging() {
     return this._dragContext !== null;
@@ -4277,23 +4277,23 @@ class Gr {
       }), this._dragContext.lastX = t, this._dragContext.lastY = e;
       return;
     }
-    const i = this._getHitsAt(t, e), n = new Set(i.map((r) => r.target));
-    for (const r of i)
-      if (!this._lastHovered.has(r.target) && this._emitSingle(r.target, {
+    const i = this._getHitsAt(t, e), n = new Set(i.map((a) => a.target));
+    for (const a of i)
+      if (!this._lastHovered.has(a.target) && this._emitSingle(a.target, {
         type: "mouseover",
-        target: r.target,
-        x: r.x,
-        y: r.y
-      }) || this._emitSingle(r.target, {
+        target: a.target,
+        x: a.x,
+        y: a.y
+      }) || this._emitSingle(a.target, {
         type: "mousemove",
-        target: r.target,
-        x: r.x,
-        y: r.y
+        target: a.target,
+        x: a.x,
+        y: a.y
       })) break;
-    for (const r of this._lastHovered)
-      n.has(r) || this._emitSingle(r, {
+    for (const a of this._lastHovered)
+      n.has(a) || this._emitSingle(a, {
         type: "mouseleave",
-        target: r,
+        target: a,
         x: t,
         y: e
       });
@@ -4356,9 +4356,9 @@ class Gr {
         y: n.y
       })) break;
   }
-  dispatchWheel(t, e, i, n, r) {
-    const a = this._getHitsAt(t, e);
-    for (const l of a)
+  dispatchWheel(t, e, i, n, a) {
+    const r = this._getHitsAt(t, e);
+    for (const l of r)
       if (this._emitSingle(l.target, {
         type: "wheel",
         target: l.target,
@@ -4366,7 +4366,7 @@ class Gr {
         y: l.y,
         deltaX: i,
         deltaY: n,
-        deltaZ: r
+        deltaZ: a
       })) break;
   }
   hitTestAll(t, e) {
@@ -4386,20 +4386,20 @@ class Gr {
     return this._listeners.emit(t, n), i;
   }
 }
-class Ur {
+class Ua {
   constructor(t) {
     this.model = t;
   }
   hitTest(t, e) {
     const {
       candles: { missingData: i },
-      scales: { x: n, y: r },
+      scales: { x: n, y: a },
       config: {
-        candles: { baseWidth: a }
+        candles: { baseWidth: r }
       }
     } = this.model;
     for (const l of i) {
-      const c = n.convert(l.open_time), h = r.convert(l.high), g = r.convert(l.low), _ = c - a / 2, m = c + a / 2, p = Math.min(h, g), v = Math.max(h, g);
+      const h = n.convert(l.open_time), d = a.convert(l.high), g = a.convert(l.low), _ = h - r / 2, m = h + r / 2, p = Math.min(d, g), v = Math.max(d, g);
       if (t >= _ && t <= m && e >= p && e <= v)
         return {
           target: this,
@@ -4412,12 +4412,12 @@ class Ur {
     return null;
   }
 }
-class Zr {
+class Za {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new Ur(t), this._hitManager.register(this._hit);
+    c(this, "_model");
+    c(this, "_hitManager");
+    c(this, "_hit");
+    this._model = t, this._hitManager = e, this._hit = new Ua(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "mouseover", (t) => {
@@ -4430,18 +4430,18 @@ class Zr {
     });
   }
 }
-class qr {
+class qa {
   constructor(t) {
     this.model = t;
   }
   hitTest(t, e) {
-    const { tradedCandles: i } = this.model.trade, { x: n, y: r } = this.model.scales, a = 16, l = 4;
-    for (const { candle: c, trades: h } of i) {
-      const _ = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, m = a, p = a;
+    const { tradedCandles: i } = this.model.trade, { x: n, y: a } = this.model.scales, r = 16, l = 4;
+    for (const { candle: h, trades: d } of i) {
+      const _ = n.convert(h.open_time) + this.model.config.candles.baseWidth / 2, m = r, p = r;
       for (const v of ["buy", "sell"]) {
-        const b = h.filter((y) => y.type === v);
+        const b = d.filter((y) => y.type === v);
         if (!b.length) continue;
-        const x = v === "buy" ? r.convert(c.low) + l + Dt(a) : r.convert(c.high) - l - a - Dt(a), C = t >= _ - m / 2 && t <= _ + m / 2, w = e >= x && e <= x + p;
+        const x = v === "buy" ? a.convert(h.low) + l + Dt(r) : a.convert(h.high) - l - r - Dt(r), C = t >= _ - m / 2 && t <= _ + m / 2, w = e >= x && e <= x + p;
         if (C && w)
           return {
             target: this,
@@ -4449,7 +4449,7 @@ class qr {
             tradeType: v,
             x: t,
             y: e,
-            candle: c,
+            candle: h,
             trades: b
           };
       }
@@ -4457,12 +4457,12 @@ class qr {
     return null;
   }
 }
-class Jr {
+class Ja {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_tradeLabelHit");
-    this._model = t, this._hitManager = e, this._tradeLabelHit = new qr(t), this._hitManager.register(this._tradeLabelHit);
+    c(this, "_model");
+    c(this, "_hitManager");
+    c(this, "_tradeLabelHit");
+    this._model = t, this._hitManager = e, this._tradeLabelHit = new qa(t), this._hitManager.register(this._tradeLabelHit);
   }
   register() {
     this._hitManager.on(this._tradeLabelHit, "click", (t) => {
@@ -4470,11 +4470,11 @@ class Jr {
       if (!e) return;
       const i = this._model.scales.x.convert(e.candle.open_time), n = this._model.scales.y.convert(
         e.trades[0].type === "buy" ? e.candle.low : e.candle.high
-      ), r = e.trades[0].type === "buy" ? n + 4 + Dt(16) + 8 : n - 4 - 16 - Dt(16) + 8;
+      ), a = e.trades[0].type === "buy" ? n + 4 + Dt(16) + 8 : n - 4 - 16 - Dt(16) + 8;
       this._model.eventBus.emit("open_trade_label_tooltip", {
         trade: { candle: e.candle, trades: e.trades, tradeType: e.tradeType },
         x: i,
-        y: r
+        y: a
       });
     }), this._hitManager.on(this._tradeLabelHit, "mouseover", (t) => {
       const e = this._tradeLabelHit.hitTest(t.x, t.y);
@@ -4488,7 +4488,7 @@ class Jr {
     });
   }
 }
-class Qr {
+class Qa {
   constructor(t) {
     this.model = t;
   }
@@ -4502,7 +4502,7 @@ class Qr {
     } : null;
   }
 }
-class Kr {
+class Ka {
   constructor(t) {
     this.model = t;
   }
@@ -4516,7 +4516,7 @@ class Kr {
     } : null;
   }
 }
-class ta {
+class tr {
   constructor(t) {
     this.model = t;
   }
@@ -4530,45 +4530,45 @@ class ta {
     } : null;
   }
 }
-class ea {
+class er {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new Qr(t), this._hitManager.register(this._hit);
+    c(this, "_model");
+    c(this, "_hitManager");
+    c(this, "_hit");
+    this._model = t, this._hitManager = e, this._hit = new Qa(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const e = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", e);
+      this._model.scales.scale("x", -e);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
   }
 }
-class sa {
+class sr {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new ta(t), this._hitManager.register(this._hit);
+    c(this, "_model");
+    c(this, "_hitManager");
+    c(this, "_hit");
+    this._model = t, this._hitManager = e, this._hit = new tr(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const e = t.y - (t.prevY ?? t.y);
-      this._model.scales.scale("y", e);
+      this._model.scales.scale("y", -e);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.fitYToVisibleCandles();
     });
   }
 }
-class ia {
+class ir {
   constructor(t, e, i) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_hitManager");
-    d(this, "_hit");
-    this._model = t, this._view = e, this._hitManager = i, this._hit = new Kr(t), this._hitManager.register(this._hit);
+    c(this, "_model");
+    c(this, "_view");
+    c(this, "_hitManager");
+    c(this, "_hit");
+    this._model = t, this._view = e, this._hitManager = i, this._hit = new Ka(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "mousemove", (t) => {
@@ -4585,39 +4585,39 @@ class ia {
         candle: i
       }), this._view.comments.render(this._model));
     }), this._hitManager.on(this._hit, "wheel", (t) => {
-      var n, r;
+      var n, a;
       if (!t.deltaY) return;
-      const e = -t.deltaY, i = (r = (n = this._model.config) == null ? void 0 : n.candles) == null ? void 0 : r.zoomOnWheel;
+      const e = -t.deltaY, i = (a = (n = this._model.config) == null ? void 0 : n.candles) == null ? void 0 : a.zoomOnWheel;
       ["x", "both"].includes(i) && this._model.scales.scale("x", e), ["y", "both"].includes(i) && this._model.scales.scale("y", e);
     });
   }
 }
-class na {
+class nr {
   constructor(t, e, i) {
-    d(this, "_hitManager");
-    d(this, "_candlesHandler");
-    d(this, "_tradeLabelsHandler");
-    d(this, "_xAxisHandler");
-    d(this, "_yAxisHandler");
-    d(this, "_areaHandler");
-    this._hitManager = i, this._candlesHandler = new Zr(t, this._hitManager), this._tradeLabelsHandler = new Jr(t, this._hitManager), this._xAxisHandler = new ea(t, this._hitManager), this._yAxisHandler = new sa(t, this._hitManager), this._areaHandler = new ia(t, e, this._hitManager);
+    c(this, "_hitManager");
+    c(this, "_candlesHandler");
+    c(this, "_tradeLabelsHandler");
+    c(this, "_xAxisHandler");
+    c(this, "_yAxisHandler");
+    c(this, "_areaHandler");
+    this._hitManager = i, this._candlesHandler = new Za(t, this._hitManager), this._tradeLabelsHandler = new Ja(t, this._hitManager), this._xAxisHandler = new er(t, this._hitManager), this._yAxisHandler = new sr(t, this._hitManager), this._areaHandler = new ir(t, e, this._hitManager);
   }
   register() {
     this._candlesHandler.register(), this._tradeLabelsHandler.register(), this._xAxisHandler.register(), this._yAxisHandler.register(), this._areaHandler.register();
   }
 }
-class ra {
+class ar {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_subscriptionsManager");
-    d(this, "_hitManager", new Gr());
-    d(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
-    d(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
-    this._model = t, this._view = e, this._subscriptionsManager = new Vr(t, e);
+    c(this, "_model");
+    c(this, "_view");
+    c(this, "_subscriptionsManager");
+    c(this, "_hitManager", new Ga());
+    c(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
+    c(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
+    this._model = t, this._view = e, this._subscriptionsManager = new Va(t, e);
   }
   init() {
-    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new na(this._model, this._view, this._hitManager).register();
+    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new nr(this._model, this._view, this._hitManager).register();
   }
   onContextMenu(t) {
     t.preventDefault();
@@ -4661,25 +4661,25 @@ class ra {
     this._hitManager.dispatchMouseUp(e, i), document.removeEventListener("mouseup", this._boundMouseUp), document.removeEventListener("mousemove", this._boundMouseMove);
   }
   onMouseMove(t) {
-    var r;
+    var a;
     if (!this._hitManager.isDragging) {
-      const { x: a, y: l } = this.getMouseRelative(t);
-      this._hitManager.dispatchMouseMove(a, l);
+      const { x: r, y: l } = this.getMouseRelative(t);
+      this._hitManager.dispatchMouseMove(r, l);
     }
     const { x: e, y: i } = this.getMouseRelative(t), n = this._hitManager.hitTestAll(e, i);
-    (r = n[0]) != null && r.type && (n[0].type === "area" ? this._view.mainCanvas.node.style.cursor = "crosshair" : n[0].type === "trade-label" ? this._view.mainCanvas.node.style.cursor = "pointer" : n[0].type === "x-axis" ? this._view.mainCanvas.node.style.cursor = "ew-resize" : n[0].type === "y-axis" ? this._view.mainCanvas.node.style.cursor = "ns-resize" : this._view.mainCanvas.node.style.cursor = "default");
+    (a = n[0]) != null && a.type && (n[0].type === "area" ? this._view.mainCanvas.node.style.cursor = "crosshair" : n[0].type === "trade-label" ? this._view.mainCanvas.node.style.cursor = "pointer" : n[0].type === "x-axis" ? this._view.mainCanvas.node.style.cursor = "ew-resize" : n[0].type === "y-axis" ? this._view.mainCanvas.node.style.cursor = "ns-resize" : this._view.mainCanvas.node.style.cursor = "default");
   }
   onWheel(t) {
     t.preventDefault(), this._hitManager.dispatchWheel(t.offsetX, t.offsetY, t.deltaX, t.deltaY, t.deltaZ);
   }
 }
-class la {
-  constructor(t, { chartId: e, candles: i, config: n, trade: r, userMarkers: a, colorScheme: l, comments: c }) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_controller");
-    const h = document.querySelector(t);
-    if (!h) throw new Error(`Element with selector "${t}" not found!`);
+class lr {
+  constructor(t, { chartId: e, candles: i, config: n, trade: a, userMarkers: r, colorScheme: l, comments: h }) {
+    c(this, "_model");
+    c(this, "_view");
+    c(this, "_controller");
+    const d = document.querySelector(t);
+    if (!d) throw new Error(`Element with selector "${t}" not found!`);
     if (!e || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e))
       throw new Error(
         "chartId is required and must be a valid id (only letters, numbers or underscores. The first character must be a letter)"
@@ -4688,12 +4688,12 @@ class la {
       chartId: e,
       candles: i,
       config: n,
-      container: h,
-      trade: r,
-      userMarkers: a,
+      container: d,
+      trade: a,
+      userMarkers: r,
       colorScheme: l,
-      comments: c
-    }), this._view = new Xr(h), this._controller = new ra(this._model, this._view), this._controller.init();
+      comments: h
+    }), this._view = new Xa(d), this._controller = new ar(this._model, this._view), this._controller.init();
   }
   updateConfig(t) {
     this._model.updateConfig(t);
@@ -4715,7 +4715,7 @@ class la {
   }
 }
 export {
-  la as CandlestickChart,
-  oa as createLineChart
+  lr as CandlestickChart,
+  or as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map