charts-core 1.1.9 → 1.1.10

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 h = (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: r, yAxis: a } = e, { customTicks: l, tickFormat: d, tickValues: c, ticks: g, isShow: _ } = a;
   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) => {
+    let p = E.axisRight(i);
+    l && d ? p = p.tickFormat(d) : 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 && c && (p = p.tickValues(c)), m.call(p);
   }).call((m) => {
     let p = [];
     m.selectAll(".tick").each((v) => p.push(v)), s.yTicks = p;
@@ -20,16 +20,16 @@ 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: r, xAxis: a } = e, { isShow: l, tickValues: d, tickFormat: c, customTicks: g, ticks: _ } = a;
   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);
+    let p = E.axisBottom(i);
+    g ? (c && (p = p.tickFormat(c)), _ && (p = Array.isArray(_) ? p.ticks(..._) : p.ticks(_)), d && (p = p.tickValues(d))) : 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;
@@ -44,9 +44,9 @@ const ki = (s) => {
       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");
     }
-    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");
+    a.startsWith("every-line") && (s.yTicks || i.ticks()).forEach((d) => {
+      const c = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", i(d)).attr("y2", i(d)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      a === "every-line-dashed" && c.attr("stroke-dasharray", "4 4");
     });
   }
 }, Li = (s) => {
@@ -91,13 +91,13 @@ function Fi(s, t, e, i) {
 }
 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 }
+    margin: d,
+    grid: { verticalStyle: c, 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")) {
+  if (c !== "none" && (c.startsWith("every-line") && (s.xTicks || i.ticks()).forEach((v) => {
+    const b = t.append("line").attr("x1", i(v)).attr("x2", i(v)).attr("y1", d.top).attr("y2", r - d.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+    c === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
+  }), c === "hovered-circles")) {
     const p = n.range()[0], v = i(a[0].date), b = i(a[a.length - 1].date);
     Se(t, { x1: v, x2: b, y1: p, y2: p });
     const { tooltipContainer: x, tooltip: C, tooltipArrow: w } = Ni(l);
@@ -135,8 +135,8 @@ const Se = (s, { x1: t, x2: e, y1: i, y2: n }) => s.append("line").attr("x1", t)
     i.append("stop").attr("offset", n).attr("stop-color", r);
   }), 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,
@@ -179,26 +179,26 @@ 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, d) => _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: d },
+      { offset: "60%", stopColor: d },
       { 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");
   return {
-    className(l, c) {
-      l === "remove" ? a.classed(`${r}${c}`, !1) : a.classed(`${r}${c}`, !0);
+    className(l, d) {
+      l === "remove" ? a.classed(`${r}${d}`, !1) : a.classed(`${r}${d}`, !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: d, y1: c, y2: g, hidden: _ }) {
+      l !== void 0 && a.attr("x1", l), d !== void 0 && a.attr("x2", d), c !== void 0 && a.attr("y1", c), g !== void 0 && a.attr("y2", g), _ !== void 0 && a.style("display", _ ? "none" : "block");
     },
     destroy() {
       a.remove();
@@ -219,30 +219,30 @@ const Se = (s, { x1: t, x2: e, y1: i, y2: n }) => s.append("line").attr("x1", t)
   };
 }, 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, {
+  return ((l, d) => _t(r, 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: d },
+      { offset: "75%", stopColor: d },
       { 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, d) {
+      l === "remove" ? i.classed(`${e}${d}`, !1) : i.classed(`${e}${d}`, !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: d, y1: c, y2: g, hidden: _ }) {
+      l !== void 0 && i.attr("x1", l), d !== void 0 && i.attr("x2", d), c !== void 0 && i.attr("y1", c), 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) {
@@ -261,10 +261,10 @@ function Pi(s) {
     "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 d = document.createElement("div");
+  n.append(d);
   const c = document.createElement("div");
-  n.append(c);
-  const h = document.createElement("div");
-  return h.className = `${tt}-time`, i.append(h), { wrapper: e, sumNode: c, timeNode: h };
+  return c.className = `${tt}-time`, i.append(c), { wrapper: e, sumNode: d, timeNode: c };
 }
 const Oi = (s) => {
   const { wrapper: t, sumNode: e, timeNode: i } = Pi(s.wrapperNode);
@@ -272,9 +272,9 @@ const Oi = (s) => {
     className(n, r) {
       n === "remove" ? t.classList.remove(`${tt}${r}`) : t.classList.add(`${tt}${r}`);
     },
-    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: r, x: a, y: l, hidden: d, closest: c }) {
+      if (n && r && c && 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(c.date) < p ? "left" : "right";
         let b = "", x = "";
         if (_)
           b = _({ left: n.value, right: r.value, direction: v });
@@ -289,14 +289,14 @@ const Oi = (s) => {
           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");
+      d !== void 0 && (t.style.display = d ? "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) {
@@ -320,12 +320,12 @@ const Vi = (s) => {
       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,
+          const d = t.getBoundingClientRect(), c = Wi(
+            d,
             s.x(r.date),
             s.width - s.config.margin.right
           );
-          h && (t.style.left = h + "px");
+          c && (t.style.left = c + "px");
         });
       }
       n !== void 0 && (t.style.display = n ? "none" : "block");
@@ -385,7 +385,7 @@ const Vi = (s) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Et = (s) => L.curveCardinal.tension(s.config.curveTension), Ui = (s) => {
+}, Et = (s) => E.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);
   _t(l, "main-line-area-gradient", {
     x1: "0%",
@@ -397,13 +397,13 @@ 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 c = 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", c).attr("class", g).classed(`${g}_hidden`, !r.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 (m !== void 0 && _.datum(m).attr("d", c), p !== void 0) {
         if (!r.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: r, config: a, data: l, chartId: d } = s, { clip: c } = 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(r.range()[0]).y1((w) => r(w.value)).curve(Et(s)), v = `${d}-clip-${e}`, x = _.append("clipPath").attr("id", v).append("rect").attr("x", (c == null ? void 0 : c.x) || 0).attr("y", (c == null ? void 0 : c.y) || 0).attr("width", (c == null ? void 0 : c.width) || "100%").attr("height", (c == null ? void 0 : c.height) || "100%"), C = i.append("path").datum(l).attr("d", p).attr("class", e).classed(`${e}_hidden`, !a.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: r, chartId: a } = s, { baseClassName: l, id: d, clip: c } = t, g = e.node(), _ = nt(g), m = E.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", (c == null ? void 0 : c.x) || 0).attr("y", (c == null ? void 0 : c.y) || 0).attr("width", (c == null ? void 0 : c.width) || "100%").attr("height", (c == null ? void 0 : c.height) || "100%"), x = e.append("path").classed(l, !0).datum(i).attr("d", m).attr("id", d).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: r, chartId: a, config: l } = s, { baseClassName: d, id: c, clip: g } = t, _ = e.node(), m = nt(_), p = E.line().x((w) => n(w.date)).y((w) => r(w.value)).curve(Et(s)), v = `${a}-clip-${d}`, 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(d, !0).datum(i).attr("d", p).attr("id", c).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(`${d}${y}`, !1) : C.classed(`${d}${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(`${d}_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,13 +476,13 @@ 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: r } = s, { baseClassName: a } = t, l = e.append("g").classed(a, !0), d = l.append("circle").attr("r", 5).classed(`${a}-circle`, !0), c = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${a}-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);
+    d.attr("cx", p).attr("cy", v);
     const b = s.config.extremePointFormatter || Ji;
-    h.attr("x", p).attr("y", v).text(b(m.value));
+    c.attr("x", p).attr("y", v).text(b(m.value));
   })(i), {
     className(_, m) {
       _ === "remove" ? l.classed(`${a}${m}`, !1) : l.classed(`${a}${m}`, !0);
@@ -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, {
+  }), d = De(s.svg), c = 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,8 +531,8 @@ const Vi = (s) => {
   return {
     hoverLine: n,
     hoverCircle: l,
-    rangeBorderLeft: c,
-    rangeBorderRight: h,
+    rangeBorderLeft: d,
+    rangeBorderRight: c,
     rangeLine: g,
     rangeLineArea: b,
     rangeCircleLeft: _,
@@ -554,10 +554,10 @@ 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);
+  const [, n, r] = i, a = parseInt(n, 10), [l, d] = e.domain();
+  let c = new Date(l);
+  for (; c < d; ) {
+    let g = new Date(c);
     switch (r) {
       case "M":
         g.setMinutes(g.getMinutes() + a);
@@ -572,7 +572,7 @@ const Vi = (s) => {
         g.setDate(g.getDate() + a * 7);
         break;
       case "m":
-        g = new Date(h.getFullYear(), h.getMonth() + a, 1);
+        g = new Date(c.getFullYear(), c.getMonth() + a, 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 >= c && t < g) {
+      const _ = e(c), m = e(g);
       return {
         x: _,
         y: 0,
@@ -591,10 +591,10 @@ const Vi = (s) => {
         height: "100%"
       };
     }
-    h = new Date(g);
+    c = new Date(g);
   }
-  if (t.getTime() === c.getTime()) {
-    let g = new Date(c);
+  if (t.getTime() === d.getTime()) {
+    let g = new Date(d);
     switch (r) {
       case "M":
         g.setMinutes(g.getMinutes() - a);
@@ -609,10 +609,10 @@ const Vi = (s) => {
         g.setDate(g.getDate() - a * 7);
         break;
       case "m":
-        g = new Date(c.getFullYear(), c.getMonth() - a, 1);
+        g = new Date(d.getFullYear(), d.getMonth() - a, 1);
         break;
     }
-    const _ = e(g), m = e(c);
+    const _ = e(g), m = e(d);
     return {
       x: _,
       y: 0,
@@ -627,7 +627,7 @@ const Vi = (s) => {
     height: "100%"
   };
 }, Le = (s, t) => {
-  var h;
+  var c;
   const {
     x: e,
     y: i,
@@ -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 d = i.range()[0] - i(0) + r.bottom;
+  d >= 0 && ((c = n.belowZeroLine) == null || c.update({
     clip: {
       ...l,
       y: i(0),
-      height: c
+      height: d
     }
   })), n.mainLine.className("add", "_muted");
 }, Ne = (s) => {
@@ -688,7 +688,7 @@ const Vi = (s) => {
     config: { margin: r },
     height: a,
     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, d = i(t.date) < i(e.date) ? t : e, c = i(t.date) >= i(e.date) ? t : e, g = c.value - d.value >= 0, _ = i(d.date), m = i(c.date), p = m - _;
   l.rangeBorderLeft.update({
     x1: _,
     x2: _,
@@ -703,11 +703,11 @@ const Vi = (s) => {
     hidden: !1
   }), l.rangeCircleLeft.update({
     cx: _,
-    cy: n(c.value),
+    cy: n(d.value),
     hidden: !1
   }), l.rangeCircleRight.update({
     cx: m,
-    cy: n(h.value),
+    cy: n(c.value),
     hidden: !1
   }), l.rangeLine.update({
     clip: {
@@ -726,8 +726,8 @@ const Vi = (s) => {
     },
     hidden: !1
   }), l.rangeTooltip.update({
-    rightPoint: h,
-    leftPoint: c,
+    rightPoint: c,
+    leftPoint: d,
     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: r, height: a } = s, { margin: l, hover: d, selection: c } = 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));
+    const [b] = E.pointer(v, this), x = m(b);
+    !_ && d.enable ? (s.action = "hover", Le(s, x)) : (s.action = _ ? "selection" : "none", Ne(s)), g && c.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 (c.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", c.enable && Ie(s), d.enable && Le(s, x);
   });
 }, rn = (s, t, e) => {
-  const { margin: i } = t, n = L.scaleTime(), r = L.extent(s, (a) => new Date(a.date));
+  const { margin: i } = t, n = E.scaleTime(), r = E.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]);
+  const { margin: i } = t, n = E.max(s, (a) => a.value) ?? 0, r = E.min(s, (a) => a.value) ?? 0;
+  return E.scaleLinear().domain([r, n]).range([e - i.bottom, i.top]);
 }, oa = (s, t) => {
-  const e = L.select(s);
+  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;
+  let a = r.getBoundingClientRect(), l = a.width, d = a.height, c = ke({ ...Gi }, t.config), g = t.data;
   const _ = () => {
-    a = r.getBoundingClientRect(), l = a.width, c = a.height, m({ data: g, config: h });
+    a = r.getBoundingClientRect(), l = a.width, d = a.height, m({ data: g, config: c });
   };
   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 && (c = ke(c, 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, c, l), C = an(b, c, d);
+    i.attr("class", `sc-charts sc-charts__${c.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${d}`).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: c,
       action: "none",
       width: l,
-      height: c
+      height: d
     };
     Ri(w);
     const y = {
@@ -818,8 +818,8 @@ 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 e = 200, i = "__lodash_hash_undefined__", n = 800, r = 16, a = 9007199254740991, l = "[object Arguments]", d = "[object Array]", c = "[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[d] = 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() {
       try {
         var o = at && at.require && at.require("util").types;
@@ -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) ? $ = ri(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, $);
     }
@@ -1111,8 +1111,8 @@ function ln() {
       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;
@@ -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) {
@@ -1247,7 +1247,7 @@ 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 == c || u == y;
     }
     function we(o) {
       return typeof o == "number" && o > -1 && o % 1 == 0 && o <= a;
@@ -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");
+    h(this, "_candles");
+    h(this, "_xAxis");
+    h(this, "_yAxis");
+    h(this, "_guides");
+    h(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,10 +1375,10 @@ class dn {
 }
 class j {
   constructor(t) {
-    d(this, "_x");
-    d(this, "_y");
-    d(this, "_width");
-    d(this, "_height");
+    h(this, "_x");
+    h(this, "_y");
+    h(this, "_width");
+    h(this, "_height");
     let e;
     if (!t)
       e = { x: 0, y: 0, width: 0, height: 0 };
@@ -1416,11 +1416,11 @@ 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());
+    h(this, "_chart", new j());
+    h(this, "_area", new j());
+    h(this, "_xAxis", new j());
+    h(this, "_yAxis", new j());
+    h(this, "_axisIntersection", new j());
     const { xAxis: i, yAxis: n } = e;
     this._chart = new j(t), this._calc(i, n);
   }
@@ -1479,10 +1479,10 @@ function _n(s, t) {
   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;
     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 d = Math.floor(l / t), c = [];
+      for (let g = 1; g <= d; g++)
+        c.push(r + g * t);
+      c.length > 0 && e.push(c);
     }
   }
   return e;
@@ -1496,10 +1496,10 @@ function He(s, t) {
     );
     if (!a || !l)
       throw new Error("[CS_Data] error while creating missing data");
-    const c = a.close, h = l.open;
-    let g = c;
+    const d = a.close, c = l.open;
+    let g = d;
     r.forEach((_, m) => {
-      const p = (h - g) / r.length;
+      const p = (c - g) / r.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);
+    h(this, "_initialData", []);
+    h(this, "_preparedData", []);
+    h(this, "_missingData", []);
+    h(this, "_count", 0);
+    h(this, "_model");
+    h(this, "_interval", 0);
     this._model = e, this.update(t);
   }
   _prepare(t) {
@@ -1565,7 +1565,7 @@ class se {
 }
 class fn {
   constructor() {
-    d(this, "listeners", {});
+    h(this, "listeners", {});
   }
   subscribe(t, e) {
     return this.listeners[t] || (this.listeners[t] = []), this.listeners[t].push(e), () => this.unsubscribe(t, e);
@@ -1584,7 +1584,7 @@ class fn {
 }
 class Ue {
   constructor() {
-    d(this, "_scale");
+    h(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,9 +1640,9 @@ 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);
+    const d = l.open_time.getTime();
+    return d >= e && d <= i;
+  }), r = E.min(n, (l) => l.low), a = E.max(n, (l) => l.high);
   if (r == null || a == null) throw new Error("Invalid Y data");
   return [r, a];
 };
@@ -1651,7 +1651,7 @@ class yn {
     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);
   }
@@ -1672,7 +1672,7 @@ class yn {
       config: {
         candles: { baseWidth: n, bodyRatio: r, direction: a }
       }
-    } = 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, d] = t.domain().map((p) => p.getTime()), c = d - l, g = n / r * e, _ = c * (i.width / g), m = a === "left" ? [new Date(l), new Date(l + _)] : [new Date(d - _), new Date(d)];
     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, [r, a] = vn(e), l = a === "px" ? t.invert(n.x + r).getTime() - t.invert(n.x).getTime() : pn[a] * r, d = i === "left" ? -l : l, [c, g] = t.domain();
+    t.setDomain([new Date(c.getTime() + d), new Date(g.getTime() + d)]);
   }
 }
 class xn {
   constructor(t) {
-    d(this, "_model");
-    d(this, "_scaleX");
-    d(this, "_scaleY");
-    d(this, "_initializer");
-    d(this, "_baseDomain", {
+    h(this, "_model");
+    h(this, "_scaleX");
+    h(this, "_scaleY");
+    h(this, "_initializer");
+    h(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 });
+    h(this, "scaleFactor", { x: 1, y: 1 });
+    h(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()
@@ -1731,10 +1731,10 @@ class xn {
     if (!n.length) return;
     const r = Math.min(...n.map((_) => _.low)), a = Math.max(...n.map((_) => _.high)), l = a - r;
     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 d = this._baseDomain.y;
+    this.scale("y", (d[1] - d[0]) / l, "absolute");
+    const c = this._scaleY.convert((r + a) / 2), g = this._scaleY.convert((d[0] + d[1]) / 2);
+    this.pan("y", g - c, "absolute");
   }
   scale(t, e, i = "delta") {
     if (i === "absolute") {
@@ -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 [r, a] = e, l = a.getTime() - r.getTime(), d = l / i, c = r.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(c - d / 2 + g),
+        new Date(c + d / 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 [r, a] = e, l = a - r, d = l / i, c = r + l / 2, g = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
       this._scaleY.setDomain([
-        h - c / 2 + g,
-        h + c / 2 + g
+        c - d / 2 + g,
+        c + d / 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);
+    h(this, "_model");
+    h(this, "_rawEntry");
+    h(this, "_rawExit");
+    h(this, "_mapped", []);
+    h(this, "_entries", []);
+    h(this, "_exits", []);
+    h(this, "_activeTradeTime", null);
+    h(this, "_hoveredTradeTime", null);
     this._model = t, this._rawEntry = e, this._rawExit = i, this.recalculate();
   }
   _findTradeCandle(t) {
@@ -1845,8 +1845,8 @@ class wn {
     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 l = i[a], d = l <= this.entryMinTime && l + e >= this.entryMinTime, c = l <= this.exitMaxTime && l + e >= this.exitMaxTime;
+      if (n === 0 && d && (n = a), r === i.length - 1 && c && (r = a), n !== 0 && r !== i.length - 1) break;
     }
     return i.slice(n, r + 1);
   }
@@ -1859,10 +1859,10 @@ class wn {
 }
 class Cn {
   constructor(t, e) {
-    d(this, "_rawMarkers");
-    d(this, "_markers", []);
-    d(this, "_model");
-    d(this, "_defaults", {
+    h(this, "_rawMarkers");
+    h(this, "_markers", []);
+    h(this, "_model");
+    h(this, "_defaults", {
       mainColor: "#000000",
       textColor: "#ffffff",
       lineColor: "#000000",
@@ -1884,7 +1884,7 @@ class Cn {
     } = this._model;
     this._markers = this._rawMarkers.map((l) => {
       var g, _;
-      const c = {
+      const d = {
         mainColor: l.mainColor ?? a.main,
         textColor: l.textColor ?? a.text,
         lineColor: l.lineColor ?? a.line
@@ -1899,7 +1899,7 @@ class Cn {
           y: p,
           lineLength: e.width,
           position: i.yAxis.position,
-          ...c
+          ...d
         };
       } 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
+          ...d
         };
       }
     });
@@ -1925,17 +1925,17 @@ class Cn {
 }
 class Mn {
   constructor() {
-    d(this, "bg", "#FFFFFF");
-    d(this, "axisIntersection", "#FFFFFF");
-    d(this, "xAxis", {
+    h(this, "bg", "#FFFFFF");
+    h(this, "axisIntersection", "#FFFFFF");
+    h(this, "xAxis", {
       bg: "#FFFFFF",
       text: "#7F7F83"
     });
-    d(this, "yAxis", {
+    h(this, "yAxis", {
       bg: "#FFFFFF",
       text: "#7F7F83"
     });
-    d(this, "candles", {
+    h(this, "candles", {
       risingFill: "#56B683",
       risingStroke: "#000000",
       fallingFill: "#F18169",
@@ -1943,7 +1943,7 @@ class Mn {
       noDataFill: ["#d9d9da", "#ededed"],
       noDataStroke: "#000000"
     });
-    d(this, "guides", {
+    h(this, "guides", {
       horizontalMarker: {
         main: "#1C2026",
         text: "#ffffff",
@@ -1955,9 +1955,9 @@ class Mn {
         line: "#1C2026"
       }
     });
-    d(this, "trade");
-    d(this, "userMarkers");
-    d(this, "comments", {
+    h(this, "trade");
+    h(this, "userMarkers");
+    h(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");
+    h(this, "_bg");
+    h(this, "_candles");
+    h(this, "_xAxis");
+    h(this, "_yAxis");
+    h(this, "_guides");
+    h(this, "_axisIntersection");
+    h(this, "_trade");
+    h(this, "_userMarkers");
+    h(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", {
+    h(this, "_data");
+    h(this, "_callbacks", {
       onAdd: () => {
       },
       onUpdate: () => {
@@ -2075,8 +2075,8 @@ class Sn {
       onDelete: () => {
       }
     });
-    d(this, "_model");
-    d(this, "_grouped", {});
+    h(this, "_model");
+    h(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() {
@@ -2116,20 +2116,20 @@ class kn {
     trade: r = { entry: [], exit: [] },
     userMarkers: a = [],
     colorScheme: l,
-    comments: c
+    comments: d
   }) {
-    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);
+    h(this, "_chartId");
+    h(this, "_container");
+    h(this, "_eventBus", new fn());
+    h(this, "_candles");
+    h(this, "_config");
+    h(this, "_colorScheme");
+    h(this, "_layout");
+    h(this, "_scaleManager");
+    h(this, "_trade");
+    h(this, "_userMarkers");
+    h(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(d, this);
   }
   init() {
     this._eventBus.emit("init_model");
@@ -2195,12 +2195,12 @@ 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());
+    h(this, "_tag");
+    h(this, "_className");
+    h(this, "_id");
+    h(this, "_textContent");
+    h(this, "_node");
+    h(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;
@@ -2238,10 +2238,10 @@ class St extends S {
       className: `${e} sc-charts-cs__canvas ${a ? "" : "sc-charts-cs__canvas-additional"}`,
       id: i
     });
-    d(this, "_ctx");
-    d(this, "_width");
-    d(this, "_height");
-    d(this, "background", null);
+    h(this, "_ctx");
+    h(this, "_width");
+    h(this, "_height");
+    h(this, "background", null);
     this._width = n, this._height = r, this.updateSize({ width: n, height: r });
     const l = this._node.getContext("2d");
     if (!l) throw new Error("Failed to get 2D context");
@@ -2478,16 +2478,16 @@ function $e(s, t, e) {
   if (i == n)
     r = a = 0;
   else {
-    var c = i - n;
-    switch (a = l > 0.5 ? c / (2 - i - n) : c / (i + n), i) {
+    var d = i - n;
+    switch (a = l > 0.5 ? d / (2 - i - n) : d / (i + n), i) {
       case s:
-        r = (t - e) / c + (t < e ? 6 : 0);
+        r = (t - e) / d + (t < e ? 6 : 0);
         break;
       case t:
-        r = (e - s) / c + 2;
+        r = (e - s) / d + 2;
         break;
       case e:
-        r = (s - t) / c + 4;
+        r = (s - t) / d + 4;
         break;
     }
     r /= 6;
@@ -2501,14 +2501,14 @@ function $e(s, t, e) {
 function In(s, t, e) {
   var i, n, r;
   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 a(c, g, _) {
+    return _ < 0 && (_ += 1), _ > 1 && (_ -= 1), _ < 1 / 6 ? c + (g - c) * 6 * _ : _ < 1 / 2 ? g : _ < 2 / 3 ? c + (g - c) * (2 / 3 - _) * 6 : c;
   }
   if (t === 0)
     i = n = r = 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, d = 2 * e - l;
+    i = a(d, l, s + 1 / 3), n = a(d, l, s), r = a(d, l, s - 1 / 3);
   }
   return {
     r: i * 255,
@@ -2518,19 +2518,19 @@ function In(s, t, e) {
 }
 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)
+  var i = Math.max(s, t, e), n = Math.min(s, t, e), r, a, l = i, d = i - n;
+  if (a = i === 0 ? 0 : d / i, i == n)
     r = 0;
   else {
     switch (i) {
       case s:
-        r = (t - e) / c + (t < e ? 6 : 0);
+        r = (t - e) / d + (t < e ? 6 : 0);
         break;
       case t:
-        r = (e - s) / c + 2;
+        r = (e - s) / d + 2;
         break;
       case e:
-        r = (s - t) / c + 4;
+        r = (s - t) / d + 4;
         break;
     }
     r /= 6;
@@ -2543,9 +2543,9 @@ function Pe(s, t, e) {
 }
 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, r = e * (1 - t), a = e * (1 - n * t), l = e * (1 - (1 - n) * t), d = i % 6, c = [e, a, r, r, l, e][d], g = [l, e, e, a, r, r][d], _ = [r, r, l, e, e, a][d];
   return {
-    r: h * 255,
+    r: c * 255,
     g: g * 255,
     b: _ * 255
   };
@@ -2679,13 +2679,13 @@ A.isReadable = function(s, t, e) {
   return r;
 };
 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, r, a, l, d;
+  e = e || {}, a = e.includeFallbackColors, l = e.level, d = e.size;
+  for (var c = 0; c < t.length; c++)
+    r = A.readability(s, t[c]), r > n && (n = r, i = A(t[c]));
   return A.isReadable(s, i, {
     level: l,
-    size: c
+    size: d
   }) || !a ? i : (e.includeFallbackColors = !1, A.mostReadable(s, ["#fff", "#000"], e));
 };
 var ee = A.names = {
@@ -2972,21 +2972,21 @@ function Qn(s) {
   };
 }
 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 d = (y) => e.scales.x.convert(y), c = (y) => e.scales.y.convert(y), g = d(t.open_time), _ = c(t.open), m = c(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, c(t.high)), s.lineTo(g, c(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 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;
+  t.candles.missingData.forEach((l, d) => {
+    const c = n.noDataFill[d % n.noDataFill.length], g = i === "filled" ? c : n.noDataStroke;
     Qe(
       s,
       l,
       t,
       {
-        fillColor: h,
+        fillColor: c,
         strokeColor: g,
         candleWidth: a,
         strokeWidth: e
@@ -2998,14 +2998,14 @@ function Kn(s, t) {
 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;
+    const d = l.close >= l.open ? "up" : "down", c = d === "up" ? r.risingFill : r.fallingFill, g = d === "up" ? r.risingStroke : r.fallingStroke;
     Qe(
       s,
       l,
       t,
       {
-        fillColor: h,
-        strokeColor: i === "filled" ? h : g,
+        fillColor: c,
+        strokeColor: i === "filled" ? c : g,
         candleWidth: n,
         strokeWidth: e
       },
@@ -3025,10 +3025,10 @@ function ir(s, t) {
     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);
+  } = t, a = r.x.ticks(sr), l = (g) => g.getHours() === 0 && g.getMinutes() === 0, d = E.timeFormat("%d %b"), c = 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", a.forEach((g) => {
+    const _ = r.x.convert(g), m = l(g) ? d(g) : c(g);
+    s.fillText(m, _, e.y + e.height / 2);
   });
 }
 function nr(s, t) {
@@ -3038,9 +3038,9 @@ function nr(s, t) {
     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);
+  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((d) => {
+    const c = r.y.convert(d), g = l(d);
+    s.fillText(g, e.x + e.width / 2, c);
   });
 }
 const rr = (s, t) => {
@@ -3068,7 +3068,7 @@ class qt {
 }
 class ar {
   constructor(t) {
-    d(this, "_target");
+    h(this, "_target");
     this._target = t;
   }
   mousemove(t) {
@@ -3119,8 +3119,8 @@ class W {
     lineLength: r,
     text: a,
     textColor: l,
-    mainColor: c,
-    lineColor: h,
+    mainColor: d,
+    lineColor: c,
     position: g
   }) {
     W.line(e, {
@@ -3128,12 +3128,12 @@ class W {
       x: i,
       y: n,
       lineLength: r,
-      lineColor: h
+      lineColor: c
     }), W.label_h(t, {
       text: a,
       y: n,
       textColor: l,
-      mainColor: c,
+      mainColor: d,
       position: g
     });
   }
@@ -3145,8 +3145,8 @@ class W {
     lineLength: r,
     text: a,
     textColor: l,
-    mainColor: c,
-    lineColor: h,
+    mainColor: d,
+    lineColor: c,
     position: g
   }) {
     W.line(e, {
@@ -3154,22 +3154,22 @@ class W {
       x: i,
       y: n,
       lineLength: r,
-      lineColor: h
+      lineColor: c
     }), W.label_v(t, {
       text: a,
       x: i,
       textColor: l,
-      mainColor: c,
+      mainColor: d,
       position: g
     });
   }
 }
 class or {
   constructor(t, e) {
-    d(this, "_canvas");
-    d(this, "_parent");
-    d(this, "_horizontalMarker");
-    d(this, "_verticalMarker");
+    h(this, "_canvas");
+    h(this, "_parent");
+    h(this, "_horizontalMarker");
+    h(this, "_verticalMarker");
     this._canvas = e;
     const i = new S({ tag: "div", className: "sc-charts-cs__guide-markers" });
     this._parent = i;
@@ -3195,9 +3195,9 @@ class or {
     this._canvas.clear();
     const {
       layout: { area: n, chart: r },
-      config: { guides: a, yAxis: l, xAxis: c },
+      config: { guides: a, yAxis: l, xAxis: d },
       colorScheme: {
-        guides: { horizontalMarker: h, verticalMarker: g }
+        guides: { horizontalMarker: c, verticalMarker: g }
       }
     } = t;
     a.isShowY && W.horizontalMarker({
@@ -3208,14 +3208,14 @@ class or {
       lineLength: r.width,
       text: t.scales.y.invert(i).toFixed(2),
       position: l.position,
-      mainColor: h.main,
-      lineColor: h.line,
-      textColor: h.text
+      mainColor: c.main,
+      lineColor: c.line,
+      textColor: c.text
     }), a.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: d.position,
       x: e,
       y: n.top,
       lineLength: r.height,
@@ -3248,12 +3248,12 @@ function hr(s, t) {
     scales: { x: i, y: n },
     colorScheme: r
   } = t, { trade: a } = r, l = 4;
-  e.forEach(({ isHovered: c, isActive: h, candle: g, trades: _ }) => {
+  e.forEach(({ isHovered: d, isActive: c, 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, {
+      d && d[1] && d[0] === p.type && (y = A.mix(y, r.bg, 20).toString()), c && c[1] && c[0] === p.type && (y = a.activeLabel), w(s, {
         x: m,
         y: C,
         symbol: x,
@@ -3270,12 +3270,12 @@ function dr(s, t) {
     scales: { x: e, factorX: i },
     layout: { area: n },
     trade: { tradedCandles: r, exits: a, entries: l },
-    config: { candles: c },
-    colorScheme: { trade: h }
+    config: { candles: d },
+    colorScheme: { trade: c }
   } = 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) {
+  const g = r.map((m) => m.candle).sort((m, p) => m.open_time.getTime() - p.open_time.getTime()), _ = d.baseWidth / 2 * i + d.strokeWidth / 2;
+  if (s.save(), s.lineWidth = 1, s.strokeStyle = c.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();
   }
@@ -3292,47 +3292,47 @@ const ur = (s, t) => {
     colorScheme: { trade: l }
   } = t;
   s.save();
-  const c = (g) => {
+  const d = (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);
+  }, c = (g, _) => {
+    const m = d(g.time), p = d(_.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));
+    a.forEach((g) => c(r[0], g));
   else if (a.length === 1 && r.length > 1)
-    r.forEach((g) => h(g, a[0]));
+    r.forEach((g) => c(g, a[0]));
   else if (r.length === 1 && a.length === 1)
-    h(r[0], a[0]);
+    c(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, _);
+    c(g, _);
   }
   s.restore();
 };
 class Ke extends S {
   constructor({ className: e, isAdaptPosition: i } = {}) {
     super({ tag: "div", className: e });
-    d(this, "_isAdaptPosition");
+    h(this, "_isAdaptPosition");
     this._isAdaptPosition = !!i;
   }
   show({ x: e, y: i, parent: n, offset: r = 8 }) {
     let a = e + r, l = i + r;
     if (this._isAdaptPosition) {
       this.updateAbsolutePosition();
-      const c = this.absolutePosition, h = {
+      const d = this.absolutePosition, c = {
         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));
+      a + d.width > c.right && (a = e - d.width - r, a < c.left + r && (a = c.left + r)), l + d.height > c.bottom && (l = i - d.height - r, l < c.top + r && (l = c.top + r));
     }
     this.node.style.opacity = "1", this.node.style.visibility = "visible", this.node.style.left = `${a}px`, this.node.style.top = `${l}px`;
   }
@@ -3343,9 +3343,9 @@ class Ke extends S {
 class gr extends Ke {
   constructor() {
     super({ className: "sc-charts-cs__trade-label-tooltip", isAdaptPosition: !0 });
-    d(this, "_title");
-    d(this, "_manyBox");
-    d(this, "_oneBox");
+    h(this, "_title");
+    h(this, "_manyBox");
+    h(this, "_oneBox");
     this._title = new S({
       tag: "div",
       className: "sc-charts-cs__trade-label-tooltip-title"
@@ -3368,8 +3368,8 @@ class gr extends Ke {
         });
         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);
+        const d = new S({ tag: "strong", textContent: i[r] }), c = new S({ tag: "span", textContent: l });
+        a.append(d.node, c.node), n.push(a.node);
       }
     return n;
   }
@@ -3448,13 +3448,13 @@ const mr = 10, pr = 6, vr = 4, br = 12, yr = (s, t) => {
       trade: { hold: l }
     },
     config: {
-      trade: { showHoldTime: c }
+      trade: { showHoldTime: d }
     }
   } = 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 (!d) return;
+  const c = n.at(0), g = r.at(-1);
+  if (!c || !g) return;
+  const _ = e.convert(c.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(
     document.querySelector(".sc-charts-cs") || document.body
@@ -3470,8 +3470,8 @@ const mr = 10, pr = 6, vr = 4, br = 12, yr = (s, t) => {
 };
 class xr {
   constructor({ domParent: t, canvasParent: e, width: i, height: n }) {
-    d(this, "_canvas");
-    d(this, "_labelTooltip");
+    h(this, "_canvas");
+    h(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);
   }
   get canvas() {
@@ -3486,10 +3486,10 @@ class xr {
 }
 class wr {
   constructor(t, e) {
-    d(this, "canvas");
-    d(this, "parent");
-    d(this, "items", {});
-    d(this, "className");
+    h(this, "canvas");
+    h(this, "parent");
+    h(this, "items", {});
+    h(this, "className");
     this.className = e, this.canvas = new St({
       width: t.width,
       height: t.height,
@@ -3544,8 +3544,8 @@ class Cr extends Ke {
 class et extends S {
   constructor(e) {
     super(e);
-    d(this, "_state", {});
-    d(this, "_updateScheduled", !1);
+    h(this, "_state", {});
+    h(this, "_updateScheduled", !1);
   }
   get state() {
     return this._state;
@@ -3579,7 +3579,7 @@ class et extends S {
 const Mr = "sc-charts-cs";
 class q {
   constructor(t) {
-    d(this, "block");
+    h(this, "block");
     this.block = t;
   }
   gen(t) {
@@ -3610,8 +3610,8 @@ function ie(s, t) {
     if (s.node.contains(a)) return;
     const l = document.elementFromPoint(r.clientX, r.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 d = s.node.getBoundingClientRect();
+    r.clientX >= d.left && r.clientX <= d.right && r.clientY >= d.top && r.clientY <= d.bottom && getComputedStyle(s.node).pointerEvents !== "none" || t(r);
   };
   document.addEventListener("mousedown", e);
   const i = (n = s.destroy) == null ? void 0 : n.bind(s);
@@ -3621,7 +3621,7 @@ function ie(s, t) {
 }
 class Tr {
   constructor() {
-    d(this, "node");
+    h(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 = [
@@ -3661,8 +3661,8 @@ const ht = new q("comment-list");
 class Sr extends S {
   constructor({ onDelete: e, onOpenEditor: i, comment: n, layout: r }) {
     super({ className: ht.gen("item") });
-    d(this, "actionTooltip");
-    d(this, "actionsTrigger");
+    h(this, "actionTooltip");
+    h(this, "actionsTrigger");
     const a = new S({ className: ht.gen("text"), textContent: n.text }), l = new S({
       className: ht.gen("created-at"),
       textContent: _r(new Date(n.createdAt))
@@ -3671,22 +3671,22 @@ class Sr extends S {
       tag: "button",
       className: ht.gen("action-trigger")
     });
-    const c = new Ar({
+    const d = new Ar({
       onDelete: e,
       onUpdate: i
     });
-    this.actionTooltip = ie(c, () => {
+    this.actionTooltip = ie(d, () => {
       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);
     });
-    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 c = new S({ className: ht.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), c.append(a.node, this.actionsTrigger.node), this.actionsTrigger.append(new Tr().node), this.append(c.node, l.node);
   }
 }
 class kr {
   constructor() {
-    d(this, "node");
+    h(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");
@@ -3698,7 +3698,7 @@ class kr {
 }
 class Dr {
   constructor() {
-    d(this, "node");
+    h(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");
@@ -3711,11 +3711,11 @@ class Dr {
 class Er 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");
+    h(this, "input");
+    h(this, "saveBtn");
+    h(this, "cancelBtn");
+    h(this, "_onSave");
+    h(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"
@@ -3742,9 +3742,9 @@ 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");
+    h(this, "_elements", {});
+    h(this, "_model");
+    h(this, "_view");
     this._model = i, this._view = n, this.state = { items: e, editId: null }, this.render();
   }
   render() {
@@ -3784,7 +3784,7 @@ class Nr extends et {
 }
 class Ir {
   constructor() {
-    d(this, "node");
+    h(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,9 +3799,9 @@ 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");
+    h(this, "btn");
+    h(this, "input");
+    h(this, "_onAdd");
     this._onAdd = e, this.state = { inputValue: "" }, this.input = new S({
       tag: "input",
       className: At.gen("input") + " " + Qt.gen("input")
@@ -3831,22 +3831,22 @@ const Fr = new q("list-tooltip"), Kt = 8;
 class Br 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);
+    h(this, "_list");
+    h(this, "_addField");
+    h(this, "_size", null);
+    h(this, "_model");
+    h(this, "_prevIsShow", !1);
     this._model = i, this.state = { isShow: !1, comments: e }, this._list = new Nr(e, i, n), this._addField = new ts({
       blockName: "list-tooltip-add",
       onAdd: (r) => {
-        const a = e[0].date, l = e[0].price, c = {
+        const a = e[0].date, l = e[0].price, d = {
           id: crypto.randomUUID(),
           text: r,
           date: a,
           price: l,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        i.comments.add(c);
+        i.comments.add(d);
       }
     }), this.node.append(this._list.node, this._addField.node);
   }
@@ -3862,7 +3862,7 @@ class Br extends et {
 }
 class Hr {
   constructor() {
-    d(this, "node");
+    h(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");
@@ -3875,7 +3875,7 @@ class Hr {
 class Rr extends et {
   constructor({ x: e, ...i }, n) {
     super(i);
-    d(this, "_colors");
+    h(this, "_colors");
     this._colors = n.colorScheme.comments.scaleAnchor, this.state = {
       x: e,
       y: n.layout.xAxis.top,
@@ -3891,23 +3891,23 @@ class Rr extends et {
 }
 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 }) {
+  constructor({ boxId: e, model: i, view: n, comments: r, coords: a, onBoxActivate: l, onBoxDeactivate: d }) {
     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 = {
+    h(this, "pointer", new S({ className: "sc-charts-cs__comments-pointer" }));
+    h(this, "tooltip");
+    h(this, "anchor");
+    h(this, "_onBoxActivate");
+    h(this, "_onBoxDeactivate");
+    h(this, "_boxId");
+    this._boxId = e, this._onBoxActivate = l, this._onBoxDeactivate = d, 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 })));
+      const c = !this.state.isActive;
+      c ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: c });
+    }), this.tooltip = ie(new Br(r, i, n), (c) => {
+      this.state.isActive && (this.anchor.node.contains(c.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
   render() {
@@ -3917,8 +3917,8 @@ class zr extends et {
 }
 class $r {
   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 r = t.scales.panOffsetX + (t.layout.area.width / 2 - e), a = t.scales.panOffsetY + (t.layout.area.height / 2 - i), l = 300, d = performance.now(), c = t.scales.panOffsetX, g = t.scales.panOffsetY, _ = (m) => {
+      const p = m - d, v = Math.min(p / l, 1), b = v * v * (3 - 2 * v), x = c + (r - c) * b, C = g + (a - g) * b;
       t.scales.pan("x", x, "absolute"), t.scales.pan("y", C, "absolute"), v < 1 ? requestAnimationFrame(_) : n == null || n();
     };
     requestAnimationFrame(_);
@@ -3940,11 +3940,11 @@ const Pr = {
   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 { width: r, height: a } = s, l = t.right - t.left, d = t.bottom - t.top, c = (w) => {
     const { dx: y, dy: T } = Pr[w], D = e.x + (y === 1 ? n : -r - n), N = e.y + (T === 1 ? n : -a - 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 + r <= l && y + a <= d, _ = () => {
+    const w = e.y < 0, y = e.y + a > d, T = e.x < 0, D = e.x + r > 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,14 +3955,14 @@ 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 = c(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 = c(v));
+  const x = Math.min(Math.max(b.x, n), l - r - n), C = Math.min(Math.max(b.y, n), d - a - n);
   return {
     x,
     y: C,
@@ -3972,12 +3972,12 @@ const Pr = {
 class Yr 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);
+    h(this, "pointer");
+    h(this, "addField");
+    h(this, "menu");
+    h(this, "_size", null);
+    h(this, "_model", null);
+    h(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({
@@ -4016,10 +4016,10 @@ class Yr extends et {
 }
 class jr {
   constructor(t, e) {
-    d(this, "_container");
-    d(this, "_boxes", {});
-    d(this, "_contextMenu");
-    d(this, "_view");
+    h(this, "_container");
+    h(this, "_boxes", {});
+    h(this, "_contextMenu");
+    h(this, "_view");
     this._container = new S({ className: e }), this._contextMenu = new Yr(), this._view = t, t.domElements.append(this._container.node, this._contextMenu.node);
   }
   _getCandleCoords(t, e) {
@@ -4062,20 +4062,20 @@ class jr {
 }
 class Xr {
   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");
+    h(this, "_container");
+    h(this, "_width");
+    h(this, "_height");
+    h(this, "_wrapper");
+    h(this, "_domElements");
+    h(this, "_canvasesContainer");
+    h(this, "_mainCanvas");
+    h(this, "_guidesCanvas");
+    h(this, "_bindingManager");
+    h(this, "_userMarkers");
+    h(this, "_guideMarkers");
+    h(this, "_trade");
+    h(this, "_noDataTooltip");
+    h(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({
@@ -4138,7 +4138,7 @@ class Xr {
 }
 class Wr {
   constructor(t) {
-    d(this, "logColors", {
+    h(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", []);
+    h(this, "ignoredLogEvents", []);
     t && (this.ignoredLogEvents = t);
   }
   log(t, e) {
@@ -4164,10 +4164,10 @@ class Wr {
 }
 class Vr {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_enableLogging");
-    d(this, "_logger");
+    h(this, "_model");
+    h(this, "_view");
+    h(this, "_enableLogging");
+    h(this, "_logger");
     this._model = t, this._view = e, this._enableLogging = !1, this._logger = new Wr(["scale_event"]);
   }
   subscribeWithLogging(t, e) {
@@ -4211,7 +4211,7 @@ class Vr {
 }
 class Ve {
   constructor() {
-    d(this, "_map", /* @__PURE__ */ new Map());
+    h(this, "_map", /* @__PURE__ */ new Map());
   }
   add(t, e, i) {
     let n = this._map.get(t);
@@ -4242,10 +4242,10 @@ class Ve {
 }
 class Gr {
   constructor() {
-    d(this, "_elements", []);
-    d(this, "_listeners", new Ve());
-    d(this, "_lastHovered", /* @__PURE__ */ new Set());
-    d(this, "_dragContext", null);
+    h(this, "_elements", []);
+    h(this, "_listeners", new Ve());
+    h(this, "_lastHovered", /* @__PURE__ */ new Set());
+    h(this, "_dragContext", null);
   }
   get isDragging() {
     return this._dragContext !== null;
@@ -4399,7 +4399,7 @@ class Ur {
       }
     } = 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 d = n.convert(l.open_time), c = r.convert(l.high), g = r.convert(l.low), _ = d - a / 2, m = d + a / 2, p = Math.min(c, g), v = Math.max(c, g);
       if (t >= _ && t <= m && e >= p && e <= v)
         return {
           target: this,
@@ -4414,9 +4414,9 @@ class Ur {
 }
 class Zr {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
+    h(this, "_model");
+    h(this, "_hitManager");
+    h(this, "_hit");
     this._model = t, this._hitManager = e, this._hit = new Ur(t), this._hitManager.register(this._hit);
   }
   register() {
@@ -4436,12 +4436,12 @@ class qr {
   }
   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;
+    for (const { candle: d, trades: c } of i) {
+      const _ = n.convert(d.open_time) + this.model.config.candles.baseWidth / 2, m = a, p = a;
       for (const v of ["buy", "sell"]) {
-        const b = h.filter((y) => y.type === v);
+        const b = c.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" ? r.convert(d.low) + l + Dt(a) : r.convert(d.high) - l - a - Dt(a), 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: d,
             trades: b
           };
       }
@@ -4459,9 +4459,9 @@ class qr {
 }
 class Jr {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_tradeLabelHit");
+    h(this, "_model");
+    h(this, "_hitManager");
+    h(this, "_tradeLabelHit");
     this._model = t, this._hitManager = e, this._tradeLabelHit = new qr(t), this._hitManager.register(this._tradeLabelHit);
   }
   register() {
@@ -4532,15 +4532,15 @@ class ta {
 }
 class ea {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
+    h(this, "_model");
+    h(this, "_hitManager");
+    h(this, "_hit");
     this._model = t, this._hitManager = e, this._hit = new Qr(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");
     });
@@ -4548,15 +4548,15 @@ class ea {
 }
 class sa {
   constructor(t, e) {
-    d(this, "_model");
-    d(this, "_hitManager");
-    d(this, "_hit");
+    h(this, "_model");
+    h(this, "_hitManager");
+    h(this, "_hit");
     this._model = t, this._hitManager = e, this._hit = new ta(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();
     });
@@ -4564,10 +4564,10 @@ class sa {
 }
 class ia {
   constructor(t, e, i) {
-    d(this, "_model");
-    d(this, "_view");
-    d(this, "_hitManager");
-    d(this, "_hit");
+    h(this, "_model");
+    h(this, "_view");
+    h(this, "_hitManager");
+    h(this, "_hit");
     this._model = t, this._view = e, this._hitManager = i, this._hit = new Kr(t), this._hitManager.register(this._hit);
   }
   register() {
@@ -4594,12 +4594,12 @@ class ia {
 }
 class na {
   constructor(t, e, i) {
-    d(this, "_hitManager");
-    d(this, "_candlesHandler");
-    d(this, "_tradeLabelsHandler");
-    d(this, "_xAxisHandler");
-    d(this, "_yAxisHandler");
-    d(this, "_areaHandler");
+    h(this, "_hitManager");
+    h(this, "_candlesHandler");
+    h(this, "_tradeLabelsHandler");
+    h(this, "_xAxisHandler");
+    h(this, "_yAxisHandler");
+    h(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);
   }
   register() {
@@ -4608,12 +4608,12 @@ class na {
 }
 class ra {
   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));
+    h(this, "_model");
+    h(this, "_view");
+    h(this, "_subscriptionsManager");
+    h(this, "_hitManager", new Gr());
+    h(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
+    h(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
     this._model = t, this._view = e, this._subscriptionsManager = new Vr(t, e);
   }
   init() {
@@ -4674,12 +4674,12 @@ class ra {
   }
 }
 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!`);
+  constructor(t, { chartId: e, candles: i, config: n, trade: r, userMarkers: a, colorScheme: l, comments: d }) {
+    h(this, "_model");
+    h(this, "_view");
+    h(this, "_controller");
+    const c = document.querySelector(t);
+    if (!c) 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,
+      container: c,
       trade: r,
       userMarkers: a,
       colorScheme: l,
-      comments: c
-    }), this._view = new Xr(h), this._controller = new ra(this._model, this._view), this._controller.init();
+      comments: d
+    }), this._view = new Xr(c), this._controller = new ra(this._model, this._view), this._controller.init();
   }
   updateConfig(t) {
     this._model.updateConfig(t);