charts-core 1.1.35 → 1.1.38

package/dist/charts-core.js

@@ -1,10 +1,10 @@
 var Ns = Object.defineProperty;
 var Fs = (i, e, t) => e in i ? Ns(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var f = (i, e, t) => Fs(i, typeof e != "symbol" ? e + "" : e, t);
+var g = (i, e, t) => Fs(i, typeof e != "symbol" ? e + "" : e, t);
 import * as E from "d3";
 const Hs = (i) => {
-  const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: g } = r;
-  if (!g) return null;
+  const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: f } = r;
+  if (!f) return null;
   e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
     let _ = E.axisRight(s);
     o && c ? _ = _.tickFormat(c) : _ = _.tickFormat((v) => {
@@ -19,22 +19,22 @@ const Hs = (i) => {
     _.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
     const v = _.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
     p.selectAll(".tick").each(function(w, x) {
-      var $;
-      const y = E.select(this), C = y.select("text"), M = v[x], T = b - M, N = y.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", T), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
+      var I;
+      const y = E.select(this), C = y.select("text"), M = v[x], T = b - M, k = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", T), C.remove(), (I = k.node()) == null || I.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
-}, Bs = (i) => {
-  const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: g } = r;
+}, Is = (i) => {
+  const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: f } = r;
   if (!o) return null;
   e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((p) => {
     let _ = E.axisBottom(s);
-    d ? (h && (_ = _.tickFormat(h)), g && (_ = Array.isArray(g) ? _.ticks(...g) : _.ticks(g)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
+    d ? (h && (_ = _.tickFormat(h)), f && (_ = Array.isArray(f) ? _.ticks(...f) : _.ticks(f)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
   }).call((p) => p.select(".domain").remove()).call((p) => {
     let _ = [];
     p.selectAll(".tick").each((v) => _.push(v)), i.xTicks = _;
   }).call((p) => p.selectAll(".tick line").remove()).call((p) => p.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
-}, Is = (i) => {
+}, Bs = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, {
     margin: a,
     grid: { horizontalStyle: r }
@@ -92,7 +92,7 @@ function Os(i, e, t, s) {
 const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: p }
+    grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: f, hoverCirclesAdditionalArea: p }
   } = t;
   if (i.gridHoverTooltip = null, h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
     const b = e.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", c.top).attr("y2", a - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
@@ -103,26 +103,26 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o), C = (T) => {
       if (!d) return;
       _i(x), w.style.display = "block", x.append(d({ date: T.date, value: T.value }));
-      const N = x.getBoundingClientRect(), $ = Os(
-        N,
+      const k = x.getBoundingClientRect(), I = Os(
+        k,
         s(T.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
         i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
       );
-      $ !== null && (x.style.left = $ + "px"), y.style.left = s(T.date) + "px";
+      I !== null && (x.style.left = I + "px"), y.style.left = s(T.date) + "px";
     }, M = () => {
       w.style.display = "none";
     };
     i.gridHoverTooltip = d ? {
       show: (T) => C(T),
       hide: M
-    } : null, r.forEach((T, N) => {
-      const $ = s(T.date), G = n(T.value), Z = r[N - 1], te = N > 0 && Z && T.value === Z.value;
-      te || qt(e, { x1: $, x2: $, y1: G, y2: _ });
+    } : null, r.forEach((T, k) => {
+      const I = s(T.date), V = n(T.value), Z = r[k - 1], te = k > 0 && Z && T.value === Z.value;
+      te || qt(e, { x1: I, x2: I, y1: V, y2: _ });
       const K = $s(e, te, {
-        x: $,
+        x: I,
         y: _,
-        r: g,
+        r: f,
         hr: p
       });
       d && K.on("mouseover", function() {
@@ -133,11 +133,11 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     });
   }
 }, zs = (i) => {
-  Is(i), Ps(i);
+  Bs(i), Ps(i);
 }, Vs = (i) => {
   const { svg: e, config: t, width: s, height: n } = i, { margin: a, logo: r } = t;
-  Bs(i), Hs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
-}, Le = (i, e, t) => {
+  Is(i), Hs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
+}, Ee = (i, e, t) => {
   let s = i.select(`#${e}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), s.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: n, stopColor: a }) => {
     s.append("stop").attr("offset", n).attr("stop-color", a);
@@ -187,7 +187,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     ...e == null ? void 0 : e.selection
   }
 }), Qt = (i, e = {}) => {
-  const t = i.node(), s = ve(t), n = (o, c) => Le(s, o, {
+  const t = i.node(), s = ve(t), n = (o, c) => Ee(s, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -205,8 +205,8 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     className(o, c) {
       o === "remove" ? r.classed(`${a}${c}`, !1) : r.classed(`${a}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: d, hidden: g }) {
-      o !== void 0 && r.attr("x1", o), c !== void 0 && r.attr("x2", c), h !== void 0 && r.attr("y1", h), d !== void 0 && r.attr("y2", d), g !== void 0 && r.style("display", g ? "none" : "block");
+    update({ x1: o, x2: c, y1: h, y2: d, hidden: f }) {
+      o !== void 0 && r.attr("x1", o), c !== void 0 && r.attr("x2", c), h !== void 0 && r.attr("y1", h), d !== void 0 && r.attr("y2", d), f !== void 0 && r.style("display", f ? "none" : "block");
     },
     destroy() {
       r.remove();
@@ -227,7 +227,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
   };
 }, Ws = (i, e = {}) => {
   const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = ve(n);
-  return ((o, c) => Le(a, o, {
+  return ((o, c) => Ee(a, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -242,26 +242,26 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     className(o, c) {
       o === "remove" ? s.classed(`${t}${c}`, !1) : s.classed(`${t}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: d, hidden: g }) {
-      o !== void 0 && s.attr("x1", o), c !== void 0 && s.attr("x2", c), h !== void 0 && s.attr("y1", h), d !== void 0 && s.attr("y2", d), g !== void 0 && s.style("display", g ? "none" : "block");
+    update({ x1: o, x2: c, y1: h, y2: d, hidden: f }) {
+      o !== void 0 && s.attr("x1", o), c !== void 0 && s.attr("x2", c), h !== void 0 && s.attr("y1", h), d !== void 0 && s.attr("y2", d), f !== void 0 && s.style("display", f ? "none" : "block");
     },
     destroy() {
       s.remove();
     }
   };
-}, ge = "sc-charts__range-tooltip", Kt = E.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
+}, fe = "sc-charts__range-tooltip", Kt = E.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
   const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function js(i) {
   const e = "http://www.w3.org/2000/svg", t = document.createElement("div");
-  t.className = ge, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.append(t);
+  t.className = fe, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.append(t);
   const s = document.createElement("div");
-  s.className = `${ge}-container`, t.append(s);
+  s.className = `${fe}-container`, t.append(s);
   const n = document.createElement("div");
-  n.className = `${ge}-sum`, s.append(n);
+  n.className = `${fe}-sum`, s.append(n);
   const a = document.createElement("div");
-  a.className = `${ge}-sum-icon`;
+  a.className = `${fe}-sum-icon`;
   const r = document.createElementNS(e, "svg");
   r.setAttribute("width", "14"), r.setAttribute("height", "14"), r.setAttribute("viewBox", "0 0 14 14"), r.setAttribute("fill", "none"), r.setAttribute("xmlns", e);
   const o = document.createElementNS(e, "path");
@@ -272,29 +272,29 @@ function js(i) {
   const c = document.createElement("div");
   n.append(c);
   const h = document.createElement("div");
-  return h.className = `${ge}-time`, s.append(h), { wrapper: t, sumNode: c, timeNode: h };
+  return h.className = `${fe}-time`, s.append(h), { wrapper: t, sumNode: c, timeNode: h };
 }
 const Xs = (i) => {
   const { wrapper: e, sumNode: t, timeNode: s } = js(i.wrapperNode);
   return {
     className(n, a) {
-      n === "remove" ? e.classList.remove(`${ge}${a}`) : e.classList.add(`${ge}${a}`);
+      n === "remove" ? e.classList.remove(`${fe}${a}`) : e.classList.add(`${fe}${a}`);
     },
     update({ leftPoint: n, rightPoint: a, x: r, y: o, hidden: c, closest: h }) {
       if (n && a && h && r !== void 0) {
-        const d = a.value - n.value, { sumFormatter: g, timeFormatter: p } = i.config.selection, _ = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < _ ? "left" : "right";
+        const d = a.value - n.value, { sumFormatter: f, timeFormatter: p } = i.config.selection, _ = (i.x(a.date) + i.x(n.date)) / 2, v = i.x(h.date) < _ ? "left" : "right";
         let b = "", w = "";
-        if (g)
-          b = g({ left: n.value, right: a.value, direction: v });
+        if (f)
+          b = f({ left: n.value, right: a.value, direction: v });
         else {
           const x = (d / Math.abs(n.value) * 100).toFixed(2);
           b = `${Ys(d)} (${x}%)`;
         }
         p ? w = p({ left: n.date, right: a.date, direction: v }) : w = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
           const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
-          let N = (C + M) / 2 - x.width / 2;
-          const $ = 0, G = y.width - x.width;
-          N < $ && (N = $), N > G && (N = G), e.style.left = `${N}px`, e.style.top = `${o}px`;
+          let k = (C + M) / 2 - x.width / 2;
+          const I = 0, V = y.width - x.width;
+          k < I && (k = I), k > V && (k = V), e.style.left = `${k}px`, e.style.top = `${o}px`;
         });
       }
       c !== void 0 && (e.style.display = c ? "none" : "block");
@@ -303,17 +303,17 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, Ee = "sc-charts__hover-tooltip", _t = 16, Us = E.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+}, Le = "sc-charts__hover-tooltip", _t = 16, Us = E.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
   const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
   const e = document.createElement("div");
-  e.className = `${Ee}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
+  e.className = `${Le}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
   const t = document.createElement("div");
-  t.className = `${Ee}-sum`;
+  t.className = `${Le}-sum`;
   const s = document.createElement("div");
-  return s.className = `${Ee}-time`, { wrapper: e, sumNode: t, timeNode: s };
+  return s.className = `${Le}-time`, { wrapper: e, sumNode: t, timeNode: s };
 }
 function qs(i, e, t) {
   return i ? e + _t + i.width < t ? e + _t : e - _t - i.width : null;
@@ -324,7 +324,7 @@ const Js = (i) => {
   };
   return {
     className(a, r) {
-      a === "remove" ? e.classList.remove(`${Ee}${r}`) : e.classList.add(`${Ee}${r}`);
+      a === "remove" ? e.classList.remove(`${Le}${r}`) : e.classList.add(`${Le}${r}`);
     },
     update({ hidden: a, dataItem: r }) {
       if (!i.config.hover.showDefaultTooltip) {
@@ -334,12 +334,12 @@ const Js = (i) => {
       if (r) {
         const { sumFormatter: o, timeFormatter: c, tooltipNode: h } = i.config.hover;
         h ? (_i(e), e.appendChild(h({ date: r.date, value: r.value }))) : (n(), t.textContent = o ? o(r.value) : Gs(r.value), s.textContent = c ? c(r.date) : Us(r.date)), requestAnimationFrame(() => {
-          const d = e.getBoundingClientRect(), g = qs(
+          const d = e.getBoundingClientRect(), f = qs(
             d,
             i.x(r.date),
             i.width - i.config.margin.right
           );
-          g && (e.style.left = g + "px");
+          f && (e.style.left = f + "px");
         });
       }
       a !== void 0 && (e.style.display = a ? "none" : "block");
@@ -402,9 +402,9 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, tt = () => E.curveMonotoneX, Ks = (i) => {
+}, et = () => E.curveMonotoneX, Ks = (i) => {
   const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = ve(r);
-  Le(o, "main-line-area-gradient", {
+  Ee(o, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -414,24 +414,24 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = E.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
+  const h = E.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(et()), d = "sc-charts__main-line-area", f = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
   return {
     className(p, _) {
-      p === "remove" ? g.classed(`${d}${_}`, !1) : g.classed(`${d}${_}`, !0);
+      p === "remove" ? f.classed(`${d}${_}`, !1) : f.classed(`${d}${_}`, !0);
     },
     update({ data: p, hidden: _ }) {
-      if (p !== void 0 && g.datum(p).attr("d", h), _ !== void 0) {
+      if (p !== void 0 && f.datum(p).attr("d", h), _ !== void 0) {
         if (!a.hasMainLineArea) return null;
-        g.classed(`${d}_hidden`, _);
+        f.classed(`${d}_hidden`, _);
       }
     },
     destroy() {
-      g.remove();
+      f.remove();
     }
   };
 }, en = (i, e = {}) => {
-  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, d = s.node(), g = ve(d), p = "range-line-area-gradient";
-  Le(g, p + "_up", {
+  const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, d = s.node(), f = ve(d), p = "range-line-area-gradient";
+  Ee(f, p + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -440,7 +440,7 @@ const Js = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), Le(g, p + "_down", {
+  }), Ee(f, p + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -450,7 +450,7 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const _ = E.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt()), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const _ = E.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(et()), v = `${c}-clip-${t}`, w = f.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%"), x = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
@@ -463,7 +463,7 @@ const Js = (i) => {
     }
   };
 }, vt = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = ve(d), p = E.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), f = ve(d), p = E.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(et()), _ = `${r}-clip-${o}`, b = f.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
   return {
     className(x, y) {
       x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
@@ -476,7 +476,7 @@ const Js = (i) => {
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), p = ve(g), _ = E.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, f = t.node(), p = ve(f), _ = E.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(et()), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
@@ -494,18 +494,18 @@ const Js = (i) => {
   return e >= 1e9 ? t = (i / 1e9).toFixed(1) + "B" : e >= 1e6 ? t = (i / 1e6).toFixed(1) + "M" : e >= 1e3 ? t = (i / 1e3).toFixed(1) + "K" : t = i.toFixed(1), t;
 }, nn = (i, e) => {
   const { svg: t, data: s, x: n, y: a } = i, { baseClassName: r } = e, o = t.append("g").classed(r, !0), c = o.append("circle").attr("r", 5).classed(`${r}-circle`, !0), h = o.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${r}-label`, !0);
-  return ((g) => {
-    if (!g || g.length === 0) return;
-    const p = g[g.length - 1], _ = n(p.date), v = a(p.value);
+  return ((f) => {
+    if (!f || f.length === 0) return;
+    const p = f[f.length - 1], _ = n(p.date), v = a(p.value);
     c.attr("cx", _).attr("cy", v);
     const b = i.config.extremePointFormatter || sn;
     h.attr("x", _).attr("y", v).text(b(p.value));
   })(s), {
-    className(g, p) {
-      g === "remove" ? o.classed(`${r}${p}`, !1) : o.classed(`${r}${p}`, !0);
+    className(f, p) {
+      f === "remove" ? o.classed(`${r}${p}`, !1) : o.classed(`${r}${p}`, !0);
     },
-    update({ hidden: g }) {
-      g !== void 0 && o.classed(`${r}_hidden`, g);
+    update({ hidden: f }) {
+      f !== void 0 && o.classed(`${r}_hidden`, f);
     },
     destroy() {
       o.remove();
@@ -538,7 +538,7 @@ const Js = (i) => {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), g = pt(i.svg, {
+  }), f = pt(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
   }), p = pt(i.svg, {
@@ -552,7 +552,7 @@ const Js = (i) => {
     rangeBorderRight: h,
     rangeLine: d,
     rangeLineArea: b,
-    rangeCircleLeft: g,
+    rangeCircleLeft: f,
     rangeCircleRight: p,
     mainLine: e,
     rangeTooltip: _,
@@ -600,11 +600,11 @@ const Js = (i) => {
         };
     }
     if (e >= h && e < d) {
-      const g = t(h), p = t(d);
+      const f = t(h), p = t(d);
       return {
-        x: g,
+        x: f,
         y: 0,
-        width: p - g,
+        width: p - f,
         height: "100%"
       };
     }
@@ -629,11 +629,11 @@ const Js = (i) => {
         d = new Date(c.getFullYear(), c.getMonth() - r, 1);
         break;
     }
-    const g = t(d), p = t(c);
+    const f = t(d), p = t(c);
     return {
-      x: g,
+      x: f,
       y: 0,
-      width: p - g,
+      width: p - f,
       height: "100%"
     };
   }
@@ -666,15 +666,15 @@ const Js = (i) => {
     dataItem: e,
     hidden: !1
   }), r.highlightRange) {
-    const g = rn(r.range, e.date, t);
+    const f = rn(r.range, e.date, t);
     n.highlightLine.update({
-      clip: g,
+      clip: f,
       hidden: !1
     });
     const p = s.range()[0] - s(0) + a.bottom;
     p >= 0 && ((c = n.belowZeroLine) == null || c.update({
       clip: {
-        ...g,
+        ...f,
         y: s(0),
         height: p
       }
@@ -710,10 +710,10 @@ const Js = (i) => {
     config: { margin: a },
     height: r,
     elements: o
-  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, d = h.value - c.value >= 0, g = s(c.date), p = s(h.date), _ = p - g;
+  } = i, c = s(e.date) < s(t.date) ? e : t, h = s(e.date) >= s(t.date) ? e : t, d = h.value - c.value >= 0, f = s(c.date), p = s(h.date), _ = p - f;
   o.rangeBorderLeft.update({
-    x1: g,
-    x2: g,
+    x1: f,
+    x2: f,
     y1: a.top,
     y2: r - a.bottom,
     hidden: !1
@@ -724,7 +724,7 @@ const Js = (i) => {
     y2: r - a.bottom,
     hidden: !1
   }), o.rangeCircleLeft.update({
-    cx: g,
+    cx: f,
     cy: n(c.value),
     hidden: !1
   }), o.rangeCircleRight.update({
@@ -733,7 +733,7 @@ const Js = (i) => {
     hidden: !1
   }), o.rangeLine.update({
     clip: {
-      x: g,
+      x: f,
       y: 0,
       width: _,
       height: n.range()[0]
@@ -741,7 +741,7 @@ const Js = (i) => {
     hidden: !1
   }), o.rangeLineArea.update({
     clip: {
-      x: g,
+      x: f,
       y: 0,
       width: _,
       height: n.range()[0]
@@ -751,7 +751,7 @@ const Js = (i) => {
     rightPoint: h,
     leftPoint: c,
     closest: t,
-    x: g + _ / 2,
+    x: f + _ / 2,
     y: 0,
     hidden: !1
   }), (v = o.belowZeroLine) == null || v.update({
@@ -763,24 +763,24 @@ const Js = (i) => {
   e.rangeLine.update({ hidden: !0 }), e.rangeLineArea.update({ hidden: !0 }), e.rangeBorderLeft.update({ hidden: !0 }), e.rangeBorderRight.update({ hidden: !0 }), e.rangeCircleLeft.update({ hidden: !0 }), e.rangeCircleRight.update({ hidden: !0 }), e.rangeTooltip.update({ hidden: !0 }), e.mainLine.className("remove", "_selected-muted"), e.mainLineArea.update({ hidden: !1 }), (t = e.belowZeroLine) == null || t.update({ hidden: !1 });
 }, cn = (i) => {
   const { svg: e, data: t, x: s, config: n, width: a, height: r } = i, { margin: o, hover: c, selection: h } = n;
-  let d = null, g = !1;
+  let d = null, f = !1;
   const p = (v) => t.reduce(
     (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
   e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
     const [b] = E.pointer(v, this), w = p(b);
-    !g && c.enable ? (i.action = "hover", ei(i, w)) : (i.action = g ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
+    !f && c.enable ? (i.action = "hover", ei(i, w)) : (i.action = f ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
   }).on("mouseleave", () => {
-    i.action = "none", g = !1, d = null, ti(i), ii(i);
+    i.action = "none", f = !1, d = null, ti(i), ii(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
-      g = !0, i.action = "selection";
+      f = !0, i.action = "selection";
       const [b] = E.pointer(v, this);
       d = p(b);
     }
   }).on("mouseup", function(v) {
     const [b] = E.pointer(v, this), w = p(b);
-    g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
+    f = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
   });
 }, hn = (i, e, t) => {
   const { margin: s } = e, n = E.scaleTime(), a = E.extent(i, (r) => new Date(r.date));
@@ -798,10 +798,10 @@ const Js = (i) => {
   const s = t.append("div"), n = s.append("svg"), a = t.node();
   let r = a.clientWidth, o = a.clientHeight, c = Jt({ ...Qs }, e.config), h = e.data;
   const d = () => {
-    r = a.clientWidth, o = a.clientHeight, g({ data: h, config: c });
+    r = a.clientWidth, o = a.clientHeight, f({ data: h, config: c });
   };
   e.disabledResize || window.addEventListener("resize", d);
-  const g = (p, _ = !1) => {
+  const f = (p, _ = !1) => {
     _ && p.config && (c = Jt(c, p.config)), _ && p.data && (h = p.data);
     const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, M) => C.date.getTime() - M.date.getTime()), b = hn(v, c, r), w = dn(v, c, o);
     s.attr("class", `sc-charts sc-charts__${c.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${r} ${o}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
@@ -825,32 +825,32 @@ const Js = (i) => {
     };
     cn(y);
   };
-  return g(e), {
-    update: (p) => g(p, !0),
+  return f(e), {
+    update: (p) => f(p, !0),
     destroy: () => {
       e.disabledResize || window.removeEventListener("resize", d), n.remove();
     }
   };
 };
-var Ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Ge = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function un(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var De = { exports: {} };
 De.exports;
 var si;
-function fn() {
+function gn() {
   return si || (si = 1, function(i, e) {
-    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", T = "[object Set]", N = "[object String]", $ = "[object Undefined]", G = "[object WeakMap]", Z = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", W = "[object Int8Array]", O = "[object Int16Array]", oe = "[object Int32Array]", st = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
-    F[K] = F[z] = F[W] = F[O] = F[oe] = F[st] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[Z] = F[d] = F[te] = F[g] = F[p] = F[_] = F[b] = F[w] = F[y] = F[M] = F[T] = F[N] = F[G] = !1;
-    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, P = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, V = ee && !0 && i && !i.nodeType && i, Y = V && V.exports === ee, me = Y && Re.process, we = function() {
+    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", f = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", T = "[object Set]", k = "[object String]", I = "[object Undefined]", V = "[object WeakMap]", Z = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", Y = "[object Int8Array]", O = "[object Int16Array]", oe = "[object Int32Array]", it = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Ie = /^\[object .+?Constructor\]$/, Be = /^(?:0|[1-9]\d*)$/, F = {};
+    F[K] = F[z] = F[Y] = F[O] = F[oe] = F[it] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[Z] = F[d] = F[te] = F[f] = F[p] = F[_] = F[b] = F[w] = F[y] = F[M] = F[T] = F[k] = F[V] = !1;
+    var Re = typeof Ge == "object" && Ge && Ge.Object === Object && Ge, st = typeof self == "object" && self && self.Object === Object && self, P = Re || st || Function("return this")(), ee = e && !e.nodeType && e, W = ee && !0 && i && !i.nodeType && i, j = W && W.exports === ee, me = j && Re.process, we = function() {
       try {
-        var l = V && V.require && V.require("util").types;
+        var l = W && W.require && W.require("util").types;
         return l || me && me.binding && me.binding("util");
       } catch {
       }
     }(), xe = we && we.isTypedArray;
-    function Oe(l, u, m) {
+    function $e(l, u, m) {
       switch (m.length) {
         case 0:
           return l.call(u);
@@ -863,7 +863,7 @@ function fn() {
       }
       return l.apply(u, m);
     }
-    function Pe(l, u) {
+    function Oe(l, u) {
       for (var m = -1, S = Array(l); ++m < l; )
         S[m] = u(m);
       return S;
@@ -881,24 +881,24 @@ function fn() {
         return l(u(m));
       };
     }
-    var Ce = Array.prototype, Ai = Function.prototype, ze = Object.prototype, at = P["__core-js_shared__"], Ve = Ai.toString, ae = ze.hasOwnProperty, Nt = function() {
+    var Ce = Array.prototype, Ai = Function.prototype, Pe = Object.prototype, at = P["__core-js_shared__"], ze = Ai.toString, ae = Pe.hasOwnProperty, Nt = function() {
       var l = /[^.]+$/.exec(at && at.keys && at.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), Ft = ze.toString, Mi = Ve.call(Object), Ti = RegExp(
-      "^" + Ve.call(ae).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), We = Y ? P.Buffer : void 0, Ht = P.Symbol, Bt = P.Uint8Array;
-    We && We.allocUnsafe;
-    var It = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = ze.propertyIsEnumerable, ki = Ce.splice, de = Ht ? Ht.toStringTag : void 0, Ye = function() {
+    }(), Ft = Pe.toString, Mi = ze.call(Object), Ti = RegExp(
+      "^" + ze.call(ae).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    ), Ve = j ? P.Buffer : void 0, Ht = P.Symbol, It = P.Uint8Array;
+    Ve && Ve.allocUnsafe;
+    var Bt = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = Pe.propertyIsEnumerable, ki = Ce.splice, de = Ht ? Ht.toStringTag : void 0, We = function() {
       try {
         var l = lt(Object, "defineProperty");
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Ei = We ? We.isBuffer : void 0, $t = Math.max, Li = Date.now, Ot = lt(P, "Map"), Se = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
+    }(), Li = Ve ? Ve.isBuffer : void 0, $t = Math.max, Ei = Date.now, Ot = lt(P, "Map"), Se = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
       function l() {
       }
       return function(u) {
-        if (!fe(u))
+        if (!ge(u))
           return {};
         if (Rt)
           return Rt(u);
@@ -921,7 +921,7 @@ function fn() {
       var u = this.has(l) && delete this.__data__[l];
       return this.size -= u ? 1 : 0, u;
     }
-    function Bi(l) {
+    function Ii(l) {
       var u = this.__data__;
       if (Se) {
         var m = u[l];
@@ -929,7 +929,7 @@ function fn() {
       }
       return ae.call(u, l) ? u[l] : void 0;
     }
-    function Ii(l) {
+    function Bi(l) {
       var u = this.__data__;
       return Se ? u[l] !== void 0 : ae.call(u, l);
     }
@@ -937,7 +937,7 @@ function fn() {
       var m = this.__data__;
       return this.size += this.has(l) ? 0 : 1, m[l] = Se && u === void 0 ? s : u, this;
     }
-    ue.prototype.clear = Fi, ue.prototype.delete = Hi, ue.prototype.get = Bi, ue.prototype.has = Ii, ue.prototype.set = Ri;
+    ue.prototype.clear = Fi, ue.prototype.delete = Hi, ue.prototype.get = Ii, ue.prototype.has = Bi, ue.prototype.set = Ri;
     function ie(l) {
       var u = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++u < m; ) {
@@ -949,21 +949,21 @@ function fn() {
       this.__data__ = [], this.size = 0;
     }
     function Oi(l) {
-      var u = this.__data__, m = je(u, l);
+      var u = this.__data__, m = Ye(u, l);
       if (m < 0)
         return !1;
       var S = u.length - 1;
       return m == S ? u.pop() : ki.call(u, m, 1), --this.size, !0;
     }
     function Pi(l) {
-      var u = this.__data__, m = je(u, l);
+      var u = this.__data__, m = Ye(u, l);
       return m < 0 ? void 0 : u[m][1];
     }
     function zi(l) {
-      return je(this.__data__, l) > -1;
+      return Ye(this.__data__, l) > -1;
     }
     function Vi(l, u) {
-      var m = this.__data__, S = je(m, l);
+      var m = this.__data__, S = Ye(m, l);
       return S < 0 ? (++this.size, m.push([l, u])) : m[S][1] = u, this;
     }
     ie.prototype.clear = $i, ie.prototype.delete = Oi, ie.prototype.get = Pi, ie.prototype.has = zi, ie.prototype.set = Vi;
@@ -982,17 +982,17 @@ function fn() {
       };
     }
     function Yi(l) {
-      var u = Ue(this, l).delete(l);
+      var u = Xe(this, l).delete(l);
       return this.size -= u ? 1 : 0, u;
     }
     function ji(l) {
-      return Ue(this, l).get(l);
+      return Xe(this, l).get(l);
     }
     function Xi(l) {
-      return Ue(this, l).has(l);
+      return Xe(this, l).has(l);
     }
     function Ui(l, u) {
-      var m = Ue(this, l), S = m.size;
+      var m = Xe(this, l), S = m.size;
       return m.set(l, u), this.size += m.size == S ? 0 : 1, this;
     }
     pe.prototype.clear = Wi, pe.prototype.delete = Yi, pe.prototype.get = ji, pe.prototype.has = Xi, pe.prototype.set = Ui;
@@ -1025,54 +1025,54 @@ function fn() {
     }
     _e.prototype.clear = Gi, _e.prototype.delete = Zi, _e.prototype.get = qi, _e.prototype.has = Ji, _e.prototype.set = Qi;
     function Ki(l, u) {
-      var m = dt(l), S = !m && ht(l), D = !m && !S && Yt(l), H = !m && !S && !D && Xt(l), B = m || S || D || H, L = B ? Pe(l.length, String) : [], I = L.length;
+      var m = dt(l), S = !m && ht(l), D = !m && !S && Yt(l), H = !m && !S && !D && Xt(l), B = m || S || D || H, N = B ? Oe(l.length, String) : [], R = N.length;
       for (var q in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         D && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         H && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
-        Vt(q, I)) || L.push(q);
-      return L;
+        Vt(q, R)) || N.push(q);
+      return N;
     }
     function rt(l, u, m) {
-      (m !== void 0 && !Ge(l[u], m) || m === void 0 && !(u in l)) && ot(l, u, m);
+      (m !== void 0 && !Ue(l[u], m) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
     function es(l, u, m) {
       var S = l[u];
-      (!(ae.call(l, u) && Ge(S, m)) || m === void 0 && !(u in l)) && ot(l, u, m);
+      (!(ae.call(l, u) && Ue(S, m)) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
-    function je(l, u) {
+    function Ye(l, u) {
       for (var m = l.length; m--; )
-        if (Ge(l[m][0], u))
+        if (Ue(l[m][0], u))
           return m;
       return -1;
     }
     function ot(l, u, m) {
-      u == "__proto__" && Ye ? Ye(l, u, {
+      u == "__proto__" && We ? We(l, u, {
         configurable: !0,
         enumerable: !0,
         value: m,
         writable: !0
       }) : l[u] = m;
     }
-    var ts = gs();
-    function Xe(l) {
-      return l == null ? l === void 0 ? $ : x : de && de in Object(l) ? ms(l) : ws(l);
+    var ts = fs();
+    function je(l) {
+      return l == null ? l === void 0 ? I : x : de && de in Object(l) ? ms(l) : ws(l);
     }
     function Pt(l) {
-      return Ae(l) && Xe(l) == o;
+      return Ae(l) && je(l) == o;
     }
     function is(l) {
-      if (!fe(l) || bs(l))
+      if (!ge(l) || bs(l))
         return !1;
-      var u = ft(l) ? Ti : Be;
+      var u = gt(l) ? Ti : Ie;
       return u.test(As(l));
     }
     function ss(l) {
-      return Ae(l) && jt(l.length) && !!F[Xe(l)];
+      return Ae(l) && jt(l.length) && !!F[je(l)];
     }
     function ns(l) {
-      if (!fe(l))
+      if (!ge(l))
         return ys(l);
       var u = Wt(l), m = [];
       for (var S in l)
@@ -1081,35 +1081,35 @@ function fn() {
     }
     function zt(l, u, m, S, D) {
       l !== u && ts(u, function(H, B) {
-        if (D || (D = new _e()), fe(H))
+        if (D || (D = new _e()), ge(H))
           as(l, u, B, m, zt, S, D);
         else {
-          var L = S ? S(ct(l, B), H, B + "", l, u, D) : void 0;
-          L === void 0 && (L = H), rt(l, B, L);
+          var N = S ? S(ct(l, B), H, B + "", l, u, D) : void 0;
+          N === void 0 && (N = H), rt(l, B, N);
         }
       }, Ut);
     }
     function as(l, u, m, S, D, H, B) {
-      var L = ct(l, m), I = ct(u, m), q = B.get(I);
+      var N = ct(l, m), R = ct(u, m), q = B.get(R);
       if (q) {
         rt(l, m, q);
         return;
       }
-      var j = H ? H(L, I, m + "", l, u, B) : void 0, Me = j === void 0;
+      var X = H ? H(N, R, m + "", l, u, B) : void 0, Me = X === void 0;
       if (Me) {
-        var gt = dt(I), mt = !gt && Yt(I), Zt = !gt && !mt && Xt(I);
-        j = I, gt || mt || Zt ? dt(L) ? j = L : Ms(L) ? j = ds(L) : mt ? (Me = !1, j = ls(I)) : Zt ? (Me = !1, j = hs(I)) : j = [] : Ts(I) || ht(I) ? (j = L, ht(L) ? j = Ds(L) : (!fe(L) || ft(L)) && (j = ps(I))) : Me = !1;
+        var ft = dt(R), mt = !ft && Yt(R), Zt = !ft && !mt && Xt(R);
+        X = R, ft || mt || Zt ? dt(N) ? X = N : Ms(N) ? X = ds(N) : mt ? (Me = !1, X = ls(R)) : Zt ? (Me = !1, X = hs(R)) : X = [] : Ts(R) || ht(R) ? (X = N, ht(N) ? X = Ds(N) : (!ge(N) || gt(N)) && (X = ps(R))) : Me = !1;
       }
-      Me && (B.set(I, j), D(j, I, S, H, B), B.delete(I)), rt(l, m, j);
+      Me && (B.set(R, X), D(X, R, S, H, B), B.delete(R)), rt(l, m, X);
     }
     function rs(l, u) {
       return Cs(xs(l, u, Gt), l + "");
     }
-    var os = Ye ? function(l, u) {
-      return Ye(l, "toString", {
+    var os = We ? function(l, u) {
+      return We(l, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: Es(u),
+        value: Ls(u),
         writable: !0
       });
     } : Gt;
@@ -1118,7 +1118,7 @@ function fn() {
     }
     function cs(l) {
       var u = new l.constructor(l.byteLength);
-      return new Bt(u).set(new Bt(l)), u;
+      return new It(u).set(new It(l)), u;
     }
     function hs(l, u) {
       var m = cs(l.buffer);
@@ -1134,32 +1134,32 @@ function fn() {
       var D = !m;
       m || (m = {});
       for (var H = -1, B = u.length; ++H < B; ) {
-        var L = u[H], I = void 0;
-        I === void 0 && (I = l[L]), D ? ot(m, L, I) : es(m, L, I);
+        var N = u[H], R = void 0;
+        R === void 0 && (R = l[N]), D ? ot(m, N, R) : es(m, N, R);
       }
       return m;
     }
-    function fs(l) {
+    function gs(l) {
       return rs(function(u, m) {
         var S = -1, D = m.length, H = D > 1 ? m[D - 1] : void 0, B = D > 2 ? m[2] : void 0;
         for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && _s(m[0], m[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++S < D; ) {
-          var L = m[S];
-          L && l(u, L, S, H);
+          var N = m[S];
+          N && l(u, N, S, H);
         }
         return u;
       });
     }
-    function gs(l) {
+    function fs(l) {
       return function(u, m, S) {
-        for (var D = -1, H = Object(u), B = S(u), L = B.length; L--; ) {
-          var I = B[++D];
-          if (m(H[I], I, H) === !1)
+        for (var D = -1, H = Object(u), B = S(u), N = B.length; N--; ) {
+          var R = B[++D];
+          if (m(H[R], R, H) === !1)
             break;
         }
         return u;
       };
     }
-    function Ue(l, u) {
+    function Xe(l, u) {
       var m = l.__data__;
       return vs(u) ? m[typeof u == "string" ? "string" : "hash"] : m.map;
     }
@@ -1178,17 +1178,17 @@ function fn() {
       return S && (u ? l[de] = m : delete l[de]), D;
     }
     function ps(l) {
-      return typeof l.constructor == "function" && !Wt(l) ? Ni(It(l)) : {};
+      return typeof l.constructor == "function" && !Wt(l) ? Ni(Bt(l)) : {};
     }
     function Vt(l, u) {
       var m = typeof l;
-      return u = u ?? r, !!u && (m == "number" || m != "symbol" && Ie.test(l)) && l > -1 && l % 1 == 0 && l < u;
+      return u = u ?? r, !!u && (m == "number" || m != "symbol" && Be.test(l)) && l > -1 && l % 1 == 0 && l < u;
     }
     function _s(l, u, m) {
-      if (!fe(m))
+      if (!ge(m))
         return !1;
       var S = typeof u;
-      return (S == "number" ? ut(m) && Vt(u, m.length) : S == "string" && u in m) ? Ge(m[u], l) : !1;
+      return (S == "number" ? ut(m) && Vt(u, m.length) : S == "string" && u in m) ? Ue(m[u], l) : !1;
     }
     function vs(l) {
       var u = typeof l;
@@ -1198,7 +1198,7 @@ function fn() {
       return !!Nt && Nt in l;
     }
     function Wt(l) {
-      var u = l && l.constructor, m = typeof u == "function" && u.prototype || ze;
+      var u = l && l.constructor, m = typeof u == "function" && u.prototype || Pe;
       return l === m;
     }
     function ys(l) {
@@ -1216,9 +1216,9 @@ function fn() {
         for (var S = arguments, D = -1, H = $t(S.length - u, 0), B = Array(H); ++D < H; )
           B[D] = S[u + D];
         D = -1;
-        for (var L = Array(u + 1); ++D < u; )
-          L[D] = S[D];
-        return L[u] = m(B), Oe(l, this, L);
+        for (var N = Array(u + 1); ++D < u; )
+          N[D] = S[D];
+        return N[u] = m(B), $e(l, this, N);
       };
     }
     function ct(l, u) {
@@ -1229,7 +1229,7 @@ function fn() {
     function Ss(l) {
       var u = 0, m = 0;
       return function() {
-        var S = Li(), D = a - (S - m);
+        var S = Ei(), D = a - (S - m);
         if (m = S, D > 0) {
           if (++u >= n)
             return arguments[0];
@@ -1241,7 +1241,7 @@ function fn() {
     function As(l) {
       if (l != null) {
         try {
-          return Ve.call(l);
+          return ze.call(l);
         } catch {
         }
         try {
@@ -1251,7 +1251,7 @@ function fn() {
       }
       return "";
     }
-    function Ge(l, u) {
+    function Ue(l, u) {
       return l === u || l !== l && u !== u;
     }
     var ht = Pt(/* @__PURE__ */ function() {
@@ -1260,22 +1260,22 @@ function fn() {
       return Ae(l) && ae.call(l, "callee") && !Di.call(l, "callee");
     }, dt = Array.isArray;
     function ut(l) {
-      return l != null && jt(l.length) && !ft(l);
+      return l != null && jt(l.length) && !gt(l);
     }
     function Ms(l) {
       return Ae(l) && ut(l);
     }
-    var Yt = Ei || Ls;
-    function ft(l) {
-      if (!fe(l))
+    var Yt = Li || Es;
+    function gt(l) {
+      if (!ge(l))
         return !1;
-      var u = Xe(l);
+      var u = je(l);
       return u == _ || u == v || u == h || u == C;
     }
     function jt(l) {
       return typeof l == "number" && l > -1 && l % 1 == 0 && l <= r;
     }
-    function fe(l) {
+    function ge(l) {
       var u = typeof l;
       return l != null && (u == "object" || u == "function");
     }
@@ -1283,13 +1283,13 @@ function fn() {
       return l != null && typeof l == "object";
     }
     function Ts(l) {
-      if (!Ae(l) || Xe(l) != y)
+      if (!Ae(l) || je(l) != y)
         return !1;
-      var u = It(l);
+      var u = Bt(l);
       if (u === null)
         return !0;
       var m = ae.call(u, "constructor") && u.constructor;
-      return typeof m == "function" && m instanceof m && Ve.call(m) == Mi;
+      return typeof m == "function" && m instanceof m && ze.call(m) == Mi;
     }
     var Xt = xe ? ce(xe) : ss;
     function Ds(l) {
@@ -1298,10 +1298,10 @@ function fn() {
     function Ut(l) {
       return ut(l) ? Ki(l) : ns(l);
     }
-    var ks = fs(function(l, u, m) {
+    var ks = gs(function(l, u, m) {
       zt(l, u, m);
     });
-    function Es(l) {
+    function Ls(l) {
       return function() {
         return l;
       };
@@ -1309,14 +1309,14 @@ function fn() {
     function Gt(l) {
       return l;
     }
-    function Ls() {
+    function Es() {
       return !1;
     }
     i.exports = ks;
   }(De, De.exports)), De.exports;
 }
-var gn = fn();
-const Qe = /* @__PURE__ */ un(gn), ni = 12, mn = {
+var fn = gn();
+const Je = /* @__PURE__ */ un(fn), ni = 12, mn = {
   candles: {
     direction: "right",
     offset: `${Math.round(ni / 2)}px`,
@@ -1365,16 +1365,17 @@ const Qe = /* @__PURE__ */ un(gn), ni = 12, mn = {
 };
 class pn {
   constructor(e) {
-    f(this, "_candles");
-    f(this, "_xAxis");
-    f(this, "_yAxis");
-    f(this, "_guides");
-    f(this, "_trade");
-    const t = Qe({}, mn, e);
-    this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade;
+    g(this, "_candles");
+    g(this, "_xAxis");
+    g(this, "_yAxis");
+    g(this, "_guides");
+    g(this, "_trade");
+    g(this, "_logo");
+    const t = Je({}, mn, e);
+    this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade, this._logo = t.logo;
   }
   update(e) {
-    const t = Qe(
+    const t = Je(
       {},
       {
         candles: this._candles,
@@ -1385,7 +1386,7 @@ class pn {
       },
       e
     );
-    this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade;
+    this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade, this._logo = e.hasOwnProperty("logo") ? e.logo : this._logo;
   }
   getSnapshot() {
     return {
@@ -1393,7 +1394,8 @@ class pn {
       xAxis: this._xAxis,
       yAxis: this._yAxis,
       guides: this._guides,
-      trade: this._trade
+      trade: this._trade,
+      logo: this._logo
     };
   }
   get candles() {
@@ -1411,13 +1413,16 @@ class pn {
   get trade() {
     return this._trade;
   }
+  get logo() {
+    return this._logo;
+  }
 }
-class U {
+class G {
   constructor(e) {
-    f(this, "x");
-    f(this, "y");
-    f(this, "width");
-    f(this, "height");
+    g(this, "x");
+    g(this, "y");
+    g(this, "width");
+    g(this, "height");
     let t;
     if (!e)
       t = { x: 0, y: 0, width: 0, height: 0 };
@@ -1455,32 +1460,32 @@ class U {
 }
 class _n {
   constructor(e, t) {
-    f(this, "_chart", new U());
-    f(this, "_area", new U());
-    f(this, "_xAxis", new U());
-    f(this, "_yAxis", new U());
-    f(this, "_axisIntersection", new U());
+    g(this, "_chart", new G());
+    g(this, "_area", new G());
+    g(this, "_xAxis", new G());
+    g(this, "_yAxis", new G());
+    g(this, "_axisIntersection", new G());
     const { xAxis: s, yAxis: n } = t;
-    this._chart = new U(e), this._calc(s, n);
+    this._chart = new G(e), this._calc(s, n);
   }
   _calc(e, t) {
     const s = e.isShow ? e.height : 0, n = t.isShow ? t.width : 0, a = this._chart.height - s, r = this._chart.width - n;
-    this._area = new U({
+    this._area = new G({
       x: t.position === "left" ? n : 0,
       y: e.position === "top" ? s : 0,
       width: r,
       height: a
-    }), this._xAxis = new U({
+    }), this._xAxis = new G({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? n : 0,
       height: s,
       width: r
-    }), this._yAxis = new U({
+    }), this._yAxis = new G({
       y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : r,
       width: n,
       height: a
-    }), this._axisIntersection = new U({
+    }), this._axisIntersection = new G({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? 0 : r,
       width: n,
@@ -1493,7 +1498,7 @@ class _n {
   }
   update(e) {
     const { xAxis: t, yAxis: s } = e.config;
-    this._chart = new U(e.container), this._calc(t, s);
+    this._chart = new G(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1530,28 +1535,28 @@ function ai(i, e) {
   const t = vn(i[0]), s = bn(i, t), n = [];
   return s.forEach((a) => {
     if (a.length === 0) return;
-    const r = i.find((g) => g.close_time.getTime() === a[0]), o = i.find(
-      (g) => g.open_time.getTime() === a[a.length - 1] + t
+    const r = i.find((f) => f.close_time.getTime() === a[0]), o = i.find(
+      (f) => f.open_time.getTime() === a[a.length - 1] + t
     );
     if (!r || !o)
       throw new Error("[CS_Data] error while creating missing data");
     const c = r.close, h = o.open;
     let d = c;
-    a.forEach((g, p) => {
+    a.forEach((f, p) => {
       const _ = (h - d) / a.length;
       let v = d + _ * p, b = v + _;
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
         const M = [...e.trade.entries, ...e.trade.exits].find((T) => {
-          const N = T.time.getTime();
-          return N >= g && N < g + t;
+          const k = T.time.getTime();
+          return k >= f && k < f + t;
         });
         M && (M.type === "buy" ? (y = M.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : M.type === "sell" && (x = M.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, d = v));
       }
       const C = {
-        open_time: new Date(g),
-        close_time: new Date(g + t),
+        open_time: new Date(f),
+        close_time: new Date(f + t),
         open: v,
         close: b,
         high: x,
@@ -1563,12 +1568,12 @@ function ai(i, e) {
 }
 class Dt {
   constructor(e, t) {
-    f(this, "_initialData", []);
-    f(this, "_preparedData", []);
-    f(this, "_missingData", []);
-    f(this, "_count", 0);
-    f(this, "_model");
-    f(this, "_interval", 0);
+    g(this, "_initialData", []);
+    g(this, "_preparedData", []);
+    g(this, "_missingData", []);
+    g(this, "_count", 0);
+    g(this, "_model");
+    g(this, "_interval", 0);
     this._model = t, this.update(e);
   }
   _prepare(e) {
@@ -1604,7 +1609,7 @@ class Dt {
 }
 class yn {
   constructor() {
-    f(this, "listeners", {});
+    g(this, "listeners", {});
   }
   subscribe(e, t) {
     return this.listeners[e] || (this.listeners[e] = []), this.listeners[e].push(t), () => this.unsubscribe(e, t);
@@ -1623,7 +1628,7 @@ class yn {
 }
 class vi {
   constructor() {
-    f(this, "_scale");
+    g(this, "_scale");
   }
   domain() {
     const e = this._scale.domain();
@@ -1711,7 +1716,7 @@ class An {
       config: {
         candles: { baseWidth: n, bodyRatio: a, direction: r }
       }
-    } = this.model, [o, c] = e.domain().map((_) => _.getTime()), h = c - o, d = n / a * t, g = h * (s.width / d), p = r === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
+    } = this.model, [o, c] = e.domain().map((_) => _.getTime()), h = c - o, d = n / a * t, f = h * (s.width / d), p = r === "left" ? [new Date(o), new Date(o + f)] : [new Date(c - f), new Date(c)];
     e.setDomain(p);
   }
   applyOffset(e) {
@@ -1726,16 +1731,16 @@ class An {
 }
 class Mn {
   constructor(e) {
-    f(this, "_model");
-    f(this, "_scaleX");
-    f(this, "_scaleY");
-    f(this, "_initializer");
-    f(this, "_baseDomain", {
+    g(this, "_model");
+    g(this, "_scaleX");
+    g(this, "_scaleY");
+    g(this, "_initializer");
+    g(this, "_baseDomain", {
       x: [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()],
       y: [0, 0]
     });
-    f(this, "scaleFactor", { x: 1, y: 1 });
-    f(this, "panOffset", { x: 0, y: 0 });
+    g(this, "scaleFactor", { x: 1, y: 1 });
+    g(this, "panOffset", { x: 0, y: 0 });
     this._model = e, this._scaleX = new bi(), this._scaleY = new wn(), this._initializer = new An(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
@@ -1782,9 +1787,9 @@ class Mn {
     return this.panOffset.y;
   }
   fitYToVisibleCandles() {
-    const e = this._model.candles.allData, [t, s] = this._scaleX.domain(), n = e.filter((g) => g.open_time >= t && g.open_time <= s);
+    const e = this._model.candles.allData, [t, s] = this._scaleX.domain(), n = e.filter((f) => f.open_time >= t && f.open_time <= s);
     if (!n.length) return;
-    const a = Math.min(...n.map((g) => g.low)), r = Math.max(...n.map((g) => g.high)), o = r - a;
+    const a = Math.min(...n.map((f) => f.low)), r = Math.max(...n.map((f) => f.high)), o = r - a;
     if (o === 0) return;
     const c = this._baseDomain.y;
     this.scale("y", (c[1] - c[0]) / o, "absolute");
@@ -1826,14 +1831,14 @@ class Mn {
 }
 class Tn {
   constructor(e, { entry: t = [], exit: s = [] }) {
-    f(this, "_model");
-    f(this, "_rawEntry");
-    f(this, "_rawExit");
-    f(this, "_mapped", []);
-    f(this, "_entries", []);
-    f(this, "_exits", []);
-    f(this, "_activeTradeTime", null);
-    f(this, "_hoveredTradeTime", null);
+    g(this, "_model");
+    g(this, "_rawEntry");
+    g(this, "_rawExit");
+    g(this, "_mapped", []);
+    g(this, "_entries", []);
+    g(this, "_exits", []);
+    g(this, "_activeTradeTime", null);
+    g(this, "_hoveredTradeTime", null);
     this._model = e, this._rawEntry = t, this._rawExit = s, this.recalculate();
   }
   _findTradeCandle(e) {
@@ -1914,10 +1919,10 @@ class Tn {
 }
 class Dn {
   constructor(e, t) {
-    f(this, "_rawMarkers");
-    f(this, "_markers", []);
-    f(this, "_model");
-    f(this, "_defaults", {
+    g(this, "_rawMarkers");
+    g(this, "_markers", []);
+    g(this, "_model");
+    g(this, "_defaults", {
       mainColor: "#000000",
       textColor: "#ffffff",
       lineColor: "#000000",
@@ -2024,10 +2029,10 @@ const kn = {
     }
   }
 };
-class En {
+class Ln {
   constructor(e) {
-    f(this, "_scheme");
-    this._scheme = Qe({}, kn, e), Object.keys(this._scheme).forEach((t) => {
+    g(this, "_scheme");
+    this._scheme = Je({}, kn, e), Object.keys(this._scheme).forEach((t) => {
       Object.defineProperty(this, t, {
         get: () => this._scheme[t],
         enumerable: !0
@@ -2035,13 +2040,13 @@ class En {
     });
   }
   update(e) {
-    this._scheme = Qe({}, this._scheme, e);
+    this._scheme = Je({}, this._scheme, e);
   }
 }
-class Ln {
+class En {
   constructor(e, t) {
-    f(this, "_data");
-    f(this, "_callbacks", {
+    g(this, "_data");
+    g(this, "_callbacks", {
       onAdd: () => {
       },
       onUpdate: () => {
@@ -2049,8 +2054,8 @@ class Ln {
       onDelete: () => {
       }
     });
-    f(this, "_model");
-    f(this, "_grouped", {});
+    g(this, "_model");
+    g(this, "_grouped", {});
     this._data = (e == null ? void 0 : e.data) || [], this._model = t, this._updateGroups(), e != null && e.onAdd && (this._callbacks.onAdd = e.onAdd), e != null && e.onUpdate && (this._callbacks.onUpdate = e.onUpdate), e != null && e.onDelete && (this._callbacks.onDelete = e.onDelete);
   }
   _updateGroups() {
@@ -2092,18 +2097,18 @@ class Nn {
     colorScheme: o,
     comments: c
   }) {
-    f(this, "chartId");
-    f(this, "container");
-    f(this, "eventBus", new yn());
-    f(this, "candles");
-    f(this, "config");
-    f(this, "colorScheme");
-    f(this, "layout");
-    f(this, "scales");
-    f(this, "trade");
-    f(this, "userMarkers");
-    f(this, "comments");
-    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new En(o), this.layout = new _n(t, this.config), this.scales = new Mn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new Ln(c, this);
+    g(this, "chartId");
+    g(this, "container");
+    g(this, "eventBus", new yn());
+    g(this, "candles");
+    g(this, "config");
+    g(this, "colorScheme");
+    g(this, "layout");
+    g(this, "scales");
+    g(this, "trade");
+    g(this, "userMarkers");
+    g(this, "comments");
+    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new Ln(o), this.layout = new _n(t, this.config), this.scales = new Mn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new En(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2142,15 +2147,15 @@ class Nn {
     this.eventBus.emit("update_comments", e);
   }
 }
-const qe = window.devicePixelRatio || 2;
-class k {
+const Ze = window.devicePixelRatio || 2;
+class L {
   constructor({ tag: e, className: t, id: s, textContent: n }) {
-    f(this, "_tag");
-    f(this, "_className");
-    f(this, "_id");
-    f(this, "_textContent");
-    f(this, "_node");
-    f(this, "_absolutePosition", new DOMRect());
+    g(this, "_tag");
+    g(this, "_className");
+    g(this, "_id");
+    g(this, "_textContent");
+    g(this, "_node");
+    g(this, "_absolutePosition", new DOMRect());
     this._tag = e || "div", this._className = t || "", this._id = s || "", this._textContent = n || "";
     const a = document.createElement(this._tag);
     this._className && (a.className = this._className), this._id && (a.id = this._id), this._textContent && (a.textContent = this._textContent), this._node = a;
@@ -2181,24 +2186,24 @@ class k {
     this.node.style.opacity = e ? "1" : "0", this.node.style.visibility = e ? "visible" : "hidden";
   }
 }
-class Ne extends k {
+class Ne extends L {
   constructor({ className: t, id: s, width: n, height: a, isMain: r }) {
     super({
       tag: "canvas",
       className: `${t} sc-charts-cs__canvas ${r ? "" : "sc-charts-cs__canvas-additional"}`,
       id: s
     });
-    f(this, "_ctx");
-    f(this, "_width");
-    f(this, "_height");
-    f(this, "background", null);
+    g(this, "_ctx");
+    g(this, "_width");
+    g(this, "_height");
+    g(this, "background", null);
     this._width = n, this._height = a, this.updateSize({ width: n, height: a });
     const o = this._node.getContext("2d");
     if (!o) throw new Error("Failed to get 2D context");
-    o.scale(qe, qe), this._ctx = o;
+    o.scale(Ze, Ze), this._ctx = o;
   }
   updateSize({ width: t, height: s }) {
-    t && (this._node.width = t * qe, this._node.style.width = `${t}px`, this._width = t), s && (this._node.height = s * qe, this._node.style.height = `${s}px`, this._height = s);
+    t && (this._node.width = t * Ze, this._node.style.width = `${t}px`, this._width = t), s && (this._node.height = s * Ze, this._node.style.height = `${s}px`, this._height = s);
   }
   clear() {
     this.background ? (this._ctx.save(), this._ctx.fillStyle = this.background, this._ctx.fillRect(0, 0, this._width, this._height), this._ctx.restore()) : this._ctx.clearRect(0, 0, this._width, this._height);
@@ -2222,11 +2227,11 @@ function Hn(i, e) {
     scales: a
   } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = E.timeFormat("%d %b"), h = E.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((d) => {
-    const g = a.x.convert(d), p = o(d) ? c(d) : h(d);
-    i.fillText(p, g, t.y + t.height / 2);
+    const f = a.x.convert(d), p = o(d) ? c(d) : h(d);
+    i.fillText(p, f, t.y + t.height / 2);
   });
 }
-function Bn(i, e) {
+function In(i, e) {
   const {
     layout: { yAxis: t },
     colorScheme: { yAxis: s },
@@ -2238,7 +2243,7 @@ function Bn(i, e) {
     i.fillText(d, t.x + t.width / 2, h);
   });
 }
-const In = (i, e) => {
+const Bn = (i, e) => {
   const {
     layout: { axisIntersection: t },
     colorScheme: s
@@ -2255,15 +2260,15 @@ class bt {
     Hn(e, t);
   }
   static yAxis(e, t) {
-    Bn(e, t);
+    In(e, t);
   }
   static intersection(e, t) {
-    In(e, t);
+    Bn(e, t);
   }
 }
 class Rn {
   constructor(e) {
-    f(this, "_target");
+    g(this, "_target");
     this._target = e;
   }
   mousemove(e) {
@@ -2288,27 +2293,27 @@ class Rn {
     this._target.addEventListener("contextmenu", e);
   }
 }
-function Ke(i) {
+function Qe(i) {
   return i * 0.1875;
 }
 const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
-  i.save(), i.translate(_, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
-  const b = a + g * 3 + 0.5, w = g * 16, x = b + w / 2;
+  const f = r / 16, p = 16 * f, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(f, f), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const b = a + f * 3 + 0.5, w = f * 16, x = b + w / 2;
   i.fillStyle = t, i.fillText(s, n, x), i.restore();
 }, On = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
-  const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
-  i.save(), i.translate(_, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
-  const b = g * 16, w = a - g * 19 + b / 2;
+  const f = r / 16, p = 16 * f, _ = n - p / 2, v = a;
+  i.save(), i.translate(_, v), i.scale(f, -f), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
+  const b = f * 16, w = a - f * 19 + b / 2;
   i.fillStyle = t, i.fillText(s, n, w), i.restore();
 };
-function et(i) {
+function Ke(i) {
   "@babel/helpers - typeof";
-  return et = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+  return Ke = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, et(i);
+  }, Ke(i);
 }
 var Pn = /^\s+/, zn = /\s+$/;
 function A(i, e) {
@@ -2400,14 +2405,14 @@ A.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(R(this._r, 255) * 100) + "%",
-      g: Math.round(R(this._g, 255) * 100) + "%",
-      b: Math.round(R(this._b, 255) * 100) + "%",
+      r: Math.round($(this._r, 255) * 100) + "%",
+      g: Math.round($(this._g, 255) * 100) + "%",
+      b: Math.round($(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(R(this._r, 255) * 100) + "%, " + Math.round(R(this._g, 255) * 100) + "%, " + Math.round(R(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(R(this._r, 255) * 100) + "%, " + Math.round(R(this._g, 255) * 100) + "%, " + Math.round(R(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round($(this._r, 255) * 100) + "%, " + Math.round($(this._g, 255) * 100) + "%, " + Math.round($(this._b, 255) * 100) + "%)" : "rgba(" + Math.round($(this._r, 255) * 100) + "%, " + Math.round($(this._g, 255) * 100) + "%, " + Math.round($(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
     return this._a === 0 ? "transparent" : this._a < 1 ? !1 : na[hi(this._r, this._g, this._b, !0)] || !1;
@@ -2481,7 +2486,7 @@ A.prototype = {
   }
 };
 A.fromRatio = function(i, e) {
-  if (et(i) == "object") {
+  if (Ke(i) == "object") {
     var t = {};
     for (var s in i)
       i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = ke(i[s]));
@@ -2495,7 +2500,7 @@ function Vn(i) {
     g: 0,
     b: 0
   }, t = 1, s = null, n = null, a = null, r = !1, o = !1;
-  return typeof i == "string" && (i = la(i)), et(i) == "object" && (se(i.r) && se(i.g) && se(i.b) ? (e = Wn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : se(i.h) && se(i.s) && se(i.v) ? (s = ke(i.s), n = ke(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : se(i.h) && se(i.s) && se(i.l) && (s = ke(i.s), a = ke(i.l), e = Yn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = yi(t), {
+  return typeof i == "string" && (i = la(i)), Ke(i) == "object" && (se(i.r) && se(i.g) && se(i.b) ? (e = Wn(i.r, i.g, i.b), r = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : se(i.h) && se(i.s) && se(i.v) ? (s = ke(i.s), n = ke(i.v), e = jn(i.h, s, n), r = !0, o = "hsv") : se(i.h) && se(i.s) && se(i.l) && (s = ke(i.s), a = ke(i.l), e = Yn(i.h, s, a), r = !0, o = "hsl"), i.hasOwnProperty("a") && (t = i.a)), t = yi(t), {
     ok: r,
     format: i.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -2506,13 +2511,13 @@ function Vn(i) {
 }
 function Wn(i, e, t) {
   return {
-    r: R(i, 255) * 255,
-    g: R(e, 255) * 255,
-    b: R(t, 255) * 255
+    r: $(i, 255) * 255,
+    g: $(e, 255) * 255,
+    b: $(t, 255) * 255
   };
 }
 function li(i, e, t) {
-  i = R(i, 255), e = R(e, 255), t = R(t, 255);
+  i = $(i, 255), e = $(e, 255), t = $(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = (s + n) / 2;
   if (s == n)
     a = r = 0;
@@ -2539,9 +2544,9 @@ function li(i, e, t) {
 }
 function Yn(i, e, t) {
   var s, n, a;
-  i = R(i, 360), e = R(e, 100), t = R(t, 100);
-  function r(h, d, g) {
-    return g < 0 && (g += 1), g > 1 && (g -= 1), g < 1 / 6 ? h + (d - h) * 6 * g : g < 1 / 2 ? d : g < 2 / 3 ? h + (d - h) * (2 / 3 - g) * 6 : h;
+  i = $(i, 360), e = $(e, 100), t = $(t, 100);
+  function r(h, d, f) {
+    return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? h + (d - h) * 6 * f : f < 1 / 2 ? d : f < 2 / 3 ? h + (d - h) * (2 / 3 - f) * 6 : h;
   }
   if (e === 0)
     s = n = a = t;
@@ -2556,7 +2561,7 @@ function Yn(i, e, t) {
   };
 }
 function ci(i, e, t) {
-  i = R(i, 255), e = R(e, 255), t = R(t, 255);
+  i = $(i, 255), e = $(e, 255), t = $(t, 255);
   var s = Math.max(i, e, t), n = Math.min(i, e, t), a, r, o = s, c = s - n;
   if (r = s === 0 ? 0 : c / s, s == n)
     a = 0;
@@ -2581,12 +2586,12 @@ function ci(i, e, t) {
   };
 }
 function jn(i, e, t) {
-  i = R(i, 360) * 6, e = R(e, 100), t = R(t, 100);
-  var s = Math.floor(i), n = i - s, a = t * (1 - e), r = t * (1 - n * e), o = t * (1 - (1 - n) * e), c = s % 6, h = [t, r, a, a, o, t][c], d = [o, t, t, r, a, a][c], g = [a, a, o, t, t, r][c];
+  i = $(i, 360) * 6, e = $(e, 100), t = $(t, 100);
+  var s = Math.floor(i), n = i - s, a = t * (1 - e), r = t * (1 - n * e), o = t * (1 - (1 - n) * e), c = s % 6, h = [t, r, a, a, o, t][c], d = [o, t, t, r, a, a][c], f = [a, a, o, t, t, r][c];
   return {
     r: h * 255,
     g: d * 255,
-    b: g * 255
+    b: f * 255
   };
 }
 function hi(i, e, t, s) {
@@ -2614,12 +2619,12 @@ A.random = function() {
 function Un(i, e) {
   e = e === 0 ? 0 : e || 10;
   var t = A(i).toHsl();
-  return t.s -= e / 100, t.s = it(t.s), A(t);
+  return t.s -= e / 100, t.s = tt(t.s), A(t);
 }
 function Gn(i, e) {
   e = e === 0 ? 0 : e || 10;
   var t = A(i).toHsl();
-  return t.s += e / 100, t.s = it(t.s), A(t);
+  return t.s += e / 100, t.s = tt(t.s), A(t);
 }
 function Zn(i) {
   return A(i).desaturate(100);
@@ -2627,7 +2632,7 @@ function Zn(i) {
 function qn(i, e) {
   e = e === 0 ? 0 : e || 10;
   var t = A(i).toHsl();
-  return t.l += e / 100, t.l = it(t.l), A(t);
+  return t.l += e / 100, t.l = tt(t.l), A(t);
 }
 function Jn(i, e) {
   e = e === 0 ? 0 : e || 10;
@@ -2637,7 +2642,7 @@ function Jn(i, e) {
 function Qn(i, e) {
   e = e === 0 ? 0 : e || 10;
   var t = A(i).toHsl();
-  return t.l -= e / 100, t.l = it(t.l), A(t);
+  return t.l -= e / 100, t.l = tt(t.l), A(t);
 }
 function Kn(i, e) {
   var t = A(i).toHsl(), s = (t.h + e) % 360;
@@ -2887,15 +2892,15 @@ function aa(i) {
 function yi(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
-function R(i, e) {
+function $(i, e) {
   ra(i) && (i = "100%");
   var t = oa(i);
   return i = Math.min(e, Math.max(0, parseFloat(i))), t && (i = parseInt(i * e, 10) / 100), Math.abs(i - e) < 1e-6 ? 1 : i % e / parseFloat(e);
 }
-function it(i) {
+function tt(i) {
   return Math.min(1, Math.max(0, i));
 }
-function X(i) {
+function U(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2913,8 +2918,8 @@ function ke(i) {
 function wi(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function fi(i) {
-  return X(i) / 255;
+function gi(i) {
+  return U(i) / 255;
 }
 var J = function() {
   var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
@@ -2977,26 +2982,26 @@ function la(i) {
     v: t[3],
     a: t[4]
   } : (t = J.hex8.exec(i)) ? {
-    r: X(t[1]),
-    g: X(t[2]),
-    b: X(t[3]),
-    a: fi(t[4]),
+    r: U(t[1]),
+    g: U(t[2]),
+    b: U(t[3]),
+    a: gi(t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex6.exec(i)) ? {
-    r: X(t[1]),
-    g: X(t[2]),
-    b: X(t[3]),
+    r: U(t[1]),
+    g: U(t[2]),
+    b: U(t[3]),
     format: e ? "name" : "hex"
   } : (t = J.hex4.exec(i)) ? {
-    r: X(t[1] + "" + t[1]),
-    g: X(t[2] + "" + t[2]),
-    b: X(t[3] + "" + t[3]),
-    a: fi(t[4] + "" + t[4]),
+    r: U(t[1] + "" + t[1]),
+    g: U(t[2] + "" + t[2]),
+    b: U(t[3] + "" + t[3]),
+    a: gi(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex3.exec(i)) ? {
-    r: X(t[1] + "" + t[1]),
-    g: X(t[2] + "" + t[2]),
-    b: X(t[3] + "" + t[3]),
+    r: U(t[1] + "" + t[1]),
+    g: U(t[2] + "" + t[2]),
+    b: U(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -3021,10 +3026,10 @@ function ha(i, e) {
   } = e;
   if (!r) return;
   const { trade: o } = a, c = 4;
-  t.forEach(({ isHovered: h, isActive: d, candle: g, trades: p }) => {
-    const _ = s.convert(g.open_time);
+  t.forEach(({ isHovered: h, isActive: d, candle: f, trades: p }) => {
+    const _ = s.convert(f.open_time);
     p.forEach((v) => {
-      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : On;
+      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(f.low) + c : n.convert(f.high) - c, C = b ? $n : On;
       let M = b ? o.buyLabel.main : o.sellLabel.main;
       h && h[1] && h[0] === v.type && (M = A.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
         x: _,
@@ -3047,13 +3052,13 @@ function da(i, e) {
     colorScheme: { trade: h }
   } = e;
   if (a.length === 0) return;
-  const d = a.map((p) => p.candle).sort((p, _) => p.open_time.getTime() - _.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
+  const d = a.map((p) => p.candle).sort((p, _) => p.open_time.getTime() - _.open_time.getTime()), f = c.baseWidth / 2 * s + c.strokeWidth / 2;
   if (i.save(), i.lineWidth = 1, i.strokeStyle = h.tradeBorders, o.length) {
-    const p = t.convert(d[0].open_time) - g;
+    const p = t.convert(d[0].open_time) - f;
     i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   if (r.length) {
-    const p = t.convert(d[d.length - 1].open_time) + g;
+    const p = t.convert(d[d.length - 1].open_time) + f;
     i.beginPath(), i.moveTo(p, n.y), i.lineTo(p, n.y + n.height), i.stroke();
   }
   i.restore();
@@ -3068,27 +3073,27 @@ const ua = (i, e) => {
     }
   } = e;
   if (i.save(), !c) return;
-  const h = (g) => {
+  const h = (f) => {
     var p;
     return (p = n.find(
-      (_) => g.getTime() >= _.candle.open_time.getTime() && g.getTime() < _.candle.close_time.getTime()
+      (_) => f.getTime() >= _.candle.open_time.getTime() && f.getTime() < _.candle.close_time.getTime()
     )) == null ? void 0 : p.candle;
-  }, d = (g, p) => {
-    const _ = h(g.time), v = h(p.time);
+  }, d = (f, p) => {
+    const _ = h(f.time), v = h(p.time);
     if (!_ || !v) return;
     const b = t.convert(_.open_time), w = t.convert(v.open_time);
     let x, y;
-    g.type === "buy" ? (x = s.convert(_.low), y = s.convert(v.high)) : (x = s.convert(_.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, x), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
+    f.type === "buy" ? (x = s.convert(_.low), y = s.convert(v.high)) : (x = s.convert(_.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, x), i.lineTo(w, y), i.stroke(), i.setLineDash([]);
   };
   if (a.length === 1 && r.length > 1)
-    r.forEach((g) => d(a[0], g));
+    r.forEach((f) => d(a[0], f));
   else if (r.length === 1 && a.length > 1)
-    a.forEach((g) => d(g, r[0]));
+    a.forEach((f) => d(f, r[0]));
   else if (a.length === 1 && r.length === 1)
     d(a[0], r[0]);
   else if (a.length > 0 && r.length > 0) {
-    const g = a.reduce((_, v) => _.time < v.time ? _ : v), p = r.reduce((_, v) => _.time > v.time ? _ : v);
-    d(g, p);
+    const f = a.reduce((_, v) => _.time < v.time ? _ : v), p = r.reduce((_, v) => _.time > v.time ? _ : v);
+    d(f, p);
   }
   i.restore();
 }, xi = (i, e) => {
@@ -3100,7 +3105,7 @@ const ua = (i, e) => {
     height: o
   } = e;
   i.beginPath(), i.fillStyle = a, i.lineWidth = 1, i.moveTo(s + t, n), i.lineTo(s + r - t, n), i.quadraticCurveTo(s + r, n, s + r, n + t), i.lineTo(s + r, n + o - t), i.quadraticCurveTo(s + r, n + o, s + r - t, n + o), i.lineTo(s + t, n + o), i.quadraticCurveTo(s, n + o, s, n + o - t), i.lineTo(s, n + t), i.quadraticCurveTo(s, n, s + t, n), i.closePath(), i.fill();
-}, fa = (i) => {
+}, ga = (i) => {
   const e = Math.floor((Date.now() - +i) / 1e3), t = [
     [60, 1, "s"],
     [3600, 60, "m"],
@@ -3112,7 +3117,7 @@ const ua = (i, e) => {
   ], [, s, n] = t.find(([r]) => e < r);
   return `${Math.floor(e / s)}${n} ago`;
 };
-function ga(i) {
+function fa(i) {
   const e = Math.floor(i / 1e3), t = [
     { label: "d", value: 86400 },
     { label: "h", value: 3600 },
@@ -3128,7 +3133,7 @@ function ga(i) {
   return s.length ? s.join(" ") : "0s";
 }
 const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
-  var W;
+  var Y;
   const {
     scales: { x: t, y: s },
     trade: { entries: n, exits: a, holdTime: r },
@@ -3136,7 +3141,7 @@ const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
       trade: { hold: o }
     },
     config: {
-      trade: { showHoldTime: c, holdTimeContent: h, holdTimeDates: d, holdTimePrice: g }
+      trade: { showHoldTime: c, holdTimeContent: h, holdTimeDates: d, holdTimePrice: f }
     }
   } = e;
   if (!c) return;
@@ -3144,23 +3149,23 @@ const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
   if (!p || !_) return;
   const v = (O) => O ? O instanceof Date ? O : new Date(O) : null, b = v(d == null ? void 0 : d[0]) || p.candle.open_time, w = v(d == null ? void 0 : d[1]) || _.candle.close_time, x = t.convert(v(d == null ? void 0 : d[0]) || p.candle.open_time), y = t.convert(v(d == null ? void 0 : d[1]) || _.candle.open_time), C = e.candles.allData.filter(
     (O) => O.open_time <= w && O.close_time >= b
-  ), M = C.length > 0 ? C.reduce((O, oe) => oe.low < O ? oe.low : O, C[0].low) : ((W = n.at(0)) == null ? void 0 : W.price) ?? 0, T = s.convert(g || M);
+  ), M = C.length > 0 ? C.reduce((O, oe) => oe.low < O ? oe.low : O, C[0].low) : ((Y = n.at(0)) == null ? void 0 : Y.price) ?? 0, T = s.convert(f || M);
   i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, T), i.lineTo(y, T), i.stroke(), i.setLineDash([]);
-  const N = (x + y) / 2, $ = h || `Hold: ${ga(r)}`, Z = getComputedStyle(
+  const k = (x + y) / 2, I = h || `Hold: ${fa(r)}`, Z = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `600 ${ma}px ${Z}`;
-  const K = i.measureText($).width + pa * 2, z = va + _a * 2;
+  const K = i.measureText(I).width + pa * 2, z = va + _a * 2;
   xi(i, {
     radius: 4,
     coords: {
-      x: N - K / 2,
+      x: k - K / 2,
       y: T - z / 2
     },
     width: K,
     height: z,
     fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText($, N, T), i.restore();
+  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(I, k, T), i.restore();
 };
 class Fe {
   constructor(e, t, {
@@ -3168,11 +3173,11 @@ class Fe {
     noCanvas: n = !1,
     noDOM: a = !1
   } = {}) {
-    f(this, "canvas", null);
-    f(this, "dom", null);
-    f(this, "prefix");
+    g(this, "canvas", null);
+    g(this, "dom", null);
+    g(this, "prefix");
     const { width: r, height: o, canvasesContainer: c, domElements: h } = t;
-    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${e}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new k({ className: `sc-charts-cs__dom-${e}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${e}`;
+    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${e}`, width: r, height: o }), c.append(this.canvas.node)), a || (this.dom = new L({ className: `sc-charts-cs__dom-${e}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${e}`;
   }
   cx(...e) {
     return e.map((t) => `${this.prefix}-${t}`).join(" ");
@@ -3194,9 +3199,9 @@ const ya = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (y) => {
-    const { dx: C, dy: M } = ya[y], T = t.x + (C === 1 ? n : -a - n), N = t.y + (M === 1 ? n : -r - n);
-    return { x: T, y: N, side: y };
-  }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
+    const { dx: C, dy: M } = ya[y], T = t.x + (C === 1 ? n : -a - n), k = t.y + (M === 1 ? n : -r - n);
+    return { x: T, y: k, side: y };
+  }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, f = () => {
     const y = t.y < 0, C = t.y + r > c, M = t.x < 0, T = t.x + a > o;
     return M && y ? "right-bottom" : M && C ? "right-top" : T && y ? "left-bottom" : T && C ? "left-top" : M ? "right-bottom" : T ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, _ = [
@@ -3205,7 +3210,7 @@ const ya = {
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
+  ].filter((y, C, M) => M.indexOf(y) === C), v = f();
   let b = null;
   for (const y of [v, ..._]) {
     const C = h(y);
@@ -3222,11 +3227,11 @@ const ya = {
     side: b.side
   };
 };
-class ne extends k {
+class ne extends L {
   constructor(t) {
     super(t);
-    f(this, "_state", {});
-    f(this, "_updateScheduled", !1);
+    g(this, "_state", {});
+    g(this, "_updateScheduled", !1);
   }
   get state() {
     return this._state;
@@ -3261,32 +3266,32 @@ class wa extends ne {
   constructor(t) {
     const s = "label-tooltip";
     super({ className: t.cx(s) });
-    f(this, "title");
-    f(this, "manyBox");
-    f(this, "oneBox");
-    f(this, "clsx");
-    this.clsx = t.cxFabric(s), this.title = new k({
+    g(this, "title");
+    g(this, "manyBox");
+    g(this, "oneBox");
+    g(this, "clsx");
+    this.clsx = t.cxFabric(s), this.title = new L({
       tag: "div",
       className: this.clsx("title")
-    }), this.manyBox = new k({
+    }), this.manyBox = new L({
       tag: "div",
       className: this.clsx("box_many")
-    }), this.oneBox = new k({
+    }), this.oneBox = new L({
       tag: "div",
       className: this.clsx("box_one")
-    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: U.empty() };
+    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: G.empty() };
   }
   _createLineNodes(t, s) {
     const n = [];
     for (const a of Object.keys(s))
       if (a in t) {
-        const r = new k({
+        const r = new L({
           tag: "div",
           className: this.clsx("line")
         });
         let o = t[a].toString();
         a === "kind" && (o = this._formatDate(t.time));
-        const c = new k({ tag: "strong", textContent: s[a] }), h = new k({ tag: "span", textContent: o });
+        const c = new L({ tag: "strong", textContent: s[a] }), h = new L({ tag: "span", textContent: o });
         r.append(c.node, h.node), n.push(r.node);
       }
     return n;
@@ -3316,7 +3321,7 @@ class wa extends ne {
       } else if (t.length > 1) {
         this.manyBox.node.style.display = "flex";
         const s = t.map((n) => {
-          const a = new k({ tag: "div" }), r = this._createLineNodes(n, {
+          const a = new L({ tag: "div" }), r = this._createLineNodes(n, {
             kind: n.kind === "entry" ? "Entry:" : "Exit:",
             price: "Price:"
           });
@@ -3340,7 +3345,7 @@ class wa extends ne {
 class xa extends Fe {
   constructor(t) {
     super("trade", t);
-    f(this, "labelTooltip");
+    g(this, "labelTooltip");
     if (!this.dom) throw new Error("[CS_V_Trade] this.dom must be defined");
     if (!this.canvas) throw new Error("[CS_V_Trade] this.canvas must be defined");
     this.labelTooltip = new wa(this), this.dom.append(this.labelTooltip.node);
@@ -3363,7 +3368,7 @@ const Sa = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     borderRadius: c = 0,
     colors: h,
     align: d = { x: "left", y: "top" }
-  } = e, g = { ...Sa, ...h }, _ = getComputedStyle(
+  } = e, f = { ...Sa, ...h }, _ = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `${a} ${n}px ${_}`;
@@ -3374,16 +3379,16 @@ const Sa = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
     coords: { x, y },
     width: b,
     height: w,
-    fillColor: g.bg
-  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, x + b / 2, y + w / 2);
-}, gi = {
+    fillColor: f.bg
+  }), i.fillStyle = f.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, x + b / 2, y + w / 2);
+}, fi = {
   line: "#000000",
   text: "#ffffff",
   main: "#000000"
-}, Ci = (i, { text: e, startLineCoords: t, side: s, colors: n = gi, dir: a = "h", endMarkerCoords: r }) => {
+}, Ci = (i, { text: e, startLineCoords: t, side: s, colors: n = fi, dir: a = "h", endMarkerCoords: r }) => {
   if (a === "h" && (s === "bottom" || s === "top"))
     throw new Error("[drawMarker util]: Incorrect side or dir for this marker");
-  const o = { ...gi, ...n };
+  const o = { ...fi, ...n };
   i.save(), Ca(i, {
     color: o.line,
     lineWidth: 1,
@@ -3452,7 +3457,7 @@ class Ta extends Fe {
 const Da = "sc-charts-cs";
 class re {
   constructor(e) {
-    f(this, "block");
+    g(this, "block");
     this.block = e;
   }
   gen(e) {
@@ -3460,10 +3465,10 @@ class re {
   }
 }
 const yt = new re("comment-actions");
-class ka extends k {
+class ka extends L {
   constructor({ onDelete: e, onUpdate: t }) {
     super({ className: yt.gen() });
-    const s = new k({ tag: "button", className: yt.gen("edit"), textContent: "Edit" }), n = new k({
+    const s = new L({ tag: "button", className: yt.gen("edit"), textContent: "Edit" }), n = new L({
       tag: "button",
       className: yt.gen("delete"),
       textContent: "Delete"
@@ -3475,7 +3480,7 @@ class ka extends k {
     }), this.append(s.node, n.node);
   }
 }
-function Et(i, e) {
+function Lt(i, e) {
   var n;
   const t = (a) => {
     if (!document.contains(i.node)) return;
@@ -3492,9 +3497,9 @@ function Et(i, e) {
     document.removeEventListener("mousedown", t), s == null || s();
   }, i;
 }
-class Ea {
+class La {
   constructor() {
-    f(this, "node");
+    g(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
     t.setAttribute("width", "18"), t.setAttribute("height", "4"), t.setAttribute("viewBox", "0 0 18 4"), t.setAttribute("fill", "none"), t.setAttribute("xmlns", e);
     const s = [
@@ -3531,16 +3536,16 @@ class Ea {
   }
 }
 const Te = new re("comment-list");
-class La extends k {
+class Ea extends L {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
     super({ className: Te.gen("item") });
-    f(this, "actionTooltip");
-    f(this, "actionsTrigger");
-    const r = new k({ className: Te.gen("text"), textContent: n.text }), o = new k({
+    g(this, "actionTooltip");
+    g(this, "actionsTrigger");
+    const r = new L({ className: Te.gen("text"), textContent: n.text }), o = new L({
       className: Te.gen("created-at"),
-      textContent: fa(new Date(n.createdAt))
+      textContent: ga(new Date(n.createdAt))
     });
-    this.actionsTrigger = new k({
+    this.actionsTrigger = new L({
       tag: "button",
       className: Te.gen("action-trigger")
     });
@@ -3548,18 +3553,18 @@ class La extends k {
       onDelete: t,
       onUpdate: s
     });
-    this.actionTooltip = Et(c, () => {
+    this.actionTooltip = Lt(c, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
       this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - a.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - a.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
-    const h = new k({ className: Te.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ea().node), this.append(h.node, o.node);
+    const h = new L({ className: Te.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new La().node), this.append(h.node, o.node);
   }
 }
 class Na {
   constructor() {
-    f(this, "node");
+    g(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
     t.setAttribute("width", "14"), t.setAttribute("height", "12"), t.setAttribute("viewBox", "0 0 14 12"), t.setAttribute("fill", "none"), t.setAttribute("xmlns", e);
     const s = document.createElementNS(e, "path");
@@ -3571,7 +3576,7 @@ class Na {
 }
 class Fa {
   constructor() {
-    f(this, "node");
+    g(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
     t.setAttribute("width", "10"), t.setAttribute("height", "10"), t.setAttribute("viewBox", "0 0 10 10"), t.setAttribute("fill", "none"), t.setAttribute("xmlns", e);
     const s = document.createElementNS(e, "path");
@@ -3584,19 +3589,19 @@ class Fa {
 class Ha extends ne {
   constructor(t) {
     super({ className: "sc-charts-cs__comments-edit" });
-    f(this, "input");
-    f(this, "saveBtn");
-    f(this, "cancelBtn");
-    f(this, "_onSave");
-    f(this, "_onCancel");
-    this._onSave = t.onSave, this._onCancel = t.onCancel, this.input = new k({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new k({
+    g(this, "input");
+    g(this, "saveBtn");
+    g(this, "cancelBtn");
+    g(this, "_onSave");
+    g(this, "_onCancel");
+    this._onSave = t.onSave, this._onCancel = t.onCancel, this.input = new L({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new L({
       tag: "button",
       className: "sc-charts-cs__comments-edit-save-btn"
-    }), this.saveBtn.append(new Na().node), this.cancelBtn = new k({
+    }), this.saveBtn.append(new Na().node), this.cancelBtn = new L({
       tag: "button",
       className: "sc-charts-cs__comments-edit-cancel-btn"
     }), this.cancelBtn.append(new Fa().node);
-    const s = new k({ className: "sc-charts-cs__comments-edit-btn-container" });
+    const s = new L({ className: "sc-charts-cs__comments-edit-btn-container" });
     s.append(this.cancelBtn.node, this.saveBtn.node), this.append(this.input.node, s.node), this.state = { inputValue: t.initialValue || "", hasInitFocused: !1 }, this._setupListeners(), this.render();
   }
   _setupListeners() {
@@ -3611,13 +3616,13 @@ class Ha extends ne {
     this.input.node.value = this.state.inputValue, this.saveBtn.node.disabled = !this.state.inputValue.trim(), this.state.hasInitFocused || (requestAnimationFrame(() => this.input.node.focus()), this.setState({ hasInitFocused: !0 }));
   }
 }
-const Ba = new re("comment-list");
-class Ia extends ne {
+const Ia = new re("comment-list");
+class Ba extends ne {
   constructor(t, s, n, a = {}) {
-    super({ tag: "ul", className: Ba.gen(), ...a });
-    f(this, "_elements", {});
-    f(this, "_model");
-    f(this, "_view");
+    super({ tag: "ul", className: Ia.gen(), ...a });
+    g(this, "_elements", {});
+    g(this, "_model");
+    g(this, "_view");
     this._model = s, this._view = n, this.state = { items: t, editId: null }, this.render();
   }
   render() {
@@ -3639,7 +3644,7 @@ class Ia extends ne {
         },
         initialValue: t.text
       });
-    const s = new La({
+    const s = new Ea({
       onDelete: () => {
         this._model.comments.remove(t.id), s.actionTooltip.setVisible(!1);
       },
@@ -3657,7 +3662,7 @@ class Ia extends ne {
 }
 class Ra {
   constructor() {
-    f(this, "node");
+    g(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
     t.setAttribute("width", "14"), t.setAttribute("height", "14"), t.setAttribute("viewBox", "0 0 14 14"), t.setAttribute("fill", "none"), t.setAttribute("xmlns", e);
     const s = document.createElementNS(e, "path");
@@ -3667,20 +3672,20 @@ class Ra {
     ), s.setAttribute("stroke", "currentColor"), s.setAttribute("stroke-linecap", "round"), s.setAttribute("stroke-linejoin", "round"), t.appendChild(s), this.node = t;
   }
 }
-const Je = new re(""), wt = new re("add-field");
+const qe = new re(""), wt = new re("add-field");
 class Si extends ne {
   constructor({ onAdd: t, blockName: s }) {
-    Je.block = s;
-    super({ className: Je.gen() + " " + wt.gen() });
-    f(this, "btn");
-    f(this, "input");
-    f(this, "_onAdd");
-    this._onAdd = t, this.state = { inputValue: "" }, this.input = new k({
+    qe.block = s;
+    super({ className: qe.gen() + " " + wt.gen() });
+    g(this, "btn");
+    g(this, "input");
+    g(this, "_onAdd");
+    this._onAdd = t, this.state = { inputValue: "" }, this.input = new L({
       tag: "input",
-      className: Je.gen("input") + " " + wt.gen("input")
-    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new k({
+      className: qe.gen("input") + " " + wt.gen("input")
+    }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new L({
       tag: "button",
-      className: Je.gen("btn") + " " + wt.gen("btn")
+      className: qe.gen("btn") + " " + wt.gen("btn")
     }), this.btn.append(new Ra().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
   }
   _addComment() {
@@ -3704,12 +3709,12 @@ const $a = new re("list-tooltip"), xt = 8;
 class Oa extends ne {
   constructor(t, s, n) {
     super({ className: $a.gen() });
-    f(this, "_list");
-    f(this, "_addField");
-    f(this, "_size", null);
-    f(this, "_model");
-    f(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new Si({
+    g(this, "_list");
+    g(this, "_addField");
+    g(this, "_size", null);
+    g(this, "_model");
+    g(this, "_prevIsShow", !1);
+    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ba(t, s, n), this._addField = new Si({
       blockName: "list-tooltip-add",
       onAdd: (a) => {
         const r = t[0].date, o = t[0].price, c = {
@@ -3735,7 +3740,7 @@ class Oa extends ne {
 }
 class Pa {
   constructor() {
-    f(this, "node");
+    g(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
     t.setAttribute("width", "16"), t.setAttribute("height", "16"), t.setAttribute("viewBox", "0 0 16 16"), t.setAttribute("fill", "none"), t.setAttribute("xmlns", e);
     const s = document.createElementNS(e, "path");
@@ -3748,7 +3753,7 @@ class Pa {
 class za extends ne {
   constructor({ x: t, ...s }, n) {
     super(s);
-    f(this, "_colors");
+    g(this, "_colors");
     this._colors = n.colorScheme.comments.scaleAnchor, this.state = {
       x: t,
       y: n.layout.xAxis.top,
@@ -3766,12 +3771,12 @@ const mi = new re("comment-box");
 class Va extends ne {
   constructor({ boxId: t, model: s, view: n, comments: a, coords: r, onBoxActivate: o, onBoxDeactivate: c }) {
     super({ className: mi.gen() });
-    f(this, "pointer", new k({ className: "sc-charts-cs__comments-pointer" }));
-    f(this, "tooltip");
-    f(this, "anchor");
-    f(this, "_onBoxActivate");
-    f(this, "_onBoxDeactivate");
-    f(this, "_boxId");
+    g(this, "pointer", new L({ className: "sc-charts-cs__comments-pointer" }));
+    g(this, "tooltip");
+    g(this, "anchor");
+    g(this, "_onBoxActivate");
+    g(this, "_onBoxDeactivate");
+    g(this, "_boxId");
     this._boxId = t, this._onBoxActivate = o, this._onBoxDeactivate = c, this.state = {
       isActive: !1,
       comments: a,
@@ -3779,7 +3784,7 @@ class Va extends ne {
     }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: mi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
       const h = !this.state.isActive;
       h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = Et(new Oa(a, s, n), (h) => {
+    }), this.tooltip = Lt(new Oa(a, s, n), (h) => {
       this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
@@ -3790,11 +3795,11 @@ class Va extends ne {
 }
 class Wa {
   static animateTo(e, t, s, n) {
-    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, d = e.scales.panOffsetY, g = (p) => {
+    const a = e.scales.panOffsetX + (e.layout.area.width / 2 - t), r = e.scales.panOffsetY + (e.layout.area.height / 2 - s), o = 300, c = performance.now(), h = e.scales.panOffsetX, d = e.scales.panOffsetY, f = (p) => {
       const _ = p - c, v = Math.min(_ / o, 1), b = v * v * (3 - 2 * v), w = h + (a - h) * b, x = d + (r - d) * b;
-      e.scales.pan("x", w, "absolute"), e.scales.pan("y", x, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
+      e.scales.pan("x", w, "absolute"), e.scales.pan("y", x, "absolute"), v < 1 ? requestAnimationFrame(f) : n == null || n();
     };
-    requestAnimationFrame(g);
+    requestAnimationFrame(f);
   }
   static animateToDataCoords(e, t, s, n) {
     const a = typeof t == "number" ? e.scales.x.convert(new Date(t)) : e.scales.x.convert(t), r = e.scales.y.convert(s);
@@ -3805,13 +3810,13 @@ const Ct = new re("comments-context");
 class Ya extends ne {
   constructor() {
     super({ className: Ct.gen() });
-    f(this, "pointer");
-    f(this, "addField");
-    f(this, "menu");
-    f(this, "_size", null);
-    f(this, "_model", null);
-    f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Et(this.menu, () => {
+    g(this, "pointer");
+    g(this, "addField");
+    g(this, "menu");
+    g(this, "_size", null);
+    g(this, "_model", null);
+    g(this, "_candle", null);
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new L({ className: Ct.gen("pointer") }), this.menu = new L({ className: Ct.gen("menu") }), Lt(this.menu, () => {
       this.setState({ isShow: !1 });
     }), this.addField = new Si({
       blockName: "context-add",
@@ -3850,9 +3855,9 @@ class Ya extends ne {
 class ja extends Fe {
   constructor(t) {
     super("comments", t, { noCanvas: !0 });
-    f(this, "boxes", {});
-    f(this, "contextMenu");
-    f(this, "_view");
+    g(this, "boxes", {});
+    g(this, "contextMenu");
+    g(this, "_view");
     if (!this.dom) throw new Error("[CS_V_Comments] this.dom must be defined");
     this.contextMenu = new Ya(), this._view = t, t.domElements.append(this.contextMenu.node);
   }
@@ -3935,9 +3940,9 @@ class Ua extends Fe {
 class Ga extends ne {
   constructor(t) {
     super({ className: t });
-    f(this, "_isFirstShow", !1);
-    const s = new k({ tag: "p" });
-    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: U.empty() }, this.render();
+    g(this, "_isFirstShow", !1);
+    const s = new L({ tag: "p" });
+    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: G.empty() }, this.render();
   }
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
@@ -3953,8 +3958,8 @@ class Ga extends ne {
 class Za extends Ne {
   constructor(t) {
     super(t);
-    f(this, "domain", null);
-    f(this, "_getVisible", (t) => {
+    g(this, "domain", null);
+    g(this, "_getVisible", (t) => {
       if (!this.domain) return [];
       const [s, n] = this.domain;
       return t.filter((a) => a.open_time >= s && a.open_time <= n);
@@ -3974,14 +3979,14 @@ class Za extends Ne {
         candles: { hideMissingData: c }
       }
     } = t, h = t.config.candles.style === "filled";
-    this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((d, g) => {
-      const p = s.noDataFill[g % s.noDataFill.length], _ = h ? p : s.noDataStroke;
+    this.domain = t.scales.x.domain(), c || this._getVisible(r).forEach((d, f) => {
+      const p = s.noDataFill[f % s.noDataFill.length], _ = h ? p : s.noDataStroke;
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, d),
         colors: { fill: p, stroke: _, bg: n }
       });
     }), this._getVisible(o).forEach((d) => {
-      const g = d.close >= d.open ? "rising" : "falling", p = s[`${g}Fill`], _ = s[`${g}${h ? "Fill" : "Stroke"}`];
+      const f = d.close >= d.open ? "rising" : "falling", p = s[`${f}Fill`], _ = s[`${f}${h ? "Fill" : "Stroke"}`];
       this.drawSingleCandle({
         ...this._getBasicCandleProps(t, d),
         colors: { fill: p, stroke: _, bg: n },
@@ -4009,11 +4014,11 @@ class Za extends Ne {
 class qa extends Fe {
   constructor(t) {
     super("candles", t, { CanvasClass: Za });
-    f(this, "_noDataTooltip", null);
-    f(this, "limiter");
+    g(this, "_noDataTooltip", null);
+    g(this, "limiter");
     if (!this.dom) throw new Error("[CS_V_Candles] this.dom must be defined");
     if (!this.canvas) throw new Error("[CS_V_Candles] this.canvas must be defined");
-    this._noDataTooltip = new Ga(this.cx("no-data")), this.limiter = new k({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
+    this._noDataTooltip = new Ga(this.cx("no-data")), this.limiter = new L({ className: this.cx("limiter") }), this.limiter.setVisible(!1), this.dom.append(this._noDataTooltip.node, this.limiter.node);
   }
   get noDataTooltip() {
     return this._noDataTooltip;
@@ -4033,35 +4038,55 @@ class qa extends Fe {
 }
 class Ja {
   constructor(e) {
-    f(this, "container");
-    f(this, "width");
-    f(this, "height");
-    f(this, "wrapper");
-    f(this, "domElements");
-    f(this, "canvasesContainer");
-    f(this, "mainCanvas");
-    f(this, "binding");
-    f(this, "userMarkers");
-    f(this, "guideMarkers");
-    f(this, "trade");
-    f(this, "comments");
-    f(this, "candles");
-    this.container = e, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
+    g(this, "container");
+    g(this, "width");
+    g(this, "height");
+    g(this, "wrapper");
+    g(this, "domElements");
+    g(this, "canvasesContainer");
+    g(this, "mainCanvas");
+    g(this, "binding");
+    g(this, "userMarkers");
+    g(this, "guideMarkers");
+    g(this, "trade");
+    g(this, "comments");
+    g(this, "candles");
+    g(this, "_logoImage");
+    g(this, "_logoSrc");
+    this.container = e, this.wrapper = new L({ tag: "div", className: "sc-charts-cs" }), e.append(this.wrapper.node);
     const { width: t, height: s } = e.getBoundingClientRect();
     this.width = t, this.height = s, this.mainCanvas = new Ne({
       className: "sc-charts-cs__canvas-main",
       width: t,
       height: s,
       isMain: !0
-    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Ta(this);
+    }), this.domElements = new L({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new L({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new ja(this), this.candles = new qa(this), this.trade = new xa(this), this.guideMarkers = new Ua(this), this.userMarkers = new Ta(this);
+  }
+  _prepareLogo(e) {
+    const t = e.config.logo;
+    if (!(t != null && t.src)) {
+      this._logoImage = void 0, this._logoSrc = void 0;
+      return;
+    }
+    if (t.src === this._logoSrc) return;
+    const s = new Image();
+    s.crossOrigin = "anonymous", s.src = t.src, s.onload = () => {
+      this._logoImage = s, this._logoSrc = t.src, this.renderAll(e);
+    };
+  }
+  _drawLogo(e) {
+    const t = e.config.logo, s = this._logoImage;
+    if (!t || !s) return;
+    const n = this.mainCanvas.ctx, a = this.mainCanvas, r = t.margin ?? 24, o = t.width ?? 120, c = o / s.width, h = s.height * c, d = a.width - o - r, f = a.height - h - r;
+    n.save(), n.globalAlpha = t.opacity ?? 0.2, n.drawImage(s, d, f, o, h), n.restore();
   }
   renderAll(e) {
-    this.mainCanvas.clear(), this.candles.render(e), bt.xAxis(this.mainCanvas.ctx, e), bt.yAxis(this.mainCanvas.ctx, e), bt.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e);
+    this._prepareLogo(e), this.mainCanvas.clear(), this.candles.render(e), bt.xAxis(this.mainCanvas.ctx, e), bt.yAxis(this.mainCanvas.ctx, e), bt.intersection(this.mainCanvas.ctx, e), this.trade.renderAll(e), this.userMarkers.render(e), this.comments.render(e), this._drawLogo(e);
   }
 }
 class Qa {
   constructor(e) {
-    f(this, "logColors", {
+    g(this, "logColors", {
       init_model: "color: green",
       scale_event: "color: orange",
       update_config: "color: blue",
@@ -4070,7 +4095,7 @@ class Qa {
       update_user_markers: "color: brown",
       update_color_scheme: "color: teal"
     });
-    f(this, "ignoredLogEvents", []);
+    g(this, "ignoredLogEvents", []);
     e && (this.ignoredLogEvents = e);
   }
   log(e, t) {
@@ -4087,10 +4112,10 @@ class Qa {
 }
 class Ka {
   constructor(e, t) {
-    f(this, "_model");
-    f(this, "_view");
-    f(this, "_enableLogging");
-    f(this, "_logger");
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_enableLogging");
+    g(this, "_logger");
     this._model = e, this._view = t, this._enableLogging = !1, this._logger = new Qa(["scale_event"]);
   }
   subscribeWithLogging(e, t) {
@@ -4146,7 +4171,7 @@ class Ka {
 }
 class pi {
   constructor() {
-    f(this, "_map", /* @__PURE__ */ new Map());
+    g(this, "_map", /* @__PURE__ */ new Map());
   }
   add(e, t, s) {
     let n = this._map.get(e);
@@ -4177,10 +4202,10 @@ class pi {
 }
 class er {
   constructor() {
-    f(this, "_elements", []);
-    f(this, "_listeners", new pi());
-    f(this, "_lastHovered", /* @__PURE__ */ new Set());
-    f(this, "_dragContext", null);
+    g(this, "_elements", []);
+    g(this, "_listeners", new pi());
+    g(this, "_lastHovered", /* @__PURE__ */ new Set());
+    g(this, "_dragContext", null);
   }
   get isDragging() {
     return this._dragContext !== null;
@@ -4334,8 +4359,8 @@ class tr {
       }
     } = this.model;
     for (const o of s) {
-      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), g = c - r / 2, p = c + r / 2, _ = Math.min(h, d), v = Math.max(h, d);
-      if (e >= g && e <= p && t >= _ && t <= v)
+      const c = n.convert(o.open_time), h = a.convert(o.high), d = a.convert(o.low), f = c - r / 2, p = c + r / 2, _ = Math.min(h, d), v = Math.max(h, d);
+      if (e >= f && e <= p && t >= _ && t <= v)
         return {
           target: this,
           x: e,
@@ -4349,9 +4374,9 @@ class tr {
 }
 class ir {
   constructor(e, t) {
-    f(this, "_model");
-    f(this, "_hitManager");
-    f(this, "_hit");
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_hit");
     this._model = e, this._hitManager = t, this._hit = new tr(e), this._hitManager.register(this._hit);
   }
   register() {
@@ -4372,11 +4397,11 @@ class sr {
   hitTest(e, t) {
     const { tradedCandles: s } = this.model.trade, { x: n, y: a } = this.model.scales, r = 16, o = 4;
     for (const { candle: c, trades: h } of s) {
-      const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, p = r, _ = r;
+      const f = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, p = r, _ = r;
       for (const v of ["buy", "sell"]) {
         const b = h.filter((C) => C.type === v);
         if (!b.length) continue;
-        const w = v === "buy" ? a.convert(c.low) + o + Ke(r) : a.convert(c.high) - o - r - Ke(r), x = e >= g - p / 2 && e <= g + p / 2, y = t >= w && t <= w + _;
+        const w = v === "buy" ? a.convert(c.low) + o + Qe(r) : a.convert(c.high) - o - r - Qe(r), x = e >= f - p / 2 && e <= f + p / 2, y = t >= w && t <= w + _;
         if (x && y)
           return {
             target: this,
@@ -4394,9 +4419,9 @@ class sr {
 }
 class nr {
   constructor(e, t) {
-    f(this, "_model");
-    f(this, "_hitManager");
-    f(this, "_tradeLabelHit");
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_tradeLabelHit");
     this._model = e, this._hitManager = t, this._tradeLabelHit = new sr(e), this._hitManager.register(this._tradeLabelHit);
   }
   register() {
@@ -4405,7 +4430,7 @@ class nr {
       if (!t) return;
       const s = this._model.scales.x.convert(t.candle.open_time), n = this._model.scales.y.convert(
         t.trades[0].type === "buy" ? t.candle.low : t.candle.high
-      ), a = t.trades[0].type === "buy" ? n + 4 + Ke(16) + 8 : n - 4 - 16 - Ke(16) + 8;
+      ), a = t.trades[0].type === "buy" ? n + 4 + Qe(16) + 8 : n - 4 - 16 - Qe(16) + 8;
       this._model.eventBus.emit("open_trade_label_tooltip", {
         trade: { candle: t.candle, trades: t.trades, tradeType: t.tradeType },
         x: s,
@@ -4489,18 +4514,18 @@ function At(i, e) {
 function Mt(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
-class Lt {
+class Et {
   constructor(e, t, s) {
-    f(this, "_model");
-    f(this, "_hitManager");
-    f(this, "_hit");
+    g(this, "_model");
+    g(this, "_hitManager");
+    g(this, "_hit");
     this._model = e, this._hitManager = t, this._hit = s, t.register(s);
   }
 }
-class hr extends Lt {
+class hr extends Et {
   constructor(t, s, n) {
     super(t, s, new ar(t));
-    f(this, "_view");
+    g(this, "_view");
     this._view = n;
   }
   register() {
@@ -4512,7 +4537,7 @@ class hr extends Lt {
     });
   }
 }
-class dr extends Lt {
+class dr extends Et {
   constructor(e, t) {
     super(e, t, new or(e));
   }
@@ -4525,10 +4550,10 @@ class dr extends Lt {
     });
   }
 }
-class ur extends Lt {
+class ur extends Et {
   constructor(t, s, n) {
     super(t, n, new rr(t));
-    f(this, "_view");
+    g(this, "_view");
     this._view = s;
   }
   register() {
@@ -4557,32 +4582,32 @@ class ur extends Lt {
     });
   }
 }
-class fr {
+class gr {
   constructor(e, t, s) {
-    f(this, "_hitManager");
-    f(this, "_candlesHandler");
-    f(this, "_tradeLabelsHandler");
-    f(this, "_xAxisHandler");
-    f(this, "_yAxisHandler");
-    f(this, "_areaHandler");
+    g(this, "_hitManager");
+    g(this, "_candlesHandler");
+    g(this, "_tradeLabelsHandler");
+    g(this, "_xAxisHandler");
+    g(this, "_yAxisHandler");
+    g(this, "_areaHandler");
     this._hitManager = s, this._candlesHandler = new ir(e, this._hitManager), this._tradeLabelsHandler = new nr(e, this._hitManager), this._xAxisHandler = new hr(e, this._hitManager, t), this._yAxisHandler = new dr(e, this._hitManager), this._areaHandler = new ur(e, t, this._hitManager);
   }
   register() {
     this._candlesHandler.register(), this._tradeLabelsHandler.register(), this._xAxisHandler.register(), this._yAxisHandler.register(), this._areaHandler.register();
   }
 }
-class gr {
+class fr {
   constructor(e, t) {
-    f(this, "_model");
-    f(this, "_view");
-    f(this, "_subscriptionsManager");
-    f(this, "_hitManager", new er());
-    f(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
-    f(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_subscriptionsManager");
+    g(this, "_hitManager", new er());
+    g(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
+    g(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
     this._model = e, this._view = t, this._subscriptionsManager = new Ka(e, t);
   }
   init() {
-    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new fr(this._model, this._view, this._hitManager).register();
+    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new gr(this._model, this._view, this._hitManager).register();
   }
   onContextMenu(e) {
     e.preventDefault();
@@ -4640,10 +4665,10 @@ class gr {
 }
 class _r {
   constructor(e, { chartId: t, candles: s, config: n, trade: a, userMarkers: r, colorScheme: o, comments: c, renderLimiter: h }) {
-    f(this, "_model");
-    f(this, "_view");
-    f(this, "_controller");
-    f(this, "_candlesLimiterClean");
+    g(this, "_model");
+    g(this, "_view");
+    g(this, "_controller");
+    g(this, "_candlesLimiterClean");
     const d = document.querySelector(e);
     if (!d) throw new Error(`Element with selector "${e}" not found!`);
     if (!t || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(t))
@@ -4659,9 +4684,9 @@ class _r {
       userMarkers: r,
       colorScheme: o,
       comments: c
-    }), this._view = new Ja(d), this._controller = new gr(this._model, this._view), h) {
-      const g = h(this._view.candles.limiter.node);
-      this._view.candles.limiter.updateAbsolutePosition(), typeof g == "function" && (this._candlesLimiterClean = g);
+    }), this._view = new Ja(d), this._controller = new fr(this._model, this._view), h) {
+      const f = h(this._view.candles.limiter.node);
+      this._view.candles.limiter.updateAbsolutePosition(), typeof f == "function" && (this._candlesLimiterClean = f);
     }
     this._controller.init();
   }
@@ -4702,17 +4727,17 @@ class _r {
 <path d="M62.7358 0.0372542C60.1921 0.0372542 58.1743 0.925792 56.7875 2.29562C56.4283 1.16563 55.4364 0.462207 54.0917 0.462207H52.2471V3.14875H53.951V20.0004H56.9364V12.8792C58.3151 14.1782 60.273 15.0233 62.739 15.0233C67.485 15.0233 70.7536 11.9408 70.7536 7.5013C70.7536 3.06182 67.4802 0.0356445 62.7342 0.0356445L62.7358 0.0372542ZM62.3652 12.2756C59.1241 12.2756 56.9364 10.3247 56.9364 7.4691C56.9364 4.61355 59.1241 2.7753 62.3652 2.7753C65.6064 2.7753 67.7099 4.66989 67.7099 7.4691C67.7067 10.3311 65.464 12.2756 62.3652 12.2756Z" fill="${h}"/>
 </svg>`;
     try {
-      const g = await this._loadSvgAsImage(d);
-      g && e.drawImage(g, r, (a - o) / 2, c, o);
-    } catch (g) {
-      console.warn("Failed to load logo SVG:", g);
+      const f = await this._loadSvgAsImage(d);
+      f && e.drawImage(f, r, (a - o) / 2, c, o);
+    } catch (f) {
+      console.warn("Failed to load logo SVG:", f);
     }
   }
   _drawHeaderSecondLine(e, t, s, n, a, r, o = !1) {
     const c = 20 * r, h = 12 * r, d = 8 * r;
-    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, a, n, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + c), e.lineTo(n, a + c), e.stroke(), e.fillStyle = o ? "#C3C3C5" : "#1C2026", e.font = `500 ${d}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
-    const g = t ? `${t} created with Scope360, ${s}` : `Scope360, ${s}`;
-    e.fillText(g, h, a + c / 2);
+    e.textBaseline = "alphabetic", e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, a, n, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, a + c), e.lineTo(n, a + c), e.stroke(), e.fillStyle = o ? "#C3C3C5" : "#1C2026", e.font = `500 ${d}px Geist, Arial, sans-serif`, e.textBaseline = "middle", e.textAlign = "left";
+    const f = t ? `${t} created with Scope360, ${s}` : `Scope360, ${s}`;
+    e.fillText(f, h, a + c / 2);
   }
   _loadSvgAsImage(e) {
     return new Promise((t, s) => {
@@ -4724,29 +4749,27 @@ class _r {
       }, n.src = r;
     });
   }
+  async _ensureFontLoaded() {
+    "fonts" in document && (await document.fonts.load("500 12px Geist"), await document.fonts.ready);
+  }
   _drawFooter(e, t, s, n, a, r, o = !1) {
-    const c = 32 * r, h = 12 * r, d = 12 * r, g = 4 * r, p = n + a;
-    e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, p, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, p), e.lineTo(s, p), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
+    const c = 32 * r, h = 12 * r, d = 12 * r, f = 4 * r, p = n + a;
+    e.textBaseline = "alphabetic", e.fillStyle = o ? "#292929" : "#FFFFFF", e.fillRect(0, p, s, c), e.strokeStyle = o ? "#3E3E3E" : "#EDEDED", e.lineWidth = 1 * r, e.beginPath(), e.moveTo(0, p), e.lineTo(s, p), e.stroke(), e.textBaseline = "middle", e.textAlign = "left";
     const _ = [];
-    if (t.pair && _.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
-      const C = t.net_pnl.startsWith("+");
-      _.push({
-        label: "Net P&L",
-        value: t.net_pnl,
-        valueColor: C ? "#56B683" : "#F18169"
-      });
-    }
-    t.type && _.push({ label: "Type", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr }), t.volume && _.push({ label: "Volume", value: t.volume });
-    const v = p + c / 2, b = 24 * r;
+    t.pair && _.push({ label: "", value: t.pair }), t.type && _.push({ label: "Side", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr });
+    const v = p + c / 2;
     if (_.length === 0) return;
     e.font = `500 ${d}px Geist, Arial, sans-serif`;
-    const w = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
-    let y = h;
-    _.forEach((C) => {
-      const M = e.measureText(C.label).width, T = e.measureText(C.value).width, N = M + g + T;
-      e.fillStyle = w, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
-      const $ = y + M + g;
-      e.fillStyle = C.valueColor || x, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.value, $, v), y += N + b;
+    const b = o ? "#878788" : "#8E8E93", w = o ? "#FAFAFA" : "#1C2026", x = _.reduce((T, k) => {
+      const I = e.measureText(k.label).width, V = e.measureText(k.value).width;
+      return T + I + f + V;
+    }, 0), y = s - h * 2, C = _.length > 1 ? (y - x) / (_.length - 1) : 0;
+    let M = h;
+    _.forEach((T) => {
+      const k = e.measureText(T.label).width, I = e.measureText(T.value).width;
+      e.fillStyle = b, e.fillText(T.label, M, v);
+      const V = M + k + f;
+      e.fillStyle = T.valueColor || w, e.fillText(T.value, V, v), M += k + f + I + C;
     });
   }
   getChartState() {
@@ -4759,6 +4782,7 @@ class _r {
     this._model.updateConfig(e.config), this._model.applyViewState(e.view);
   }
   async captureScreenshot(e = {}) {
+    await this._ensureFontLoaded();
     const t = typeof e == "string" ? e : e.filename || "candlestick-chart.png", n = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
       month: "short",
       day: "numeric",
@@ -4766,91 +4790,89 @@ class _r {
       hour: "2-digit",
       minute: "2-digit",
       timeZoneName: "short"
-    });
-    console.log(this.getChartState());
-    const a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: p, height: _ } = this._view, v = Array.from(
-      g.node.querySelectorAll("canvas")
+    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: f, width: p, height: _ } = this._view, v = Array.from(
+      f.node.querySelectorAll("canvas")
     );
     if (v.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, T = b, N = p / _, $ = T / M;
-    let G, Z, te = 0, K = 0;
-    N > $ ? (Z = M, G = Z * N, te = 0, K = 0) : (G = T, Z = G / N, K = (M - Z) / 2);
-    const z = window.devicePixelRatio || 1, W = document.createElement("canvas");
-    W.width = b * z, W.height = w * z;
-    const O = W.getContext("2d");
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, T = b, k = p / _, I = T / M;
+    let V, Z, te = 0, K = 0;
+    k > I ? (Z = M, V = Z * k, te = 0, K = 0) : (V = T, Z = V / k, K = (M - Z) / 2);
+    const z = window.devicePixelRatio || 1, Y = document.createElement("canvas");
+    Y.width = b * z, Y.height = w * z;
+    const O = Y.getContext("2d");
     if (!O) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
-    O.fillStyle = h ? "#101011" : "#ffffff", O.fillRect(0, 0, W.width, W.height);
-    const oe = x * z, st = y * z, le = M * z, be = T * z, ye = oe + st;
-    await this._drawHeader(O, W.width, z, h), this._drawHeaderSecondLine(
+    O.fillStyle = h ? "#101011" : "#ffffff", O.fillRect(0, 0, Y.width, Y.height);
+    const oe = x * z, it = y * z, le = M * z, be = T * z, ye = oe + it;
+    await this._drawHeader(O, Y.width, z, h), this._drawHeaderSecondLine(
       O,
       r,
       o,
-      W.width,
+      Y.width,
       oe,
       z,
       h
     );
     const He = this._view.mainCanvas;
-    He.background && (O.fillStyle = He.background, O.fillRect(0, ye, W.width, le));
-    const Be = G * z, Ie = Z * z, F = te * z, Re = K * z;
+    He.background && (O.fillStyle = He.background, O.fillRect(0, ye, Y.width, le));
+    const Ie = V * z, Be = Z * z, F = te * z, Re = K * z;
     v.forEach((P) => {
-      let ee = 0, V = 0, Y = P.width, me = P.height, we = Be, xe = Ie, Oe = F, Pe = Re;
-      if (N > $) {
-        const ce = Ie / P.height, he = P.width * ce;
-        he > be && (ee = (he - be) / ce, Y = P.width - ee, we = be, Oe = 0);
+      let ee = 0, W = 0, j = P.width, me = P.height, we = Ie, xe = Be, $e = F, Oe = Re;
+      if (k > I) {
+        const ce = Be / P.height, he = P.width * ce;
+        he > be && (ee = (he - be) / ce, j = P.width - ee, we = be, $e = 0);
       } else {
-        const ce = Be / P.width, he = P.height * ce;
+        const ce = Ie / P.width, he = P.height * ce;
         if (he > le) {
           const Ce = (he - le) / ce;
-          V = Ce / 2, me = P.height - Ce, xe = le, Pe = 0;
+          W = Ce / 2, me = P.height - Ce, xe = le, Oe = 0;
         }
       }
       O.drawImage(
         P,
         ee,
-        V,
-        Y,
+        W,
+        j,
         me,
-        Oe,
-        ye + Pe,
+        $e,
+        ye + Oe,
         we,
         xe
       );
     }), c && this._drawFooter(
       O,
       c,
-      W.width,
+      Y.width,
       ye,
       le,
       z,
       h
     );
-    const $e = (P, ee) => {
-      const V = URL.createObjectURL(P), Y = document.createElement("a");
-      Y.href = V, Y.download = ee, document.body.appendChild(Y), Y.click(), document.body.removeChild(Y), URL.revokeObjectURL(V);
+    const st = (P, ee) => {
+      const W = URL.createObjectURL(P), j = document.createElement("a");
+      j.href = W, j.download = ee, document.body.appendChild(j), j.click(), document.body.removeChild(j), URL.revokeObjectURL(W);
     };
     return new Promise((P, ee) => {
-      W.toBlob(
-        async (V) => {
-          if (!V) {
+      Y.toBlob(
+        async (W) => {
+          if (!W) {
             ee(new Error("Failed to create blob from canvas"));
             return;
           }
           if (d)
-            $e(V, t);
+            st(W, t);
           else
             try {
-              await navigator.clipboard.write([new ClipboardItem({ "image/png": V })]);
-            } catch (Y) {
-              console.error("Failed to copy to clipboard:", Y), $e(V, t);
+              await navigator.clipboard.write([new ClipboardItem({ "image/png": W })]);
+            } catch (j) {
+              console.error("Failed to copy to clipboard:", j);
             }
-          a.returnBlob ? P(V) : P();
+          a.returnBlob ? P(W) : P();
         },
         "image/png",
         1