charts-core 1.1.17 → 1.1.19

package/dist/charts-core.js

@@ -1,59 +1,59 @@
-var Ss = Object.defineProperty;
-var ks = (i, t, e) => t in i ? Ss(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var u = (i, t, e) => ks(i, typeof t != "symbol" ? t + "" : t, e);
+var Es = Object.defineProperty;
+var Ns = (i, t, e) => t in i ? Es(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var u = (i, t, e) => Ns(i, typeof t != "symbol" ? t + "" : t, e);
 import * as D from "d3";
-const Ds = (i) => {
-  const { svg: t, config: e, y: s, width: n } = i, { margin: r, yAxis: a } = e, { customTicks: o, tickFormat: c, tickValues: h, ticks: f, isShow: g } = a;
+const Fs = (i) => {
+  const { svg: t, config: e, y: s, width: n } = i, { margin: r, yAxis: a } = e, { customTicks: l, tickFormat: c, tickValues: d, ticks: f, isShow: g } = a;
   if (!g) return null;
   t.append("g").attr("transform", `translate(${n - r.right},0)`).call((_) => {
     let p = D.axisRight(s);
-    o && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
-      const b = Number(v), y = (w) => w.toString().replace(/\.0+$/, "");
-      return Math.abs(b) >= 1e12 ? y(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? y(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? y(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? y(b / 1e3) + "K" : y(b);
-    }), o && f && (p = Array.isArray(f) ? p.ticks(...f) : p.ticks(f)), o && h && (p = p.tickValues(h)), _.call(p);
+    l && c ? p = p.tickFormat(c) : p = p.tickFormat((v) => {
+      const b = Number(v), x = (w) => w.toString().replace(/\.0+$/, "");
+      return Math.abs(b) >= 1e12 ? x(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? x(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? x(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? x(b / 1e3) + "K" : x(b);
+    }), l && f && (p = Array.isArray(f) ? p.ticks(...f) : p.ticks(f)), l && d && (p = p.tickValues(d)), _.call(p);
   }).call((_) => {
     let p = [];
     _.selectAll(".tick").each((v) => p.push(v)), i.yTicks = p;
   }).call((_) => _.select(".domain").remove()).call((_) => _.selectAll(".tick line").remove()).call((_) => {
     const p = _.selectAll(".tick text");
     p.classed("sc-charts__y-axis-tick", !0).attr("text-anchor", "start");
-    const v = p.nodes().map((y) => y.getBBox().width), b = Math.max(...v);
-    _.selectAll(".tick").each(function(y, w) {
-      var R;
-      const x = D.select(this), C = x.select("text"), T = v[w], H = b - T, $ = x.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", H), C.remove(), (R = $.node()) == null || R.appendChild(C.node());
+    const v = p.nodes().map((x) => x.getBBox().width), b = Math.max(...v);
+    _.selectAll(".tick").each(function(x, w) {
+      var $;
+      const y = D.select(this), C = y.select("text"), T = v[w], H = b - T, R = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", H), C.remove(), ($ = R.node()) == null || $.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
-}, Ls = (i) => {
-  const { svg: t, config: e, x: s, height: n } = i, { margin: r, xAxis: a } = e, { isShow: o, tickValues: c, tickFormat: h, customTicks: f, ticks: g } = a;
-  if (!o) return null;
+}, Bs = (i) => {
+  const { svg: t, config: e, x: s, height: n } = i, { margin: r, xAxis: a } = e, { isShow: l, tickValues: c, tickFormat: d, customTicks: f, ticks: g } = a;
+  if (!l) return null;
   t.append("g").attr("transform", `translate(0,${n - r.bottom})`).call((_) => {
     let p = D.axisBottom(s);
-    f ? (h && (p = p.tickFormat(h)), g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), c && (p = p.tickValues(c))) : p.ticks(5), _.call(p);
+    f ? (d && (p = p.tickFormat(d)), g && (p = Array.isArray(g) ? p.ticks(...g) : p.ticks(g)), c && (p = p.tickValues(c))) : p.ticks(5), _.call(p);
   }).call((_) => _.select(".domain").remove()).call((_) => {
     let p = [];
     _.selectAll(".tick").each((v) => p.push(v)), i.xTicks = p;
   }).call((_) => _.selectAll(".tick line").remove()).call((_) => _.selectAll(".tick text").classed("sc-charts__x-axis-tick", !0)).attr("font-family", "inherit");
-}, Es = (i) => {
+}, Is = (i) => {
   const { svg: t, config: e, y: s, width: n } = i, {
     margin: r,
     grid: { horizontalStyle: a }
   } = e;
   if (a !== "none") {
     if (a.startsWith("zero-line")) {
-      const o = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", s(0)).attr("y2", s(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      a === "zero-line-dashed" && o.attr("stroke-dasharray", "4 4");
+      const l = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", s(0)).attr("y2", s(0)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      a === "zero-line-dashed" && l.attr("stroke-dasharray", "4 4");
     }
     a.startsWith("every-line") && (i.yTicks || s.ticks()).forEach((c) => {
-      const h = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", s(c)).attr("y2", s(c)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-      a === "every-line-dashed" && h.attr("stroke-dasharray", "4 4");
+      const d = t.append("line").attr("x1", 0 + r.left).attr("x2", n - r.right).attr("y1", s(c)).attr("y2", s(c)).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
+      a === "every-line-dashed" && d.attr("stroke-dasharray", "4 4");
     });
   }
-}, Ns = (i) => {
+}, Hs = (i) => {
   const t = Array.from(i.childNodes);
   for (let e = 0; e < t.length; e++)
     i.removeChild(t[e]);
-}, Fs = (i) => {
+}, Rs = (i) => {
   const t = "http://www.w3.org/2000/svg", e = document.createElement("div");
   e.className = "sc-charts__hovered-circles-tooltip-container", e.style.display = "none";
   const s = document.createElement("div");
@@ -68,7 +68,7 @@ const Ds = (i) => {
     tooltip: s,
     tooltipArrow: n
   };
-}, Is = (i, t, {
+}, $s = (i, t, {
   x: e,
   y: s,
   r: n = 3.5,
@@ -84,66 +84,66 @@ const Ds = (i) => {
     return a.append("circle").attr("cx", e).attr("cy", s).attr("r", n).classed("sc-charts__hovered-circles", !0), a.append("circle").attr("cx", e).attr("cy", s).attr("r", n + r).classed("sc-charts__hovered-circles_add", !0), a;
   }
 };
-function Bs(i, t, e, s) {
+function Ps(i, t, e, s) {
   if (!i) return null;
   const n = i.width / 2, r = t - n, a = t + n;
   return r < e ? e : a > s ? s - i.width : t - n;
 }
-const De = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t).attr("x2", e).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Hs = (i) => {
-  const { svg: t, config: e, x: s, y: n, height: r, data: a, wrapperNode: o } = i, {
+const Ee = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t).attr("x2", e).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), zs = (i) => {
+  const { svg: t, config: e, x: s, y: n, height: r, data: a, wrapperNode: l } = i, {
     margin: c,
-    grid: { verticalStyle: h, tooltipNode: f, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
+    grid: { verticalStyle: d, tooltipNode: f, hoverCirclesRadius: g, hoverCirclesAdditionalArea: _ }
   } = e;
-  if (h !== "none" && (h.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
+  if (d !== "none" && (d.startsWith("every-line") && (i.xTicks || s.ticks()).forEach((v) => {
     const b = t.append("line").attr("x1", s(v)).attr("x2", s(v)).attr("y1", c.top).attr("y2", r - c.bottom).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1);
-    h === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
-  }), h === "hovered-circles")) {
+    d === "every-line-dashed" && b.attr("stroke-dasharray", "4 4");
+  }), d === "hovered-circles")) {
     const p = n.range()[0], v = s(a[0].date), b = s(a[a.length - 1].date);
-    De(t, { x1: v, x2: b, y1: p, y2: p });
-    const { tooltipContainer: y, tooltip: w, tooltipArrow: x } = Fs(o);
+    Ee(t, { x1: v, x2: b, y1: p, y2: p });
+    const { tooltipContainer: x, tooltip: w, tooltipArrow: y } = Rs(l);
     a.forEach((C, T) => {
-      const H = s(C.date), $ = n(C.value), R = a[T - 1], Y = T > 0 && R && C.value === R.value;
-      Y || De(t, { x1: H, x2: H, y1: $, y2: p });
-      const st = Is(t, Y, {
+      const H = s(C.date), R = n(C.value), $ = a[T - 1], Y = T > 0 && $ && C.value === $.value;
+      Y || Ee(t, { x1: H, x2: H, y1: R, y2: p });
+      const it = $s(t, Y, {
         x: H,
         y: p,
         r: g,
         hr: _
       });
-      f && st.on("mouseover", function() {
-        Ns(w), y.style.display = "block", w.append(f({ date: C.date, value: Y ? null : C.value }));
-        const q = w.getBoundingClientRect(), Bt = Bs(
-          q,
+      f && it.on("mouseover", function() {
+        Hs(w), x.style.display = "block", w.append(f({ date: C.date, value: Y ? null : C.value }));
+        const Z = w.getBoundingClientRect(), Bt = Ps(
+          Z,
           s(C.date),
           i.config.margin.left - i.config.grid.tooltipArrowSize,
           i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
         );
-        w.style.left = Bt + "px", x.style.left = s(C.date) + "px";
+        w.style.left = Bt + "px", y.style.left = s(C.date) + "px";
       }).on("mouseout", function() {
-        y.style.display = "none";
+        x.style.display = "none";
       });
     });
   }
-}, $s = (i) => {
-  Es(i), Hs(i);
-}, Rs = (i) => {
+}, Os = (i) => {
+  Is(i), zs(i);
+}, Ys = (i) => {
   const { svg: t, config: e, width: s, height: n } = i, { margin: r, logo: a } = e;
-  Ls(i), Ds(i), a && t.append("image").attr("xlink:href", e.theme === "dark" ? a.picDarkTheme : a.picLightTheme).attr("width", a.width).attr("height", a.height).attr("x", a.x ?? (s - r.left - r.right) / 2 - a.width / 2 + r.left).attr("y", a.y ?? (n - r.top - r.bottom) / 2 - a.height / 2 + r.top), $s(i);
-}, _t = (i, t, e) => {
+  Bs(i), Fs(i), a && t.append("image").attr("xlink:href", e.theme === "dark" ? a.picDarkTheme : a.picLightTheme).attr("width", a.width).attr("height", a.height).attr("x", a.x ?? (s - r.left - r.right) / 2 - a.width / 2 + r.left).attr("y", a.y ?? (n - r.top - r.bottom) / 2 - a.height / 2 + r.top), Os(i);
+}, mt = (i, t, e) => {
   let s = i.select(`#${t}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", t)), s.attr("x1", e.x1).attr("y1", e.x2).attr("x2", e.y1).attr("y2", e.y2), e.stops.forEach(({ offset: n, stopColor: r }) => {
     s.append("stop").attr("offset", n).attr("stop-color", r);
   }), s;
-}, at = (i) => {
+}, rt = (i) => {
   const t = D.select(i).select("defs");
   return t.empty() ? D.select(i).append("defs") : t;
-}, Ze = (i) => {
+}, Qe = (i) => {
   const {
     y: t,
     config: { margin: e }
   } = i, s = t.range()[0] - t(0), n = t.range()[0] - s >= 0 ? t.range()[0] - s : 0, r = s + e.bottom >= 0 ? s + e.bottom : 0;
   return { x: 0, y: n, width: "100%", height: r };
-}, Le = (i, t) => ({
+}, Ne = (i, t) => ({
   ...i,
   ...t,
   margin: {
@@ -178,8 +178,8 @@ const De = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
     ...i.selection,
     ...t == null ? void 0 : t.selection
   }
-}), Ee = (i, t = {}) => {
-  const e = i.node(), s = at(e), n = (o, c) => _t(s, o, {
+}), Fe = (i, t = {}) => {
+  const e = i.node(), s = rt(e), n = (l, c) => mt(s, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -194,32 +194,32 @@ const De = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
   n("gradient-range-borders-up", "var(--sc-color-selection-up)"), n("gradient-range-borders-down", "var(--sc-color-selection-down)");
   const r = "sc-charts__border-range-line", a = i.append("line").classed(r, !0).style("display", t.hidden ? "none" : "block");
   return {
-    className(o, c) {
-      o === "remove" ? a.classed(`${r}${c}`, !1) : a.classed(`${r}${c}`, !0);
+    className(l, c) {
+      l === "remove" ? a.classed(`${r}${c}`, !1) : a.classed(`${r}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: f, hidden: g }) {
-      o !== void 0 && a.attr("x1", o), c !== void 0 && a.attr("x2", c), h !== void 0 && a.attr("y1", h), f !== void 0 && a.attr("y2", f), g !== void 0 && a.style("display", g ? "none" : "block");
+    update({ x1: l, x2: c, y1: d, y2: f, hidden: g }) {
+      l !== void 0 && a.attr("x1", l), c !== void 0 && a.attr("x2", c), d !== void 0 && a.attr("y1", d), f !== void 0 && a.attr("y2", f), g !== void 0 && a.style("display", g ? "none" : "block");
     },
     destroy() {
       a.remove();
     }
   };
-}, Gt = (i, t = {}) => {
+}, Ut = (i, t = {}) => {
   const e = i.append("circle").attr("r", t.radius || 4).style("display", t.hidden ? "none" : "block"), s = t.className || "";
   return s && e.classed(s, !0), {
     className(n, r) {
       n === "remove" ? e.classed(`${s}${r}`, !1) : e.classed(`${s}${r}`, !0);
     },
-    update({ cx: n, cy: r, hidden: a, fill: o }) {
-      n !== void 0 && e.attr("cx", n), r !== void 0 && e.attr("cy", r), o !== void 0 && e.attr("fill", o), a !== void 0 && e.style("display", a ? "none" : "block");
+    update({ cx: n, cy: r, hidden: a, fill: l }) {
+      n !== void 0 && e.attr("cx", n), r !== void 0 && e.attr("cy", r), l !== void 0 && e.attr("fill", l), a !== void 0 && e.style("display", a ? "none" : "block");
     },
     destroy() {
       e.remove();
     }
   };
-}, zs = (i, t = {}) => {
-  const e = "sc-charts__hover-line", s = i.append("line").style("display", t.hidden ? "none" : "block").classed(e, !0), n = i.node(), r = at(n);
-  return ((o, c) => _t(r, o, {
+}, js = (i, t = {}) => {
+  const e = "sc-charts__hover-line", s = i.append("line").style("display", t.hidden ? "none" : "block").classed(e, !0), n = i.node(), r = rt(n);
+  return ((l, c) => mt(r, l, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -231,62 +231,62 @@ const De = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   }))("hover-line-gradient", "var(--sc-color-hover-line)"), {
-    className(o, c) {
-      o === "remove" ? s.classed(`${e}${c}`, !1) : s.classed(`${e}${c}`, !0);
+    className(l, c) {
+      l === "remove" ? s.classed(`${e}${c}`, !1) : s.classed(`${e}${c}`, !0);
     },
-    update({ x1: o, x2: c, y1: h, y2: f, hidden: g }) {
-      o !== void 0 && s.attr("x1", o), c !== void 0 && s.attr("x2", c), h !== void 0 && s.attr("y1", h), f !== void 0 && s.attr("y2", f), g !== void 0 && s.style("display", g ? "none" : "block");
+    update({ x1: l, x2: c, y1: d, y2: f, hidden: g }) {
+      l !== void 0 && s.attr("x1", l), c !== void 0 && s.attr("x2", c), d !== void 0 && s.attr("y1", d), f !== void 0 && s.attr("y2", f), g !== void 0 && s.style("display", g ? "none" : "block");
     },
     destroy() {
       s.remove();
     }
   };
-}, it = "sc-charts__range-tooltip", Ne = D.timeFormat("%b %e, %I:%M %p"), Ps = (i) => {
+}, et = "sc-charts__range-tooltip", Be = D.timeFormat("%b %e, %I:%M %p"), Vs = (i) => {
   const t = D.format(",.2f");
   return `${i < 0 ? "-" : ""}$${t(Math.abs(i))}`;
 };
-function Os(i) {
+function Ws(i) {
   const t = "http://www.w3.org/2000/svg", e = document.createElement("div");
-  e.className = it, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.append(e);
+  e.className = et, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.append(e);
   const s = document.createElement("div");
-  s.className = `${it}-container`, e.append(s);
+  s.className = `${et}-container`, e.append(s);
   const n = document.createElement("div");
-  n.className = `${it}-sum`, s.append(n);
+  n.className = `${et}-sum`, s.append(n);
   const r = document.createElement("div");
-  r.className = `${it}-sum-icon`;
+  r.className = `${et}-sum-icon`;
   const a = document.createElementNS(t, "svg");
   a.setAttribute("width", "14"), a.setAttribute("height", "14"), a.setAttribute("viewBox", "0 0 14 14"), a.setAttribute("fill", "none"), a.setAttribute("xmlns", t);
-  const o = document.createElementNS(t, "path");
-  o.setAttribute(
+  const l = document.createElementNS(t, "path");
+  l.setAttribute(
     "d",
     "M7 0.5C5.71442 0.5 4.45772 0.881218 3.3888 1.59545C2.31988 2.30968 1.48676 3.32484 0.994786 4.51256C0.502816 5.70028 0.374095 7.00721 0.624899 8.26809C0.875703 9.52896 1.49477 10.6872 2.40381 11.5962C3.31285 12.5052 4.47104 13.1243 5.73192 13.3751C6.99279 13.6259 8.29973 13.4972 9.48744 13.0052C10.6752 12.5132 11.6903 11.6801 12.4046 10.6112C13.1188 9.54229 13.5 8.28558 13.5 7C13.4982 5.27665 12.8128 3.62441 11.5942 2.40582C10.3756 1.18722 8.72335 0.50182 7 0.5ZM9.35375 6.85375C9.30732 6.90024 9.25217 6.93712 9.19147 6.96228C9.13077 6.98744 9.06571 7.00039 9 7.00039C8.93429 7.00039 8.86923 6.98744 8.80853 6.96228C8.74783 6.93712 8.69269 6.90024 8.64625 6.85375L7.5 5.70687V9.5C7.5 9.63261 7.44732 9.75979 7.35356 9.85355C7.25979 9.94732 7.13261 10 7 10C6.86739 10 6.74022 9.94732 6.64645 9.85355C6.55268 9.75979 6.5 9.63261 6.5 9.5V5.70687L5.35375 6.85375C5.25993 6.94757 5.13268 7.00028 5 7.00028C4.86732 7.00028 4.74007 6.94757 4.64625 6.85375C4.55243 6.75993 4.49972 6.63268 4.49972 6.5C4.49972 6.36732 4.55243 6.24007 4.64625 6.14625L6.64625 4.14625C6.69269 4.09976 6.74783 4.06288 6.80853 4.03772C6.86923 4.01256 6.9343 3.99961 7 3.99961C7.06571 3.99961 7.13077 4.01256 7.19147 4.03772C7.25217 4.06288 7.30732 4.09976 7.35375 4.14625L9.35375 6.14625C9.40024 6.19269 9.43712 6.24783 9.46228 6.30853C9.48744 6.36923 9.5004 6.43429 9.5004 6.5C9.5004 6.56571 9.48744 6.63077 9.46228 6.69147C9.43712 6.75217 9.40024 6.80731 9.35375 6.85375Z"
-  ), o.setAttribute("fill", "currentColor"), a.appendChild(o), r.appendChild(a), n.append(r);
+  ), l.setAttribute("fill", "currentColor"), a.appendChild(l), r.appendChild(a), n.append(r);
   const c = document.createElement("div");
   n.append(c);
-  const h = document.createElement("div");
-  return h.className = `${it}-time`, s.append(h), { wrapper: e, sumNode: c, timeNode: h };
+  const d = document.createElement("div");
+  return d.className = `${et}-time`, s.append(d), { wrapper: e, sumNode: c, timeNode: d };
 }
-const Ys = (i) => {
-  const { wrapper: t, sumNode: e, timeNode: s } = Os(i.wrapperNode);
+const Xs = (i) => {
+  const { wrapper: t, sumNode: e, timeNode: s } = Ws(i.wrapperNode);
   return {
     className(n, r) {
-      n === "remove" ? t.classList.remove(`${it}${r}`) : t.classList.add(`${it}${r}`);
+      n === "remove" ? t.classList.remove(`${et}${r}`) : t.classList.add(`${et}${r}`);
     },
-    update({ leftPoint: n, rightPoint: r, x: a, y: o, hidden: c, closest: h }) {
-      if (n && r && h && a !== void 0) {
-        const f = r.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(r.date) + i.x(n.date)) / 2, v = i.x(h.date) < p ? "left" : "right";
-        let b = "", y = "";
+    update({ leftPoint: n, rightPoint: r, x: a, y: l, hidden: c, closest: d }) {
+      if (n && r && d && a !== void 0) {
+        const f = r.value - n.value, { sumFormatter: g, timeFormatter: _ } = i.config.selection, p = (i.x(r.date) + i.x(n.date)) / 2, v = i.x(d.date) < p ? "left" : "right";
+        let b = "", x = "";
         if (g)
           b = g({ left: n.value, right: r.value, direction: v });
         else {
           const w = (f / Math.abs(n.value) * 100).toFixed(2);
-          b = `${Ps(f)} (${w}%)`;
+          b = `${Vs(f)} (${w}%)`;
         }
-        _ ? y = _({ left: n.date, right: r.date, direction: v }) : y = `${Ne(n.date)} to ${Ne(r.date)}`, e.textContent = b, s.textContent = y, requestAnimationFrame(() => {
-          const w = t.getBoundingClientRect(), x = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), T = i.x(r.date);
-          let $ = (C + T) / 2 - w.width / 2;
-          const R = 0, Y = x.width - w.width;
-          $ < R && ($ = R), $ > Y && ($ = Y), t.style.left = `${$}px`, t.style.top = `${o}px`;
+        _ ? x = _({ left: n.date, right: r.date, direction: v }) : x = `${Be(n.date)} to ${Be(r.date)}`, e.textContent = b, s.textContent = x, requestAnimationFrame(() => {
+          const w = t.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), T = i.x(r.date);
+          let R = (C + T) / 2 - w.width / 2;
+          const $ = 0, Y = y.width - w.width;
+          R < $ && (R = $), R > Y && (R = Y), t.style.left = `${R}px`, t.style.top = `${l}px`;
         });
       }
       c !== void 0 && (t.style.display = c ? "none" : "block");
@@ -295,37 +295,37 @@ const Ys = (i) => {
       t.remove();
     }
   };
-}, mt = "sc-charts__hover-tooltip", Zt = 16, Vs = D.timeFormat("%a, %b %d, %-I:%M %p"), js = (i) => {
+}, gt = "sc-charts__hover-tooltip", Gt = 16, Us = D.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
   const t = D.format(",.2f");
   return `${i < 0 ? "-" : ""}$${t(Math.abs(i))}`;
 };
-function Xs(i) {
+function Zs(i) {
   const t = document.createElement("div");
-  t.className = `${mt}-container`, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.appendChild(t);
+  t.className = `${gt}-container`, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.appendChild(t);
   const e = document.createElement("div");
-  e.className = `${mt}-sum`, t.appendChild(e);
+  e.className = `${gt}-sum`, t.appendChild(e);
   const s = document.createElement("div");
-  return s.className = `${mt}-time`, t.appendChild(s), { wrapper: t, sumNode: e, timeNode: s };
+  return s.className = `${gt}-time`, t.appendChild(s), { wrapper: t, sumNode: e, timeNode: s };
 }
-function Ws(i, t, e) {
-  return i ? t + Zt + i.width < e ? t + Zt : t - Zt - i.width : null;
+function qs(i, t, e) {
+  return i ? t + Gt + i.width < e ? t + Gt : t - Gt - i.width : null;
 }
-const Us = (i) => {
-  const { wrapper: t, sumNode: e, timeNode: s } = Xs(i.wrapperNode);
+const Js = (i) => {
+  const { wrapper: t, sumNode: e, timeNode: s } = Zs(i.wrapperNode);
   return {
     className(n, r) {
-      n === "remove" ? t.classList.remove(`${mt}${r}`) : t.classList.add(`${mt}${r}`);
+      n === "remove" ? t.classList.remove(`${gt}${r}`) : t.classList.add(`${gt}${r}`);
     },
     update({ hidden: n, dataItem: r }) {
       if (r) {
-        const { sumFormatter: a, timeFormatter: o } = i.config.hover;
-        e.textContent = a ? a(r.value) : js(r.value), s.textContent = o ? o(r.date) : Vs(r.date), requestAnimationFrame(() => {
-          const c = t.getBoundingClientRect(), h = Ws(
+        const { sumFormatter: a, timeFormatter: l } = i.config.hover;
+        e.textContent = a ? a(r.value) : Gs(r.value), s.textContent = l ? l(r.date) : Us(r.date), requestAnimationFrame(() => {
+          const c = t.getBoundingClientRect(), d = qs(
             c,
             i.x(r.date),
             i.width - i.config.margin.right
           );
-          h && (t.style.left = h + "px");
+          d && (t.style.left = d + "px");
         });
       }
       n !== void 0 && (t.style.display = n ? "none" : "block");
@@ -334,7 +334,7 @@ const Us = (i) => {
       t.remove();
     }
   };
-}, Gs = {
+}, Qs = {
   margin: { top: 10, right: 30, bottom: 20, left: 10 },
   theme: "light",
   logo: {
@@ -385,9 +385,9 @@ const Us = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, Nt = (i) => D.curveCardinal.tension(i.config.curveTension), Zs = (i) => {
-  const { svg: t, data: e, x: s, y: n, config: r } = i, a = t.node(), o = at(a);
-  _t(o, "main-line-area-gradient", {
+}, Nt = (i) => D.curveCardinal.tension(i.config.curveTension), Ks = (i) => {
+  const { svg: t, data: e, x: s, y: n, config: r } = i, a = t.node(), l = rt(a);
+  mt(l, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -397,13 +397,13 @@ const Us = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = D.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(Nt(i)), f = "sc-charts__main-line-area", g = t.append("path").datum(e).attr("d", h).attr("class", f).classed(`${f}_hidden`, !r.hasMainLineArea);
+  const d = D.area().x((_) => s(_.date)).y0(n.range()[0]).y1((_) => n(_.value)).curve(Nt(i)), f = "sc-charts__main-line-area", g = t.append("path").datum(e).attr("d", d).attr("class", f).classed(`${f}_hidden`, !r.hasMainLineArea);
   return {
     className(_, p) {
       _ === "remove" ? g.classed(`${f}${p}`, !1) : g.classed(`${f}${p}`, !0);
     },
     update({ data: _, hidden: p }) {
-      if (_ !== void 0 && g.datum(_).attr("d", h), p !== void 0) {
+      if (_ !== void 0 && g.datum(_).attr("d", d), p !== void 0) {
         if (!r.hasMainLineArea) return null;
         g.classed(`${f}_hidden`, p);
       }
@@ -412,9 +412,9 @@ const Us = (i) => {
       g.remove();
     }
   };
-}, qs = (i, t = {}) => {
-  const e = "sc-charts__range-line-area", { svg: s, x: n, y: r, config: a, data: o, chartId: c } = i, { clip: h } = t, f = s.node(), g = at(f), _ = "range-line-area-gradient";
-  _t(g, _ + "_up", {
+}, tn = (i, t = {}) => {
+  const e = "sc-charts__range-line-area", { svg: s, x: n, y: r, config: a, data: l, chartId: c } = i, { clip: d } = t, f = s.node(), g = rt(f), _ = "range-line-area-gradient";
+  mt(g, _ + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -423,7 +423,7 @@ const Us = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), _t(g, _ + "_down", {
+  }), mt(g, _ + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -433,106 +433,106 @@ const Us = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const p = D.area().x((x) => n(x.date)).y0(r.range()[0]).y1((x) => r(x.value)).curve(Nt(i)), v = `${c}-clip-${e}`, y = 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%"), w = s.append("path").datum(o).attr("d", p).attr("class", e).classed(`${e}_hidden`, !a.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const p = D.area().x((y) => n(y.date)).y0(r.range()[0]).y1((y) => r(y.value)).curve(Nt(i)), v = `${c}-clip-${e}`, x = g.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%"), w = s.append("path").datum(l).attr("d", p).attr("class", e).classed(`${e}_hidden`, !a.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
-    className(x, C) {
-      x === "remove" ? w.classed(`${e}${C}`, !1) : w.classed(`${e}${C}`, !0);
+    className(y, C) {
+      y === "remove" ? w.classed(`${e}${C}`, !1) : w.classed(`${e}${C}`, !0);
     },
-    update({ data: x, hidden: C, clip: T }) {
-      x !== void 0 && w.datum(x).attr("d", p), C !== void 0 && w.classed(`${e}_hidden`, C), T !== void 0 && y.attr("x", T.x).attr("y", T.y).attr("width", T.width).attr("height", T.height);
+    update({ data: y, hidden: C, clip: T }) {
+      y !== void 0 && w.datum(y).attr("d", p), C !== void 0 && w.classed(`${e}_hidden`, C), T !== void 0 && x.attr("x", T.x).attr("y", T.y).attr("width", T.width).attr("height", T.height);
     },
     destroy() {
       w.remove();
     }
   };
-}, qt = (i, t) => {
-  const { svg: e, data: s, x: n, y: r, chartId: a } = i, { baseClassName: o, id: c, clip: h } = t, f = e.node(), g = at(f), _ = D.line().x((w) => n(w.date)).y((w) => r(w.value)).curve(Nt(i)), p = `${a}-clip-${o}`, b = g.append("clipPath").attr("id", p).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), y = e.append("path").classed(o, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
+}, Zt = (i, t) => {
+  const { svg: e, data: s, x: n, y: r, chartId: a } = i, { baseClassName: l, id: c, clip: d } = t, f = e.node(), g = rt(f), _ = D.line().x((w) => n(w.date)).y((w) => r(w.value)).curve(Nt(i)), p = `${a}-clip-${l}`, b = g.append("clipPath").attr("id", p).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = e.append("path").classed(l, !0).datum(s).attr("d", _).attr("id", c).attr("clip-path", `url(#${p})`);
   return {
-    className(w, x) {
-      w === "remove" ? y.classed(`${o}${x}`, !1) : y.classed(`${o}${x}`, !0);
+    className(w, y) {
+      w === "remove" ? x.classed(`${l}${y}`, !1) : x.classed(`${l}${y}`, !0);
     },
-    update({ data: w, clip: x, hidden: C }) {
-      w !== void 0 && y.datum(w).attr("d", _), C !== void 0 && y.classed(`${o}_hidden`, C), x !== void 0 && b.attr("x", x.x).attr("y", x.y).attr("width", x.width).attr("height", x.height);
+    update({ data: w, clip: y, hidden: C }) {
+      w !== void 0 && x.datum(w).attr("d", _), C !== void 0 && x.classed(`${l}_hidden`, C), y !== void 0 && b.attr("x", y.x).attr("y", y.y).attr("width", y.width).attr("height", y.height);
     },
     destroy() {
-      y.remove();
+      x.remove();
     }
   };
-}, Js = (i, t) => {
-  const { svg: e, data: s, x: n, y: r, chartId: a, config: o } = i, { baseClassName: c, id: h, clip: f } = t, g = e.node(), _ = at(g), p = D.line().x((x) => n(x.date)).y((x) => r(x.value)).curve(Nt(i)), v = `${a}-clip-${c}`, y = _.append("clipPath").attr("id", v).append("rect").attr("x", (f == null ? void 0 : f.x) || 0).attr("y", (f == null ? void 0 : f.y) || 0).attr("width", (f == null ? void 0 : f.width) || "100%").attr("height", (f == null ? void 0 : f.height) || "100%"), w = e.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", h).attr("clip-path", `url(#${v})`);
+}, en = (i, t) => {
+  const { svg: e, data: s, x: n, y: r, chartId: a, config: l } = i, { baseClassName: c, id: d, clip: f } = t, g = e.node(), _ = rt(g), p = D.line().x((y) => n(y.date)).y((y) => r(y.value)).curve(Nt(i)), v = `${a}-clip-${c}`, x = _.append("clipPath").attr("id", v).append("rect").attr("x", (f == null ? void 0 : f.x) || 0).attr("y", (f == null ? void 0 : f.y) || 0).attr("width", (f == null ? void 0 : f.width) || "100%").attr("height", (f == null ? void 0 : f.height) || "100%"), w = e.append("path").classed(c, !0).datum(s).attr("d", p).attr("id", d).attr("clip-path", `url(#${v})`);
   return {
-    className(x, C) {
-      x === "remove" ? w.classed(`${c}${C}`, !1) : w.classed(`${c}${C}`, !0);
+    className(y, C) {
+      y === "remove" ? w.classed(`${c}${C}`, !1) : w.classed(`${c}${C}`, !0);
     },
-    update({ data: x, clip: C, hidden: T }) {
-      x !== void 0 && w.datum(x).attr("d", p), T !== void 0 && w.classed(`${c}_hidden`, T), C !== void 0 && (o.hover.transitionName === "default" ? y.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(D.easeLinear) : y.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: T }) {
+      y !== void 0 && w.datum(y).attr("d", p), T !== void 0 && w.classed(`${c}_hidden`, T), C !== void 0 && (l.hover.transitionName === "default" ? x.transition().duration(l.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(D.easeLinear) : x.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       w.remove();
     }
   };
-}, Qs = (i) => {
+}, sn = (i) => {
   const t = Math.abs(i);
   let e;
   return t >= 1e9 ? e = (i / 1e9).toFixed(1) + "B" : t >= 1e6 ? e = (i / 1e6).toFixed(1) + "M" : t >= 1e3 ? e = (i / 1e3).toFixed(1) + "K" : e = i.toFixed(1), e;
-}, Ks = (i, t) => {
-  const { svg: e, data: s, x: n, y: r } = i, { baseClassName: a } = t, o = e.append("g").classed(a, !0), c = o.append("circle").attr("r", 5).classed(`${a}-circle`, !0), h = o.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${a}-label`, !0);
+}, nn = (i, t) => {
+  const { svg: e, data: s, x: n, y: r } = i, { baseClassName: a } = t, l = e.append("g").classed(a, !0), c = l.append("circle").attr("r", 5).classed(`${a}-circle`, !0), d = l.append("text").attr("text-anchor", "middle").attr("dy", "-9px").classed(`${a}-label`, !0);
   return ((g) => {
     if (!g || g.length === 0) return;
     const _ = g[g.length - 1], p = n(_.date), v = r(_.value);
     c.attr("cx", p).attr("cy", v);
-    const b = i.config.extremePointFormatter || Qs;
-    h.attr("x", p).attr("y", v).text(b(_.value));
+    const b = i.config.extremePointFormatter || sn;
+    d.attr("x", p).attr("y", v).text(b(_.value));
   })(s), {
     className(g, _) {
-      g === "remove" ? o.classed(`${a}${_}`, !1) : o.classed(`${a}${_}`, !0);
+      g === "remove" ? l.classed(`${a}${_}`, !1) : l.classed(`${a}${_}`, !0);
     },
     update({ hidden: g }) {
-      g !== void 0 && o.classed(`${a}_hidden`, g);
+      g !== void 0 && l.classed(`${a}_hidden`, g);
     },
     destroy() {
-      o.remove();
+      l.remove();
     }
   };
-}, tn = (i) => {
-  const t = qt(i, {
+}, rn = (i) => {
+  const t = Zt(i, {
     baseClassName: "sc-charts__main-line",
     id: `${i.chartId}-sc-charts__main-line`
-  }), e = Zs(i);
+  }), e = Ks(i);
   let s = null;
-  i.config.hasExtremePoint && (s = Ks(i, {
+  i.config.hasExtremePoint && (s = nn(i, {
     baseClassName: "sc-charts__extreme-point"
   }));
-  const n = zs(i.svg), r = Js(i, {
+  const n = js(i.svg), r = en(i, {
     baseClassName: "sc-charts__highlight-line",
     id: `${i.chartId}-sc-charts__highlight-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
   });
   let a = null;
-  i.config.enableBelowZeroLine && (a = qt(i, {
+  i.config.enableBelowZeroLine && (a = Zt(i, {
     baseClassName: "sc-charts__below-zero-line",
     id: `${i.chartId}-sc-charts__below-zero-line`,
-    clip: Ze(i)
+    clip: Qe(i)
   }));
-  const o = Gt(i.svg, {
+  const l = Ut(i.svg, {
     className: "sc-charts__hover-circle",
     hidden: !0
-  }), c = Ee(i.svg), h = Ee(i.svg), f = qt(i, {
+  }), c = Fe(i.svg), d = Fe(i.svg), f = Zt(i, {
     baseClassName: "sc-charts__range-line",
     id: `${i.chartId}-sc-charts__range-line`,
     clip: { x: 0, y: 0, width: "0", height: "0" }
-  }), g = Gt(i.svg, {
+  }), g = Ut(i.svg, {
     className: "sc-charts__range-circle-left",
     hidden: !0
-  }), _ = Gt(i.svg, {
+  }), _ = Ut(i.svg, {
     className: "sc-charts__range-circle-right",
     hidden: !0
-  }), p = Ys(i), v = Us(i), b = qs(i);
+  }), p = Xs(i), v = Js(i), b = tn(i);
   return {
     hoverLine: n,
-    hoverCircle: o,
+    hoverCircle: l,
     rangeBorderLeft: c,
-    rangeBorderRight: h,
+    rangeBorderRight: d,
     rangeLine: f,
     rangeLineArea: b,
     rangeCircleLeft: g,
@@ -545,7 +545,7 @@ const Us = (i) => {
     belowZeroLine: a,
     extremePoint: s
   };
-}, en = (i, t, e) => {
+}, an = (i, t, e) => {
   const s = i.match(/^(\d+)([dMhmw])$/);
   if (!s)
     return console.warn("Invalid hoverRange:", i), {
@@ -554,10 +554,10 @@ const Us = (i) => {
       width: "100%",
       height: "100%"
     };
-  const [, n, r] = s, a = parseInt(n, 10), [o, c] = e.domain();
-  let h = new Date(o);
-  for (; h < c; ) {
-    let f = new Date(h);
+  const [, n, r] = s, a = parseInt(n, 10), [l, c] = e.domain();
+  let d = new Date(l);
+  for (; d < c; ) {
+    let f = new Date(d);
     switch (r) {
       case "M":
         f.setMinutes(f.getMinutes() + a);
@@ -572,7 +572,7 @@ const Us = (i) => {
         f.setDate(f.getDate() + a * 7);
         break;
       case "m":
-        f = new Date(h.getFullYear(), h.getMonth() + a, 1);
+        f = new Date(d.getFullYear(), d.getMonth() + a, 1);
         break;
       default:
         return {
@@ -582,8 +582,8 @@ const Us = (i) => {
           height: "100%"
         };
     }
-    if (t >= h && t < f) {
-      const g = e(h), _ = e(f);
+    if (t >= d && t < f) {
+      const g = e(d), _ = e(f);
       return {
         x: g,
         y: 0,
@@ -591,7 +591,7 @@ const Us = (i) => {
         height: "100%"
       };
     }
-    h = new Date(f);
+    d = new Date(f);
   }
   if (t.getTime() === c.getTime()) {
     let f = new Date(c);
@@ -626,8 +626,8 @@ const Us = (i) => {
     width: "100%",
     height: "100%"
   };
-}, Fe = (i, t) => {
-  var h;
+}, Ie = (i, t) => {
+  var d;
   const {
     x: e,
     y: s,
@@ -649,26 +649,26 @@ const Us = (i) => {
     dataItem: t,
     hidden: !1
   });
-  const o = en(i.config.hover.range, t.date, e);
+  const l = an(i.config.hover.range, t.date, e);
   n.highlightLine.update({
-    clip: o,
+    clip: l,
     hidden: !1
   });
   const c = s.range()[0] - s(0) + r.bottom;
-  c >= 0 && ((h = n.belowZeroLine) == null || h.update({
+  c >= 0 && ((d = n.belowZeroLine) == null || d.update({
     clip: {
-      ...o,
+      ...l,
       y: s(0),
       height: c
     }
   })), n.mainLine.className("add", "_muted");
-}, Ie = (i) => {
+}, He = (i) => {
   var e;
   const { elements: t } = i;
   t.hoverLine.update({ hidden: !0 }), t.hoverCircle.update({ hidden: !0 }), t.highlightLine.update({ hidden: !0 }), t.mainLine.className("remove", "_muted"), t.hoverTooltip.update({ hidden: !0 }), i.action !== "selection" && ((e = t.belowZeroLine) == null || e.update({
-    clip: Ze(i)
+    clip: Qe(i)
   }));
-}, sn = (i, t) => {
+}, on = (i, t) => {
   [
     "rangeBorderLeft",
     "rangeBorderRight",
@@ -680,36 +680,36 @@ const Us = (i) => {
   ].forEach((s) => {
     t ? (i[s].className("remove", "_down"), i[s].className("add", "_up")) : (i[s].className("remove", "_up"), i[s].className("add", "_down"));
   });
-}, nn = (i, t, e) => {
+}, ln = (i, t, e) => {
   var v;
   const {
     x: s,
     y: n,
     config: { margin: r },
     height: a,
-    elements: o
-  } = i, c = s(t.date) < s(e.date) ? t : e, h = s(t.date) >= s(e.date) ? t : e, f = h.value - c.value >= 0, g = s(c.date), _ = s(h.date), p = _ - g;
-  o.rangeBorderLeft.update({
+    elements: l
+  } = i, c = s(t.date) < s(e.date) ? t : e, d = s(t.date) >= s(e.date) ? t : e, f = d.value - c.value >= 0, g = s(c.date), _ = s(d.date), p = _ - g;
+  l.rangeBorderLeft.update({
     x1: g,
     x2: g,
     y1: r.top,
     y2: a - r.bottom,
     hidden: !1
-  }), o.rangeBorderRight.update({
+  }), l.rangeBorderRight.update({
     x1: _,
     x2: _,
     y1: r.top,
     y2: a - r.bottom,
     hidden: !1
-  }), o.rangeCircleLeft.update({
+  }), l.rangeCircleLeft.update({
     cx: g,
     cy: n(c.value),
     hidden: !1
-  }), o.rangeCircleRight.update({
+  }), l.rangeCircleRight.update({
     cx: _,
-    cy: n(h.value),
+    cy: n(d.value),
     hidden: !1
-  }), o.rangeLine.update({
+  }), l.rangeLine.update({
     clip: {
       x: g,
       y: 0,
@@ -717,7 +717,7 @@ const Us = (i) => {
       height: n.range()[0]
     },
     hidden: !1
-  }), o.rangeLineArea.update({
+  }), l.rangeLineArea.update({
     clip: {
       x: g,
       y: 0,
@@ -725,48 +725,48 @@ const Us = (i) => {
       height: n.range()[0]
     },
     hidden: !1
-  }), o.rangeTooltip.update({
-    rightPoint: h,
+  }), l.rangeTooltip.update({
+    rightPoint: d,
     leftPoint: c,
     closest: e,
     x: g + p / 2,
     y: 0,
     hidden: !1
-  }), (v = o.belowZeroLine) == null || v.update({
+  }), (v = l.belowZeroLine) == null || v.update({
     hidden: !0
-  }), o.mainLineArea.update({ hidden: !0 }), sn(o, f), o.mainLine.className("add", "_selected-muted");
-}, Be = (i) => {
+  }), l.mainLineArea.update({ hidden: !0 }), on(l, f), l.mainLine.className("add", "_selected-muted");
+}, Re = (i) => {
   var e;
   const { elements: t } = i;
   t.rangeLine.update({ hidden: !0 }), t.rangeLineArea.update({ hidden: !0 }), t.rangeBorderLeft.update({ hidden: !0 }), t.rangeBorderRight.update({ hidden: !0 }), t.rangeCircleLeft.update({ hidden: !0 }), t.rangeCircleRight.update({ hidden: !0 }), t.rangeTooltip.update({ hidden: !0 }), t.mainLine.className("remove", "_selected-muted"), t.mainLineArea.update({ hidden: !1 }), (e = t.belowZeroLine) == null || e.update({ hidden: !1 });
-}, rn = (i) => {
-  const { svg: t, data: e, x: s, config: n, width: r, height: a } = i, { margin: o, hover: c, selection: h } = n;
+}, cn = (i) => {
+  const { svg: t, data: e, x: s, config: n, width: r, height: a } = i, { margin: l, hover: c, selection: d } = n;
   let f = null, g = !1;
   const _ = (v) => e.reduce(
-    (b, y) => Math.abs(s(b.date) - v) < Math.abs(s(y.date) - v) ? b : y
+    (b, x) => Math.abs(s(b.date) - v) < Math.abs(s(x.date) - v) ? b : x
   );
-  t.append("rect").attr("width", r - o.left - o.right).attr("height", a - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = D.pointer(v, this), y = _(b);
-    !g && c.enable ? (i.action = "hover", Fe(i, y)) : (i.action = g ? "selection" : "none", Ie(i)), f && h.enable && (i.action = "selection", nn(i, f, y));
+  t.append("rect").attr("width", r - l.left - l.right).attr("height", a - l.top - l.bottom).attr("x", l.left).attr("y", l.top).attr("fill", "transparent").on("mousemove", function(v) {
+    const [b] = D.pointer(v, this), x = _(b);
+    !g && c.enable ? (i.action = "hover", Ie(i, x)) : (i.action = g ? "selection" : "none", He(i)), f && d.enable && (i.action = "selection", ln(i, f, x));
   }).on("mouseleave", () => {
-    i.action = "none", g = !1, f = null, Ie(i), Be(i);
+    i.action = "none", g = !1, f = null, He(i), Re(i);
   }).on("mousedown", function(v) {
-    if (h.enable) {
+    if (d.enable) {
       g = !0, i.action = "selection";
       const [b] = D.pointer(v, this);
       f = _(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = D.pointer(v, this), y = _(b);
-    g = !1, f = null, i.action = "hover", h.enable && Be(i), c.enable && Fe(i, y);
+    const [b] = D.pointer(v, this), x = _(b);
+    g = !1, f = null, i.action = "hover", d.enable && Re(i), c.enable && Ie(i, x);
   });
-}, an = (i, t, e) => {
+}, hn = (i, t, e) => {
   const { margin: s } = t, n = D.scaleTime(), r = D.extent(i, (a) => new Date(a.date));
   return r[0] == null || r[1] == null ? n : n.domain([r[0], r[1]]).range([s.left, e - s.right]);
-}, on = (i, t, e) => {
+}, dn = (i, t, e) => {
   const { margin: s } = t, n = D.max(i, (a) => a.value) ?? 0, r = D.min(i, (a) => a.value) ?? 0;
   return D.scaleLinear().domain([r, n]).range([e - s.bottom, s.top]);
-}, da = (i, t) => {
+}, _a = (i, t) => {
   const e = D.select(i);
   if (e.empty())
     return console.error(`Element with selector ${i} not found!`), null;
@@ -774,33 +774,33 @@ const Us = (i) => {
     return console.error(`chartId is required and must be a valid id 
       (only letters, numbers or underscores. The first character must be a letter)`), null;
   const s = e.append("div"), n = s.append("svg"), r = e.node();
-  let a = r.getBoundingClientRect(), o = a.width, c = a.height, h = Le({ ...Gs }, t.config), f = t.data;
+  let a = r.getBoundingClientRect(), l = a.width, c = a.height, d = Ne({ ...Qs }, t.config), f = t.data;
   const g = () => {
-    a = r.getBoundingClientRect(), o = a.width, c = a.height, _({ data: f, config: h });
+    a = r.getBoundingClientRect(), l = a.width, c = a.height, _({ data: f, config: d });
   };
   window.addEventListener("resize", g);
   const _ = (p, v = !1) => {
-    v && p.config && (h = Le(h, p.config)), v && p.data && (f = p.data);
-    const b = f.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, H) => T.date.getTime() - H.date.getTime()), y = an(b, h, o), w = on(b, h, c);
-    s.attr("class", `sc-charts sc-charts__${h.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${o} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
-    const x = {
+    v && p.config && (d = Ne(d, p.config)), v && p.data && (f = p.data);
+    const b = f.map((T) => ({ date: new Date(T.date), value: T.value })).sort((T, H) => T.date.getTime() - H.date.getTime()), x = hn(b, d, l), w = dn(b, d, c);
+    s.attr("class", `sc-charts sc-charts__${d.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${l} ${c}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
+    const y = {
       chartId: t.chartId,
       svg: n,
       wrapperNode: s.node(),
       data: b,
-      x: y,
+      x,
       y: w,
-      config: h,
+      config: d,
       action: "none",
-      width: o,
+      width: l,
       height: c
     };
-    Rs(x);
+    Ys(y);
     const C = {
-      ...x,
-      elements: tn(x)
+      ...y,
+      elements: rn(y)
     };
-    rn(C);
+    cn(C);
   };
   return _(t), {
     update: (p) => _(p, !0),
@@ -810,500 +810,501 @@ const Us = (i) => {
   };
 };
 var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ln(i) {
+function un(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var ft = { exports: {} };
-ft.exports;
-var He;
-function cn() {
-  return He || (He = 1, function(i, t) {
-    var e = 200, s = "__lodash_hash_undefined__", n = 800, r = 16, a = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", f = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", y = "[object Number]", w = "[object Null]", x = "[object Object]", C = "[object Proxy]", T = "[object RegExp]", H = "[object Set]", $ = "[object String]", R = "[object Undefined]", Y = "[object WeakMap]", st = "[object ArrayBuffer]", q = "[object DataView]", Bt = "[object Float32Array]", ii = "[object Float64Array]", si = "[object Int8Array]", ni = "[object Int16Array]", ri = "[object Int32Array]", ai = "[object Uint8Array]", oi = "[object Uint8ClampedArray]", li = "[object Uint16Array]", ci = "[object Uint32Array]", hi = /[\\^$.*+?()[\]{}|]/g, di = /^\[object .+?Constructor\]$/, ui = /^(?:0|[1-9]\d*)$/, N = {};
-    N[Bt] = N[ii] = N[si] = N[ni] = N[ri] = N[ai] = N[oi] = N[li] = N[ci] = !0, N[o] = N[c] = N[st] = N[f] = N[q] = N[g] = N[_] = N[p] = N[b] = N[y] = N[x] = N[T] = N[H] = N[$] = N[Y] = !1;
-    var ae = typeof Tt == "object" && Tt && Tt.Object === Object && Tt, fi = typeof self == "object" && self && self.Object === Object && self, ot = ae || fi || Function("return this")(), oe = t && !t.nodeType && t, lt = oe && !0 && i && !i.nodeType && i, le = lt && lt.exports === oe, Ht = le && ae.process, ce = function() {
+var ut = { exports: {} };
+ut.exports;
+var $e;
+function fn() {
+  return $e || ($e = 1, function(i, t) {
+    var e = 200, s = "__lodash_hash_undefined__", n = 800, r = 16, a = 9007199254740991, l = "[object Arguments]", c = "[object Array]", d = "[object AsyncFunction]", f = "[object Boolean]", g = "[object Date]", _ = "[object Error]", p = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", x = "[object Number]", w = "[object Null]", y = "[object Object]", C = "[object Proxy]", T = "[object RegExp]", H = "[object Set]", R = "[object String]", $ = "[object Undefined]", Y = "[object WeakMap]", it = "[object ArrayBuffer]", Z = "[object DataView]", Bt = "[object Float32Array]", ai = "[object Float64Array]", oi = "[object Int8Array]", li = "[object Int16Array]", ci = "[object Int32Array]", hi = "[object Uint8Array]", di = "[object Uint8ClampedArray]", ui = "[object Uint16Array]", fi = "[object Uint32Array]", gi = /[\\^$.*+?()[\]{}|]/g, mi = /^\[object .+?Constructor\]$/, _i = /^(?:0|[1-9]\d*)$/, N = {};
+    N[Bt] = N[ai] = N[oi] = N[li] = N[ci] = N[hi] = N[di] = N[ui] = N[fi] = !0, N[l] = N[c] = N[it] = N[f] = N[Z] = N[g] = N[_] = N[p] = N[b] = N[x] = N[y] = N[T] = N[H] = N[R] = N[Y] = !1;
+    var le = typeof Tt == "object" && Tt && Tt.Object === Object && Tt, pi = typeof self == "object" && self && self.Object === Object && self, at = le || pi || Function("return this")(), ce = t && !t.nodeType && t, ot = ce && !0 && i && !i.nodeType && i, he = ot && ot.exports === ce, It = he && le.process, de = function() {
       try {
-        var l = lt && lt.require && lt.require("util").types;
-        return l || Ht && Ht.binding && Ht.binding("util");
+        var o = ot && ot.require && ot.require("util").types;
+        return o || It && It.binding && It.binding("util");
       } catch {
       }
-    }(), he = ce && ce.isTypedArray;
-    function gi(l, d, m) {
+    }(), ue = de && de.isTypedArray;
+    function vi(o, h, m) {
       switch (m.length) {
         case 0:
-          return l.call(d);
+          return o.call(h);
         case 1:
-          return l.call(d, m[0]);
+          return o.call(h, m[0]);
         case 2:
-          return l.call(d, m[0], m[1]);
+          return o.call(h, m[0], m[1]);
         case 3:
-          return l.call(d, m[0], m[1], m[2]);
+          return o.call(h, m[0], m[1], m[2]);
       }
-      return l.apply(d, m);
+      return o.apply(h, m);
     }
-    function mi(l, d) {
-      for (var m = -1, M = Array(l); ++m < l; )
-        M[m] = d(m);
-      return M;
+    function bi(o, h) {
+      for (var m = -1, A = Array(o); ++m < o; )
+        A[m] = h(m);
+      return A;
     }
-    function _i(l) {
-      return function(d) {
-        return l(d);
+    function yi(o) {
+      return function(h) {
+        return o(h);
       };
     }
-    function pi(l, d) {
-      return l == null ? void 0 : l[d];
+    function xi(o, h) {
+      return o == null ? void 0 : o[h];
     }
-    function vi(l, d) {
+    function wi(o, h) {
       return function(m) {
-        return l(d(m));
+        return o(h(m));
       };
     }
-    var bi = Array.prototype, yi = Function.prototype, vt = Object.prototype, $t = ot["__core-js_shared__"], bt = yi.toString, J = vt.hasOwnProperty, de = function() {
-      var l = /[^.]+$/.exec($t && $t.keys && $t.keys.IE_PROTO || "");
-      return l ? "Symbol(src)_1." + l : "";
-    }(), ue = vt.toString, xi = bt.call(Object), wi = RegExp(
-      "^" + bt.call(J).replace(hi, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), yt = le ? ot.Buffer : void 0, fe = ot.Symbol, ge = ot.Uint8Array;
+    var Ci = Array.prototype, Ai = Function.prototype, vt = Object.prototype, Ht = at["__core-js_shared__"], bt = Ai.toString, q = vt.hasOwnProperty, fe = function() {
+      var o = /[^.]+$/.exec(Ht && Ht.keys && Ht.keys.IE_PROTO || "");
+      return o ? "Symbol(src)_1." + o : "";
+    }(), ge = vt.toString, Mi = bt.call(Object), Ti = RegExp(
+      "^" + bt.call(q).replace(gi, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    ), yt = he ? at.Buffer : void 0, me = at.Symbol, _e = at.Uint8Array;
     yt && yt.allocUnsafe;
-    var me = vi(Object.getPrototypeOf, Object), _e = Object.create, Ci = vt.propertyIsEnumerable, Mi = bi.splice, K = fe ? fe.toStringTag : void 0, xt = function() {
+    var pe = wi(Object.getPrototypeOf, Object), ve = Object.create, Si = vt.propertyIsEnumerable, ki = Ci.splice, Q = me ? me.toStringTag : void 0, xt = function() {
       try {
-        var l = Pt(Object, "defineProperty");
-        return l({}, "", {}), l;
+        var o = Pt(Object, "defineProperty");
+        return o({}, "", {}), o;
       } catch {
       }
-    }(), Ai = yt ? yt.isBuffer : void 0, pe = Math.max, Ti = Date.now, ve = Pt(ot, "Map"), ct = Pt(Object, "create"), Si = /* @__PURE__ */ function() {
-      function l() {
+    }(), Di = yt ? yt.isBuffer : void 0, be = Math.max, Li = Date.now, ye = Pt(at, "Map"), lt = Pt(Object, "create"), Ei = /* @__PURE__ */ function() {
+      function o() {
       }
-      return function(d) {
-        if (!et(d))
+      return function(h) {
+        if (!tt(h))
           return {};
-        if (_e)
-          return _e(d);
-        l.prototype = d;
-        var m = new l();
-        return l.prototype = void 0, m;
+        if (ve)
+          return ve(h);
+        o.prototype = h;
+        var m = new o();
+        return o.prototype = void 0, m;
       };
     }();
-    function tt(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+    function K(o) {
+      var h = -1, m = o == null ? 0 : o.length;
+      for (this.clear(); ++h < m; ) {
+        var A = o[h];
+        this.set(A[0], A[1]);
       }
     }
-    function ki() {
-      this.__data__ = ct ? ct(null) : {}, this.size = 0;
+    function Ni() {
+      this.__data__ = lt ? lt(null) : {}, this.size = 0;
     }
-    function Di(l) {
-      var d = this.has(l) && delete this.__data__[l];
-      return this.size -= d ? 1 : 0, d;
+    function Fi(o) {
+      var h = this.has(o) && delete this.__data__[o];
+      return this.size -= h ? 1 : 0, h;
     }
-    function Li(l) {
-      var d = this.__data__;
-      if (ct) {
-        var m = d[l];
+    function Bi(o) {
+      var h = this.__data__;
+      if (lt) {
+        var m = h[o];
         return m === s ? void 0 : m;
       }
-      return J.call(d, l) ? d[l] : void 0;
+      return q.call(h, o) ? h[o] : void 0;
     }
-    function Ei(l) {
-      var d = this.__data__;
-      return ct ? d[l] !== void 0 : J.call(d, l);
+    function Ii(o) {
+      var h = this.__data__;
+      return lt ? h[o] !== void 0 : q.call(h, o);
     }
-    function Ni(l, d) {
+    function Hi(o, h) {
       var m = this.__data__;
-      return this.size += this.has(l) ? 0 : 1, m[l] = ct && d === void 0 ? s : d, this;
+      return this.size += this.has(o) ? 0 : 1, m[o] = lt && h === void 0 ? s : h, this;
     }
-    tt.prototype.clear = ki, tt.prototype.delete = Di, tt.prototype.get = Li, tt.prototype.has = Ei, tt.prototype.set = Ni;
-    function W(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+    K.prototype.clear = Ni, K.prototype.delete = Fi, K.prototype.get = Bi, K.prototype.has = Ii, K.prototype.set = Hi;
+    function X(o) {
+      var h = -1, m = o == null ? 0 : o.length;
+      for (this.clear(); ++h < m; ) {
+        var A = o[h];
+        this.set(A[0], A[1]);
       }
     }
-    function Fi() {
+    function Ri() {
       this.__data__ = [], this.size = 0;
     }
-    function Ii(l) {
-      var d = this.__data__, m = wt(d, l);
+    function $i(o) {
+      var h = this.__data__, m = wt(h, o);
       if (m < 0)
         return !1;
-      var M = d.length - 1;
-      return m == M ? d.pop() : Mi.call(d, m, 1), --this.size, !0;
+      var A = h.length - 1;
+      return m == A ? h.pop() : ki.call(h, m, 1), --this.size, !0;
     }
-    function Bi(l) {
-      var d = this.__data__, m = wt(d, l);
-      return m < 0 ? void 0 : d[m][1];
+    function Pi(o) {
+      var h = this.__data__, m = wt(h, o);
+      return m < 0 ? void 0 : h[m][1];
     }
-    function Hi(l) {
-      return wt(this.__data__, l) > -1;
+    function zi(o) {
+      return wt(this.__data__, o) > -1;
     }
-    function $i(l, d) {
-      var m = this.__data__, M = wt(m, l);
-      return M < 0 ? (++this.size, m.push([l, d])) : m[M][1] = d, this;
+    function Oi(o, h) {
+      var m = this.__data__, A = wt(m, o);
+      return A < 0 ? (++this.size, m.push([o, h])) : m[A][1] = h, this;
     }
-    W.prototype.clear = Fi, W.prototype.delete = Ii, W.prototype.get = Bi, W.prototype.has = Hi, W.prototype.set = $i;
-    function nt(l) {
-      var d = -1, m = l == null ? 0 : l.length;
-      for (this.clear(); ++d < m; ) {
-        var M = l[d];
-        this.set(M[0], M[1]);
+    X.prototype.clear = Ri, X.prototype.delete = $i, X.prototype.get = Pi, X.prototype.has = zi, X.prototype.set = Oi;
+    function st(o) {
+      var h = -1, m = o == null ? 0 : o.length;
+      for (this.clear(); ++h < m; ) {
+        var A = o[h];
+        this.set(A[0], A[1]);
       }
     }
-    function Ri() {
+    function Yi() {
       this.size = 0, this.__data__ = {
-        hash: new tt(),
-        map: new (ve || W)(),
-        string: new tt()
+        hash: new K(),
+        map: new (ye || X)(),
+        string: new K()
       };
     }
-    function zi(l) {
-      var d = Mt(this, l).delete(l);
-      return this.size -= d ? 1 : 0, d;
+    function ji(o) {
+      var h = At(this, o).delete(o);
+      return this.size -= h ? 1 : 0, h;
     }
-    function Pi(l) {
-      return Mt(this, l).get(l);
+    function Vi(o) {
+      return At(this, o).get(o);
     }
-    function Oi(l) {
-      return Mt(this, l).has(l);
+    function Wi(o) {
+      return At(this, o).has(o);
     }
-    function Yi(l, d) {
-      var m = Mt(this, l), M = m.size;
-      return m.set(l, d), this.size += m.size == M ? 0 : 1, this;
+    function Xi(o, h) {
+      var m = At(this, o), A = m.size;
+      return m.set(o, h), this.size += m.size == A ? 0 : 1, this;
     }
-    nt.prototype.clear = Ri, nt.prototype.delete = zi, nt.prototype.get = Pi, nt.prototype.has = Oi, nt.prototype.set = Yi;
-    function rt(l) {
-      var d = this.__data__ = new W(l);
-      this.size = d.size;
+    st.prototype.clear = Yi, st.prototype.delete = ji, st.prototype.get = Vi, st.prototype.has = Wi, st.prototype.set = Xi;
+    function nt(o) {
+      var h = this.__data__ = new X(o);
+      this.size = h.size;
     }
-    function Vi() {
-      this.__data__ = new W(), this.size = 0;
+    function Ui() {
+      this.__data__ = new X(), this.size = 0;
     }
-    function ji(l) {
-      var d = this.__data__, m = d.delete(l);
-      return this.size = d.size, m;
+    function Gi(o) {
+      var h = this.__data__, m = h.delete(o);
+      return this.size = h.size, m;
     }
-    function Xi(l) {
-      return this.__data__.get(l);
+    function Zi(o) {
+      return this.__data__.get(o);
     }
-    function Wi(l) {
-      return this.__data__.has(l);
+    function qi(o) {
+      return this.__data__.has(o);
     }
-    function Ui(l, d) {
+    function Ji(o, h) {
       var m = this.__data__;
-      if (m instanceof W) {
-        var M = m.__data__;
-        if (!ve || M.length < e - 1)
-          return M.push([l, d]), this.size = ++m.size, this;
-        m = this.__data__ = new nt(M);
+      if (m instanceof X) {
+        var A = m.__data__;
+        if (!ye || A.length < e - 1)
+          return A.push([o, h]), this.size = ++m.size, this;
+        m = this.__data__ = new st(A);
       }
-      return m.set(l, d), this.size = m.size, this;
+      return m.set(o, h), this.size = m.size, this;
     }
-    rt.prototype.clear = Vi, rt.prototype.delete = ji, rt.prototype.get = Xi, rt.prototype.has = Wi, rt.prototype.set = Ui;
-    function Gi(l, d) {
-      var m = Vt(l), M = !m && Yt(l), S = !m && !M && Ce(l), E = !m && !M && !S && Ae(l), F = m || M || S || E, L = F ? mi(l.length, String) : [], I = L.length;
-      for (var V in l)
+    nt.prototype.clear = Ui, nt.prototype.delete = Gi, nt.prototype.get = Zi, nt.prototype.has = qi, nt.prototype.set = Ji;
+    function Qi(o, h) {
+      var m = Yt(o), A = !m && Ot(o), S = !m && !A && Me(o), E = !m && !A && !S && Se(o), F = m || A || S || E, L = F ? bi(o.length, String) : [], B = L.length;
+      for (var j in o)
         F && // Safari 9 has enumerable `arguments.length` in strict mode.
-        (V == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        S && (V == "offset" || V == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        E && (V == "buffer" || V == "byteLength" || V == "byteOffset") || // Skip index properties.
-        xe(V, I)) || L.push(V);
+        (j == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        S && (j == "offset" || j == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        E && (j == "buffer" || j == "byteLength" || j == "byteOffset") || // Skip index properties.
+        Ce(j, B)) || L.push(j);
       return L;
     }
-    function Rt(l, d, m) {
-      (m !== void 0 && !At(l[d], m) || m === void 0 && !(d in l)) && zt(l, d, m);
+    function Rt(o, h, m) {
+      (m !== void 0 && !Mt(o[h], m) || m === void 0 && !(h in o)) && $t(o, h, m);
     }
-    function Zi(l, d, m) {
-      var M = l[d];
-      (!(J.call(l, d) && At(M, m)) || m === void 0 && !(d in l)) && zt(l, d, m);
+    function Ki(o, h, m) {
+      var A = o[h];
+      (!(q.call(o, h) && Mt(A, m)) || m === void 0 && !(h in o)) && $t(o, h, m);
     }
-    function wt(l, d) {
-      for (var m = l.length; m--; )
-        if (At(l[m][0], d))
+    function wt(o, h) {
+      for (var m = o.length; m--; )
+        if (Mt(o[m][0], h))
           return m;
       return -1;
     }
-    function zt(l, d, m) {
-      d == "__proto__" && xt ? xt(l, d, {
+    function $t(o, h, m) {
+      h == "__proto__" && xt ? xt(o, h, {
         configurable: !0,
         enumerable: !0,
         value: m,
         writable: !0
-      }) : l[d] = m;
+      }) : o[h] = m;
     }
-    var qi = cs();
-    function Ct(l) {
-      return l == null ? l === void 0 ? R : w : K && K in Object(l) ? hs(l) : _s(l);
+    var ts = fs();
+    function Ct(o) {
+      return o == null ? o === void 0 ? $ : w : Q && Q in Object(o) ? gs(o) : ys(o);
     }
-    function be(l) {
-      return ht(l) && Ct(l) == o;
+    function xe(o) {
+      return ct(o) && Ct(o) == l;
     }
-    function Ji(l) {
-      if (!et(l) || gs(l))
+    function es(o) {
+      if (!tt(o) || vs(o))
         return !1;
-      var d = Xt(l) ? wi : di;
-      return d.test(ys(l));
+      var h = Vt(o) ? Ti : mi;
+      return h.test(As(o));
     }
-    function Qi(l) {
-      return ht(l) && Me(l.length) && !!N[Ct(l)];
+    function is(o) {
+      return ct(o) && Te(o.length) && !!N[Ct(o)];
     }
-    function Ki(l) {
-      if (!et(l))
-        return ms(l);
-      var d = we(l), m = [];
-      for (var M in l)
-        M == "constructor" && (d || !J.call(l, M)) || m.push(M);
+    function ss(o) {
+      if (!tt(o))
+        return bs(o);
+      var h = Ae(o), m = [];
+      for (var A in o)
+        A == "constructor" && (h || !q.call(o, A)) || m.push(A);
       return m;
     }
-    function ye(l, d, m, M, S) {
-      l !== d && qi(d, function(E, F) {
-        if (S || (S = new rt()), et(E))
-          ts(l, d, F, m, ye, M, S);
+    function we(o, h, m, A, S) {
+      o !== h && ts(h, function(E, F) {
+        if (S || (S = new nt()), tt(E))
+          ns(o, h, F, m, we, A, S);
         else {
-          var L = M ? M(Ot(l, F), E, F + "", l, d, S) : void 0;
-          L === void 0 && (L = E), Rt(l, F, L);
+          var L = A ? A(zt(o, F), E, F + "", o, h, S) : void 0;
+          L === void 0 && (L = E), Rt(o, F, L);
         }
-      }, Te);
+      }, ke);
     }
-    function ts(l, d, m, M, S, E, F) {
-      var L = Ot(l, m), I = Ot(d, m), V = F.get(I);
-      if (V) {
-        Rt(l, m, V);
+    function ns(o, h, m, A, S, E, F) {
+      var L = zt(o, m), B = zt(h, m), j = F.get(B);
+      if (j) {
+        Rt(o, m, j);
         return;
       }
-      var z = E ? E(L, I, m + "", l, d, F) : void 0, dt = z === void 0;
-      if (dt) {
-        var Wt = Vt(I), Ut = !Wt && Ce(I), ke = !Wt && !Ut && Ae(I);
-        z = I, Wt || Ut || ke ? Vt(L) ? z = L : xs(L) ? z = as(L) : Ut ? (dt = !1, z = ss(I)) : ke ? (dt = !1, z = rs(I)) : z = [] : ws(I) || Yt(I) ? (z = L, Yt(L) ? z = Cs(L) : (!et(L) || Xt(L)) && (z = ds(I))) : dt = !1;
+      var P = E ? E(L, B, m + "", o, h, F) : void 0, ht = P === void 0;
+      if (ht) {
+        var Wt = Yt(B), Xt = !Wt && Me(B), Le = !Wt && !Xt && Se(B);
+        P = B, Wt || Xt || Le ? Yt(L) ? P = L : Ms(L) ? P = hs(L) : Xt ? (ht = !1, P = os(B)) : Le ? (ht = !1, P = cs(B)) : P = [] : Ts(B) || Ot(B) ? (P = L, Ot(L) ? P = Ss(L) : (!tt(L) || Vt(L)) && (P = ms(B))) : ht = !1;
       }
-      dt && (F.set(I, z), S(z, I, M, E, F), F.delete(I)), Rt(l, m, z);
+      ht && (F.set(B, P), S(P, B, A, E, F), F.delete(B)), Rt(o, m, P);
     }
-    function es(l, d) {
-      return vs(ps(l, d, Se), l + "");
+    function rs(o, h) {
+      return ws(xs(o, h, De), o + "");
     }
-    var is = xt ? function(l, d) {
-      return xt(l, "toString", {
+    var as = xt ? function(o, h) {
+      return xt(o, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: As(d),
+        value: Ds(h),
         writable: !0
       });
-    } : Se;
-    function ss(l, d) {
-      return l.slice();
+    } : De;
+    function os(o, h) {
+      return o.slice();
     }
-    function ns(l) {
-      var d = new l.constructor(l.byteLength);
-      return new ge(d).set(new ge(l)), d;
+    function ls(o) {
+      var h = new o.constructor(o.byteLength);
+      return new _e(h).set(new _e(o)), h;
     }
-    function rs(l, d) {
-      var m = ns(l.buffer);
-      return new l.constructor(m, l.byteOffset, l.length);
+    function cs(o, h) {
+      var m = ls(o.buffer);
+      return new o.constructor(m, o.byteOffset, o.length);
     }
-    function as(l, d) {
-      var m = -1, M = l.length;
-      for (d || (d = Array(M)); ++m < M; )
-        d[m] = l[m];
-      return d;
+    function hs(o, h) {
+      var m = -1, A = o.length;
+      for (h || (h = Array(A)); ++m < A; )
+        h[m] = o[m];
+      return h;
     }
-    function os(l, d, m, M) {
+    function ds(o, h, m, A) {
       var S = !m;
       m || (m = {});
-      for (var E = -1, F = d.length; ++E < F; ) {
-        var L = d[E], I = void 0;
-        I === void 0 && (I = l[L]), S ? zt(m, L, I) : Zi(m, L, I);
+      for (var E = -1, F = h.length; ++E < F; ) {
+        var L = h[E], B = void 0;
+        B === void 0 && (B = o[L]), S ? $t(m, L, B) : Ki(m, L, B);
       }
       return m;
     }
-    function ls(l) {
-      return es(function(d, m) {
-        var M = -1, S = m.length, E = S > 1 ? m[S - 1] : void 0, F = S > 2 ? m[2] : void 0;
-        for (E = l.length > 3 && typeof E == "function" ? (S--, E) : void 0, F && us(m[0], m[1], F) && (E = S < 3 ? void 0 : E, S = 1), d = Object(d); ++M < S; ) {
-          var L = m[M];
-          L && l(d, L, M, E);
+    function us(o) {
+      return rs(function(h, m) {
+        var A = -1, S = m.length, E = S > 1 ? m[S - 1] : void 0, F = S > 2 ? m[2] : void 0;
+        for (E = o.length > 3 && typeof E == "function" ? (S--, E) : void 0, F && _s(m[0], m[1], F) && (E = S < 3 ? void 0 : E, S = 1), h = Object(h); ++A < S; ) {
+          var L = m[A];
+          L && o(h, L, A, E);
         }
-        return d;
+        return h;
       });
     }
-    function cs(l) {
-      return function(d, m, M) {
-        for (var S = -1, E = Object(d), F = M(d), L = F.length; L--; ) {
-          var I = F[++S];
-          if (m(E[I], I, E) === !1)
+    function fs(o) {
+      return function(h, m, A) {
+        for (var S = -1, E = Object(h), F = A(h), L = F.length; L--; ) {
+          var B = F[++S];
+          if (m(E[B], B, E) === !1)
             break;
         }
-        return d;
+        return h;
       };
     }
-    function Mt(l, d) {
-      var m = l.__data__;
-      return fs(d) ? m[typeof d == "string" ? "string" : "hash"] : m.map;
+    function At(o, h) {
+      var m = o.__data__;
+      return ps(h) ? m[typeof h == "string" ? "string" : "hash"] : m.map;
     }
-    function Pt(l, d) {
-      var m = pi(l, d);
-      return Ji(m) ? m : void 0;
+    function Pt(o, h) {
+      var m = xi(o, h);
+      return es(m) ? m : void 0;
     }
-    function hs(l) {
-      var d = J.call(l, K), m = l[K];
+    function gs(o) {
+      var h = q.call(o, Q), m = o[Q];
       try {
-        l[K] = void 0;
-        var M = !0;
+        o[Q] = void 0;
+        var A = !0;
       } catch {
       }
-      var S = ue.call(l);
-      return M && (d ? l[K] = m : delete l[K]), S;
+      var S = ge.call(o);
+      return A && (h ? o[Q] = m : delete o[Q]), S;
     }
-    function ds(l) {
-      return typeof l.constructor == "function" && !we(l) ? Si(me(l)) : {};
+    function ms(o) {
+      return typeof o.constructor == "function" && !Ae(o) ? Ei(pe(o)) : {};
     }
-    function xe(l, d) {
-      var m = typeof l;
-      return d = d ?? a, !!d && (m == "number" || m != "symbol" && ui.test(l)) && l > -1 && l % 1 == 0 && l < d;
+    function Ce(o, h) {
+      var m = typeof o;
+      return h = h ?? a, !!h && (m == "number" || m != "symbol" && _i.test(o)) && o > -1 && o % 1 == 0 && o < h;
     }
-    function us(l, d, m) {
-      if (!et(m))
+    function _s(o, h, m) {
+      if (!tt(m))
         return !1;
-      var M = typeof d;
-      return (M == "number" ? jt(m) && xe(d, m.length) : M == "string" && d in m) ? At(m[d], l) : !1;
+      var A = typeof h;
+      return (A == "number" ? jt(m) && Ce(h, m.length) : A == "string" && h in m) ? Mt(m[h], o) : !1;
     }
-    function fs(l) {
-      var d = typeof l;
-      return d == "string" || d == "number" || d == "symbol" || d == "boolean" ? l !== "__proto__" : l === null;
+    function ps(o) {
+      var h = typeof o;
+      return h == "string" || h == "number" || h == "symbol" || h == "boolean" ? o !== "__proto__" : o === null;
     }
-    function gs(l) {
-      return !!de && de in l;
+    function vs(o) {
+      return !!fe && fe in o;
     }
-    function we(l) {
-      var d = l && l.constructor, m = typeof d == "function" && d.prototype || vt;
-      return l === m;
+    function Ae(o) {
+      var h = o && o.constructor, m = typeof h == "function" && h.prototype || vt;
+      return o === m;
     }
-    function ms(l) {
-      var d = [];
-      if (l != null)
-        for (var m in Object(l))
-          d.push(m);
-      return d;
+    function bs(o) {
+      var h = [];
+      if (o != null)
+        for (var m in Object(o))
+          h.push(m);
+      return h;
     }
-    function _s(l) {
-      return ue.call(l);
+    function ys(o) {
+      return ge.call(o);
     }
-    function ps(l, d, m) {
-      return d = pe(d === void 0 ? l.length - 1 : d, 0), function() {
-        for (var M = arguments, S = -1, E = pe(M.length - d, 0), F = Array(E); ++S < E; )
-          F[S] = M[d + S];
+    function xs(o, h, m) {
+      return h = be(h === void 0 ? o.length - 1 : h, 0), function() {
+        for (var A = arguments, S = -1, E = be(A.length - h, 0), F = Array(E); ++S < E; )
+          F[S] = A[h + S];
         S = -1;
-        for (var L = Array(d + 1); ++S < d; )
-          L[S] = M[S];
-        return L[d] = m(F), gi(l, this, L);
+        for (var L = Array(h + 1); ++S < h; )
+          L[S] = A[S];
+        return L[h] = m(F), vi(o, this, L);
       };
     }
-    function Ot(l, d) {
-      if (!(d === "constructor" && typeof l[d] == "function") && d != "__proto__")
-        return l[d];
+    function zt(o, h) {
+      if (!(h === "constructor" && typeof o[h] == "function") && h != "__proto__")
+        return o[h];
     }
-    var vs = bs(is);
-    function bs(l) {
-      var d = 0, m = 0;
+    var ws = Cs(as);
+    function Cs(o) {
+      var h = 0, m = 0;
       return function() {
-        var M = Ti(), S = r - (M - m);
-        if (m = M, S > 0) {
-          if (++d >= n)
+        var A = Li(), S = r - (A - m);
+        if (m = A, S > 0) {
+          if (++h >= n)
             return arguments[0];
         } else
-          d = 0;
-        return l.apply(void 0, arguments);
+          h = 0;
+        return o.apply(void 0, arguments);
       };
     }
-    function ys(l) {
-      if (l != null) {
+    function As(o) {
+      if (o != null) {
         try {
-          return bt.call(l);
+          return bt.call(o);
         } catch {
         }
         try {
-          return l + "";
+          return o + "";
         } catch {
         }
       }
       return "";
     }
-    function At(l, d) {
-      return l === d || l !== l && d !== d;
+    function Mt(o, h) {
+      return o === h || o !== o && h !== h;
     }
-    var Yt = be(/* @__PURE__ */ function() {
+    var Ot = xe(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? be : function(l) {
-      return ht(l) && J.call(l, "callee") && !Ci.call(l, "callee");
-    }, Vt = Array.isArray;
-    function jt(l) {
-      return l != null && Me(l.length) && !Xt(l);
+    }()) ? xe : function(o) {
+      return ct(o) && q.call(o, "callee") && !Si.call(o, "callee");
+    }, Yt = Array.isArray;
+    function jt(o) {
+      return o != null && Te(o.length) && !Vt(o);
     }
-    function xs(l) {
-      return ht(l) && jt(l);
+    function Ms(o) {
+      return ct(o) && jt(o);
     }
-    var Ce = Ai || Ts;
-    function Xt(l) {
-      if (!et(l))
+    var Me = Di || Ls;
+    function Vt(o) {
+      if (!tt(o))
         return !1;
-      var d = Ct(l);
-      return d == p || d == v || d == h || d == C;
+      var h = Ct(o);
+      return h == p || h == v || h == d || h == C;
     }
-    function Me(l) {
-      return typeof l == "number" && l > -1 && l % 1 == 0 && l <= a;
+    function Te(o) {
+      return typeof o == "number" && o > -1 && o % 1 == 0 && o <= a;
     }
-    function et(l) {
-      var d = typeof l;
-      return l != null && (d == "object" || d == "function");
+    function tt(o) {
+      var h = typeof o;
+      return o != null && (h == "object" || h == "function");
     }
-    function ht(l) {
-      return l != null && typeof l == "object";
+    function ct(o) {
+      return o != null && typeof o == "object";
     }
-    function ws(l) {
-      if (!ht(l) || Ct(l) != x)
+    function Ts(o) {
+      if (!ct(o) || Ct(o) != y)
         return !1;
-      var d = me(l);
-      if (d === null)
+      var h = pe(o);
+      if (h === null)
         return !0;
-      var m = J.call(d, "constructor") && d.constructor;
-      return typeof m == "function" && m instanceof m && bt.call(m) == xi;
+      var m = q.call(h, "constructor") && h.constructor;
+      return typeof m == "function" && m instanceof m && bt.call(m) == Mi;
     }
-    var Ae = he ? _i(he) : Qi;
-    function Cs(l) {
-      return os(l, Te(l));
+    var Se = ue ? yi(ue) : is;
+    function Ss(o) {
+      return ds(o, ke(o));
     }
-    function Te(l) {
-      return jt(l) ? Gi(l) : Ki(l);
+    function ke(o) {
+      return jt(o) ? Qi(o) : ss(o);
     }
-    var Ms = ls(function(l, d, m) {
-      ye(l, d, m);
+    var ks = us(function(o, h, m) {
+      we(o, h, m);
     });
-    function As(l) {
+    function Ds(o) {
       return function() {
-        return l;
+        return o;
       };
     }
-    function Se(l) {
-      return l;
+    function De(o) {
+      return o;
     }
-    function Ts() {
+    function Ls() {
       return !1;
     }
-    i.exports = Ms;
-  }(ft, ft.exports)), ft.exports;
+    i.exports = ks;
+  }(ut, ut.exports)), ut.exports;
 }
-var hn = cn();
-const Dt = /* @__PURE__ */ ln(hn), $e = 12, dn = {
+var gn = fn();
+const Dt = /* @__PURE__ */ un(gn), Pe = 12, mn = {
   candles: {
     direction: "right",
-    offset: `${Math.round($e / 2)}px`,
+    offset: `${Math.round(Pe / 2)}px`,
     style: "filled",
     strokeWidth: 1,
-    baseWidth: $e,
+    baseWidth: Pe,
     bodyRatio: 0.7,
     zoomOnWheel: "both",
     scaleSensitivity: 2e-3,
-    limiterOffset: 40
+    limiterOffset: { left: 0, right: 0 },
+    hideMissingData: !1
   },
   xAxis: {
     isShow: !0,
@@ -1339,14 +1340,14 @@ const Dt = /* @__PURE__ */ ln(hn), $e = 12, dn = {
     showLabelButtons: !0
   }
 };
-class un {
+class _n {
   constructor(t) {
     u(this, "_candles");
     u(this, "_xAxis");
     u(this, "_yAxis");
     u(this, "_guides");
     u(this, "_trade");
-    const e = Dt({}, dn, t);
+    const e = Dt({}, mn, t);
     this._candles = e.candles, this._xAxis = e.xAxis, this._yAxis = e.yAxis, this._guides = e.guides, this._trade = e.trade;
   }
   update(t) {
@@ -1420,7 +1421,7 @@ class O {
     return this.y + this.height;
   }
 }
-class fn {
+class pn {
   constructor(t, e) {
     u(this, "_chart", new O());
     u(this, "_area", new O());
@@ -1478,43 +1479,43 @@ class fn {
     return this._chart;
   }
 }
-const gn = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
-function mn(i, t) {
+const vn = (i) => i ? new Date(i.close_time).getTime() - new Date(i.open_time).getTime() : 0;
+function bn(i, t) {
   if (i.length < 2) return [];
   const e = [];
   for (let s = 0; s < i.length - 1; s++) {
-    const n = i[s].close_time.getTime(), r = i[s].open_time.getTime(), o = new Date(i[s + 1].open_time).getTime() - n;
-    if (o >= t) {
-      const c = Math.floor(o / t), h = [];
+    const n = i[s].close_time.getTime(), r = i[s].open_time.getTime(), l = new Date(i[s + 1].open_time).getTime() - n;
+    if (l >= t) {
+      const c = Math.floor(l / t), d = [];
       for (let f = 1; f <= c; f++)
-        h.push(r + f * t);
-      h.length > 0 && e.push(h);
+        d.push(r + f * t);
+      d.length > 0 && e.push(d);
     }
   }
   return e;
 }
-function Re(i, t) {
-  const e = gn(i[0]), s = mn(i, e), n = [];
+function ze(i, t) {
+  const e = vn(i[0]), s = bn(i, e), n = [];
   return s.forEach((r) => {
     if (r.length === 0) return;
-    const a = i.find((g) => g.close_time.getTime() === r[0]), o = i.find(
+    const a = i.find((g) => g.close_time.getTime() === r[0]), l = i.find(
       (g) => g.open_time.getTime() === r[r.length - 1] + e
     );
-    if (!a || !o)
+    if (!a || !l)
       throw new Error("[CS_Data] error while creating missing data");
-    const c = a.close, h = o.open;
+    const c = a.close, d = l.open;
     let f = c;
     r.forEach((g, _) => {
-      const p = (h - f) / r.length;
+      const p = (d - f) / r.length;
       let v = f + p * _, b = v + p;
-      const y = Math.abs(v - b);
-      let w = Math.max(v, b) + y / 2, x = Math.min(v, b) - y / 2;
+      const x = Math.abs(v - b);
+      let w = Math.max(v, b) + x / 2, y = Math.min(v, b) - x / 2;
       if (t.trade) {
         const T = [...t.trade.entries, ...t.trade.exits].find((H) => {
-          const $ = H.time.getTime();
-          return $ >= g && $ < g + e;
+          const R = H.time.getTime();
+          return R >= g && R < g + e;
         });
-        T && (T.type === "buy" ? (x = T.price, b = Math.max(x, b), v = b + y, w = Math.max(v, b) + y / 2, f = v) : T.type === "sell" && (w = T.price, b = Math.min(w, b), v = b - y, x = Math.min(v, b) - y / 2, f = v));
+        T && (T.type === "buy" ? (y = T.price, b = Math.max(y, b), v = b + x, w = Math.max(v, b) + x / 2, f = v) : T.type === "sell" && (w = T.price, b = Math.min(w, b), v = b - x, y = Math.min(v, b) - x / 2, f = v));
       }
       const C = {
         open_time: new Date(g),
@@ -1522,13 +1523,13 @@ function Re(i, t) {
         open: v,
         close: b,
         high: w,
-        low: x
+        low: y
       };
       n.push(C);
     });
   }), n;
 }
-class se {
+class ne {
   constructor(t, e) {
     u(this, "_initialData", []);
     u(this, "_preparedData", []);
@@ -1542,10 +1543,10 @@ class se {
     return t.map((e) => ({ ...e, open_time: new Date(e.open_time), close_time: new Date(e.close_time) })).sort((e, s) => e.open_time.getTime() - s.open_time.getTime());
   }
   update(t) {
-    this._initialData = t, this._preparedData = this._prepare(t), this._missingData = Re(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(t[0].close_time).getTime() - new Date(t[0].open_time).getTime();
+    this._initialData = t, this._preparedData = this._prepare(t), this._missingData = ze(this._preparedData, this._model), this._count = this._preparedData.length + this._missingData.length, this._interval = new Date(t[0].close_time).getTime() - new Date(t[0].open_time).getTime();
   }
   updateMissingCandles() {
-    this._missingData = Re(this._preparedData, this._model);
+    this._missingData = ze(this._preparedData, this._model);
   }
   get initialData() {
     return this._initialData;
@@ -1569,7 +1570,7 @@ class se {
     return e.find((s) => s.open_time <= t && s.close_time > t);
   }
 }
-class _n {
+class yn {
   constructor() {
     u(this, "listeners", {});
   }
@@ -1588,7 +1589,7 @@ class _n {
     });
   }
 }
-class qe {
+class Ke {
   constructor() {
     u(this, "_scale");
   }
@@ -1624,35 +1625,35 @@ class qe {
     return this._scale(t);
   }
 }
-class Je extends qe {
+class ti extends Ke {
   constructor() {
     super(), this._scale = D.scaleTime();
   }
 }
-class pn extends qe {
+class xn extends Ke {
   constructor() {
     super(), this._scale = D.scaleLinear();
   }
 }
-const ze = { x: 0.2, y: 0.2 }, Pe = 1e-3, vn = {
+const Oe = { x: 0.2, y: 0.2 }, Ye = 1e-3, wn = {
   s: 1e3,
   M: 1e3 * 60,
   h: 1e3 * 60 * 60,
   d: 1e3 * 60 * 60 * 24,
   w: 1e3 * 60 * 60 * 24 * 7
-}, bn = (i) => {
+}, Cn = (i) => {
   const t = i.match(/^(\d+)([a-zA-Z]+)$/);
   if (!t) throw new Error(`Invalid offset format: "${i}"`);
   return [parseInt(t[1]), t[2]];
-}, yn = (i, t) => {
-  const [e, s] = t.domain().map((o) => o.getTime()), n = i.filter((o) => {
-    const c = o.open_time.getTime();
+}, An = (i, t) => {
+  const [e, s] = t.domain().map((l) => l.getTime()), n = i.filter((l) => {
+    const c = l.open_time.getTime();
     return c >= e && c <= s;
-  }), r = D.min(n, (o) => o.low), a = D.max(n, (o) => o.high);
+  }), r = D.min(n, (l) => l.low), a = D.max(n, (l) => l.high);
   if (r == null || a == null) throw new Error("Invalid Y data");
   return [r, a];
 };
-class xn {
+class Mn {
   constructor(t) {
     this.model = t;
   }
@@ -1662,14 +1663,14 @@ class xn {
     t.setDomain(s), this.setRange(t, this.model.layout.xAxis), this.setDefaultXDomain(t), this.applyOffset(t);
   }
   initY(t, e) {
-    const s = yn(this.model.candles.preparedData, e);
+    const s = An(this.model.candles.preparedData, e);
     t.setDomain(s), this.setRange(t, this.model.layout.yAxis);
   }
   init(t) {
     this.initX(t.x), this.initY(t.y, t.x);
   }
   setRange(t, { x: e, y: s, width: n, height: r }) {
-    t instanceof Je ? t.setRange([e, e + n]) : t.setRange([s + r, s]);
+    t instanceof ti ? t.setRange([e, e + n]) : t.setRange([s + r, s]);
   }
   setDefaultXDomain(t) {
     const {
@@ -1678,7 +1679,7 @@ class xn {
       config: {
         candles: { baseWidth: n, bodyRatio: r, direction: a }
       }
-    } = this.model, [o, c] = t.domain().map((p) => p.getTime()), h = c - o, f = n / r * e, g = h * (s.width / f), _ = a === "left" ? [new Date(o), new Date(o + g)] : [new Date(c - g), new Date(c)];
+    } = this.model, [l, c] = t.domain().map((p) => p.getTime()), d = c - l, f = n / r * e, g = d * (s.width / f), _ = a === "left" ? [new Date(l), new Date(l + g)] : [new Date(c - g), new Date(c)];
     t.setDomain(_);
   }
   applyOffset(t) {
@@ -1687,11 +1688,11 @@ class xn {
         candles: { offset: e, direction: s }
       },
       layout: { xAxis: n }
-    } = this.model, [r, a] = bn(e), o = a === "px" ? t.invert(n.x + r).getTime() - t.invert(n.x).getTime() : vn[a] * r, c = s === "left" ? -o : o, [h, f] = t.domain();
-    t.setDomain([new Date(h.getTime() + c), new Date(f.getTime() + c)]);
+    } = this.model, [r, a] = Cn(e), l = a === "px" ? t.invert(n.x + r).getTime() - t.invert(n.x).getTime() : wn[a] * r, c = s === "left" ? -l : l, [d, f] = t.domain();
+    t.setDomain([new Date(d.getTime() + c), new Date(f.getTime() + c)]);
   }
 }
-class wn {
+class Tn {
   constructor(t) {
     u(this, "_model");
     u(this, "_scaleX");
@@ -1703,7 +1704,7 @@ class wn {
     });
     u(this, "scaleFactor", { x: 1, y: 1 });
     u(this, "panOffset", { x: 0, y: 0 });
-    this._model = t, this._scaleX = new Je(), this._scaleY = new pn(), this._initializer = new xn(t), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
+    this._model = t, this._scaleX = new ti(), this._scaleY = new xn(), this._initializer = new Mn(t), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
     };
@@ -1735,21 +1736,21 @@ class wn {
   fitYToVisibleCandles() {
     const t = this._model.candles.allData, [e, s] = this._scaleX.domain(), n = t.filter((g) => g.open_time >= e && g.open_time <= s);
     if (!n.length) return;
-    const r = Math.min(...n.map((g) => g.low)), a = Math.max(...n.map((g) => g.high)), o = a - r;
-    if (o === 0) return;
+    const r = Math.min(...n.map((g) => g.low)), a = Math.max(...n.map((g) => g.high)), l = a - r;
+    if (l === 0) return;
     const c = this._baseDomain.y;
-    this.scale("y", (c[1] - c[0]) / o, "absolute");
-    const h = this._scaleY.convert((r + a) / 2), f = this._scaleY.convert((c[0] + c[1]) / 2);
-    this.pan("y", f - h, "absolute");
+    this.scale("y", (c[1] - c[0]) / l, "absolute");
+    const d = this._scaleY.convert((r + a) / 2), f = this._scaleY.convert((c[0] + c[1]) / 2);
+    this.pan("y", f - d, "absolute");
   }
   scale(t, e, s = "delta") {
     if (s === "absolute") {
-      const n = Math.max(ze[t], e);
-      if (Math.abs(n - this.scaleFactor[t]) < Pe) return;
+      const n = Math.max(Oe[t], e);
+      if (Math.abs(n - this.scaleFactor[t]) < Ye) return;
       this.scaleFactor[t] = n;
     } else {
       const n = this.scaleFactor[t], r = n + e * this._model.config.candles.scaleSensitivity;
-      if (r < ze[t] || Math.abs(r - n) < Pe) return;
+      if (r < Oe[t] || Math.abs(r - n) < Ye) return;
       this.scaleFactor[t] = r;
     }
     this._updateDomain(t);
@@ -1760,22 +1761,22 @@ class wn {
   _updateDomain(t) {
     const e = this._baseDomain[t], s = this.scaleFactor[t], n = this.panOffset[t];
     if (t === "x") {
-      const [r, a] = e, o = a.getTime() - r.getTime(), c = o / s, h = r.getTime() + o / 2, f = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
+      const [r, a] = e, l = a.getTime() - r.getTime(), c = l / s, d = r.getTime() + l / 2, f = this._scaleX.invert(0 - n).getTime() - this._scaleX.invert(0).getTime();
       this._scaleX.setDomain([
-        new Date(h - c / 2 + f),
-        new Date(h + c / 2 + f)
+        new Date(d - c / 2 + f),
+        new Date(d + c / 2 + f)
       ]);
     } else {
-      const [r, a] = e, o = a - r, c = o / s, h = r + o / 2, f = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
+      const [r, a] = e, l = a - r, c = l / s, d = r + l / 2, f = this._scaleY.invert(0 - n) - this._scaleY.invert(0);
       this._scaleY.setDomain([
-        h - c / 2 + f,
-        h + c / 2 + f
+        d - c / 2 + f,
+        d + c / 2 + f
       ]);
     }
     this._model.eventBus.emit("scale_event");
   }
 }
-class Cn {
+class Sn {
   constructor(t, { entry: e = [], exit: s = [] }) {
     u(this, "_model");
     u(this, "_rawEntry");
@@ -1851,8 +1852,8 @@ class Cn {
     const { allData: t, interval: e } = this._model.candles, s = t.map((a) => a.open_time.getTime());
     let n = 0, r = s.length - 1;
     for (let a = 0; a < s.length; a++) {
-      const o = s[a], c = o <= this.entryMinTime && o + e >= this.entryMinTime, h = o <= this.exitMaxTime && o + e >= this.exitMaxTime;
-      if (n === 0 && c && (n = a), r === s.length - 1 && h && (r = a), n !== 0 && r !== s.length - 1) break;
+      const l = s[a], c = l <= this.entryMinTime && l + e >= this.entryMinTime, d = l <= this.exitMaxTime && l + e >= this.exitMaxTime;
+      if (n === 0 && c && (n = a), r === s.length - 1 && d && (r = a), n !== 0 && r !== s.length - 1) break;
     }
     return s.slice(n, r + 1);
   }
@@ -1863,7 +1864,7 @@ class Cn {
     return Math.abs(this.entryMinTime - this.exitMaxTime);
   }
 }
-class Mn {
+class kn {
   constructor(t, e) {
     u(this, "_rawMarkers");
     u(this, "_markers", []);
@@ -1881,45 +1882,27 @@ class Mn {
   }
   rebuild() {
     const {
-      layout: { area: t, chart: e },
-      config: s,
-      scales: { x: n, y: r },
+      layout: { area: t },
+      scales: { y: e },
       colorScheme: {
-        userMarkers: { default: a }
+        userMarkers: { default: s }
       }
     } = this._model;
-    this._markers = this._rawMarkers.map((o) => {
-      var f, g;
-      const c = {
-        mainColor: o.mainColor ?? a.main,
-        textColor: o.textColor ?? a.text,
-        lineColor: o.lineColor ?? a.line
+    this._markers = this._rawMarkers.map((n) => {
+      var d;
+      const r = {
+        mainColor: n.mainColor ?? s.main,
+        textColor: n.textColor ?? s.text,
+        lineColor: n.lineColor ?? s.line
+      }, a = e.convert(n.value), c = (n.formatter ?? ((d = this._defaults.formatter) == null ? void 0 : d.horizontal) ?? ((f) => f.toString()))(n.value);
+      return {
+        value: n.value,
+        text: c,
+        x: t.x,
+        y: a,
+        startDate: n.startDate ? n.startDate instanceof Date ? n.startDate : new Date(n.startDate) : null,
+        ...r
       };
-      if ((o.type ?? "horizontal") === "horizontal") {
-        const _ = o, p = r.convert(_.value), b = (_.formatter ?? ((f = this._defaults.formatter) == null ? void 0 : f.horizontal) ?? ((y) => y.toString()))(_.value);
-        return {
-          value: _.value,
-          type: "horizontal",
-          text: b,
-          x: t.x,
-          y: p,
-          lineLength: e.width,
-          position: s.yAxis.position,
-          ...c
-        };
-      } else {
-        const _ = o, p = _.value instanceof Date ? _.value : new Date(_.value), v = n.convert(p), y = (_.formatter ?? ((g = this._defaults.formatter) == null ? void 0 : g.vertical) ?? ((w) => w.toLocaleString()))(p);
-        return {
-          value: p,
-          type: "vertical",
-          text: y,
-          x: v,
-          y: t.y,
-          lineLength: e.height,
-          position: s.xAxis.position,
-          ...c
-        };
-      }
     });
   }
   updateMarkers(t) {
@@ -1929,7 +1912,7 @@ class Mn {
     return this._markers;
   }
 }
-const An = {
+const Dn = {
   bg: "#FFFFFF",
   axisIntersection: "#FFFFFF",
   xAxis: {
@@ -1993,10 +1976,10 @@ const An = {
     }
   }
 };
-class Tn {
+class Ln {
   constructor(t) {
     u(this, "_scheme");
-    this._scheme = Dt({}, An, t), Object.keys(this._scheme).forEach((e) => {
+    this._scheme = Dt({}, Dn, t), Object.keys(this._scheme).forEach((e) => {
       Object.defineProperty(this, e, {
         get: () => this._scheme[e],
         enumerable: !0
@@ -2007,7 +1990,7 @@ class Tn {
     this._scheme = Dt({}, this._scheme, t);
   }
 }
-class Sn {
+class En {
   constructor(t, e) {
     u(this, "_data");
     u(this, "_callbacks", {
@@ -2025,7 +2008,7 @@ class Sn {
   _updateGroups() {
     this._grouped = {};
     for (const t of this._data) {
-      const e = se.findByDate(new Date(t.date), this._model.candles.allData);
+      const e = ne.findByDate(new Date(t.date), this._model.candles.allData);
       if (!e) continue;
       const s = e.open_time.getTime();
       this._grouped[s] || (this._grouped[s] = []), this._grouped[s].push({ ...t, candle: e });
@@ -2050,7 +2033,7 @@ class Sn {
     this._updateGroups(), this._callbacks.onUpdate(t, e);
   }
 }
-class kn {
+class Nn {
   constructor({
     chartId: t,
     container: e,
@@ -2058,12 +2041,12 @@ class kn {
     config: n,
     trade: r = { entry: [], exit: [] },
     userMarkers: a = [],
-    colorScheme: o,
+    colorScheme: l,
     comments: c
   }) {
     u(this, "chartId");
     u(this, "container");
-    u(this, "eventBus", new _n());
+    u(this, "eventBus", new yn());
     u(this, "candles");
     u(this, "config");
     u(this, "colorScheme");
@@ -2072,7 +2055,7 @@ class kn {
     u(this, "trade");
     u(this, "userMarkers");
     u(this, "comments");
-    this.chartId = t, this.container = e, this.candles = new se(s, this), this.config = new un(n), this.colorScheme = new Tn(o), this.layout = new fn(e, this.config), this.scales = new wn(this), this.trade = new Cn(this, r), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Mn(this, a), this.comments = new Sn(c, this);
+    this.chartId = t, this.container = e, this.candles = new ne(s, this), this.config = new _n(n), this.colorScheme = new Ln(l), this.layout = new pn(e, this.config), this.scales = new Tn(this), this.trade = new Sn(this, r), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new kn(this, a), this.comments = new En(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
@@ -2141,7 +2124,7 @@ class k {
     this.node.style.opacity = t ? "1" : "0", this.node.style.visibility = t ? "visible" : "hidden";
   }
 }
-class Ft extends k {
+class _t extends k {
   constructor({ className: e, id: s, width: n, height: r, isMain: a }) {
     super({
       tag: "canvas",
@@ -2153,9 +2136,9 @@ class Ft extends k {
     u(this, "_height");
     u(this, "background", null);
     this._width = n, this._height = r, this.updateSize({ width: n, height: r });
-    const o = this._node.getContext("2d");
-    if (!o) throw new Error("Failed to get 2D context");
-    o.scale(St, St), this._ctx = o;
+    const l = this._node.getContext("2d");
+    if (!l) throw new Error("Failed to get 2D context");
+    l.scale(St, St), this._ctx = l;
   }
   updateSize({ width: e, height: s }) {
     e && (this._node.width = e * St, this._node.style.width = `${e}px`, this._width = e), s && (this._node.height = s * St, this._node.style.height = `${s}px`, this._height = s);
@@ -2173,32 +2156,32 @@ class Ft extends k {
     return this._height;
   }
 }
-const Dn = 10;
-function Ln(i, t) {
+const Fn = 10;
+function Bn(i, t) {
   const {
     layout: { xAxis: e },
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: r
-  } = t, a = r.x.ticks(Dn), o = (f) => f.getHours() === 0 && f.getMinutes() === 0, c = D.timeFormat("%d %b"), h = D.timeFormat("%H:%M");
+  } = t, a = r.x.ticks(Fn), l = (f) => f.getHours() === 0 && f.getMinutes() === 0, c = D.timeFormat("%d %b"), d = D.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(e.x, e.y, e.width, e.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", a.forEach((f) => {
-    const g = r.x.convert(f), _ = o(f) ? c(f) : h(f);
+    const g = r.x.convert(f), _ = l(f) ? c(f) : d(f);
     i.fillText(_, g, e.y + e.height / 2);
   });
 }
-function En(i, t) {
+function In(i, t) {
   const {
     layout: { yAxis: e },
     colorScheme: { yAxis: s },
     config: { yAxis: n },
     scales: r
-  } = t, a = r.y.ticks(6), o = r.y.tickFormat(6);
+  } = t, a = r.y.ticks(6), l = r.y.tickFormat(6);
   i.save(), i.fillStyle = s.bg, i.fillRect(e.x, e.y, e.width, e.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", a.forEach((c) => {
-    const h = r.y.convert(c), f = o(c);
-    i.fillText(f, e.x + e.width / 2, h);
+    const d = r.y.convert(c), f = l(c);
+    i.fillText(f, e.x + e.width / 2, d);
   });
 }
-const Nn = (i, t) => {
+const Hn = (i, t) => {
   const {
     layout: { axisIntersection: e },
     colorScheme: s
@@ -2210,18 +2193,18 @@ const Nn = (i, t) => {
     e.height
   ), i.restore();
 };
-class Jt {
+class qt {
   static xAxis(t, e) {
-    Ln(t, e);
+    Bn(t, e);
   }
   static yAxis(t, e) {
-    En(t, e);
+    In(t, e);
   }
   static intersection(t, e) {
-    Nn(t, e);
+    Hn(t, e);
   }
 }
-class Fn {
+class Rn {
   constructor(t) {
     u(this, "_target");
     this._target = t;
@@ -2251,16 +2234,16 @@ class Fn {
 function Lt(i) {
   return i * 0.1875;
 }
-const In = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: r, size: a, fontSize: o }) => {
+const $n = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: r, size: a, fontSize: l }) => {
   const g = a / 16, _ = 16 * g, p = n - _ / 2, v = r;
-  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = t, 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 = t, 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 = r + g * 3 + 0.5, y = g * 16, w = b + y / 2;
+  i.save(), i.translate(p, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = t, 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 = t, i.fill(), i.restore(), i.save(), i.font = `bold ${l}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
+  const b = r + g * 3 + 0.5, x = g * 16, w = b + x / 2;
   i.fillStyle = e, i.fillText(s, n, w), i.restore();
-}, Bn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: r, size: a, fontSize: o }) => {
+}, Pn = (i, { mainColor: t, textColor: e, symbol: s, x: n, y: r, size: a, fontSize: l }) => {
   const g = a / 16, _ = 16 * g, p = n - _ / 2, v = r;
-  i.save(), i.translate(p, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = t, 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 = t, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
-  const b = g * 16, y = r - g * 19 + b / 2;
-  i.fillStyle = e, i.fillText(s, n, y), i.restore();
+  i.save(), i.translate(p, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = t, 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 = t, i.fill(), i.restore(), i.save(), i.font = `bold ${l}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
+  const b = g * 16, x = r - g * 19 + b / 2;
+  i.fillStyle = e, i.fillText(s, n, x), i.restore();
 };
 function Et(i) {
   "@babel/helpers - typeof";
@@ -2270,16 +2253,16 @@ function Et(i) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, Et(i);
 }
-var Hn = /^\s+/, $n = /\s+$/;
-function A(i, t) {
-  if (i = i || "", t = t || {}, i instanceof A)
+var zn = /^\s+/, On = /\s+$/;
+function M(i, t) {
+  if (i = i || "", t = t || {}, i instanceof M)
     return i;
-  if (!(this instanceof A))
-    return new A(i, t);
-  var e = Rn(i);
+  if (!(this instanceof M))
+    return new M(i, t);
+  var e = Yn(i);
   this._originalInput = i, this._r = e.r, this._g = e.g, this._b = e.b, this._a = e.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || e.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = e.ok;
 }
-A.prototype = {
+M.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -2303,14 +2286,14 @@ A.prototype = {
     return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var t = this.toRgb(), e, s, n, r, a, o;
-    return e = t.r / 255, s = t.g / 255, n = t.b / 255, e <= 0.03928 ? r = e / 12.92 : r = Math.pow((e + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), n <= 0.03928 ? o = n / 12.92 : o = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * a + 0.0722 * o;
+    var t = this.toRgb(), e, s, n, r, a, l;
+    return e = t.r / 255, s = t.g / 255, n = t.b / 255, e <= 0.03928 ? r = e / 12.92 : r = Math.pow((e + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), n <= 0.03928 ? l = n / 12.92 : l = Math.pow((n + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * a + 0.0722 * l;
   },
   setAlpha: function(t) {
-    return this._a = Qe(t), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = ei(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var t = Ye(this._r, this._g, this._b);
+    var t = Ve(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -2319,11 +2302,11 @@ A.prototype = {
     };
   },
   toHsvString: function() {
-    var t = Ye(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.v * 100);
+    var t = Ve(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.v * 100);
     return this._a == 1 ? "hsv(" + e + ", " + s + "%, " + n + "%)" : "hsva(" + e + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var t = Oe(this._r, this._g, this._b);
+    var t = je(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -2332,17 +2315,17 @@ A.prototype = {
     };
   },
   toHslString: function() {
-    var t = Oe(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.l * 100);
+    var t = je(this._r, this._g, this._b), e = Math.round(t.h * 360), s = Math.round(t.s * 100), n = Math.round(t.l * 100);
     return this._a == 1 ? "hsl(" + e + ", " + s + "%, " + n + "%)" : "hsla(" + e + ", " + s + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(t) {
-    return Ve(this._r, this._g, this._b, t);
+    return We(this._r, this._g, this._b, t);
   },
   toHexString: function(t) {
     return "#" + this.toHex(t);
   },
   toHex8: function(t) {
-    return Yn(this._r, this._g, this._b, this._a, t);
+    return Xn(this._r, this._g, this._b, this._a, t);
   },
   toHex8String: function(t) {
     return "#" + this.toHex8(t);
@@ -2360,23 +2343,23 @@ A.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(B(this._r, 255) * 100) + "%",
-      g: Math.round(B(this._g, 255) * 100) + "%",
-      b: Math.round(B(this._b, 255) * 100) + "%",
+      r: Math.round(I(this._r, 255) * 100) + "%",
+      g: Math.round(I(this._g, 255) * 100) + "%",
+      b: Math.round(I(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(B(this._r, 255) * 100) + "%, " + Math.round(B(this._g, 255) * 100) + "%, " + Math.round(B(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(B(this._r, 255) * 100) + "%, " + Math.round(B(this._g, 255) * 100) + "%, " + Math.round(B(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round(I(this._r, 255) * 100) + "%, " + Math.round(I(this._g, 255) * 100) + "%, " + Math.round(I(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(I(this._r, 255) * 100) + "%, " + Math.round(I(this._g, 255) * 100) + "%, " + Math.round(I(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : tr[Ve(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : nr[We(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(t) {
-    var e = "#" + je(this._r, this._g, this._b, this._a), s = e, n = this._gradientType ? "GradientType = 1, " : "";
+    var e = "#" + Xe(this._r, this._g, this._b, this._a), s = e, n = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
-      var r = A(t);
-      s = "#" + je(r._r, r._g, r._b, r._a);
+      var r = M(t);
+      s = "#" + Xe(r._r, r._g, r._b, r._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + e + ",endColorstr=" + s + ")";
   },
@@ -2387,98 +2370,98 @@ A.prototype = {
     return r ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (s = this.toRgbString()), t === "prgb" && (s = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (s = this.toHexString()), t === "hex3" && (s = this.toHexString(!0)), t === "hex4" && (s = this.toHex8String(!0)), t === "hex8" && (s = this.toHex8String()), t === "name" && (s = this.toName()), t === "hsl" && (s = this.toHslString()), t === "hsv" && (s = this.toHsvString()), s || this.toHexString());
   },
   clone: function() {
-    return A(this.toString());
+    return M(this.toString());
   },
   _applyModification: function(t, e) {
     var s = t.apply(null, [this].concat([].slice.call(e)));
     return this._r = s._r, this._g = s._g, this._b = s._b, this.setAlpha(s._a), this;
   },
   lighten: function() {
-    return this._applyModification(Wn, arguments);
+    return this._applyModification(qn, arguments);
   },
   brighten: function() {
-    return this._applyModification(Un, arguments);
+    return this._applyModification(Jn, arguments);
   },
   darken: function() {
-    return this._applyModification(Gn, arguments);
+    return this._applyModification(Qn, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Vn, arguments);
+    return this._applyModification(Un, arguments);
   },
   saturate: function() {
-    return this._applyModification(jn, arguments);
+    return this._applyModification(Gn, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Xn, arguments);
+    return this._applyModification(Zn, arguments);
   },
   spin: function() {
-    return this._applyModification(Zn, arguments);
+    return this._applyModification(Kn, arguments);
   },
   _applyCombination: function(t, e) {
     return t.apply(null, [this].concat([].slice.call(e)));
   },
   analogous: function() {
-    return this._applyCombination(Qn, arguments);
+    return this._applyCombination(ir, arguments);
   },
   complement: function() {
-    return this._applyCombination(qn, arguments);
+    return this._applyCombination(tr, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination(Kn, arguments);
+    return this._applyCombination(sr, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(Jn, arguments);
+    return this._applyCombination(er, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(Xe, [3]);
+    return this._applyCombination(Ue, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(Xe, [4]);
+    return this._applyCombination(Ue, [4]);
   }
 };
-A.fromRatio = function(i, t) {
+M.fromRatio = function(i, t) {
   if (Et(i) == "object") {
     var e = {};
     for (var s in i)
-      i.hasOwnProperty(s) && (s === "a" ? e[s] = i[s] : e[s] = gt(i[s]));
+      i.hasOwnProperty(s) && (s === "a" ? e[s] = i[s] : e[s] = ft(i[s]));
     i = e;
   }
-  return A(i, t);
+  return M(i, t);
 };
-function Rn(i) {
+function Yn(i) {
   var t = {
     r: 0,
     g: 0,
     b: 0
-  }, e = 1, s = null, n = null, r = null, a = !1, o = !1;
-  return typeof i == "string" && (i = nr(i)), Et(i) == "object" && (U(i.r) && U(i.g) && U(i.b) ? (t = zn(i.r, i.g, i.b), a = !0, o = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : U(i.h) && U(i.s) && U(i.v) ? (s = gt(i.s), n = gt(i.v), t = On(i.h, s, n), a = !0, o = "hsv") : U(i.h) && U(i.s) && U(i.l) && (s = gt(i.s), r = gt(i.l), t = Pn(i.h, s, r), a = !0, o = "hsl"), i.hasOwnProperty("a") && (e = i.a)), e = Qe(e), {
+  }, e = 1, s = null, n = null, r = null, a = !1, l = !1;
+  return typeof i == "string" && (i = lr(i)), Et(i) == "object" && (U(i.r) && U(i.g) && U(i.b) ? (t = jn(i.r, i.g, i.b), a = !0, l = String(i.r).substr(-1) === "%" ? "prgb" : "rgb") : U(i.h) && U(i.s) && U(i.v) ? (s = ft(i.s), n = ft(i.v), t = Wn(i.h, s, n), a = !0, l = "hsv") : U(i.h) && U(i.s) && U(i.l) && (s = ft(i.s), r = ft(i.l), t = Vn(i.h, s, r), a = !0, l = "hsl"), i.hasOwnProperty("a") && (e = i.a)), e = ei(e), {
     ok: a,
-    format: i.format || o,
+    format: i.format || l,
     r: Math.min(255, Math.max(t.r, 0)),
     g: Math.min(255, Math.max(t.g, 0)),
     b: Math.min(255, Math.max(t.b, 0)),
     a: e
   };
 }
-function zn(i, t, e) {
+function jn(i, t, e) {
   return {
-    r: B(i, 255) * 255,
-    g: B(t, 255) * 255,
-    b: B(e, 255) * 255
+    r: I(i, 255) * 255,
+    g: I(t, 255) * 255,
+    b: I(e, 255) * 255
   };
 }
-function Oe(i, t, e) {
-  i = B(i, 255), t = B(t, 255), e = B(e, 255);
-  var s = Math.max(i, t, e), n = Math.min(i, t, e), r, a, o = (s + n) / 2;
+function je(i, t, e) {
+  i = I(i, 255), t = I(t, 255), e = I(e, 255);
+  var s = Math.max(i, t, e), n = Math.min(i, t, e), r, a, l = (s + n) / 2;
   if (s == n)
     r = a = 0;
   else {
     var c = s - n;
-    switch (a = o > 0.5 ? c / (2 - s - n) : c / (s + n), s) {
+    switch (a = l > 0.5 ? c / (2 - s - n) : c / (s + n), s) {
       case i:
         r = (t - e) / c + (t < e ? 6 : 0);
         break;
@@ -2494,20 +2477,20 @@ function Oe(i, t, e) {
   return {
     h: r,
     s: a,
-    l: o
+    l
   };
 }
-function Pn(i, t, e) {
+function Vn(i, t, e) {
   var s, n, r;
-  i = B(i, 360), t = B(t, 100), e = B(e, 100);
-  function a(h, f, g) {
-    return g < 0 && (g += 1), g > 1 && (g -= 1), g < 1 / 6 ? h + (f - h) * 6 * g : g < 1 / 2 ? f : g < 2 / 3 ? h + (f - h) * (2 / 3 - g) * 6 : h;
+  i = I(i, 360), t = I(t, 100), e = I(e, 100);
+  function a(d, f, g) {
+    return g < 0 && (g += 1), g > 1 && (g -= 1), g < 1 / 6 ? d + (f - d) * 6 * g : g < 1 / 2 ? f : g < 2 / 3 ? d + (f - d) * (2 / 3 - g) * 6 : d;
   }
   if (t === 0)
     s = n = r = e;
   else {
-    var o = e < 0.5 ? e * (1 + t) : e + t - e * t, c = 2 * e - o;
-    s = a(c, o, i + 1 / 3), n = a(c, o, i), r = a(c, o, i - 1 / 3);
+    var l = e < 0.5 ? e * (1 + t) : e + t - e * t, c = 2 * e - l;
+    s = a(c, l, i + 1 / 3), n = a(c, l, i), r = a(c, l, i - 1 / 3);
   }
   return {
     r: s * 255,
@@ -2515,9 +2498,9 @@ function Pn(i, t, e) {
     b: r * 255
   };
 }
-function Ye(i, t, e) {
-  i = B(i, 255), t = B(t, 255), e = B(e, 255);
-  var s = Math.max(i, t, e), n = Math.min(i, t, e), r, a, o = s, c = s - n;
+function Ve(i, t, e) {
+  i = I(i, 255), t = I(t, 255), e = I(e, 255);
+  var s = Math.max(i, t, e), n = Math.min(i, t, e), r, a, l = s, c = s - n;
   if (a = s === 0 ? 0 : c / s, s == n)
     r = 0;
   else {
@@ -2537,133 +2520,133 @@ function Ye(i, t, e) {
   return {
     h: r,
     s: a,
-    v: o
+    v: l
   };
 }
-function On(i, t, e) {
-  i = B(i, 360) * 6, t = B(t, 100), e = B(e, 100);
-  var s = Math.floor(i), n = i - s, r = e * (1 - t), a = e * (1 - n * t), o = e * (1 - (1 - n) * t), c = s % 6, h = [e, a, r, r, o, e][c], f = [o, e, e, a, r, r][c], g = [r, r, o, e, e, a][c];
+function Wn(i, t, e) {
+  i = I(i, 360) * 6, t = I(t, 100), e = I(e, 100);
+  var s = Math.floor(i), n = i - s, r = e * (1 - t), a = e * (1 - n * t), l = e * (1 - (1 - n) * t), c = s % 6, d = [e, a, r, r, l, e][c], f = [l, e, e, a, r, r][c], g = [r, r, l, e, e, a][c];
   return {
-    r: h * 255,
+    r: d * 255,
     g: f * 255,
     b: g * 255
   };
 }
-function Ve(i, t, e, s) {
-  var n = [X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16))];
+function We(i, t, e, s) {
+  var n = [W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16))];
   return s && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
-function Yn(i, t, e, s, n) {
-  var r = [X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16)), X(Ke(s))];
+function Xn(i, t, e, s, n) {
+  var r = [W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16)), W(ii(s))];
   return n && r[0].charAt(0) == r[0].charAt(1) && r[1].charAt(0) == r[1].charAt(1) && r[2].charAt(0) == r[2].charAt(1) && r[3].charAt(0) == r[3].charAt(1) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) + r[3].charAt(0) : r.join("");
 }
-function je(i, t, e, s) {
-  var n = [X(Ke(s)), X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16))];
+function Xe(i, t, e, s) {
+  var n = [W(ii(s)), W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16))];
   return n.join("");
 }
-A.equals = function(i, t) {
-  return !i || !t ? !1 : A(i).toRgbString() == A(t).toRgbString();
+M.equals = function(i, t) {
+  return !i || !t ? !1 : M(i).toRgbString() == M(t).toRgbString();
 };
-A.random = function() {
-  return A.fromRatio({
+M.random = function() {
+  return M.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
   });
 };
-function Vn(i, t) {
+function Un(i, t) {
   t = t === 0 ? 0 : t || 10;
-  var e = A(i).toHsl();
-  return e.s -= t / 100, e.s = It(e.s), A(e);
+  var e = M(i).toHsl();
+  return e.s -= t / 100, e.s = Ft(e.s), M(e);
 }
-function jn(i, t) {
+function Gn(i, t) {
   t = t === 0 ? 0 : t || 10;
-  var e = A(i).toHsl();
-  return e.s += t / 100, e.s = It(e.s), A(e);
+  var e = M(i).toHsl();
+  return e.s += t / 100, e.s = Ft(e.s), M(e);
 }
-function Xn(i) {
-  return A(i).desaturate(100);
+function Zn(i) {
+  return M(i).desaturate(100);
 }
-function Wn(i, t) {
+function qn(i, t) {
   t = t === 0 ? 0 : t || 10;
-  var e = A(i).toHsl();
-  return e.l += t / 100, e.l = It(e.l), A(e);
+  var e = M(i).toHsl();
+  return e.l += t / 100, e.l = Ft(e.l), M(e);
 }
-function Un(i, t) {
+function Jn(i, t) {
   t = t === 0 ? 0 : t || 10;
-  var e = A(i).toRgb();
-  return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(t / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(t / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(t / 100)))), A(e);
+  var e = M(i).toRgb();
+  return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(t / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(t / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(t / 100)))), M(e);
 }
-function Gn(i, t) {
+function Qn(i, t) {
   t = t === 0 ? 0 : t || 10;
-  var e = A(i).toHsl();
-  return e.l -= t / 100, e.l = It(e.l), A(e);
+  var e = M(i).toHsl();
+  return e.l -= t / 100, e.l = Ft(e.l), M(e);
 }
-function Zn(i, t) {
-  var e = A(i).toHsl(), s = (e.h + t) % 360;
-  return e.h = s < 0 ? 360 + s : s, A(e);
+function Kn(i, t) {
+  var e = M(i).toHsl(), s = (e.h + t) % 360;
+  return e.h = s < 0 ? 360 + s : s, M(e);
 }
-function qn(i) {
-  var t = A(i).toHsl();
-  return t.h = (t.h + 180) % 360, A(t);
+function tr(i) {
+  var t = M(i).toHsl();
+  return t.h = (t.h + 180) % 360, M(t);
 }
-function Xe(i, t) {
+function Ue(i, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var e = A(i).toHsl(), s = [A(i)], n = 360 / t, r = 1; r < t; r++)
-    s.push(A({
+  for (var e = M(i).toHsl(), s = [M(i)], n = 360 / t, r = 1; r < t; r++)
+    s.push(M({
       h: (e.h + r * n) % 360,
       s: e.s,
       l: e.l
     }));
   return s;
 }
-function Jn(i) {
-  var t = A(i).toHsl(), e = t.h;
-  return [A(i), A({
+function er(i) {
+  var t = M(i).toHsl(), e = t.h;
+  return [M(i), M({
     h: (e + 72) % 360,
     s: t.s,
     l: t.l
-  }), A({
+  }), M({
     h: (e + 216) % 360,
     s: t.s,
     l: t.l
   })];
 }
-function Qn(i, t, e) {
+function ir(i, t, e) {
   t = t || 6, e = e || 30;
-  var s = A(i).toHsl(), n = 360 / e, r = [A(i)];
+  var s = M(i).toHsl(), n = 360 / e, r = [M(i)];
   for (s.h = (s.h - (n * t >> 1) + 720) % 360; --t; )
-    s.h = (s.h + n) % 360, r.push(A(s));
+    s.h = (s.h + n) % 360, r.push(M(s));
   return r;
 }
-function Kn(i, t) {
+function sr(i, t) {
   t = t || 6;
-  for (var e = A(i).toHsv(), s = e.h, n = e.s, r = e.v, a = [], o = 1 / t; t--; )
-    a.push(A({
+  for (var e = M(i).toHsv(), s = e.h, n = e.s, r = e.v, a = [], l = 1 / t; t--; )
+    a.push(M({
       h: s,
       s: n,
       v: r
-    })), r = (r + o) % 1;
+    })), r = (r + l) % 1;
   return a;
 }
-A.mix = function(i, t, e) {
+M.mix = function(i, t, e) {
   e = e === 0 ? 0 : e || 50;
-  var s = A(i).toRgb(), n = A(t).toRgb(), r = e / 100, a = {
+  var s = M(i).toRgb(), n = M(t).toRgb(), r = e / 100, a = {
     r: (n.r - s.r) * r + s.r,
     g: (n.g - s.g) * r + s.g,
     b: (n.b - s.b) * r + s.b,
     a: (n.a - s.a) * r + s.a
   };
-  return A(a);
+  return M(a);
 };
-A.readability = function(i, t) {
-  var e = A(i), s = A(t);
+M.readability = function(i, t) {
+  var e = M(i), s = M(t);
   return (Math.max(e.getLuminance(), s.getLuminance()) + 0.05) / (Math.min(e.getLuminance(), s.getLuminance()) + 0.05);
 };
-A.isReadable = function(i, t, e) {
-  var s = A.readability(i, t), n, r;
-  switch (r = !1, n = rr(e), n.level + n.size) {
+M.isReadable = function(i, t, e) {
+  var s = M.readability(i, t), n, r;
+  switch (r = !1, n = cr(e), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
       r = s >= 4.5;
@@ -2677,17 +2660,17 @@ A.isReadable = function(i, t, e) {
   }
   return r;
 };
-A.mostReadable = function(i, t, e) {
-  var s = null, n = 0, r, a, o, c;
-  e = e || {}, a = e.includeFallbackColors, o = e.level, c = e.size;
-  for (var h = 0; h < t.length; h++)
-    r = A.readability(i, t[h]), r > n && (n = r, s = A(t[h]));
-  return A.isReadable(i, s, {
-    level: o,
+M.mostReadable = function(i, t, e) {
+  var s = null, n = 0, r, a, l, c;
+  e = e || {}, a = e.includeFallbackColors, l = e.level, c = e.size;
+  for (var d = 0; d < t.length; d++)
+    r = M.readability(i, t[d]), r > n && (n = r, s = M(t[d]));
+  return M.isReadable(i, s, {
+    level: l,
     size: c
-  }) || !a ? s : (e.includeFallbackColors = !1, A.mostReadable(i, ["#fff", "#000"], e));
+  }) || !a ? s : (e.includeFallbackColors = !1, M.mostReadable(i, ["#fff", "#000"], e));
 };
-var ie = A.names = {
+var ee = M.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2837,46 +2820,46 @@ var ie = A.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, tr = A.hexNames = er(ie);
-function er(i) {
+}, nr = M.hexNames = rr(ee);
+function rr(i) {
   var t = {};
   for (var e in i)
     i.hasOwnProperty(e) && (t[i[e]] = e);
   return t;
 }
-function Qe(i) {
+function ei(i) {
   return i = parseFloat(i), (isNaN(i) || i < 0 || i > 1) && (i = 1), i;
 }
-function B(i, t) {
-  ir(i) && (i = "100%");
-  var e = sr(i);
+function I(i, t) {
+  ar(i) && (i = "100%");
+  var e = or(i);
   return i = Math.min(t, Math.max(0, parseFloat(i))), e && (i = parseInt(i * t, 10) / 100), Math.abs(i - t) < 1e-6 ? 1 : i % t / parseFloat(t);
 }
-function It(i) {
+function Ft(i) {
   return Math.min(1, Math.max(0, i));
 }
-function P(i) {
+function z(i) {
   return parseInt(i, 16);
 }
-function ir(i) {
+function ar(i) {
   return typeof i == "string" && i.indexOf(".") != -1 && parseFloat(i) === 1;
 }
-function sr(i) {
+function or(i) {
   return typeof i == "string" && i.indexOf("%") != -1;
 }
-function X(i) {
+function W(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
-function gt(i) {
+function ft(i) {
   return i <= 1 && (i = i * 100 + "%"), i;
 }
-function Ke(i) {
+function ii(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function We(i) {
-  return P(i) / 255;
+function Ge(i) {
+  return z(i) / 255;
 }
-var j = function() {
+var V = function() {
   var i = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", e = "(?:" + t + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?", n = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(e),
@@ -2893,13 +2876,13 @@ var j = function() {
   };
 }();
 function U(i) {
-  return !!j.CSS_UNIT.exec(i);
+  return !!V.CSS_UNIT.exec(i);
 }
-function nr(i) {
-  i = i.replace(Hn, "").replace($n, "").toLowerCase();
+function lr(i) {
+  i = i.replace(zn, "").replace(On, "").toLowerCase();
   var t = !1;
-  if (ie[i])
-    i = ie[i], t = !0;
+  if (ee[i])
+    i = ee[i], t = !0;
   else if (i == "transparent")
     return {
       r: 0,
@@ -2909,58 +2892,58 @@ function nr(i) {
       format: "name"
     };
   var e;
-  return (e = j.rgb.exec(i)) ? {
+  return (e = V.rgb.exec(i)) ? {
     r: e[1],
     g: e[2],
     b: e[3]
-  } : (e = j.rgba.exec(i)) ? {
+  } : (e = V.rgba.exec(i)) ? {
     r: e[1],
     g: e[2],
     b: e[3],
     a: e[4]
-  } : (e = j.hsl.exec(i)) ? {
+  } : (e = V.hsl.exec(i)) ? {
     h: e[1],
     s: e[2],
     l: e[3]
-  } : (e = j.hsla.exec(i)) ? {
+  } : (e = V.hsla.exec(i)) ? {
     h: e[1],
     s: e[2],
     l: e[3],
     a: e[4]
-  } : (e = j.hsv.exec(i)) ? {
+  } : (e = V.hsv.exec(i)) ? {
     h: e[1],
     s: e[2],
     v: e[3]
-  } : (e = j.hsva.exec(i)) ? {
+  } : (e = V.hsva.exec(i)) ? {
     h: e[1],
     s: e[2],
     v: e[3],
     a: e[4]
-  } : (e = j.hex8.exec(i)) ? {
-    r: P(e[1]),
-    g: P(e[2]),
-    b: P(e[3]),
-    a: We(e[4]),
+  } : (e = V.hex8.exec(i)) ? {
+    r: z(e[1]),
+    g: z(e[2]),
+    b: z(e[3]),
+    a: Ge(e[4]),
     format: t ? "name" : "hex8"
-  } : (e = j.hex6.exec(i)) ? {
-    r: P(e[1]),
-    g: P(e[2]),
-    b: P(e[3]),
+  } : (e = V.hex6.exec(i)) ? {
+    r: z(e[1]),
+    g: z(e[2]),
+    b: z(e[3]),
     format: t ? "name" : "hex"
-  } : (e = j.hex4.exec(i)) ? {
-    r: P(e[1] + "" + e[1]),
-    g: P(e[2] + "" + e[2]),
-    b: P(e[3] + "" + e[3]),
-    a: We(e[4] + "" + e[4]),
+  } : (e = V.hex4.exec(i)) ? {
+    r: z(e[1] + "" + e[1]),
+    g: z(e[2] + "" + e[2]),
+    b: z(e[3] + "" + e[3]),
+    a: Ge(e[4] + "" + e[4]),
     format: t ? "name" : "hex8"
-  } : (e = j.hex3.exec(i)) ? {
-    r: P(e[1] + "" + e[1]),
-    g: P(e[2] + "" + e[2]),
-    b: P(e[3] + "" + e[3]),
+  } : (e = V.hex3.exec(i)) ? {
+    r: z(e[1] + "" + e[1]),
+    g: z(e[2] + "" + e[2]),
+    b: z(e[3] + "" + e[3]),
     format: t ? "name" : "hex"
   } : !1;
 }
-function rr(i) {
+function cr(i) {
   var t, e;
   return i = i || {
     level: "AA",
@@ -2970,7 +2953,7 @@ function rr(i) {
     size: e
   };
 }
-function ar(i, t) {
+function hr(i, t) {
   const {
     trade: { tradedCandles: e },
     scales: { x: s, y: n },
@@ -2980,35 +2963,35 @@ function ar(i, t) {
     }
   } = t;
   if (!a) return;
-  const { trade: o } = r, c = 4;
-  e.forEach(({ isHovered: h, isActive: f, candle: g, trades: _ }) => {
+  const { trade: l } = r, c = 4;
+  e.forEach(({ isHovered: d, isActive: f, candle: g, trades: _ }) => {
     const p = s.convert(g.open_time);
     _.forEach((v) => {
-      const b = v.type === "buy", y = b ? o.buyLabel.text : o.sellLabel.text, w = b ? "B" : "S", x = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? In : Bn;
-      let T = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (T = A.mix(T, r.bg, 20).toString()), f && f[1] && f[0] === v.type && (T = o.activeLabel), C(i, {
+      const b = v.type === "buy", x = b ? l.buyLabel.text : l.sellLabel.text, w = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : Pn;
+      let T = b ? l.buyLabel.main : l.sellLabel.main;
+      d && d[1] && d[0] === v.type && (T = M.mix(T, r.bg, 20).toString()), f && f[1] && f[0] === v.type && (T = l.activeLabel), C(i, {
         x: p,
-        y: x,
+        y,
         symbol: w,
         mainColor: T,
-        textColor: y,
+        textColor: x,
         size: 16,
         fontSize: 12
       });
     });
   });
 }
-function or(i, t) {
+function dr(i, t) {
   const {
     scales: { x: e, factorX: s },
     layout: { area: n },
-    trade: { tradedCandles: r, exits: a, entries: o },
+    trade: { tradedCandles: r, exits: a, entries: l },
     config: { candles: c },
-    colorScheme: { trade: h }
+    colorScheme: { trade: d }
   } = t;
   if (r.length === 0) return;
   const f = r.map((_) => _.candle).sort((_, p) => _.open_time.getTime() - p.open_time.getTime()), g = c.baseWidth / 2 * s + c.strokeWidth / 2;
-  if (i.save(), i.lineWidth = 1, i.strokeStyle = h.tradeBorders, o.length) {
+  if (i.save(), i.lineWidth = 1, i.strokeStyle = d.tradeBorders, l.length) {
     const _ = e.convert(f[0].open_time) - g;
     i.beginPath(), i.moveTo(_, n.y), i.lineTo(_, n.y + n.height), i.stroke();
   }
@@ -3018,27 +3001,27 @@ function or(i, t) {
   }
   i.restore();
 }
-const lr = (i, t) => {
+const ur = (i, t) => {
   const {
     scales: { x: e, y: s },
     trade: { tradedCandles: n, entries: r, exits: a },
-    colorScheme: { trade: o },
+    colorScheme: { trade: l },
     config: {
       trade: { showConnectionLine: c }
     }
   } = t;
   if (i.save(), !c) return;
-  const h = (g) => {
+  const d = (g) => {
     var _;
     return (_ = n.find(
       (p) => g.getTime() >= p.candle.open_time.getTime() && g.getTime() < p.candle.close_time.getTime()
     )) == null ? void 0 : _.candle;
   }, f = (g, _) => {
-    const p = h(g.time), v = h(_.time);
+    const p = d(g.time), v = d(_.time);
     if (!p || !v) return;
-    const b = e.convert(p.open_time), y = e.convert(v.open_time);
-    let w, x;
-    g.type === "buy" ? (w = s.convert(p.low), x = s.convert(v.high)) : (w = s.convert(p.high), x = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.connectionLine, i.moveTo(b, w), i.lineTo(y, x), i.stroke(), i.setLineDash([]);
+    const b = e.convert(p.open_time), x = e.convert(v.open_time);
+    let w, y;
+    g.type === "buy" ? (w = s.convert(p.low), y = s.convert(v.high)) : (w = s.convert(p.high), y = s.convert(v.low)), i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = l.connectionLine, i.moveTo(b, w), i.lineTo(x, y), i.stroke(), i.setLineDash([]);
   };
   if (r.length === 1 && a.length > 1)
     a.forEach((g) => f(r[0], g));
@@ -3051,16 +3034,16 @@ const lr = (i, t) => {
     f(g, _);
   }
   i.restore();
-}, ti = (i, t) => {
+}, si = (i, t) => {
   const {
     radius: e,
     coords: { x: s, y: n },
     fillColor: r,
     width: a,
-    height: o
+    height: l
   } = t;
-  i.beginPath(), i.fillStyle = r, i.lineWidth = 1, i.moveTo(s + e, n), i.lineTo(s + a - e, n), i.quadraticCurveTo(s + a, n, s + a, n + e), i.lineTo(s + a, n + o - e), i.quadraticCurveTo(s + a, n + o, s + a - e, n + o), i.lineTo(s + e, n + o), i.quadraticCurveTo(s, n + o, s, n + o - e), i.lineTo(s, n + e), i.quadraticCurveTo(s, n, s + e, n), i.closePath(), i.fill();
-}, cr = (i) => {
+  i.beginPath(), i.fillStyle = r, i.lineWidth = 1, i.moveTo(s + e, n), i.lineTo(s + a - e, n), i.quadraticCurveTo(s + a, n, s + a, n + e), i.lineTo(s + a, n + l - e), i.quadraticCurveTo(s + a, n + l, s + a - e, n + l), i.lineTo(s + e, n + l), i.quadraticCurveTo(s, n + l, s, n + l - e), i.lineTo(s, n + e), i.quadraticCurveTo(s, n, s + e, n), i.closePath(), i.fill();
+}, fr = (i) => {
   const t = Math.floor((Date.now() - +i) / 1e3), e = [
     [60, 1, "s"],
     [3600, 60, "m"],
@@ -3072,7 +3055,7 @@ const lr = (i, t) => {
   ], [, s, n] = e.find(([a]) => t < a);
   return `${Math.floor(t / s)}${n} ago`;
 };
-function hr(i) {
+function gr(i) {
   const t = Math.floor(i / 1e3), e = [
     { label: "d", value: 86400 },
     { label: "h", value: 3600 },
@@ -3082,55 +3065,55 @@ function hr(i) {
   let n = t;
   for (const { label: r, value: a } of e)
     if (n >= a) {
-      const o = Math.floor(n / a);
-      if (s.push(`${o}${r}`), n %= a, s.length === 2) break;
+      const l = Math.floor(n / a);
+      if (s.push(`${l}${r}`), n %= a, s.length === 2) break;
     }
   return s.length ? s.join(" ") : "0s";
 }
-const dr = 10, ur = 6, fr = 4, gr = 12, mr = (i, t) => {
-  var st;
+const mr = 10, _r = 6, pr = 4, vr = 12, br = (i, t) => {
+  var it;
   const {
     scales: { x: e, y: s },
     trade: { entries: n, exits: r, holdTime: a },
     colorScheme: {
-      trade: { hold: o }
+      trade: { hold: l }
     },
     config: {
-      trade: { showHoldTime: c, holdTimeContent: h, holdTimeDates: f, holdTimePrice: g }
+      trade: { showHoldTime: c, holdTimeContent: d, holdTimeDates: f, holdTimePrice: g }
     }
   } = t;
   if (!c) return;
   const _ = n.at(0), p = r.at(-1);
   if (!_ || !p) return;
-  const v = (q) => q ? q instanceof Date ? q : new Date(q) : null, b = e.convert(v(f == null ? void 0 : f[0]) || _.candle.open_time), y = e.convert(v(f == null ? void 0 : f[1]) || p.candle.open_time), w = s.convert(g || (((st = n.at(0)) == null ? void 0 : st.price) ?? 0));
-  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(b, w), i.lineTo(y, w), i.stroke(), i.setLineDash([]);
-  const x = (b + y) / 2, C = h || `Hold: ${hr(a)}`, H = getComputedStyle(
+  const v = (Z) => Z ? Z instanceof Date ? Z : new Date(Z) : null, b = e.convert(v(f == null ? void 0 : f[0]) || _.candle.open_time), x = e.convert(v(f == null ? void 0 : f[1]) || p.candle.open_time), w = s.convert(g || (((it = n.at(0)) == null ? void 0 : it.price) ?? 0));
+  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = l.main, i.moveTo(b, w), i.lineTo(x, w), i.stroke(), i.setLineDash([]);
+  const y = (b + x) / 2, C = d || `Hold: ${gr(a)}`, H = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${dr}px ${H}`;
-  const R = i.measureText(C).width + ur * 2, Y = gr + fr * 2;
-  ti(i, {
+  i.font = `600 ${mr}px ${H}`;
+  const $ = i.measureText(C).width + _r * 2, Y = vr + pr * 2;
+  si(i, {
     radius: 4,
     coords: {
-      x: x - R / 2,
+      x: y - $ / 2,
       y: w - Y / 2
     },
-    width: R,
+    width: $,
     height: Y,
-    fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(C, x, w), i.restore();
+    fillColor: l.main
+  }), i.fillStyle = l.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(C, y, w), i.restore();
 };
 class pt {
   constructor(t, e, {
-    CanvasClass: s = Ft,
+    CanvasClass: s = _t,
     noCanvas: n = !1,
     noDOM: r = !1
   } = {}) {
     u(this, "canvas", null);
     u(this, "dom", null);
     u(this, "prefix");
-    const { width: a, height: o, canvasesContainer: c, domElements: h } = e;
-    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${t}`, width: a, height: o }), c.append(this.canvas.node)), r || (this.dom = new k({ className: `sc-charts-cs__dom-${t}` }), h.append(this.dom.node)), this.prefix = `sc-charts-cs__${t}`;
+    const { width: a, height: l, canvasesContainer: c, domElements: d } = e;
+    n || (this.canvas = new s({ className: `sc-charts-cs__canvas-${t}`, width: a, height: l }), c.append(this.canvas.node)), r || (this.dom = new k({ className: `sc-charts-cs__dom-${t}` }), d.append(this.dom.node)), this.prefix = `sc-charts-cs__${t}`;
   }
   cx(...t) {
     return t.map((e) => `${this.prefix}-${e}`).join(" ");
@@ -3139,48 +3122,48 @@ class pt {
     return (e) => t.map((s) => `${this.prefix}-${s}-${e}`).join(" ");
   }
 }
-const _r = {
+const yr = {
   "right-bottom": { dx: 1, dy: 1 },
   "left-top": { dx: -1, dy: -1 },
   "right-top": { dx: 1, dy: -1 },
   "left-bottom": { dx: -1, dy: 1 }
-}, ne = ({
+}, re = ({
   size: i,
   parent: t,
   coords: e,
   prioritySide: s = "right-bottom",
   offset: n = 8
 }) => {
-  const { width: r, height: a } = i, o = t.right - t.left, c = t.bottom - t.top, h = (x) => {
-    const { dx: C, dy: T } = _r[x], H = e.x + (C === 1 ? n : -r - n), $ = e.y + (T === 1 ? n : -a - n);
-    return { x: H, y: $, side: x };
-  }, f = ({ x, y: C }) => x >= 0 && C >= 0 && x + r <= o && C + a <= c, g = () => {
-    const x = e.y < 0, C = e.y + a > c, T = e.x < 0, H = e.x + r > o;
-    return T && x ? "right-bottom" : T && C ? "right-top" : H && x ? "left-bottom" : H && C ? "left-top" : T ? "right-bottom" : H ? "left-bottom" : x ? "right-bottom" : C ? "right-top" : s;
+  const { width: r, height: a } = i, l = t.right - t.left, c = t.bottom - t.top, d = (y) => {
+    const { dx: C, dy: T } = yr[y], H = e.x + (C === 1 ? n : -r - n), R = e.y + (T === 1 ? n : -a - n);
+    return { x: H, y: R, side: y };
+  }, f = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + r <= l && C + a <= c, g = () => {
+    const y = e.y < 0, C = e.y + a > c, T = e.x < 0, H = e.x + r > l;
+    return T && y ? "right-bottom" : T && C ? "right-top" : H && y ? "left-bottom" : H && C ? "left-top" : T ? "right-bottom" : H ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, p = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((x, C, T) => T.indexOf(x) === C), v = g();
+  ].filter((y, C, T) => T.indexOf(y) === C), v = g();
   let b = null;
-  for (const x of [v, ...p]) {
-    const C = h(x);
+  for (const y of [v, ...p]) {
+    const C = d(y);
     if (f(C)) {
       b = C;
       break;
     }
   }
-  b || (b = h(v));
-  const y = Math.min(Math.max(b.x, n), o - r - n), w = Math.min(Math.max(b.y, n), c - a - n);
+  b || (b = d(v));
+  const x = Math.min(Math.max(b.x, n), l - r - n), w = Math.min(Math.max(b.y, n), c - a - n);
   return {
-    x: y,
+    x,
     y: w,
     side: b.side
   };
 };
-class Z extends k {
+class G extends k {
   constructor(e) {
     super(e);
     u(this, "_state", {});
@@ -3215,7 +3198,7 @@ class Z extends k {
     this._scheduleUpdate();
   }
 }
-class pr extends Z {
+class xr extends G {
   constructor(e) {
     const s = "label-tooltip";
     super({ className: e.cx(s) });
@@ -3242,10 +3225,10 @@ class pr extends Z {
           tag: "div",
           className: this.clsx("line")
         });
-        let o = e[r].toString();
-        r === "kind" && (o = this._formatDate(e.time));
-        const c = new k({ tag: "strong", textContent: s[r] }), h = new k({ tag: "span", textContent: o });
-        a.append(c.node, h.node), n.push(a.node);
+        let l = e[r].toString();
+        r === "kind" && (l = this._formatDate(e.time));
+        const c = new k({ tag: "strong", textContent: s[r] }), d = new k({ tag: "span", textContent: l });
+        a.append(c.node, d.node), n.push(a.node);
       }
     return n;
   }
@@ -3287,7 +3270,7 @@ class pr extends Z {
   render() {
     const { isShow: e, x: s, y: n, parent: r } = this.state;
     this.setVisible(e), e && this.updateAbsolutePosition();
-    const a = ne({
+    const a = re({
       size: this.absolutePosition,
       parent: r,
       coords: { x: s, y: n }
@@ -3295,151 +3278,135 @@ class pr extends Z {
     this.position(a.x, a.y);
   }
 }
-class vr extends pt {
+class wr extends pt {
   constructor(e) {
     super("trade", e);
     u(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 pr(this), this.dom.append(this.labelTooltip.node);
+    this.labelTooltip = new xr(this), this.dom.append(this.labelTooltip.node);
   }
   renderAll(e) {
-    this.canvas.clear(), or(this.canvas.ctx, e), ar(this.canvas.ctx, e), lr(this.canvas.ctx, e), mr(this.canvas.ctx, e);
+    this.canvas.clear(), dr(this.canvas.ctx, e), hr(this.canvas.ctx, e), ur(this.canvas.ctx, e), br(this.canvas.ctx, e);
   }
 }
-class G {
-  static line(t, { lineColor: e, type: s, x: n, y: r, lineLength: a }) {
-    t.save(), t.strokeStyle = e || "#777777", t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(n, r), t.lineTo(n + (s === "h" ? a : 0), r + (s === "v" ? a : 0)), t.stroke(), t.restore();
-  }
-  static _basicLabel(t, {
-    text: e,
-    mainColor: s,
-    textColor: n,
-    position: r
-  }) {
-    t.textContent = e, t.style.backgroundColor = s ?? "#777777", t.style.color = n ?? "#ffffff", t.style[r] = "0px";
-  }
-  static label_h(t, { text: e, y: s, mainColor: n, textColor: r, position: a }) {
-    G._basicLabel(t, { text: e, mainColor: n, textColor: r, position: a }), t.style.top = s + "px", t.style.transform = "translateY(-50%)";
-  }
-  static label_v(t, { text: e, x: s, mainColor: n, textColor: r, position: a }) {
-    G._basicLabel(t, { text: e, mainColor: n, textColor: r, position: a }), t.style.left = s + "px", t.style.transform = "translateX(-50%)";
-  }
-  static horizontalMarker({
-    node: t,
-    ctx: e,
-    x: s,
-    y: n,
-    lineLength: r,
-    text: a,
-    textColor: o,
-    mainColor: c,
-    lineColor: h,
-    position: f
-  }) {
-    G.line(e, {
-      type: "h",
-      x: s,
-      y: n,
-      lineLength: r,
-      lineColor: h
-    }), G.label_h(t, {
-      text: a,
-      y: n,
-      textColor: o,
-      mainColor: c,
-      position: f
-    });
-  }
-  static verticalMarker({
-    node: t,
-    ctx: e,
-    x: s,
-    y: n,
-    lineLength: r,
-    text: a,
-    textColor: o,
-    mainColor: c,
-    lineColor: h,
-    position: f
-  }) {
-    G.line(e, {
-      type: "v",
-      x: s,
-      y: n,
-      lineLength: r,
-      lineColor: h
-    }), G.label_v(t, {
-      text: a,
-      x: s,
-      textColor: o,
-      mainColor: c,
-      position: f
-    });
-  }
+function Cr(i, { color: t = "#000000", lineWidth: e = 1, dashed: s, coords: n }) {
+  i.strokeStyle = t, i.lineWidth = e, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
 }
-class br extends pt {
-  constructor(e) {
-    super("user-markers", e);
-    u(this, "items", {});
-    if (!this.dom) throw new Error("[CS_V_UserMarkers] this.dom must be defined");
-    if (!this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
-  }
-  render(e) {
-    const s = new Set(e.map(this.getIdFromMarker));
-    this.canvas.clear(), this.removeObsoleteItems(s);
-    for (const n of e) {
-      const r = this.getIdFromMarker(n), a = this.items[r] ?? this.createMarkerElement(r);
-      this.renderMarker(n, a.node);
+const Ar = { text: "#FFFFFF", bg: "#000000" }, Mr = (i, t) => {
+  const {
+    coords: e,
+    text: s,
+    fontSize: n = 14,
+    fontWeight: r = 600,
+    textHeight: a,
+    padding: l = { x: 0, y: 0 },
+    borderRadius: c = 0,
+    colors: d,
+    align: f = { x: "left", y: "top" }
+  } = t, g = { ...Ar, ...d }, p = getComputedStyle(
+    document.querySelector(".sc-charts-cs") || document.body
+  ).font.replace(/^\s*\S+/, "").trim();
+  i.font = `${r} ${n}px ${p}`;
+  const b = i.measureText(s).width + l.x * 2, x = a + l.y * 2;
+  let w = e.x, y = e.y;
+  f.x === "middle" ? w -= b / 2 : f.x === "right" && (w -= b), f.y === "middle" ? y -= x / 2 : f.y === "bottom" && (y -= x), si(i, {
+    radius: c,
+    coords: { x: w, y },
+    width: b,
+    height: x,
+    fillColor: g.bg
+  }), i.fillStyle = g.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, w + b / 2, y + x / 2);
+}, Ze = {
+  line: "#000000",
+  text: "#ffffff",
+  main: "#000000"
+}, ni = (i, { text: t, startLineCoords: e, side: s, colors: n = Ze, dir: r = "h", endMarkerCoords: a }) => {
+  if (r === "h" && (s === "bottom" || s === "top"))
+    throw new Error("[drawMarker util]: Incorrect side or dir for this marker");
+  const l = { ...Ze, ...n };
+  i.save(), Cr(i, {
+    color: l.line,
+    lineWidth: 1,
+    dashed: [4, 4],
+    coords: {
+      x1: e.x,
+      y1: e.y,
+      x2: a.x,
+      y2: a.y
+    }
+  }), Mr(i, {
+    text: t,
+    coords: a,
+    padding: { x: 6, y: 4 },
+    borderRadius: 4,
+    fontSize: 10,
+    textHeight: 12,
+    align: {
+      x: r === "v" ? "middle" : s,
+      y: r === "h" ? "middle" : s
+    },
+    colors: {
+      text: l.text,
+      bg: l.main
     }
+  }), i.restore();
+};
+class Tr extends _t {
+  constructor(t) {
+    super(t);
   }
-  clear() {
-    this.canvas.clear(), this.dom.remove();
+  drawMarker(t) {
+    ni(this.ctx, t);
   }
-  getIdFromMarker(e) {
-    const s = e.type === "horizontal" ? "h" : "v", n = e.value instanceof Date ? e.value.getTime().toString() : e.value.toString().replace(".", "d");
-    return `${s}_${n}`;
+}
+class Sr extends pt {
+  constructor(t) {
+    if (super("user-markers", t, { CanvasClass: Tr, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
-  removeObsoleteItems(e) {
-    for (const s in this.items)
-      e.has(s) || (this.items[s].remove(), delete this.items[s]);
+  render(t) {
+    this.canvas.clear();
+    for (const e of t.userMarkers.data)
+      this.canvas.drawMarker({
+        text: e.text,
+        side: t.config.yAxis.position,
+        dir: "h",
+        startLineCoords: {
+          x: e.startDate ? t.scales.x.convert(e.startDate) : 0,
+          y: t.scales.y.convert(e.value)
+        },
+        endMarkerCoords: {
+          x: t.layout.yAxis.right,
+          y: t.scales.y.convert(e.value)
+        },
+        colors: {
+          line: e.lineColor,
+          main: e.mainColor,
+          text: e.textColor
+        }
+      });
   }
-  createMarkerElement(e) {
-    const s = new k({
-      tag: "div",
-      className: this.cx("item")
-    });
-    return this.dom.append(s.node), this.items[e] = s, s;
-  }
-  renderMarker(e, s) {
-    e.type === "horizontal" ? G.horizontalMarker({
-      ctx: this.canvas.ctx,
-      node: s,
-      ...e
-    }) : G.verticalMarker({
-      ctx: this.canvas.ctx,
-      node: s,
-      ...e
-    });
+  clear() {
+    this.canvas.clear();
   }
 }
-const yr = "sc-charts-cs";
-class Q {
+const kr = "sc-charts-cs";
+class J {
   constructor(t) {
     u(this, "block");
     this.block = t;
   }
   gen(t) {
-    return `${yr}__${this.block}${t ? "-" + t : ""}`;
+    return `${kr}__${this.block}${t ? "-" + t : ""}`;
   }
 }
-const Qt = new Q("comment-actions");
-class xr extends k {
+const Jt = new J("comment-actions");
+class Dr extends k {
   constructor({ onDelete: t, onUpdate: e }) {
-    super({ className: Qt.gen() });
-    const s = new k({ tag: "button", className: Qt.gen("edit"), textContent: "Edit" }), n = new k({
+    super({ className: Jt.gen() });
+    const s = new k({ tag: "button", className: Jt.gen("edit"), textContent: "Edit" }), n = new k({
       tag: "button",
-      className: Qt.gen("delete"),
+      className: Jt.gen("delete"),
       textContent: "Delete"
     });
     n.node.addEventListener("click", (r) => {
@@ -3449,14 +3416,14 @@ class xr extends k {
     }), this.append(s.node, n.node);
   }
 }
-function re(i, t) {
+function ae(i, t) {
   var n;
   const e = (r) => {
     if (!document.contains(i.node)) return;
     const a = r.target;
     if (i.node.contains(a)) return;
-    const o = document.elementFromPoint(r.clientX, r.clientY);
-    if (o && i.node.contains(o)) return;
+    const l = document.elementFromPoint(r.clientX, r.clientY);
+    if (l && i.node.contains(l)) return;
     const c = i.node.getBoundingClientRect();
     r.clientX >= c.left && r.clientX <= c.right && r.clientY >= c.top && r.clientY <= c.bottom && getComputedStyle(i.node).pointerEvents !== "none" || t(r);
   };
@@ -3466,7 +3433,7 @@ function re(i, t) {
     document.removeEventListener("mousedown", e), s == null || s();
   }, i;
 }
-class wr {
+class Lr {
   constructor() {
     u(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3504,34 +3471,34 @@ class wr {
     this.node = e;
   }
 }
-const ut = new Q("comment-list");
-class Cr extends k {
+const dt = new J("comment-list");
+class Er extends k {
   constructor({ onDelete: e, onOpenEditor: s, comment: n, layout: r }) {
-    super({ className: ut.gen("item") });
+    super({ className: dt.gen("item") });
     u(this, "actionTooltip");
     u(this, "actionsTrigger");
-    const a = new k({ className: ut.gen("text"), textContent: n.text }), o = new k({
-      className: ut.gen("created-at"),
-      textContent: cr(new Date(n.createdAt))
+    const a = new k({ className: dt.gen("text"), textContent: n.text }), l = new k({
+      className: dt.gen("created-at"),
+      textContent: fr(new Date(n.createdAt))
     });
     this.actionsTrigger = new k({
       tag: "button",
-      className: ut.gen("action-trigger")
+      className: dt.gen("action-trigger")
     });
-    const c = new xr({
+    const c = new Dr({
       onDelete: e,
       onUpdate: s
     });
-    this.actionTooltip = re(c, () => {
+    this.actionTooltip = ae(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 - r.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - r.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
-    const h = new k({ className: ut.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(a.node, this.actionsTrigger.node), this.actionsTrigger.append(new wr().node), this.append(h.node, o.node);
+    const d = new k({ className: dt.gen("text-wrap") });
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), d.append(a.node, this.actionsTrigger.node), this.actionsTrigger.append(new Lr().node), this.append(d.node, l.node);
   }
 }
-class Mr {
+class Nr {
   constructor() {
     u(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3543,7 +3510,7 @@ class Mr {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Ar {
+class Fr {
   constructor() {
     u(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3555,7 +3522,7 @@ class Ar {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Tr extends Z {
+class Br extends G {
   constructor(e) {
     super({ className: "sc-charts-cs__comments-edit" });
     u(this, "input");
@@ -3566,10 +3533,10 @@ class Tr extends Z {
     this._onSave = e.onSave, this._onCancel = e.onCancel, this.input = new k({ tag: "textarea", className: "sc-charts-cs__comments-edit-input" }), this.saveBtn = new k({
       tag: "button",
       className: "sc-charts-cs__comments-edit-save-btn"
-    }), this.saveBtn.append(new Mr().node), this.cancelBtn = new k({
+    }), this.saveBtn.append(new Nr().node), this.cancelBtn = new k({
       tag: "button",
       className: "sc-charts-cs__comments-edit-cancel-btn"
-    }), this.cancelBtn.append(new Ar().node);
+    }), this.cancelBtn.append(new Fr().node);
     const s = new k({ 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: e.initialValue || "", hasInitFocused: !1 }, this._setupListeners(), this.render();
   }
@@ -3585,10 +3552,10 @@ class Tr extends Z {
     this.input.node.value = this.state.inputValue, this.saveBtn.node.disabled = !this.state.inputValue.trim(), this.state.hasInitFocused || (requestAnimationFrame(() => this.input.node.focus()), this.setState({ hasInitFocused: !0 }));
   }
 }
-const Sr = new Q("comment-list");
-class kr extends Z {
+const Ir = new J("comment-list");
+class Hr extends G {
   constructor(e, s, n, r = {}) {
-    super({ tag: "ul", className: Sr.gen(), ...r });
+    super({ tag: "ul", className: Ir.gen(), ...r });
     u(this, "_elements", {});
     u(this, "_model");
     u(this, "_view");
@@ -3604,7 +3571,7 @@ class kr extends Z {
   }
   _createItem(e) {
     if (this.state.editId === e.id)
-      return new Tr({
+      return new Br({
         onSave: (r) => {
           this._model.comments.update(e.id, r), this.setState({ editId: null });
         },
@@ -3613,7 +3580,7 @@ class kr extends Z {
         },
         initialValue: e.text
       });
-    const s = new Cr({
+    const s = new Er({
       onDelete: () => {
         this._model.comments.remove(e.id), s.actionTooltip.setVisible(!1);
       },
@@ -3629,7 +3596,7 @@ class kr extends Z {
     return Object.values(this._elements).sort((e, s) => e.order - s.order).map((e) => e.element.node);
   }
 }
-class Dr {
+class Rr {
   constructor() {
     u(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3641,21 +3608,21 @@ class Dr {
     ), s.setAttribute("stroke", "currentColor"), s.setAttribute("stroke-linecap", "round"), s.setAttribute("stroke-linejoin", "round"), e.appendChild(s), this.node = e;
   }
 }
-const kt = new Q(""), Kt = new Q("add-field");
-class ei extends Z {
+const kt = new J(""), Qt = new J("add-field");
+class ri extends G {
   constructor({ onAdd: e, blockName: s }) {
     kt.block = s;
-    super({ className: kt.gen() + " " + Kt.gen() });
+    super({ className: kt.gen() + " " + Qt.gen() });
     u(this, "btn");
     u(this, "input");
     u(this, "_onAdd");
     this._onAdd = e, this.state = { inputValue: "" }, this.input = new k({
       tag: "input",
-      className: kt.gen("input") + " " + Kt.gen("input")
+      className: kt.gen("input") + " " + Qt.gen("input")
     }), this.input.node.setAttribute("placeholder", "Add comment..."), this.btn = new k({
       tag: "button",
-      className: kt.gen("btn") + " " + Kt.gen("btn")
-    }), this.btn.append(new Dr().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
+      className: kt.gen("btn") + " " + Qt.gen("btn")
+    }), this.btn.append(new Rr().node), this.append(this.input.node, this.btn.node), this._setupListeners(), this.render();
   }
   _addComment() {
     this._onAdd(this.input.node.value), this.setState({ inputValue: "" }), this.input.node.value = "", this.input.node.blur();
@@ -3674,23 +3641,23 @@ class ei extends Z {
     this.btn.node.disabled = !this.state.inputValue.trim();
   }
 }
-const Lr = new Q("list-tooltip"), te = 8;
-class Er extends Z {
+const $r = new J("list-tooltip"), Kt = 8;
+class Pr extends G {
   constructor(e, s, n) {
-    super({ className: Lr.gen() });
+    super({ className: $r.gen() });
     u(this, "_list");
     u(this, "_addField");
     u(this, "_size", null);
     u(this, "_model");
     u(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: e }, this._list = new kr(e, s, n), this._addField = new ei({
+    this._model = s, this.state = { isShow: !1, comments: e }, this._list = new Hr(e, s, n), this._addField = new ri({
       blockName: "list-tooltip-add",
       onAdd: (r) => {
-        const a = e[0].date, o = e[0].price, c = {
+        const a = e[0].date, l = e[0].price, c = {
           id: crypto.randomUUID(),
           text: r,
           date: a,
-          price: o,
+          price: l,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         s.comments.add(c);
@@ -3699,7 +3666,7 @@ class Er extends Z {
   }
   render() {
     const { isShow: e, comments: s } = this.state, { width: n, height: r } = this._model.layout.area;
-    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = r / 2 - te + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - te, r / 2 + te)), this._list.setState({ items: s }), requestAnimationFrame(() => {
+    this._prevIsShow !== e && (this._list.forceUpdate(), this._prevIsShow = e), this.node.style.maxHeight = r / 2 - Kt + "px", this.setVisible(e), e && !this._size && (this.updateAbsolutePosition(), this._size = this.absolutePosition, this.position(n / 2 - this._size.width - Kt, r / 2 + Kt)), this._list.setState({ items: s }), requestAnimationFrame(() => {
       this._list.node.scrollTop = this._list.node.scrollHeight;
     });
   }
@@ -3707,7 +3674,7 @@ class Er extends Z {
     return this._list;
   }
 }
-class Nr {
+class zr {
   constructor() {
     u(this, "node");
     const t = "http://www.w3.org/2000/svg", e = document.createElementNS(t, "svg");
@@ -3719,7 +3686,7 @@ class Nr {
     ), s.setAttribute("fill", "currentColor"), e.appendChild(s), this.node = e;
   }
 }
-class Fr extends Z {
+class Or extends G {
   constructor({ x: e, ...s }, n) {
     super(s);
     u(this, "_colors");
@@ -3727,7 +3694,7 @@ class Fr extends Z {
       x: e,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Nr().node), this.render();
+    }, this.node.append(new zr().node), this.render();
   }
   render() {
     const { x: e, y: s, isActive: n } = this.state;
@@ -3736,25 +3703,25 @@ class Fr extends Z {
     this.node.style.backgroundColor = this._colors[`bg${r}`], this.node.style.color = this._colors[`icon${r}`];
   }
 }
-const Ue = new Q("comment-box");
-class Ir extends Z {
-  constructor({ boxId: e, model: s, view: n, comments: r, coords: a, onBoxActivate: o, onBoxDeactivate: c }) {
-    super({ className: Ue.gen() });
+const qe = new J("comment-box");
+class Yr extends G {
+  constructor({ boxId: e, model: s, view: n, comments: r, coords: a, onBoxActivate: l, onBoxDeactivate: c }) {
+    super({ className: qe.gen() });
     u(this, "pointer", new k({ className: "sc-charts-cs__comments-pointer" }));
     u(this, "tooltip");
     u(this, "anchor");
     u(this, "_onBoxActivate");
     u(this, "_onBoxDeactivate");
     u(this, "_boxId");
-    this._boxId = e, this._onBoxActivate = o, this._onBoxDeactivate = c, this.state = {
+    this._boxId = e, this._onBoxActivate = l, this._onBoxDeactivate = c, this.state = {
       isActive: !1,
       comments: r,
       coords: a
-    }, this.pointer.position(a), this.anchor = new Fr({ x: a.x, className: Ue.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 = re(new Er(r, s, n), (h) => {
-      this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
+    }, this.pointer.position(a), this.anchor = new Or({ x: a.x, className: qe.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
+      const d = !this.state.isActive;
+      d ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: d });
+    }), this.tooltip = ae(new Pr(r, s, n), (d) => {
+      this.state.isActive && (this.anchor.node.contains(d.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
   render() {
@@ -3762,11 +3729,11 @@ class Ir extends Z {
     this.pointer.position(n), this.pointer.setVisible(e), this.anchor.setState({ x: n.x, isActive: e }), this.tooltip.setState({ comments: s, isShow: e });
   }
 }
-class Br {
+class jr {
   static animateTo(t, e, s, n) {
-    const r = t.scales.panOffsetX + (t.layout.area.width / 2 - e), a = t.scales.panOffsetY + (t.layout.area.height / 2 - s), o = 300, c = performance.now(), h = t.scales.panOffsetX, f = t.scales.panOffsetY, g = (_) => {
-      const p = _ - c, v = Math.min(p / o, 1), b = v * v * (3 - 2 * v), y = h + (r - h) * b, w = f + (a - f) * b;
-      t.scales.pan("x", y, "absolute"), t.scales.pan("y", w, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
+    const r = t.scales.panOffsetX + (t.layout.area.width / 2 - e), a = t.scales.panOffsetY + (t.layout.area.height / 2 - s), l = 300, c = performance.now(), d = t.scales.panOffsetX, f = t.scales.panOffsetY, g = (_) => {
+      const p = _ - c, v = Math.min(p / l, 1), b = v * v * (3 - 2 * v), x = d + (r - d) * b, w = f + (a - f) * b;
+      t.scales.pan("x", x, "absolute"), t.scales.pan("y", w, "absolute"), v < 1 ? requestAnimationFrame(g) : n == null || n();
     };
     requestAnimationFrame(g);
   }
@@ -3775,19 +3742,19 @@ class Br {
     this.animateTo(t, r, a, n);
   }
 }
-const ee = new Q("comments-context");
-class Hr extends Z {
+const te = new J("comments-context");
+class Vr extends G {
   constructor() {
-    super({ className: ee.gen() });
+    super({ className: te.gen() });
     u(this, "pointer");
     u(this, "addField");
     u(this, "menu");
     u(this, "_size", null);
     u(this, "_model", null);
     u(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: ee.gen("pointer") }), this.menu = new k({ className: ee.gen("menu") }), re(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: te.gen("pointer") }), this.menu = new k({ className: te.gen("menu") }), ae(this.menu, () => {
       this.setState({ isShow: !1 });
-    }), this.addField = new ei({
+    }), this.addField = new ri({
       blockName: "context-add",
       onAdd: (e) => {
         !this._model || !this._candle || (this._model.comments.add({
@@ -3812,7 +3779,7 @@ class Hr extends Z {
       y: n == null ? void 0 : n.scales.y.convert((e.open + e.close) / 2)
     };
     this.pointer.position(r), this._size || (this.menu.position(r), this.menu.updateAbsolutePosition());
-    const a = ne({
+    const a = re({
       size: this.menu.absolutePosition,
       parent: n.layout.area,
       offset: 9,
@@ -3821,14 +3788,14 @@ class Hr extends Z {
     this._changeInputCorner(a.side), this.menu.position(a.x, a.y);
   }
 }
-class $r extends pt {
+class Wr extends pt {
   constructor(e) {
     super("comments", e, { noCanvas: !0 });
     u(this, "boxes", {});
     u(this, "contextMenu");
     u(this, "_view");
     if (!this.dom) throw new Error("[CS_V_Comments] this.dom must be defined");
-    this.contextMenu = new Hr(), this._view = e, e.domElements.append(this.contextMenu.node);
+    this.contextMenu = new Vr(), this._view = e, e.domElements.append(this.contextMenu.node);
   }
   _getCandleCoords(e, s) {
     return {
@@ -3837,17 +3804,17 @@ class $r extends pt {
     };
   }
   createBox({ boxId: e, coords: s, model: n, comments: r }) {
-    const a = new Ir({
+    const a = new Yr({
       boxId: e,
       model: n,
       comments: r,
       coords: s,
       view: this._view,
-      onBoxActivate: (o) => {
+      onBoxActivate: (l) => {
         const c = r[0].candle;
-        Br.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[o].setState({ isActive: !0 });
+        jr.animateToDataCoords(n, c.open_time, (c.open + c.close) / 2), this.boxes[l].setState({ isActive: !0 });
       },
-      onBoxDeactivate: (o) => this.boxes[o].setState({ isActive: !1 })
+      onBoxDeactivate: (l) => this.boxes[l].setState({ isActive: !1 })
     });
     this.boxes[e] = a, this.dom.append(a.node);
   }
@@ -3855,111 +3822,58 @@ class $r extends pt {
     this.contextMenu.setState({ model: e }), this.contextMenu.forceUpdate();
     const s = e.comments.grouped, n = new Set(Object.keys(s));
     Object.entries(s).forEach(([r, a]) => {
-      const o = this._getCandleCoords(e, a[0].candle), c = { boxId: r, coords: o, comments: a };
-      this.boxes[r] ? this.boxes[r].setState({ comments: a, coords: o }) : this.createBox({ ...c, model: e });
+      const l = this._getCandleCoords(e, a[0].candle), c = { boxId: r, coords: l, comments: a };
+      this.boxes[r] ? this.boxes[r].setState({ comments: a, coords: l }) : this.createBox({ ...c, model: e });
     }), Object.keys(this.boxes).forEach((r) => {
       n.has(r) || (this.boxes[r].node.remove(), delete this.boxes[r]);
     });
   }
 }
-function Rr(i, { color: t = "#000000", lineWidth: e = 1, dashed: s, coords: n }) {
-  i.strokeStyle = t, i.lineWidth = e, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
-}
-const zr = { text: "#FFFFFF", bg: "#000000" }, Pr = (i, t) => {
-  const {
-    coords: e,
-    text: s,
-    fontSize: n = 14,
-    fontWeight: r = 600,
-    textHeight: a,
-    padding: o = { x: 0, y: 0 },
-    borderRadius: c = 0,
-    colors: h = zr,
-    align: f = { x: "left", y: "top" }
-  } = t, _ = getComputedStyle(
-    document.querySelector(".sc-charts-cs") || document.body
-  ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `${r} ${n}px ${_}`;
-  const v = i.measureText(s).width + o.x * 2, b = a + o.y * 2;
-  let y = e.x, w = e.y;
-  f.x === "middle" ? y -= v / 2 : f.x === "right" && (y -= v), f.y === "middle" ? w -= b / 2 : f.y === "bottom" && (w -= b), ti(i, {
-    radius: c,
-    coords: { x: y, y: w },
-    width: v,
-    height: b,
-    fillColor: h.bg
-  }), i.fillStyle = h.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(s, y + v / 2, w + b / 2);
-};
-class Or extends Ft {
+class Xr extends _t {
   constructor(t) {
     super(t);
   }
-  drawLine({ color: t = "#777777", dir: e = "h", length: s, width: n = 1, coords: r }) {
-    this.ctx.save();
-    const a = (h) => e === h ? s : 0, { x: o, y: c } = r;
-    Rr(this.ctx, {
-      color: t,
-      lineWidth: n,
-      dashed: [4, 4],
-      coords: { x1: o, y1: c, x2: o + a("h"), y2: c + a("v") }
-    }), this.ctx.restore();
-  }
-  drawLabel({ text: t, coords: e, align: s, colors: n }) {
-    this.ctx.save(), Pr(this.ctx, {
-      text: t,
-      coords: e,
-      padding: { x: 6, y: 4 },
-      borderRadius: 4,
-      fontSize: 10,
-      textHeight: 12,
-      align: s,
-      colors: n
-    }), this.ctx.restore();
-  }
-  drawMarker({ text: t, coords: { x: e, y: s }, align: n, colors: r, length: a, type: o }) {
-    this.drawLine({
-      dir: o,
-      coords: o === "h" ? { x: 0, y: s } : { x: e, y: 0 },
-      length: a,
-      color: r == null ? void 0 : r.line
-    }), this.drawLabel({
+  drawMarker({ text: t, startLineCoords: e, endMarkerCoords: s, colors: n, type: r, side: a }) {
+    ni(this.ctx, {
       text: t,
-      coords: { x: e, y: s },
-      align: n,
-      colors: r && { text: r.text, bg: r.main }
+      colors: n,
+      startLineCoords: e,
+      endMarkerCoords: s,
+      dir: r,
+      side: a
     });
   }
 }
-class Yr extends pt {
+class Ur extends pt {
   constructor(t) {
-    if (super("guides", t, { CanvasClass: Or, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_Guides] Canvas must be defined");
+    if (super("guides", t, { CanvasClass: Xr, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_Guides] Canvas must be defined");
   }
   render(t, { x: e, y: s }) {
     if (this.canvas.clear(), t.config.guides.isShowY) {
       const n = t.config.yAxis.position;
       this.canvas.drawMarker({
         text: t.scales.y.invert(s).toFixed(2),
-        coords: { x: t.layout.yAxis[n], y: s },
-        align: { x: n, y: "middle" },
+        startLineCoords: { x: 0, y: s },
+        endMarkerCoords: { x: t.layout.yAxis[n], y: s },
+        side: n,
         colors: t.colorScheme.guides.horizontalMarker,
-        type: "h",
-        length: t.layout.chart.width
+        type: "h"
       });
     }
     if (t.config.guides.isShowX) {
       const n = t.config.xAxis.position;
       this.canvas.drawMarker({
         text: D.timeFormat("%a %d, %b %y %H:%M")(t.scales.x.invert(e)),
-        coords: { x: e, y: t.layout.xAxis[n] },
-        align: { x: "middle", y: n },
+        startLineCoords: { x: e, y: 0 },
+        endMarkerCoords: { x: e, y: t.layout.xAxis[n] },
+        side: n,
         colors: t.colorScheme.guides.verticalMarker,
-        type: "v",
-        length: t.layout.chart.height
+        type: "v"
       });
     }
   }
 }
-class Vr extends Z {
+class Gr extends G {
   constructor(e) {
     super({ className: e });
     u(this, "_isFirstShow", !1);
@@ -3969,7 +3883,7 @@ class Vr extends Z {
   render() {
     const { isShow: e, x: s, y: n, parent: r } = this.state;
     e && !this._isFirstShow && (this.updateAbsolutePosition(), this._isFirstShow = !0), this.setVisible(e);
-    const a = ne({
+    const a = re({
       size: this.absolutePosition,
       parent: r,
       coords: { x: s, y: n }
@@ -3977,7 +3891,7 @@ class Vr extends Z {
     this.position(a.x, a.y);
   }
 }
-class jr extends Ft {
+class Zr extends _t {
   constructor(e) {
     super(e);
     u(this, "domain", null);
@@ -3987,34 +3901,37 @@ class jr extends Ft {
       return e.filter((r) => r.open_time >= s && r.open_time <= n);
     });
   }
-  drawSingleCandle({ x: e, y: s, strokeWidth: n, width: r, colors: a, isDim: o }) {
-    this.ctx.fillStyle = this._mix(a.fill, a.bg, o), this.ctx.strokeStyle = this._mix(a.stroke, a.bg, o), this.ctx.lineWidth = n, this.ctx.beginPath(), this.ctx.moveTo(e, s.high), this.ctx.lineTo(e, s.low), this.ctx.stroke();
-    const c = Math.min(s.open, s.close), h = Math.abs(s.close - s.open), f = e - r / 2;
-    this.ctx.fillRect(f, c, r, h), this.ctx.strokeRect(f, c, r, h);
+  drawSingleCandle({ x: e, y: s, strokeWidth: n, width: r, colors: a, isDim: l }) {
+    this.ctx.fillStyle = this._mix(a.fill, a.bg, l), this.ctx.strokeStyle = this._mix(a.stroke, a.bg, l), this.ctx.lineWidth = n, this.ctx.beginPath(), this.ctx.moveTo(e, s.high), this.ctx.lineTo(e, s.low), this.ctx.stroke();
+    const c = Math.min(s.open, s.close), d = Math.abs(s.close - s.open), f = e - r / 2;
+    this.ctx.fillRect(f, c, r, d), this.ctx.strokeRect(f, c, r, d);
   }
   drawCandles(e) {
     const {
       colorScheme: { candles: s, bg: n },
       trade: { timeRange: r },
-      candles: { missingData: a, preparedData: o }
-    } = e, c = e.config.candles.style === "filled";
-    this.domain = e.scales.x.domain(), this._getVisible(a).forEach((h, f) => {
-      const g = s.noDataFill[f % s.noDataFill.length], _ = c ? g : s.noDataStroke;
+      candles: { missingData: a, preparedData: l },
+      config: {
+        candles: { hideMissingData: c }
+      }
+    } = e, d = e.config.candles.style === "filled";
+    this.domain = e.scales.x.domain(), c || this._getVisible(a).forEach((f, g) => {
+      const _ = s.noDataFill[g % s.noDataFill.length], p = d ? _ : s.noDataStroke;
       this.drawSingleCandle({
-        ...this._getBasicCandleProps(e, h),
-        colors: { fill: g, stroke: _, bg: n }
+        ...this._getBasicCandleProps(e, f),
+        colors: { fill: _, stroke: p, bg: n }
       });
-    }), this._getVisible(o).forEach((h) => {
-      const f = h.close >= h.open ? "rising" : "falling", g = s[`${f}Fill`], _ = s[`${f}${c ? "Fill" : "Stroke"}`];
+    }), this._getVisible(l).forEach((f) => {
+      const g = f.close >= f.open ? "rising" : "falling", _ = s[`${g}Fill`], p = s[`${g}${d ? "Fill" : "Stroke"}`];
       this.drawSingleCandle({
-        ...this._getBasicCandleProps(e, h),
-        colors: { fill: g, stroke: _, bg: n },
-        isDim: !!(r.length && !r.includes(h.open_time.getTime()))
+        ...this._getBasicCandleProps(e, f),
+        colors: { fill: _, stroke: p, bg: n },
+        isDim: !!(r.length && !r.includes(f.open_time.getTime()))
       });
     });
   }
   _mix(e, s, n) {
-    return n ? A.mix(e, s).toString() : e;
+    return n ? M.mix(e, s).toString() : e;
   }
   _getBasicCandleProps(e, s) {
     return {
@@ -4030,25 +3947,32 @@ class jr extends Ft {
     };
   }
 }
-class Xr extends pt {
+class qr extends pt {
   constructor(e) {
-    super("candles", e, { CanvasClass: jr });
-    u(this, "noDataTooltip");
+    super("candles", e, { CanvasClass: Zr });
+    u(this, "_noDataTooltip", null);
     u(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 Vr(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 Gr(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);
+  }
+  get noDataTooltip() {
+    return this._noDataTooltip;
+  }
+  removeNoDataTooltip() {
+    var e;
+    (e = this._noDataTooltip) == null || e.remove(), this._noDataTooltip = null;
   }
   render(e) {
     this.canvas.clear(), this.canvas.drawCandles(e);
     const s = e.candles.allData[0];
     if (s) {
-      const { baseWidth: n, limiterOffset: r } = e.config.candles, a = e.scales.x.convert(s.open_time) - n / 2 - r, o = e.layout.area.height / 2;
-      this.limiter.node.style.height = e.layout.area.height + "px", this.limiter.setVisible(!0), this.limiter.position(a, o);
+      const { baseWidth: n, limiterOffset: r } = e.config.candles, a = e.scales.x.convert(s.open_time) - n / 2 - r.left - r.right, l = e.layout.area.height / 2;
+      this.limiter.node.style.height = e.layout.area.height + "px", this.limiter.setVisible(!0), this.limiter.position(a, l);
     }
   }
 }
-class Wr {
+class Jr {
   constructor(t) {
     u(this, "container");
     u(this, "width");
@@ -4065,18 +3989,18 @@ class Wr {
     u(this, "candles");
     this.container = t, this.wrapper = new k({ tag: "div", className: "sc-charts-cs" }), t.append(this.wrapper.node);
     const { width: e, height: s } = t.getBoundingClientRect();
-    this.width = e, this.height = s, this.mainCanvas = new Ft({
+    this.width = e, this.height = s, this.mainCanvas = new _t({
       className: "sc-charts-cs__canvas-main",
       width: e,
       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 Fn(this.mainCanvas.node), this.userMarkers = new br(this), this.comments = new $r(this), this.candles = new Xr(this), this.trade = new vr(this), this.guideMarkers = new Yr(this);
+    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Rn(this.mainCanvas.node), this.comments = new Wr(this), this.candles = new qr(this), this.trade = new wr(this), this.guideMarkers = new Ur(this), this.userMarkers = new Sr(this);
   }
   renderAll(t) {
-    this.mainCanvas.clear(), this.candles.render(t), Jt.xAxis(this.mainCanvas.ctx, t), Jt.yAxis(this.mainCanvas.ctx, t), Jt.intersection(this.mainCanvas.ctx, t), this.trade.renderAll(t), this.userMarkers.render(t.userMarkers.data), this.comments.render(t);
+    this.mainCanvas.clear(), this.candles.render(t), qt.xAxis(this.mainCanvas.ctx, t), qt.yAxis(this.mainCanvas.ctx, t), qt.intersection(this.mainCanvas.ctx, t), this.trade.renderAll(t), this.userMarkers.render(t), this.comments.render(t);
   }
 }
-class Ur {
+class Qr {
   constructor(t) {
     u(this, "logColors", {
       init_model: "color: green",
@@ -4102,13 +4026,13 @@ class Ur {
     console.log(`%c[SUBSCRIBE] ${t}`, s, n);
   }
 }
-class Gr {
+class Kr {
   constructor(t, e) {
     u(this, "_model");
     u(this, "_view");
     u(this, "_enableLogging");
     u(this, "_logger");
-    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new Ur(["scale_event"]);
+    this._model = t, this._view = e, this._enableLogging = !1, this._logger = new Qr(["scale_event"]);
   }
   subscribeWithLogging(t, e) {
     const s = (n) => {
@@ -4119,7 +4043,7 @@ class Gr {
   // [TODO]: optimize renderers, call only the necessary ones. Get rid of this._view.renderAll
   init() {
     this.subscribeWithLogging("init_model", () => {
-      this._view.mainCanvas.background = this._model.colorScheme.bg, this._view.renderAll(this._model);
+      this._model.config.candles.hideMissingData && this._view.candles.removeNoDataTooltip(), this._view.mainCanvas.background = this._model.colorScheme.bg, this._view.renderAll(this._model);
     }), this.subscribeWithLogging("scale_event", () => {
       this._model.userMarkers.rebuild(), this._model.trade.recalculate(), this._view.renderAll(this._model);
     }), this.subscribeWithLogging("update_config", (t) => {
@@ -4129,7 +4053,7 @@ class Gr {
     }), this.subscribeWithLogging("update_trade", (t) => {
       this._model.trade.updateTrade(t), this._view.renderAll(this._model);
     }), this.subscribeWithLogging("update_user_markers", (t) => {
-      this._model.userMarkers.updateMarkers(t), this._view.userMarkers.render(this._model.userMarkers.data);
+      this._model.userMarkers.updateMarkers(t), this._view.userMarkers.render(this._model);
     }), this.subscribeWithLogging("update_color_scheme", (t) => {
       this._model.colorScheme.update(t), this._view.mainCanvas.background = this._model.colorScheme.bg, this._view.renderAll(this._model);
     }), this.subscribeWithLogging("open_trade_label_tooltip", ({ trade: t, x: e, y: s }) => {
@@ -4142,14 +4066,16 @@ class Gr {
     }), this.subscribeWithLogging("close_trade_label_tooltip", () => {
       this._model.trade.setActiveTrade(null), this._view.trade.renderAll(this._model), this._view.trade.labelTooltip.setState({ isShow: !1 });
     }), this.subscribeWithLogging("hover_nodata_candle", ({ x: t, y: e }) => {
-      this._view.candles.noDataTooltip.setState({
+      var s;
+      (s = this._view.candles.noDataTooltip) == null || s.setState({
         isShow: !0,
         x: t,
         y: e,
         parent: this._model.layout.area
       });
     }), this.subscribeWithLogging("leave_nodata_candle", () => {
-      this._view.candles.noDataTooltip.setState({ isShow: !1 });
+      var t;
+      (t = this._view.candles.noDataTooltip) == null || t.setState({ isShow: !1 });
     }), this.subscribeWithLogging("mouseover_trade_label_tooltip", (t) => {
       this._model.trade.setHoveredTrade(t.tradeType, t.candle.open_time.getTime()), this._view.trade.renderAll(this._model);
     }), this.subscribeWithLogging("mouseleave_trade_label_tooltip", () => {
@@ -4159,7 +4085,7 @@ class Gr {
     });
   }
 }
-class Ge {
+class Je {
   constructor() {
     u(this, "_map", /* @__PURE__ */ new Map());
   }
@@ -4185,15 +4111,15 @@ class Ge {
         r = !0;
       }
     };
-    for (const o of n)
-      if (o(a), r) break;
+    for (const l of n)
+      if (l(a), r) break;
     return r;
   }
 }
-class Zr {
+class ta {
   constructor() {
     u(this, "_elements", []);
-    u(this, "_listeners", new Ge());
+    u(this, "_listeners", new Je());
     u(this, "_lastHovered", /* @__PURE__ */ new Set());
     u(this, "_dragContext", null);
   }
@@ -4207,7 +4133,7 @@ class Zr {
     this._elements = this._elements.filter((e) => e !== t), this._listeners.removeAll(t), this._lastHovered.delete(t);
   }
   clear() {
-    this._elements = [], this._listeners = new Ge(), this._lastHovered.clear();
+    this._elements = [], this._listeners = new Je(), this._lastHovered.clear();
   }
   on(t, e, s) {
     this._listeners.add(t, e, s);
@@ -4308,12 +4234,12 @@ class Zr {
   }
   dispatchWheel(t, e, s, n, r) {
     const a = this._getHitsAt(t, e);
-    for (const o of a)
-      if (this._emitSingle(o.target, {
+    for (const l of a)
+      if (this._emitSingle(l.target, {
         type: "wheel",
-        target: o.target,
-        x: o.x,
-        y: o.y,
+        target: l.target,
+        x: l.x,
+        y: l.y,
         deltaX: s,
         deltaY: n,
         deltaZ: r
@@ -4336,7 +4262,7 @@ class Zr {
     return this._listeners.emit(t, n), s;
   }
 }
-class qr {
+class ea {
   constructor(t) {
     this.model = t;
   }
@@ -4348,26 +4274,26 @@ class qr {
         candles: { baseWidth: a }
       }
     } = this.model;
-    for (const o of s) {
-      const c = n.convert(o.open_time), h = r.convert(o.high), f = r.convert(o.low), g = c - a / 2, _ = c + a / 2, p = Math.min(h, f), v = Math.max(h, f);
+    for (const l of s) {
+      const c = n.convert(l.open_time), d = r.convert(l.high), f = r.convert(l.low), g = c - a / 2, _ = c + a / 2, p = Math.min(d, f), v = Math.max(d, f);
       if (t >= g && t <= _ && e >= p && e <= v)
         return {
           target: this,
           x: t,
           y: e,
           type: "candle",
-          candle: o
+          candle: l
         };
     }
     return null;
   }
 }
-class Jr {
+class ia {
   constructor(t, e) {
     u(this, "_model");
     u(this, "_hitManager");
     u(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new qr(t), this._hitManager.register(this._hit);
+    this._model = t, this._hitManager = e, this._hit = new ea(t), this._hitManager.register(this._hit);
   }
   register() {
     this._hitManager.on(this._hit, "mouseover", (t) => {
@@ -4380,19 +4306,19 @@ class Jr {
     });
   }
 }
-class Qr {
+class sa {
   constructor(t) {
     this.model = t;
   }
   hitTest(t, e) {
-    const { tradedCandles: s } = this.model.trade, { x: n, y: r } = this.model.scales, a = 16, o = 4;
-    for (const { candle: c, trades: h } of s) {
+    const { tradedCandles: s } = this.model.trade, { x: n, y: r } = this.model.scales, a = 16, l = 4;
+    for (const { candle: c, trades: d } of s) {
       const g = n.convert(c.open_time) + this.model.config.candles.baseWidth / 2, _ = a, p = a;
       for (const v of ["buy", "sell"]) {
-        const b = h.filter((C) => C.type === v);
+        const b = d.filter((C) => C.type === v);
         if (!b.length) continue;
-        const y = v === "buy" ? r.convert(c.low) + o + Lt(a) : r.convert(c.high) - o - a - Lt(a), w = t >= g - _ / 2 && t <= g + _ / 2, x = e >= y && e <= y + p;
-        if (w && x)
+        const x = v === "buy" ? r.convert(c.low) + l + Lt(a) : r.convert(c.high) - l - a - Lt(a), w = t >= g - _ / 2 && t <= g + _ / 2, y = e >= x && e <= x + p;
+        if (w && y)
           return {
             target: this,
             type: "trade-label",
@@ -4407,12 +4333,12 @@ class Qr {
     return null;
   }
 }
-class Kr {
+class na {
   constructor(t, e) {
     u(this, "_model");
     u(this, "_hitManager");
     u(this, "_tradeLabelHit");
-    this._model = t, this._hitManager = e, this._tradeLabelHit = new Qr(t), this._hitManager.register(this._tradeLabelHit);
+    this._model = t, this._hitManager = e, this._tradeLabelHit = new sa(t), this._hitManager.register(this._tradeLabelHit);
   }
   register() {
     this._hitManager.on(this._tradeLabelHit, "click", (t) => {
@@ -4438,7 +4364,7 @@ class Kr {
     });
   }
 }
-class ta {
+class ra {
   constructor(t) {
     this.model = t;
   }
@@ -4452,7 +4378,7 @@ class ta {
     } : null;
   }
 }
-class ea {
+class aa {
   constructor(t) {
     this.model = t;
   }
@@ -4466,7 +4392,7 @@ class ea {
     } : null;
   }
 }
-class ia {
+class oa {
   constructor(t) {
     this.model = t;
   }
@@ -4480,7 +4406,7 @@ class ia {
     } : null;
   }
 }
-function sa(i, t) {
+function la(i, t) {
   let e = { x: 0, y: 0 }, s = null;
   return (n) => {
     Math.abs(n.x - e.x) < i && Math.abs(n.y - e.y) < i || (e = { x: n.x, y: n.y }, s && cancelAnimationFrame(s), s = requestAnimationFrame(() => {
@@ -4488,7 +4414,7 @@ function sa(i, t) {
     }));
   };
 }
-function na(i, t) {
+function ca(i, t) {
   let e = null;
   return (s) => {
     const n = s.x - (s.prevX ?? s.x), r = s.y - (s.prevY ?? s.y);
@@ -4497,34 +4423,39 @@ function na(i, t) {
     }));
   };
 }
-class ra {
+function ie(i, t) {
+  const { width: e } = t.candles.limiter.absolutePosition, s = i.config.candles.baseWidth, n = i.config.candles.limiterOffset.left + i.config.candles.limiterOffset.right, a = i.scales.x.convert(i.candles.allData[0].open_time) - e - s / 2 - n;
+  a > 0 && i.scales.pan("x", -a);
+}
+function se(i) {
+  return i.candles.limiter.absolutePosition.width > 0;
+}
+class oe {
   constructor(t, e, s) {
     u(this, "_model");
     u(this, "_hitManager");
     u(this, "_hit");
-    u(this, "_view");
-    this._model = t, this._hitManager = e, this._hit = new ta(t), this._hitManager.register(this._hit), this._view = s;
+    this._model = t, this._hitManager = e, this._hit = s, e.register(s);
   }
-  _limitDx(t) {
-    if (!this._view || t <= 0) return t;
-    const { width: e } = this._view.candles.limiter.absolutePosition, s = this._model.config.candles.limiterOffset, n = this._model.scales.x.convert(this._model.candles.allData[0].open_time), r = this._model.layout.chart.left, a = n - s * 2 - e;
-    return a >= r ? 0 : a + t >= r ? r - a : t;
+}
+class ha extends oe {
+  constructor(e, s, n) {
+    super(e, s, new ra(e));
+    u(this, "_view");
+    this._view = n;
   }
   register() {
-    this._hitManager.on(this._hit, "drag", (t) => {
-      let e = t.x - (t.prevX ?? t.x);
-      e = this._limitDx(e), this._model.scales.scale("x", -e);
+    this._hitManager.on(this._hit, "drag", (e) => {
+      const s = e.x - (e.prevX ?? e.x);
+      this._model.scales.scale("x", -s), this._view && se(this._view) && ie(this._model, this._view);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
   }
 }
-class aa {
+class da extends oe {
   constructor(t, e) {
-    u(this, "_model");
-    u(this, "_hitManager");
-    u(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new ia(t), this._hitManager.register(this._hit);
+    super(t, e, new oa(t));
   }
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
@@ -4535,56 +4466,39 @@ class aa {
     });
   }
 }
-class oa {
-  constructor(t, e, s) {
-    u(this, "_model");
+class ua extends oe {
+  constructor(e, s, n) {
+    super(e, n, new aa(e));
     u(this, "_view");
-    u(this, "_hitManager");
-    u(this, "_hit");
-    this._model = t, this._view = e, this._hitManager = s, this._hit = new ea(t), this._hitManager.register(this._hit);
-  }
-  _limitDx(t) {
-    if (t <= 0) return t;
-    const { width: e } = this._view.candles.limiter.absolutePosition, s = this._model.config.candles.limiterOffset, n = this._model.scales.x.convert(this._model.candles.allData[0].open_time), r = this._model.layout.chart.left, a = n - s * 2 - e;
-    return a >= r ? 0 : a + t >= r ? r - a : t;
+    this._view = s;
   }
   register() {
     this._hitManager.on(
       this._hit,
       "mousemove",
-      sa(1, (t) => {
-        this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+      la(1, (e) => {
+        this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
       })
     ), this._hitManager.on(this._hit, "mouseleave", () => {
       this._view.guideMarkers.canvas.clear();
     }), this._hitManager.on(
       this._hit,
       "drag",
-      na(1, (t) => {
-        let e = t.x - (t.prevX ?? t.x);
-        const s = t.y - (t.prevY ?? t.y);
-        e = this._limitDx(e), this._model.scales.pan("x", e), this._model.scales.pan("y", s), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+      ca(1, (e) => {
+        this._model.scales.pan("x", e.x - (e.prevX ?? e.x)), se(this._view) && ie(this._model, this._view), this._model.scales.pan("y", e.y - (e.prevY ?? e.y)), this._view.guideMarkers.render(this._model, { x: e.x, y: e.y });
       })
-    ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
-      const e = this._model.scales.x.invert(t), s = se.findByDate(e, this._model.candles.allData);
-      s && (this._view.comments.contextMenu.setState({
-        isShow: !0,
-        candle: s
-      }), this._view.comments.render(this._model));
-    }), this._hitManager.on(this._hit, "wheel", (t) => {
-      var n, r;
-      if (!t.deltaY) return;
-      const e = -t.deltaY, s = (r = (n = this._model.config) == null ? void 0 : n.candles) == null ? void 0 : r.zoomOnWheel;
-      if (["x", "both"].includes(s)) {
-        this._model.scales.scale("x", e);
-        const a = this._limitDx(0);
-        a !== 0 && this._model.scales.pan("x", a);
-      }
-      ["y", "both"].includes(s) && this._model.scales.scale("y", e);
+    ), this._hitManager.on(this._hit, "contextmenu", ({ x: e }) => {
+      const s = this._model.scales.x.invert(e), n = ne.findByDate(s, this._model.candles.allData);
+      n && (this._view.comments.contextMenu.setState({ isShow: !0, candle: n }), this._view.comments.render(this._model));
+    }), this._hitManager.on(this._hit, "wheel", (e) => {
+      var r, a;
+      if (!e.deltaY) return;
+      const s = -e.deltaY, n = (a = (r = this._model.config) == null ? void 0 : r.candles) == null ? void 0 : a.zoomOnWheel;
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), se(this._view) && ie(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
-class la {
+class fa {
   constructor(t, e, s) {
     u(this, "_hitManager");
     u(this, "_candlesHandler");
@@ -4592,24 +4506,24 @@ class la {
     u(this, "_xAxisHandler");
     u(this, "_yAxisHandler");
     u(this, "_areaHandler");
-    this._hitManager = s, this._candlesHandler = new Jr(t, this._hitManager), this._tradeLabelsHandler = new Kr(t, this._hitManager), this._xAxisHandler = new ra(t, this._hitManager), this._yAxisHandler = new aa(t, this._hitManager), this._areaHandler = new oa(t, e, this._hitManager);
+    this._hitManager = s, this._candlesHandler = new ia(t, this._hitManager), this._tradeLabelsHandler = new na(t, this._hitManager), this._xAxisHandler = new ha(t, this._hitManager, e), this._yAxisHandler = new da(t, this._hitManager), this._areaHandler = new ua(t, e, this._hitManager);
   }
   register() {
     this._candlesHandler.register(), this._tradeLabelsHandler.register(), this._xAxisHandler.register(), this._yAxisHandler.register(), this._areaHandler.register();
   }
 }
-class ca {
+class ga {
   constructor(t, e) {
     u(this, "_model");
     u(this, "_view");
     u(this, "_subscriptionsManager");
-    u(this, "_hitManager", new Zr());
+    u(this, "_hitManager", new ta());
     u(this, "_boundMouseMove", this.onDocumentMouseMove.bind(this));
     u(this, "_boundMouseUp", this.onDocumentMouseUp.bind(this));
-    this._model = t, this._view = e, this._subscriptionsManager = new Gr(t, e);
+    this._model = t, this._view = e, this._subscriptionsManager = new Kr(t, e);
   }
   init() {
-    this._subscriptionsManager.init(), this._model.init(), this._view.binding.mousemove(this.onMouseMove.bind(this)), this._view.binding.mousedown(this.onMouseDown.bind(this)), this._view.binding.mouseup(this.onMouseUp.bind(this)), this._view.binding.wheel(this.onWheel.bind(this)), this._view.binding.mouseleave(this.onMouseLeave.bind(this)), this._view.binding.dblclick(this.onDoubleClick.bind(this)), this._view.binding.contextmenu(this.onContextMenu.bind(this)), window.addEventListener("scroll", this.onWindowScroll.bind(this), { passive: !0 }), document.addEventListener("click", this.onDocumentClick.bind(this)), new la(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 fa(this._model, this._view, this._hitManager).register();
   }
   onContextMenu(t) {
     t.preventDefault();
@@ -4655,8 +4569,8 @@ class ca {
   onMouseMove(t) {
     var r;
     if (!this._hitManager.isDragging) {
-      const { x: a, y: o } = this.getMouseRelative(t);
-      this._hitManager.dispatchMouseMove(a, o);
+      const { x: a, y: l } = this.getMouseRelative(t);
+      this._hitManager.dispatchMouseMove(a, l);
     }
     const { x: e, y: s } = this.getMouseRelative(t), n = this._hitManager.hitTestAll(e, s);
     (r = n[0]) != null && r.type && (n[0].type === "area" ? this._view.mainCanvas.node.style.cursor = "crosshair" : n[0].type === "trade-label" ? this._model.config.trade.showLabelButtons && (this._view.mainCanvas.node.style.cursor = "pointer") : n[0].type === "x-axis" ? this._view.mainCanvas.node.style.cursor = "ew-resize" : n[0].type === "y-axis" ? this._view.mainCanvas.node.style.cursor = "ns-resize" : this._view.mainCanvas.node.style.cursor = "default");
@@ -4665,8 +4579,8 @@ class ca {
     t.preventDefault(), this._hitManager.dispatchWheel(t.offsetX, t.offsetY, t.deltaX, t.deltaY, t.deltaZ);
   }
 }
-class ua {
-  constructor(t, { chartId: e, candles: s, config: n, trade: r, userMarkers: a, colorScheme: o, comments: c, renderLimiter: h }) {
+class pa {
+  constructor(t, { chartId: e, candles: s, config: n, trade: r, userMarkers: a, colorScheme: l, comments: c, renderLimiter: d }) {
     u(this, "_model");
     u(this, "_view");
     u(this, "_controller");
@@ -4677,17 +4591,17 @@ class ua {
       throw new Error(
         "chartId is required and must be a valid id (only letters, numbers or underscores. The first character must be a letter)"
       );
-    if (this._model = new kn({
+    if (this._model = new Nn({
       chartId: e,
       candles: s,
       config: n,
       container: f,
       trade: r,
       userMarkers: a,
-      colorScheme: o,
+      colorScheme: l,
       comments: c
-    }), this._view = new Wr(f), this._controller = new ca(this._model, this._view), h) {
-      const g = h(this._view.candles.limiter.node);
+    }), this._view = new Jr(f), this._controller = new ga(this._model, this._view), d) {
+      const g = d(this._view.candles.limiter.node);
       this._view.candles.limiter.updateAbsolutePosition(), typeof g == "function" && (this._candlesLimiterClean = g);
     }
     this._controller.init();
@@ -4716,7 +4630,7 @@ class ua {
   }
 }
 export {
-  ua as CandlestickChart,
-  da as createLineChart
+  pa as CandlestickChart,
+  _a as createLineChart
 };
 //# sourceMappingURL=charts-core.js.map