charts-core 1.1.32 → 1.1.35

package/dist/charts-core.js

@@ -1,12 +1,12 @@
 var Ns = Object.defineProperty;
 var Fs = (i, e, t) => e in i ? Ns(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var f = (i, e, t) => Fs(i, typeof e != "symbol" ? e + "" : e, t);
-import * as L from "d3";
+import * as E from "d3";
 const Hs = (i) => {
   const { svg: e, config: t, y: s, width: n } = i, { margin: a, yAxis: r } = t, { customTicks: o, tickFormat: c, tickValues: h, ticks: d, isShow: g } = r;
   if (!g) return null;
   e.append("g").attr("transform", `translate(${n - a.right},0)`).call((p) => {
-    let _ = L.axisRight(s);
+    let _ = E.axisRight(s);
     o && c ? _ = _.tickFormat(c) : _ = _.tickFormat((v) => {
       const b = Number(v), w = (x) => x.toString().replace(/\.0+$/, "");
       return Math.abs(b) >= 1e12 ? w(b / 1e12) + "T" : Math.abs(b) >= 1e9 ? w(b / 1e9) + "B" : Math.abs(b) >= 1e6 ? w(b / 1e6) + "M" : Math.abs(b) >= 1e3 ? w(b / 1e3) + "K" : w(b);
@@ -20,7 +20,7 @@ const Hs = (i) => {
     const v = _.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
     p.selectAll(".tick").each(function(w, x) {
       var $;
-      const y = L.select(this), C = y.select("text"), S = v[x], T = b - S, N = y.append("g").attr("transform", "translate(10, 0)");
+      const y = E.select(this), C = y.select("text"), M = v[x], T = b - M, N = y.append("g").attr("transform", "translate(10, 0)");
       C.attr("x", T), C.remove(), ($ = N.node()) == null || $.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
@@ -28,7 +28,7 @@ const Hs = (i) => {
   const { svg: e, config: t, x: s, height: n } = i, { margin: a, xAxis: r } = t, { isShow: o, tickValues: c, tickFormat: h, customTicks: d, ticks: g } = r;
   if (!o) return null;
   e.append("g").attr("transform", `translate(0,${n - a.bottom})`).call((p) => {
-    let _ = L.axisBottom(s);
+    let _ = E.axisBottom(s);
     d ? (h && (_ = _.tickFormat(h)), g && (_ = Array.isArray(g) ? _.ticks(...g) : _.ticks(g)), c && (_ = _.tickValues(c))) : _.ticks(5), p.call(_);
   }).call((p) => p.select(".domain").remove()).call((p) => {
     let _ = [];
@@ -84,12 +84,12 @@ const Hs = (i) => {
     return r.append("circle").attr("cx", t).attr("cy", s).attr("r", n).classed("sc-charts__hovered-circles", !0), r.append("circle").attr("cx", t).attr("cy", s).attr("r", n + a).classed("sc-charts__hovered-circles_add", !0), r;
   }
 };
-function Ps(i, e, t, s) {
+function Os(i, e, t, s) {
   if (!i) return null;
   const n = i.width / 2, a = e - n, r = e + n;
   return a < t ? t : r > s ? s - i.width : e - n;
 }
-const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Os = (i) => {
+const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e).attr("x2", t).attr("y1", s).attr("y2", n).attr("stroke", "var(--sc-color-axis-zero-line)").attr("stroke-width", 1), Ps = (i) => {
   const { svg: e, config: t, x: s, y: n, height: a, data: r, wrapperNode: o } = i, {
     margin: c,
     grid: { verticalStyle: h, tooltipNode: d, hoverCirclesRadius: g, hoverCirclesAdditionalArea: p }
@@ -103,22 +103,22 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Rs(o), C = (T) => {
       if (!d) return;
       _i(x), w.style.display = "block", x.append(d({ date: T.date, value: T.value }));
-      const N = x.getBoundingClientRect(), $ = Ps(
+      const N = x.getBoundingClientRect(), $ = Os(
         N,
         s(T.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
         i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
       );
       $ !== null && (x.style.left = $ + "px"), y.style.left = s(T.date) + "px";
-    }, S = () => {
+    }, M = () => {
       w.style.display = "none";
     };
     i.gridHoverTooltip = d ? {
       show: (T) => C(T),
-      hide: S
+      hide: M
     } : null, r.forEach((T, N) => {
-      const $ = s(T.date), X = n(T.value), U = r[N - 1], te = N > 0 && U && T.value === U.value;
-      te || qt(e, { x1: $, x2: $, y1: X, y2: _ });
+      const $ = s(T.date), G = n(T.value), Z = r[N - 1], te = N > 0 && Z && T.value === Z.value;
+      te || qt(e, { x1: $, x2: $, y1: G, y2: _ });
       const K = $s(e, te, {
         x: $,
         y: _,
@@ -128,23 +128,23 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       d && K.on("mouseover", function() {
         C({ date: T.date, value: te ? null : T.value });
       }).on("mouseout", function() {
-        S();
+        M();
       });
     });
   }
 }, zs = (i) => {
-  Is(i), Os(i);
+  Is(i), Ps(i);
 }, Vs = (i) => {
   const { svg: e, config: t, width: s, height: n } = i, { margin: a, logo: r } = t;
   Bs(i), Hs(i), r && e.append("image").attr("xlink:href", t.theme === "dark" ? r.picDarkTheme : r.picLightTheme).attr("width", r.width).attr("height", r.height).attr("x", r.x ?? (s - a.left - a.right) / 2 - r.width / 2 + a.left).attr("y", r.y ?? (n - a.top - a.bottom) / 2 - r.height / 2 + a.top), zs(i);
-}, Ee = (i, e, t) => {
+}, Le = (i, e, t) => {
   let s = i.select(`#${e}`);
   return s.empty() && (s = i.append("linearGradient").attr("gradientUnits", "userSpaceOnUse").attr("id", e)), s.attr("x1", t.x1).attr("y1", t.x2).attr("x2", t.y1).attr("y2", t.y2), t.stops.forEach(({ offset: n, stopColor: a }) => {
     s.append("stop").attr("offset", n).attr("stop-color", a);
   }), s;
 }, ve = (i) => {
-  const e = L.select(i).select("defs");
-  return e.empty() ? L.select(i).append("defs") : e;
+  const e = E.select(i).select("defs");
+  return e.empty() ? E.select(i).append("defs") : e;
 }, Tt = (i) => {
   const {
     y: e,
@@ -187,7 +187,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
     ...e == null ? void 0 : e.selection
   }
 }), Qt = (i, e = {}) => {
-  const t = i.node(), s = ve(t), n = (o, c) => Ee(s, o, {
+  const t = i.node(), s = ve(t), n = (o, c) => Le(s, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -227,7 +227,7 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
   };
 }, Ws = (i, e = {}) => {
   const t = "sc-charts__hover-line", s = i.append("line").style("display", e.hidden ? "none" : "block").classed(t, !0), n = i.node(), a = ve(n);
-  return ((o, c) => Ee(a, o, {
+  return ((o, c) => Le(a, o, {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -249,8 +249,8 @@ const qt = (i, { x1: e, x2: t, y1: s, y2: n }) => i.append("line").attr("x1", e)
       s.remove();
     }
   };
-}, ge = "sc-charts__range-tooltip", Kt = L.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
-  const e = L.format(",.2f");
+}, ge = "sc-charts__range-tooltip", Kt = E.timeFormat("%b %e, %I:%M %p"), Ys = (i) => {
+  const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function js(i) {
@@ -291,10 +291,10 @@ const Xs = (i) => {
           b = `${Ys(d)} (${x}%)`;
         }
         p ? w = p({ left: n.date, right: a.date, direction: v }) : w = `${Kt(n.date)} to ${Kt(a.date)}`, t.textContent = b, s.textContent = w, requestAnimationFrame(() => {
-          const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), S = i.x(a.date);
-          let N = (C + S) / 2 - x.width / 2;
-          const $ = 0, X = y.width - x.width;
-          N < $ && (N = $), N > X && (N = X), e.style.left = `${N}px`, e.style.top = `${o}px`;
+          const x = e.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
+          let N = (C + M) / 2 - x.width / 2;
+          const $ = 0, G = y.width - x.width;
+          N < $ && (N = $), N > G && (N = G), e.style.left = `${N}px`, e.style.top = `${o}px`;
         });
       }
       c !== void 0 && (e.style.display = c ? "none" : "block");
@@ -303,17 +303,17 @@ const Xs = (i) => {
       e.remove();
     }
   };
-}, Le = "sc-charts__hover-tooltip", _t = 16, Us = L.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
-  const e = L.format(",.2f");
+}, Ee = "sc-charts__hover-tooltip", _t = 16, Us = E.timeFormat("%a, %b %d, %-I:%M %p"), Gs = (i) => {
+  const e = E.format(",.2f");
   return `${i < 0 ? "-" : ""}$${e(Math.abs(i))}`;
 };
 function Zs(i) {
   const e = document.createElement("div");
-  e.className = `${Le}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
+  e.className = `${Ee}-container`, e.style.position = "absolute", e.style.top = "0", e.style.pointerEvents = "none", e.style.display = "none", i.appendChild(e);
   const t = document.createElement("div");
-  t.className = `${Le}-sum`;
+  t.className = `${Ee}-sum`;
   const s = document.createElement("div");
-  return s.className = `${Le}-time`, { wrapper: e, sumNode: t, timeNode: s };
+  return s.className = `${Ee}-time`, { wrapper: e, sumNode: t, timeNode: s };
 }
 function qs(i, e, t) {
   return i ? e + _t + i.width < t ? e + _t : e - _t - i.width : null;
@@ -324,7 +324,7 @@ const Js = (i) => {
   };
   return {
     className(a, r) {
-      a === "remove" ? e.classList.remove(`${Le}${r}`) : e.classList.add(`${Le}${r}`);
+      a === "remove" ? e.classList.remove(`${Ee}${r}`) : e.classList.add(`${Ee}${r}`);
     },
     update({ hidden: a, dataItem: r }) {
       if (!i.config.hover.showDefaultTooltip) {
@@ -402,9 +402,9 @@ const Js = (i) => {
   },
   enableBelowZeroLine: !1,
   curveTension: 1
-}, tt = () => L.curveMonotoneX, Ks = (i) => {
+}, tt = () => E.curveMonotoneX, Ks = (i) => {
   const { svg: e, data: t, x: s, y: n, config: a } = i, r = e.node(), o = ve(r);
-  Ee(o, "main-line-area-gradient", {
+  Le(o, "main-line-area-gradient", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -414,7 +414,7 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const h = L.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
+  const h = E.area().x((p) => s(p.date)).y0(n.range()[0]).y1((p) => n(p.value)).curve(tt()), d = "sc-charts__main-line-area", g = e.append("path").datum(t).attr("d", h).attr("class", d).classed(`${d}_hidden`, !a.hasMainLineArea);
   return {
     className(p, _) {
       p === "remove" ? g.classed(`${d}${_}`, !1) : g.classed(`${d}${_}`, !0);
@@ -431,7 +431,7 @@ const Js = (i) => {
   };
 }, en = (i, e = {}) => {
   const t = "sc-charts__range-line-area", { svg: s, x: n, y: a, config: r, data: o, chartId: c } = i, { clip: h } = e, d = s.node(), g = ve(d), p = "range-line-area-gradient";
-  Ee(g, p + "_up", {
+  Le(g, p + "_up", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -440,7 +440,7 @@ const Js = (i) => {
       { offset: "0%", stopColor: "var(--sc-color-selection-up)" },
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
-  }), Ee(g, p + "_down", {
+  }), Le(g, p + "_down", {
     x1: "0%",
     y1: "0%",
     x2: "0%",
@@ -450,20 +450,20 @@ const Js = (i) => {
       { offset: "100%", stopColor: "rgba(255, 255, 255, 0)" }
     ]
   });
-  const _ = L.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt()), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
+  const _ = E.area().x((y) => n(y.date)).y0(a.range()[0]).y1((y) => a(y.value)).curve(tt()), v = `${c}-clip-${t}`, w = g.append("clipPath").attr("id", v).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), x = s.append("path").datum(o).attr("d", _).attr("class", t).classed(`${t}_hidden`, !r.hasMainLineArea).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${t}${C}`, !1) : x.classed(`${t}${C}`, !0);
     },
-    update({ data: y, hidden: C, clip: S }) {
-      y !== void 0 && x.datum(y).attr("d", _), C !== void 0 && x.classed(`${t}_hidden`, C), S !== void 0 && w.attr("x", S.x).attr("y", S.y).attr("width", S.width).attr("height", S.height);
+    update({ data: y, hidden: C, clip: M }) {
+      y !== void 0 && x.datum(y).attr("d", _), C !== void 0 && x.classed(`${t}_hidden`, C), M !== void 0 && w.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height);
     },
     destroy() {
       x.remove();
     }
   };
 }, vt = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = ve(d), p = L.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r } = i, { baseClassName: o, id: c, clip: h } = e, d = t.node(), g = ve(d), p = E.line().x((x) => n(x.date)).y((x) => a(x.value)).curve(tt()), _ = `${r}-clip-${o}`, b = g.append("clipPath").attr("id", _).append("rect").attr("x", (h == null ? void 0 : h.x) || 0).attr("y", (h == null ? void 0 : h.y) || 0).attr("width", (h == null ? void 0 : h.width) || "100%").attr("height", (h == null ? void 0 : h.height) || "100%"), w = t.append("path").classed(o, !0).datum(s).attr("d", p).attr("id", c).attr("clip-path", `url(#${_})`);
   return {
     className(x, y) {
       x === "remove" ? w.classed(`${o}${y}`, !1) : w.classed(`${o}${y}`, !0);
@@ -476,13 +476,13 @@ const Js = (i) => {
     }
   };
 }, tn = (i, e) => {
-  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), p = ve(g), _ = L.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
+  const { svg: t, data: s, x: n, y: a, chartId: r, config: o } = i, { baseClassName: c, id: h, clip: d } = e, g = t.node(), p = ve(g), _ = E.line().x((y) => n(y.date)).y((y) => a(y.value)).curve(tt()), v = `${r}-clip-${c}`, w = p.append("clipPath").attr("id", v).append("rect").attr("x", (d == null ? void 0 : d.x) || 0).attr("y", (d == null ? void 0 : d.y) || 0).attr("width", (d == null ? void 0 : d.width) || "100%").attr("height", (d == null ? void 0 : d.height) || "100%"), x = t.append("path").classed(c, !0).datum(s).attr("d", _).attr("id", h).attr("clip-path", `url(#${v})`);
   return {
     className(y, C) {
       y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
     },
-    update({ data: y, clip: C, hidden: S }) {
-      y !== void 0 && x.datum(y).attr("d", _), S !== void 0 && x.classed(`${c}_hidden`, S), C !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(L.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: M }) {
+      y !== void 0 && x.datum(y).attr("d", _), M !== void 0 && x.classed(`${c}_hidden`, M), C !== void 0 && (o.hover.transitionName === "default" ? w.transition().duration(o.hover.transitionDuration).attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height).ease(E.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       x.remove();
@@ -768,28 +768,28 @@ const Js = (i) => {
     (b, w) => Math.abs(s(b.date) - v) < Math.abs(s(w.date) - v) ? b : w
   );
   e.append("rect").attr("width", a - o.left - o.right).attr("height", r - o.top - o.bottom).attr("x", o.left).attr("y", o.top).attr("fill", "transparent").on("mousemove", function(v) {
-    const [b] = L.pointer(v, this), w = p(b);
+    const [b] = E.pointer(v, this), w = p(b);
     !g && c.enable ? (i.action = "hover", ei(i, w)) : (i.action = g ? "selection" : "none", ti(i)), d && h.enable && (i.action = "selection", ln(i, d, w));
   }).on("mouseleave", () => {
     i.action = "none", g = !1, d = null, ti(i), ii(i);
   }).on("mousedown", function(v) {
     if (h.enable) {
       g = !0, i.action = "selection";
-      const [b] = L.pointer(v, this);
+      const [b] = E.pointer(v, this);
       d = p(b);
     }
   }).on("mouseup", function(v) {
-    const [b] = L.pointer(v, this), w = p(b);
+    const [b] = E.pointer(v, this), w = p(b);
     g = !1, d = null, i.action = "hover", h.enable && ii(i), c.enable && ei(i, w);
   });
 }, hn = (i, e, t) => {
-  const { margin: s } = e, n = L.scaleTime(), a = L.extent(i, (r) => new Date(r.date));
+  const { margin: s } = e, n = E.scaleTime(), a = E.extent(i, (r) => new Date(r.date));
   return a[0] == null || a[1] == null ? n : n.domain([a[0], a[1]]).range([s.left, t - s.right]);
 }, dn = (i, e, t) => {
-  const { margin: s } = e, n = L.max(i, (r) => r.value) ?? 0, a = L.min(i, (r) => r.value) ?? 0;
-  return L.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
+  const { margin: s } = e, n = E.max(i, (r) => r.value) ?? 0, a = E.min(i, (r) => r.value) ?? 0;
+  return E.scaleLinear().domain([a, n]).range([t - s.bottom, s.top]);
 }, pr = (i, e) => {
-  const t = L.select(i);
+  const t = E.select(i);
   if (t.empty())
     return console.error(`Element with selector ${i} not found!`), null;
   if (!e.chartId || !/^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(e.chartId))
@@ -803,7 +803,7 @@ const Js = (i) => {
   e.disabledResize || window.addEventListener("resize", d);
   const g = (p, _ = !1) => {
     _ && p.config && (c = Jt(c, p.config)), _ && p.data && (h = p.data);
-    const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, S) => C.date.getTime() - S.date.getTime()), b = hn(v, c, r), w = dn(v, c, o);
+    const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, M) => C.date.getTime() - M.date.getTime()), b = hn(v, c, r), w = dn(v, c, o);
     s.attr("class", `sc-charts sc-charts__${c.theme}`), n.attr("preserveAspectRatio", "xMinYMin meet").attr("viewBox", `0 0 ${r} ${o}`).style("width", "100%").style("height", "100%").selectAll("*").remove();
     const x = {
       chartId: e.chartId,
@@ -841,16 +841,16 @@ De.exports;
 var si;
 function fn() {
   return si || (si = 1, function(i, e) {
-    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", S = "[object RegExp]", T = "[object Set]", N = "[object String]", $ = "[object Undefined]", X = "[object WeakMap]", U = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", oe = "[object Int32Array]", st = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
-    F[K] = F[z] = F[V] = F[P] = F[oe] = F[st] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[U] = F[d] = F[te] = F[g] = F[p] = F[_] = F[b] = F[w] = F[y] = F[S] = F[T] = F[N] = F[X] = !1;
-    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, O = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, G = ee && !0 && i && !i.nodeType && i, Z = G && G.exports === ee, me = Z && Re.process, we = function() {
+    var t = 200, s = "__lodash_hash_undefined__", n = 800, a = 16, r = 9007199254740991, o = "[object Arguments]", c = "[object Array]", h = "[object AsyncFunction]", d = "[object Boolean]", g = "[object Date]", p = "[object Error]", _ = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", T = "[object Set]", N = "[object String]", $ = "[object Undefined]", G = "[object WeakMap]", Z = "[object ArrayBuffer]", te = "[object DataView]", K = "[object Float32Array]", z = "[object Float64Array]", W = "[object Int8Array]", O = "[object Int16Array]", oe = "[object Int32Array]", st = "[object Uint8Array]", le = "[object Uint8ClampedArray]", be = "[object Uint16Array]", ye = "[object Uint32Array]", He = /[\\^$.*+?()[\]{}|]/g, Be = /^\[object .+?Constructor\]$/, Ie = /^(?:0|[1-9]\d*)$/, F = {};
+    F[K] = F[z] = F[W] = F[O] = F[oe] = F[st] = F[le] = F[be] = F[ye] = !0, F[o] = F[c] = F[Z] = F[d] = F[te] = F[g] = F[p] = F[_] = F[b] = F[w] = F[y] = F[M] = F[T] = F[N] = F[G] = !1;
+    var Re = typeof Ze == "object" && Ze && Ze.Object === Object && Ze, $e = typeof self == "object" && self && self.Object === Object && self, P = Re || $e || Function("return this")(), ee = e && !e.nodeType && e, V = ee && !0 && i && !i.nodeType && i, Y = V && V.exports === ee, me = Y && Re.process, we = function() {
       try {
-        var l = G && G.require && G.require("util").types;
+        var l = V && V.require && V.require("util").types;
         return l || me && me.binding && me.binding("util");
       } catch {
       }
     }(), xe = we && we.isTypedArray;
-    function Pe(l, u, m) {
+    function Oe(l, u, m) {
       switch (m.length) {
         case 0:
           return l.call(u);
@@ -863,10 +863,10 @@ function fn() {
       }
       return l.apply(u, m);
     }
-    function Oe(l, u) {
-      for (var m = -1, A = Array(l); ++m < l; )
-        A[m] = u(m);
-      return A;
+    function Pe(l, u) {
+      for (var m = -1, S = Array(l); ++m < l; )
+        S[m] = u(m);
+      return S;
     }
     function ce(l) {
       return function(u) {
@@ -881,12 +881,12 @@ function fn() {
         return l(u(m));
       };
     }
-    var Ce = Array.prototype, Mi = Function.prototype, ze = Object.prototype, at = O["__core-js_shared__"], Ve = Mi.toString, ae = ze.hasOwnProperty, Nt = function() {
+    var Ce = Array.prototype, Ai = Function.prototype, ze = Object.prototype, at = P["__core-js_shared__"], Ve = Ai.toString, ae = ze.hasOwnProperty, Nt = function() {
       var l = /[^.]+$/.exec(at && at.keys && at.keys.IE_PROTO || "");
       return l ? "Symbol(src)_1." + l : "";
-    }(), Ft = ze.toString, Si = Ve.call(Object), Ti = RegExp(
+    }(), Ft = ze.toString, Mi = Ve.call(Object), Ti = RegExp(
       "^" + Ve.call(ae).replace(He, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-    ), We = Z ? O.Buffer : void 0, Ht = O.Symbol, Bt = O.Uint8Array;
+    ), We = Y ? P.Buffer : void 0, Ht = P.Symbol, Bt = P.Uint8Array;
     We && We.allocUnsafe;
     var It = nt(Object.getPrototypeOf, Object), Rt = Object.create, Di = ze.propertyIsEnumerable, ki = Ce.splice, de = Ht ? Ht.toStringTag : void 0, Ye = function() {
       try {
@@ -894,7 +894,7 @@ function fn() {
         return l({}, "", {}), l;
       } catch {
       }
-    }(), Li = We ? We.isBuffer : void 0, $t = Math.max, Ei = Date.now, Pt = lt(O, "Map"), Ae = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
+    }(), Ei = We ? We.isBuffer : void 0, $t = Math.max, Li = Date.now, Ot = lt(P, "Map"), Se = lt(Object, "create"), Ni = /* @__PURE__ */ function() {
       function l() {
       }
       return function(u) {
@@ -910,12 +910,12 @@ function fn() {
     function ue(l) {
       var u = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++u < m; ) {
-        var A = l[u];
-        this.set(A[0], A[1]);
+        var S = l[u];
+        this.set(S[0], S[1]);
       }
     }
     function Fi() {
-      this.__data__ = Ae ? Ae(null) : {}, this.size = 0;
+      this.__data__ = Se ? Se(null) : {}, this.size = 0;
     }
     function Hi(l) {
       var u = this.has(l) && delete this.__data__[l];
@@ -923,7 +923,7 @@ function fn() {
     }
     function Bi(l) {
       var u = this.__data__;
-      if (Ae) {
+      if (Se) {
         var m = u[l];
         return m === s ? void 0 : m;
       }
@@ -931,31 +931,31 @@ function fn() {
     }
     function Ii(l) {
       var u = this.__data__;
-      return Ae ? u[l] !== void 0 : ae.call(u, l);
+      return Se ? u[l] !== void 0 : ae.call(u, l);
     }
     function Ri(l, u) {
       var m = this.__data__;
-      return this.size += this.has(l) ? 0 : 1, m[l] = Ae && u === void 0 ? s : u, this;
+      return this.size += this.has(l) ? 0 : 1, m[l] = Se && u === void 0 ? s : u, this;
     }
     ue.prototype.clear = Fi, ue.prototype.delete = Hi, ue.prototype.get = Bi, ue.prototype.has = Ii, ue.prototype.set = Ri;
     function ie(l) {
       var u = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++u < m; ) {
-        var A = l[u];
-        this.set(A[0], A[1]);
+        var S = l[u];
+        this.set(S[0], S[1]);
       }
     }
     function $i() {
       this.__data__ = [], this.size = 0;
     }
-    function Pi(l) {
+    function Oi(l) {
       var u = this.__data__, m = je(u, l);
       if (m < 0)
         return !1;
-      var A = u.length - 1;
-      return m == A ? u.pop() : ki.call(u, m, 1), --this.size, !0;
+      var S = u.length - 1;
+      return m == S ? u.pop() : ki.call(u, m, 1), --this.size, !0;
     }
-    function Oi(l) {
+    function Pi(l) {
       var u = this.__data__, m = je(u, l);
       return m < 0 ? void 0 : u[m][1];
     }
@@ -963,21 +963,21 @@ function fn() {
       return je(this.__data__, l) > -1;
     }
     function Vi(l, u) {
-      var m = this.__data__, A = je(m, l);
-      return A < 0 ? (++this.size, m.push([l, u])) : m[A][1] = u, this;
+      var m = this.__data__, S = je(m, l);
+      return S < 0 ? (++this.size, m.push([l, u])) : m[S][1] = u, this;
     }
-    ie.prototype.clear = $i, ie.prototype.delete = Pi, ie.prototype.get = Oi, ie.prototype.has = zi, ie.prototype.set = Vi;
+    ie.prototype.clear = $i, ie.prototype.delete = Oi, ie.prototype.get = Pi, ie.prototype.has = zi, ie.prototype.set = Vi;
     function pe(l) {
       var u = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++u < m; ) {
-        var A = l[u];
-        this.set(A[0], A[1]);
+        var S = l[u];
+        this.set(S[0], S[1]);
       }
     }
     function Wi() {
       this.size = 0, this.__data__ = {
         hash: new ue(),
-        map: new (Pt || ie)(),
+        map: new (Ot || ie)(),
         string: new ue()
       };
     }
@@ -992,8 +992,8 @@ function fn() {
       return Ue(this, l).has(l);
     }
     function Ui(l, u) {
-      var m = Ue(this, l), A = m.size;
-      return m.set(l, u), this.size += m.size == A ? 0 : 1, this;
+      var m = Ue(this, l), S = m.size;
+      return m.set(l, u), this.size += m.size == S ? 0 : 1, this;
     }
     pe.prototype.clear = Wi, pe.prototype.delete = Yi, pe.prototype.get = ji, pe.prototype.has = Xi, pe.prototype.set = Ui;
     function _e(l) {
@@ -1016,30 +1016,30 @@ function fn() {
     function Qi(l, u) {
       var m = this.__data__;
       if (m instanceof ie) {
-        var A = m.__data__;
-        if (!Pt || A.length < t - 1)
-          return A.push([l, u]), this.size = ++m.size, this;
-        m = this.__data__ = new pe(A);
+        var S = m.__data__;
+        if (!Ot || S.length < t - 1)
+          return S.push([l, u]), this.size = ++m.size, this;
+        m = this.__data__ = new pe(S);
       }
       return m.set(l, u), this.size = m.size, this;
     }
     _e.prototype.clear = Gi, _e.prototype.delete = Zi, _e.prototype.get = qi, _e.prototype.has = Ji, _e.prototype.set = Qi;
     function Ki(l, u) {
-      var m = dt(l), A = !m && ht(l), D = !m && !A && Yt(l), H = !m && !A && !D && Xt(l), B = m || A || D || H, E = B ? Oe(l.length, String) : [], I = E.length;
+      var m = dt(l), S = !m && ht(l), D = !m && !S && Yt(l), H = !m && !S && !D && Xt(l), B = m || S || D || H, L = B ? Pe(l.length, String) : [], I = L.length;
       for (var q in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         D && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         H && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
-        Vt(q, I)) || E.push(q);
-      return E;
+        Vt(q, I)) || L.push(q);
+      return L;
     }
     function rt(l, u, m) {
       (m !== void 0 && !Ge(l[u], m) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
     function es(l, u, m) {
-      var A = l[u];
-      (!(ae.call(l, u) && Ge(A, m)) || m === void 0 && !(u in l)) && ot(l, u, m);
+      var S = l[u];
+      (!(ae.call(l, u) && Ge(S, m)) || m === void 0 && !(u in l)) && ot(l, u, m);
     }
     function je(l, u) {
       for (var m = l.length; m--; )
@@ -1059,48 +1059,48 @@ function fn() {
     function Xe(l) {
       return l == null ? l === void 0 ? $ : x : de && de in Object(l) ? ms(l) : ws(l);
     }
-    function Ot(l) {
-      return Me(l) && Xe(l) == o;
+    function Pt(l) {
+      return Ae(l) && Xe(l) == o;
     }
     function is(l) {
       if (!fe(l) || bs(l))
         return !1;
       var u = ft(l) ? Ti : Be;
-      return u.test(Ms(l));
+      return u.test(As(l));
     }
     function ss(l) {
-      return Me(l) && jt(l.length) && !!F[Xe(l)];
+      return Ae(l) && jt(l.length) && !!F[Xe(l)];
     }
     function ns(l) {
       if (!fe(l))
         return ys(l);
       var u = Wt(l), m = [];
-      for (var A in l)
-        A == "constructor" && (u || !ae.call(l, A)) || m.push(A);
+      for (var S in l)
+        S == "constructor" && (u || !ae.call(l, S)) || m.push(S);
       return m;
     }
-    function zt(l, u, m, A, D) {
+    function zt(l, u, m, S, D) {
       l !== u && ts(u, function(H, B) {
         if (D || (D = new _e()), fe(H))
-          as(l, u, B, m, zt, A, D);
+          as(l, u, B, m, zt, S, D);
         else {
-          var E = A ? A(ct(l, B), H, B + "", l, u, D) : void 0;
-          E === void 0 && (E = H), rt(l, B, E);
+          var L = S ? S(ct(l, B), H, B + "", l, u, D) : void 0;
+          L === void 0 && (L = H), rt(l, B, L);
         }
       }, Ut);
     }
-    function as(l, u, m, A, D, H, B) {
-      var E = ct(l, m), I = ct(u, m), q = B.get(I);
+    function as(l, u, m, S, D, H, B) {
+      var L = ct(l, m), I = ct(u, m), q = B.get(I);
       if (q) {
         rt(l, m, q);
         return;
       }
-      var W = H ? H(E, I, m + "", l, u, B) : void 0, Se = W === void 0;
-      if (Se) {
+      var j = H ? H(L, I, m + "", l, u, B) : void 0, Me = j === void 0;
+      if (Me) {
         var gt = dt(I), mt = !gt && Yt(I), Zt = !gt && !mt && Xt(I);
-        W = I, gt || mt || Zt ? dt(E) ? W = E : Ss(E) ? W = ds(E) : mt ? (Se = !1, W = ls(I)) : Zt ? (Se = !1, W = hs(I)) : W = [] : Ts(I) || ht(I) ? (W = E, ht(E) ? W = Ds(E) : (!fe(E) || ft(E)) && (W = ps(I))) : Se = !1;
+        j = I, gt || mt || Zt ? dt(L) ? j = L : Ms(L) ? j = ds(L) : mt ? (Me = !1, j = ls(I)) : Zt ? (Me = !1, j = hs(I)) : j = [] : Ts(I) || ht(I) ? (j = L, ht(L) ? j = Ds(L) : (!fe(L) || ft(L)) && (j = ps(I))) : Me = !1;
       }
-      Se && (B.set(I, W), D(W, I, A, H, B), B.delete(I)), rt(l, m, W);
+      Me && (B.set(I, j), D(j, I, S, H, B), B.delete(I)), rt(l, m, j);
     }
     function rs(l, u) {
       return Cs(xs(l, u, Gt), l + "");
@@ -1109,7 +1109,7 @@ function fn() {
       return Ye(l, "toString", {
         configurable: !0,
         enumerable: !1,
-        value: Ls(u),
+        value: Es(u),
         writable: !0
       });
     } : Gt;
@@ -1125,33 +1125,33 @@ function fn() {
       return new l.constructor(m, l.byteOffset, l.length);
     }
     function ds(l, u) {
-      var m = -1, A = l.length;
-      for (u || (u = Array(A)); ++m < A; )
+      var m = -1, S = l.length;
+      for (u || (u = Array(S)); ++m < S; )
         u[m] = l[m];
       return u;
     }
-    function us(l, u, m, A) {
+    function us(l, u, m, S) {
       var D = !m;
       m || (m = {});
       for (var H = -1, B = u.length; ++H < B; ) {
-        var E = u[H], I = void 0;
-        I === void 0 && (I = l[E]), D ? ot(m, E, I) : es(m, E, I);
+        var L = u[H], I = void 0;
+        I === void 0 && (I = l[L]), D ? ot(m, L, I) : es(m, L, I);
       }
       return m;
     }
     function fs(l) {
       return rs(function(u, m) {
-        var A = -1, D = m.length, H = D > 1 ? m[D - 1] : void 0, B = D > 2 ? m[2] : void 0;
-        for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && _s(m[0], m[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++A < D; ) {
-          var E = m[A];
-          E && l(u, E, A, H);
+        var S = -1, D = m.length, H = D > 1 ? m[D - 1] : void 0, B = D > 2 ? m[2] : void 0;
+        for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && _s(m[0], m[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++S < D; ) {
+          var L = m[S];
+          L && l(u, L, S, H);
         }
         return u;
       });
     }
     function gs(l) {
-      return function(u, m, A) {
-        for (var D = -1, H = Object(u), B = A(u), E = B.length; E--; ) {
+      return function(u, m, S) {
+        for (var D = -1, H = Object(u), B = S(u), L = B.length; L--; ) {
           var I = B[++D];
           if (m(H[I], I, H) === !1)
             break;
@@ -1171,11 +1171,11 @@ function fn() {
       var u = ae.call(l, de), m = l[de];
       try {
         l[de] = void 0;
-        var A = !0;
+        var S = !0;
       } catch {
       }
       var D = Ft.call(l);
-      return A && (u ? l[de] = m : delete l[de]), D;
+      return S && (u ? l[de] = m : delete l[de]), D;
     }
     function ps(l) {
       return typeof l.constructor == "function" && !Wt(l) ? Ni(It(l)) : {};
@@ -1187,8 +1187,8 @@ function fn() {
     function _s(l, u, m) {
       if (!fe(m))
         return !1;
-      var A = typeof u;
-      return (A == "number" ? ut(m) && Vt(u, m.length) : A == "string" && u in m) ? Ge(m[u], l) : !1;
+      var S = typeof u;
+      return (S == "number" ? ut(m) && Vt(u, m.length) : S == "string" && u in m) ? Ge(m[u], l) : !1;
     }
     function vs(l) {
       var u = typeof l;
@@ -1213,24 +1213,24 @@ function fn() {
     }
     function xs(l, u, m) {
       return u = $t(u === void 0 ? l.length - 1 : u, 0), function() {
-        for (var A = arguments, D = -1, H = $t(A.length - u, 0), B = Array(H); ++D < H; )
-          B[D] = A[u + D];
+        for (var S = arguments, D = -1, H = $t(S.length - u, 0), B = Array(H); ++D < H; )
+          B[D] = S[u + D];
         D = -1;
-        for (var E = Array(u + 1); ++D < u; )
-          E[D] = A[D];
-        return E[u] = m(B), Pe(l, this, E);
+        for (var L = Array(u + 1); ++D < u; )
+          L[D] = S[D];
+        return L[u] = m(B), Oe(l, this, L);
       };
     }
     function ct(l, u) {
       if (!(u === "constructor" && typeof l[u] == "function") && u != "__proto__")
         return l[u];
     }
-    var Cs = As(os);
-    function As(l) {
+    var Cs = Ss(os);
+    function Ss(l) {
       var u = 0, m = 0;
       return function() {
-        var A = Ei(), D = a - (A - m);
-        if (m = A, D > 0) {
+        var S = Li(), D = a - (S - m);
+        if (m = S, D > 0) {
           if (++u >= n)
             return arguments[0];
         } else
@@ -1238,7 +1238,7 @@ function fn() {
         return l.apply(void 0, arguments);
       };
     }
-    function Ms(l) {
+    function As(l) {
       if (l != null) {
         try {
           return Ve.call(l);
@@ -1254,18 +1254,18 @@ function fn() {
     function Ge(l, u) {
       return l === u || l !== l && u !== u;
     }
-    var ht = Ot(/* @__PURE__ */ function() {
+    var ht = Pt(/* @__PURE__ */ function() {
       return arguments;
-    }()) ? Ot : function(l) {
-      return Me(l) && ae.call(l, "callee") && !Di.call(l, "callee");
+    }()) ? Pt : function(l) {
+      return Ae(l) && ae.call(l, "callee") && !Di.call(l, "callee");
     }, dt = Array.isArray;
     function ut(l) {
       return l != null && jt(l.length) && !ft(l);
     }
-    function Ss(l) {
-      return Me(l) && ut(l);
+    function Ms(l) {
+      return Ae(l) && ut(l);
     }
-    var Yt = Li || Es;
+    var Yt = Ei || Ls;
     function ft(l) {
       if (!fe(l))
         return !1;
@@ -1279,17 +1279,17 @@ function fn() {
       var u = typeof l;
       return l != null && (u == "object" || u == "function");
     }
-    function Me(l) {
+    function Ae(l) {
       return l != null && typeof l == "object";
     }
     function Ts(l) {
-      if (!Me(l) || Xe(l) != y)
+      if (!Ae(l) || Xe(l) != y)
         return !1;
       var u = It(l);
       if (u === null)
         return !0;
       var m = ae.call(u, "constructor") && u.constructor;
-      return typeof m == "function" && m instanceof m && Ve.call(m) == Si;
+      return typeof m == "function" && m instanceof m && Ve.call(m) == Mi;
     }
     var Xt = xe ? ce(xe) : ss;
     function Ds(l) {
@@ -1301,7 +1301,7 @@ function fn() {
     var ks = fs(function(l, u, m) {
       zt(l, u, m);
     });
-    function Ls(l) {
+    function Es(l) {
       return function() {
         return l;
       };
@@ -1309,7 +1309,7 @@ function fn() {
     function Gt(l) {
       return l;
     }
-    function Es() {
+    function Ls() {
       return !1;
     }
     i.exports = ks;
@@ -1387,6 +1387,15 @@ class pn {
     );
     this._candles = t.candles, this._xAxis = t.xAxis, this._yAxis = t.yAxis, this._guides = t.guides, this._trade = t.trade;
   }
+  getSnapshot() {
+    return {
+      candles: this._candles,
+      xAxis: this._xAxis,
+      yAxis: this._yAxis,
+      guides: this._guides,
+      trade: this._trade
+    };
+  }
   get candles() {
     return this._candles;
   }
@@ -1403,7 +1412,7 @@ class pn {
     return this._trade;
   }
 }
-class j {
+class U {
   constructor(e) {
     f(this, "x");
     f(this, "y");
@@ -1446,32 +1455,32 @@ class j {
 }
 class _n {
   constructor(e, t) {
-    f(this, "_chart", new j());
-    f(this, "_area", new j());
-    f(this, "_xAxis", new j());
-    f(this, "_yAxis", new j());
-    f(this, "_axisIntersection", new j());
+    f(this, "_chart", new U());
+    f(this, "_area", new U());
+    f(this, "_xAxis", new U());
+    f(this, "_yAxis", new U());
+    f(this, "_axisIntersection", new U());
     const { xAxis: s, yAxis: n } = t;
-    this._chart = new j(e), this._calc(s, n);
+    this._chart = new U(e), this._calc(s, n);
   }
   _calc(e, t) {
     const s = e.isShow ? e.height : 0, n = t.isShow ? t.width : 0, a = this._chart.height - s, r = this._chart.width - n;
-    this._area = new j({
+    this._area = new U({
       x: t.position === "left" ? n : 0,
       y: e.position === "top" ? s : 0,
       width: r,
       height: a
-    }), this._xAxis = new j({
+    }), this._xAxis = new U({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? n : 0,
       height: s,
       width: r
-    }), this._yAxis = new j({
+    }), this._yAxis = new U({
       y: e.position === "top" ? s : 0,
       x: t.position === "left" ? 0 : r,
       width: n,
       height: a
-    }), this._axisIntersection = new j({
+    }), this._axisIntersection = new U({
       y: e.position === "top" ? 0 : a,
       x: t.position === "left" ? 0 : r,
       width: n,
@@ -1484,7 +1493,7 @@ class _n {
   }
   update(e) {
     const { xAxis: t, yAxis: s } = e.config;
-    this._chart = new j(e.container), this._calc(t, s);
+    this._chart = new U(e.container), this._calc(t, s);
   }
   get area() {
     return this._area;
@@ -1534,11 +1543,11 @@ function ai(i, e) {
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (e.trade) {
-        const S = [...e.trade.entries, ...e.trade.exits].find((T) => {
+        const M = [...e.trade.entries, ...e.trade.exits].find((T) => {
           const N = T.time.getTime();
           return N >= g && N < g + t;
         });
-        S && (S.type === "buy" ? (y = S.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : S.type === "sell" && (x = S.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, d = v));
+        M && (M.type === "buy" ? (y = M.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : M.type === "sell" && (x = M.price, b = Math.min(x, b), v = b - w, y = Math.min(v, b) - w / 2, d = v));
       }
       const C = {
         open_time: new Date(g),
@@ -1650,12 +1659,12 @@ class vi {
 }
 class bi extends vi {
   constructor() {
-    super(), this._scale = L.scaleTime();
+    super(), this._scale = E.scaleTime();
   }
 }
 class wn extends vi {
   constructor() {
-    super(), this._scale = L.scaleLinear();
+    super(), this._scale = E.scaleLinear();
   }
 }
 const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
@@ -1668,25 +1677,25 @@ const ri = { x: 0.2, y: 0.2 }, oi = 1e-3, xn = {
   const e = i.match(/^(\d+)([a-zA-Z]+)$/);
   if (!e) throw new Error(`Invalid offset format: "${i}"`);
   return [parseInt(e[1]), e[2]];
-}, An = (i, e) => {
+}, Sn = (i, e) => {
   const [t, s] = e.domain().map((o) => o.getTime()), n = i.filter((o) => {
     const c = o.open_time.getTime();
     return c >= t && c <= s;
-  }), a = L.min(n, (o) => o.low), r = L.max(n, (o) => o.high);
+  }), a = E.min(n, (o) => o.low), r = E.max(n, (o) => o.high);
   if (a == null || r == null) throw new Error("Invalid Y data");
   return [a, r];
 };
-class Mn {
+class An {
   constructor(e) {
     this.model = e;
   }
   initX(e) {
-    const t = this.model.candles.preparedData, s = L.extent(t, (n) => new Date(n.open_time));
+    const t = this.model.candles.preparedData, s = E.extent(t, (n) => new Date(n.open_time));
     if (!s[0] || !s[1]) throw new Error("Invalid x data");
     e.setDomain(s), this.setRange(e, this.model.layout.xAxis), this.setDefaultXDomain(e), this.applyOffset(e);
   }
   initY(e, t) {
-    const s = An(this.model.candles.preparedData, t);
+    const s = Sn(this.model.candles.preparedData, t);
     e.setDomain(s), this.setRange(e, this.model.layout.yAxis);
   }
   init(e) {
@@ -1715,7 +1724,7 @@ class Mn {
     e.setDomain([new Date(h.getTime() + c), new Date(d.getTime() + c)]);
   }
 }
-class Sn {
+class Mn {
   constructor(e) {
     f(this, "_model");
     f(this, "_scaleX");
@@ -1727,7 +1736,7 @@ class Sn {
     });
     f(this, "scaleFactor", { x: 1, y: 1 });
     f(this, "panOffset", { x: 0, y: 0 });
-    this._model = e, this._scaleX = new bi(), this._scaleY = new wn(), this._initializer = new Mn(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
+    this._model = e, this._scaleX = new bi(), this._scaleY = new wn(), this._initializer = new An(e), this._initializer.init({ x: this._scaleX, y: this._scaleY }), this._baseDomain = {
       x: this._scaleX.domain(),
       y: this._scaleY.domain()
     };
@@ -1738,6 +1747,22 @@ class Sn {
       y: this._scaleY.domain()
     };
   }
+  getViewState() {
+    return {
+      baseDomain: {
+        x: [this._baseDomain.x[0], this._baseDomain.x[1]],
+        y: [this._baseDomain.y[0], this._baseDomain.y[1]]
+      },
+      scaleFactor: { ...this.scaleFactor },
+      panOffset: { ...this.panOffset }
+    };
+  }
+  applyViewState(e) {
+    this._baseDomain = {
+      x: [e.baseDomain.x[0], e.baseDomain.x[1]],
+      y: [e.baseDomain.y[0], e.baseDomain.y[1]]
+    }, this.scaleFactor = { ...e.scaleFactor }, this.panOffset = { ...e.panOffset }, this._updateDomain("x"), this._updateDomain("y");
+  }
   get x() {
     return this._scaleX;
   }
@@ -1999,7 +2024,7 @@ const kn = {
     }
   }
 };
-class Ln {
+class En {
   constructor(e) {
     f(this, "_scheme");
     this._scheme = Qe({}, kn, e), Object.keys(this._scheme).forEach((t) => {
@@ -2013,7 +2038,7 @@ class Ln {
     this._scheme = Qe({}, this._scheme, e);
   }
 }
-class En {
+class Ln {
   constructor(e, t) {
     f(this, "_data");
     f(this, "_callbacks", {
@@ -2078,11 +2103,20 @@ class Nn {
     f(this, "trade");
     f(this, "userMarkers");
     f(this, "comments");
-    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new Ln(o), this.layout = new _n(t, this.config), this.scales = new Sn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new En(c, this);
+    this.chartId = e, this.container = t, this.candles = new Dt(s, this), this.config = new pn(n), this.colorScheme = new En(o), this.layout = new _n(t, this.config), this.scales = new Mn(this), this.trade = new Tn(this, a), this.candles.updateMissingCandles(), this.trade.recalculate(), this.userMarkers = new Dn(this, r), this.comments = new Ln(c, this);
   }
   init() {
     this.eventBus.emit("init_model");
   }
+  getViewState() {
+    return this.scales.getViewState();
+  }
+  applyViewState(e) {
+    this.scales.applyViewState(e);
+  }
+  getConfigSnapshot() {
+    return this.config.getSnapshot();
+  }
   subscribe(e, t) {
     return this.eventBus.subscribe(e, t);
   }
@@ -2186,7 +2220,7 @@ function Hn(i, e) {
     colorScheme: { xAxis: s },
     config: { xAxis: n },
     scales: a
-  } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = L.timeFormat("%d %b"), h = L.timeFormat("%H:%M");
+  } = e, r = a.x.ticks(Fn), o = (d) => d.getHours() === 0 && d.getMinutes() === 0, c = E.timeFormat("%d %b"), h = E.timeFormat("%H:%M");
   i.save(), i.fillStyle = s.bg, i.fillRect(t.x, t.y, t.width, t.height), i.restore(), i.fillStyle = s.text, i.font = `${n.text.fontSize} ${n.text.font}`, i.textAlign = "center", i.textBaseline = "middle", r.forEach((d) => {
     const g = a.x.convert(d), p = o(d) ? c(d) : h(d);
     i.fillText(p, g, t.y + t.height / 2);
@@ -2262,7 +2296,7 @@ const $n = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fon
   i.save(), i.translate(_, v), i.scale(g, g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "top", i.textAlign = "center", i.textBaseline = "middle";
   const b = a + g * 3 + 0.5, w = g * 16, x = b + w / 2;
   i.fillStyle = t, i.fillText(s, n, x), i.restore();
-}, Pn = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
+}, On = (i, { mainColor: e, textColor: t, symbol: s, x: n, y: a, size: r, fontSize: o }) => {
   const g = r / 16, p = 16 * g, _ = n - p / 2, v = a;
   i.save(), i.translate(_, v), i.scale(g, -g), i.beginPath(), i.moveTo(7.85696, 0.288512), i.lineTo(4.53377, 3.11938), i.bezierCurveTo(4.17982, 3.42089, 4.39305, 4, 4.85801, 4), i.lineTo(11.2275, 4), i.bezierCurveTo(11.6818, 4, 11.9006, 3.44302, 11.5678, 3.13374), i.lineTo(8.52156, 0.302869), i.bezierCurveTo(8.33575, 0.130189, 8.05007, 0.124018, 7.85696, 0.288512), i.closePath(), i.fillStyle = e, i.fill(), i.beginPath(), i.moveTo(0, 7), i.bezierCurveTo(0, 4.79086, 1.79086, 3, 4, 3), i.lineTo(12, 3), i.bezierCurveTo(14.2091, 3, 16, 4.79086, 16, 7), i.lineTo(16, 15), i.bezierCurveTo(16, 17.2091, 14.2091, 19, 12, 19), i.lineTo(4, 19), i.bezierCurveTo(1.79086, 19, 0, 17.2091, 0, 15), i.lineTo(0, 7), i.closePath(), i.fillStyle = e, i.fill(), i.restore(), i.save(), i.font = `bold ${o}px sans-serif`, i.textAlign = "center", i.textBaseline = "middle";
   const b = g * 16, w = a - g * 19 + b / 2;
@@ -2276,16 +2310,16 @@ function et(i) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, et(i);
 }
-var On = /^\s+/, zn = /\s+$/;
-function M(i, e) {
-  if (i = i || "", e = e || {}, i instanceof M)
+var Pn = /^\s+/, zn = /\s+$/;
+function A(i, e) {
+  if (i = i || "", e = e || {}, i instanceof A)
     return i;
-  if (!(this instanceof M))
-    return new M(i, e);
+  if (!(this instanceof A))
+    return new A(i, e);
   var t = Vn(i);
   this._originalInput = i, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = e.format || t.format, this._gradientType = e.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = t.ok;
 }
-M.prototype = {
+A.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -2381,7 +2415,7 @@ M.prototype = {
   toFilter: function(e) {
     var t = "#" + di(this._r, this._g, this._b, this._a), s = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (e) {
-      var a = M(e);
+      var a = A(e);
       s = "#" + di(a._r, a._g, a._b, a._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + s + ")";
@@ -2393,7 +2427,7 @@ M.prototype = {
     return a ? e === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (s = this.toRgbString()), e === "prgb" && (s = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (s = this.toHexString()), e === "hex3" && (s = this.toHexString(!0)), e === "hex4" && (s = this.toHex8String(!0)), e === "hex8" && (s = this.toHex8String()), e === "name" && (s = this.toName()), e === "hsl" && (s = this.toHslString()), e === "hsv" && (s = this.toHsvString()), s || this.toHexString());
   },
   clone: function() {
-    return M(this.toString());
+    return A(this.toString());
   },
   _applyModification: function(e, t) {
     var s = e.apply(null, [this].concat([].slice.call(t)));
@@ -2446,14 +2480,14 @@ M.prototype = {
     return this._applyCombination(ui, [4]);
   }
 };
-M.fromRatio = function(i, e) {
+A.fromRatio = function(i, e) {
   if (et(i) == "object") {
     var t = {};
     for (var s in i)
       i.hasOwnProperty(s) && (s === "a" ? t[s] = i[s] : t[s] = ke(i[s]));
     i = t;
   }
-  return M(i, e);
+  return A(i, e);
 };
 function Vn(i) {
   var e = {
@@ -2567,11 +2601,11 @@ function di(i, e, t, s) {
   var n = [Q(wi(s)), Q(Math.round(i).toString(16)), Q(Math.round(e).toString(16)), Q(Math.round(t).toString(16))];
   return n.join("");
 }
-M.equals = function(i, e) {
-  return !i || !e ? !1 : M(i).toRgbString() == M(e).toRgbString();
+A.equals = function(i, e) {
+  return !i || !e ? !1 : A(i).toRgbString() == A(e).toRgbString();
 };
-M.random = function() {
-  return M.fromRatio({
+A.random = function() {
+  return A.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -2579,45 +2613,45 @@ M.random = function() {
 };
 function Un(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s -= e / 100, t.s = it(t.s), M(t);
+  var t = A(i).toHsl();
+  return t.s -= e / 100, t.s = it(t.s), A(t);
 }
 function Gn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.s += e / 100, t.s = it(t.s), M(t);
+  var t = A(i).toHsl();
+  return t.s += e / 100, t.s = it(t.s), A(t);
 }
 function Zn(i) {
-  return M(i).desaturate(100);
+  return A(i).desaturate(100);
 }
 function qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l += e / 100, t.l = it(t.l), M(t);
+  var t = A(i).toHsl();
+  return t.l += e / 100, t.l = it(t.l), A(t);
 }
 function Jn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toRgb();
-  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(e / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(e / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(e / 100)))), M(t);
+  var t = A(i).toRgb();
+  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(e / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(e / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(e / 100)))), A(t);
 }
 function Qn(i, e) {
   e = e === 0 ? 0 : e || 10;
-  var t = M(i).toHsl();
-  return t.l -= e / 100, t.l = it(t.l), M(t);
+  var t = A(i).toHsl();
+  return t.l -= e / 100, t.l = it(t.l), A(t);
 }
 function Kn(i, e) {
-  var t = M(i).toHsl(), s = (t.h + e) % 360;
-  return t.h = s < 0 ? 360 + s : s, M(t);
+  var t = A(i).toHsl(), s = (t.h + e) % 360;
+  return t.h = s < 0 ? 360 + s : s, A(t);
 }
 function ea(i) {
-  var e = M(i).toHsl();
-  return e.h = (e.h + 180) % 360, M(e);
+  var e = A(i).toHsl();
+  return e.h = (e.h + 180) % 360, A(e);
 }
 function ui(i, e) {
   if (isNaN(e) || e <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = M(i).toHsl(), s = [M(i)], n = 360 / e, a = 1; a < e; a++)
-    s.push(M({
+  for (var t = A(i).toHsl(), s = [A(i)], n = 360 / e, a = 1; a < e; a++)
+    s.push(A({
       h: (t.h + a * n) % 360,
       s: t.s,
       l: t.l
@@ -2625,12 +2659,12 @@ function ui(i, e) {
   return s;
 }
 function ta(i) {
-  var e = M(i).toHsl(), t = e.h;
-  return [M(i), M({
+  var e = A(i).toHsl(), t = e.h;
+  return [A(i), A({
     h: (t + 72) % 360,
     s: e.s,
     l: e.l
-  }), M({
+  }), A({
     h: (t + 216) % 360,
     s: e.s,
     l: e.l
@@ -2638,37 +2672,37 @@ function ta(i) {
 }
 function ia(i, e, t) {
   e = e || 6, t = t || 30;
-  var s = M(i).toHsl(), n = 360 / t, a = [M(i)];
+  var s = A(i).toHsl(), n = 360 / t, a = [A(i)];
   for (s.h = (s.h - (n * e >> 1) + 720) % 360; --e; )
-    s.h = (s.h + n) % 360, a.push(M(s));
+    s.h = (s.h + n) % 360, a.push(A(s));
   return a;
 }
 function sa(i, e) {
   e = e || 6;
-  for (var t = M(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
-    r.push(M({
+  for (var t = A(i).toHsv(), s = t.h, n = t.s, a = t.v, r = [], o = 1 / e; e--; )
+    r.push(A({
       h: s,
       s: n,
       v: a
     })), a = (a + o) % 1;
   return r;
 }
-M.mix = function(i, e, t) {
+A.mix = function(i, e, t) {
   t = t === 0 ? 0 : t || 50;
-  var s = M(i).toRgb(), n = M(e).toRgb(), a = t / 100, r = {
+  var s = A(i).toRgb(), n = A(e).toRgb(), a = t / 100, r = {
     r: (n.r - s.r) * a + s.r,
     g: (n.g - s.g) * a + s.g,
     b: (n.b - s.b) * a + s.b,
     a: (n.a - s.a) * a + s.a
   };
-  return M(r);
+  return A(r);
 };
-M.readability = function(i, e) {
-  var t = M(i), s = M(e);
+A.readability = function(i, e) {
+  var t = A(i), s = A(e);
   return (Math.max(t.getLuminance(), s.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), s.getLuminance()) + 0.05);
 };
-M.isReadable = function(i, e, t) {
-  var s = M.readability(i, e), n, a;
+A.isReadable = function(i, e, t) {
+  var s = A.readability(i, e), n, a;
   switch (a = !1, n = ca(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -2683,17 +2717,17 @@ M.isReadable = function(i, e, t) {
   }
   return a;
 };
-M.mostReadable = function(i, e, t) {
+A.mostReadable = function(i, e, t) {
   var s = null, n = 0, a, r, o, c;
   t = t || {}, r = t.includeFallbackColors, o = t.level, c = t.size;
   for (var h = 0; h < e.length; h++)
-    a = M.readability(i, e[h]), a > n && (n = a, s = M(e[h]));
-  return M.isReadable(i, s, {
+    a = A.readability(i, e[h]), a > n && (n = a, s = A(e[h]));
+  return A.isReadable(i, s, {
     level: o,
     size: c
-  }) || !r ? s : (t.includeFallbackColors = !1, M.mostReadable(i, ["#fff", "#000"], t));
+  }) || !r ? s : (t.includeFallbackColors = !1, A.mostReadable(i, ["#fff", "#000"], t));
 };
-var At = M.names = {
+var St = A.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -2843,7 +2877,7 @@ var At = M.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, na = M.hexNames = aa(At);
+}, na = A.hexNames = aa(St);
 function aa(i) {
   var e = {};
   for (var t in i)
@@ -2861,7 +2895,7 @@ function R(i, e) {
 function it(i) {
   return Math.min(1, Math.max(0, i));
 }
-function Y(i) {
+function X(i) {
   return parseInt(i, 16);
 }
 function ra(i) {
@@ -2880,7 +2914,7 @@ function wi(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
 function fi(i) {
-  return Y(i) / 255;
+  return X(i) / 255;
 }
 var J = function() {
   var i = "[-\\+]?\\d+%?", e = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + e + ")|(?:" + i + ")", s = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
@@ -2902,10 +2936,10 @@ function se(i) {
   return !!J.CSS_UNIT.exec(i);
 }
 function la(i) {
-  i = i.replace(On, "").replace(zn, "").toLowerCase();
+  i = i.replace(Pn, "").replace(zn, "").toLowerCase();
   var e = !1;
-  if (At[i])
-    i = At[i], e = !0;
+  if (St[i])
+    i = St[i], e = !0;
   else if (i == "transparent")
     return {
       r: 0,
@@ -2943,26 +2977,26 @@ function la(i) {
     v: t[3],
     a: t[4]
   } : (t = J.hex8.exec(i)) ? {
-    r: Y(t[1]),
-    g: Y(t[2]),
-    b: Y(t[3]),
+    r: X(t[1]),
+    g: X(t[2]),
+    b: X(t[3]),
     a: fi(t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex6.exec(i)) ? {
-    r: Y(t[1]),
-    g: Y(t[2]),
-    b: Y(t[3]),
+    r: X(t[1]),
+    g: X(t[2]),
+    b: X(t[3]),
     format: e ? "name" : "hex"
   } : (t = J.hex4.exec(i)) ? {
-    r: Y(t[1] + "" + t[1]),
-    g: Y(t[2] + "" + t[2]),
-    b: Y(t[3] + "" + t[3]),
+    r: X(t[1] + "" + t[1]),
+    g: X(t[2] + "" + t[2]),
+    b: X(t[3] + "" + t[3]),
     a: fi(t[4] + "" + t[4]),
     format: e ? "name" : "hex8"
   } : (t = J.hex3.exec(i)) ? {
-    r: Y(t[1] + "" + t[1]),
-    g: Y(t[2] + "" + t[2]),
-    b: Y(t[3] + "" + t[3]),
+    r: X(t[1] + "" + t[1]),
+    g: X(t[2] + "" + t[2]),
+    b: X(t[3] + "" + t[3]),
     format: e ? "name" : "hex"
   } : !1;
 }
@@ -2990,13 +3024,13 @@ function ha(i, e) {
   t.forEach(({ isHovered: h, isActive: d, candle: g, trades: p }) => {
     const _ = s.convert(g.open_time);
     p.forEach((v) => {
-      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : Pn;
-      let S = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (S = M.mix(S, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (S = o.activeLabel), C(i, {
+      const b = v.type === "buy", w = b ? o.buyLabel.text : o.sellLabel.text, x = b ? "B" : "S", y = b ? n.convert(g.low) + c : n.convert(g.high) - c, C = b ? $n : On;
+      let M = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (M = A.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
         x: _,
         y,
         symbol: x,
-        mainColor: S,
+        mainColor: M,
         textColor: w,
         size: 16,
         fontSize: 12
@@ -3094,7 +3128,7 @@ function ga(i) {
   return s.length ? s.join(" ") : "0s";
 }
 const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
-  var V;
+  var W;
   const {
     scales: { x: t, y: s },
     trade: { entries: n, exits: a, holdTime: r },
@@ -3108,14 +3142,14 @@ const ma = 10, pa = 6, _a = 4, va = 12, ba = (i, e) => {
   if (!c) return;
   const p = n.at(0), _ = a.at(-1);
   if (!p || !_) return;
-  const v = (P) => P ? P instanceof Date ? P : new Date(P) : null, b = v(d == null ? void 0 : d[0]) || p.candle.open_time, w = v(d == null ? void 0 : d[1]) || _.candle.close_time, x = t.convert(v(d == null ? void 0 : d[0]) || p.candle.open_time), y = t.convert(v(d == null ? void 0 : d[1]) || _.candle.open_time), C = e.candles.allData.filter(
-    (P) => P.open_time <= w && P.close_time >= b
-  ), S = C.length > 0 ? C.reduce((P, oe) => oe.low < P ? oe.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, T = s.convert(g || S);
+  const v = (O) => O ? O instanceof Date ? O : new Date(O) : null, b = v(d == null ? void 0 : d[0]) || p.candle.open_time, w = v(d == null ? void 0 : d[1]) || _.candle.close_time, x = t.convert(v(d == null ? void 0 : d[0]) || p.candle.open_time), y = t.convert(v(d == null ? void 0 : d[1]) || _.candle.open_time), C = e.candles.allData.filter(
+    (O) => O.open_time <= w && O.close_time >= b
+  ), M = C.length > 0 ? C.reduce((O, oe) => oe.low < O ? oe.low : O, C[0].low) : ((W = n.at(0)) == null ? void 0 : W.price) ?? 0, T = s.convert(g || M);
   i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, T), i.lineTo(y, T), i.stroke(), i.setLineDash([]);
-  const N = (x + y) / 2, $ = h || `Hold: ${ga(r)}`, U = getComputedStyle(
+  const N = (x + y) / 2, $ = h || `Hold: ${ga(r)}`, Z = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
-  i.font = `600 ${ma}px ${U}`;
+  i.font = `600 ${ma}px ${Z}`;
   const K = i.measureText($).width + pa * 2, z = va + _a * 2;
   xi(i, {
     radius: 4,
@@ -3160,18 +3194,18 @@ const ya = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = e.right - e.left, c = e.bottom - e.top, h = (y) => {
-    const { dx: C, dy: S } = ya[y], T = t.x + (C === 1 ? n : -a - n), N = t.y + (S === 1 ? n : -r - n);
+    const { dx: C, dy: M } = ya[y], T = t.x + (C === 1 ? n : -a - n), N = t.y + (M === 1 ? n : -r - n);
     return { x: T, y: N, side: y };
   }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
-    const y = t.y < 0, C = t.y + r > c, S = t.x < 0, T = t.x + a > o;
-    return S && y ? "right-bottom" : S && C ? "right-top" : T && y ? "left-bottom" : T && C ? "left-top" : S ? "right-bottom" : T ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
+    const y = t.y < 0, C = t.y + r > c, M = t.x < 0, T = t.x + a > o;
+    return M && y ? "right-bottom" : M && C ? "right-top" : T && y ? "left-bottom" : T && C ? "left-top" : M ? "right-bottom" : T ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, _ = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, C, S) => S.indexOf(y) === C), v = g();
+  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
   let b = null;
   for (const y of [v, ..._]) {
     const C = h(y);
@@ -3240,7 +3274,7 @@ class wa extends ne {
     }), this.oneBox = new k({
       tag: "div",
       className: this.clsx("box_one")
-    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: j.empty() };
+    }), t.dom.append(this.title.node, this.oneBox.node, this.manyBox.node), this.state = { isShow: !1, x: 0, y: 0, parent: U.empty() };
   }
   _createLineNodes(t, s) {
     const n = [];
@@ -3318,7 +3352,7 @@ class xa extends Fe {
 function Ca(i, { color: e = "#000000", lineWidth: t = 1, dashed: s, coords: n }) {
   i.strokeStyle = e, i.lineWidth = t, s && i.setLineDash(s), i.beginPath(), i.moveTo(n.x1, n.y1), i.lineTo(n.x2, n.y2), i.stroke();
 }
-const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
+const Sa = { text: "#FFFFFF", bg: "#000000" }, Aa = (i, e) => {
   const {
     coords: t,
     text: s,
@@ -3329,7 +3363,7 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
     borderRadius: c = 0,
     colors: h,
     align: d = { x: "left", y: "top" }
-  } = e, g = { ...Aa, ...h }, _ = getComputedStyle(
+  } = e, g = { ...Sa, ...h }, _ = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `${a} ${n}px ${_}`;
@@ -3360,7 +3394,7 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
       x2: r.x,
       y2: r.y
     }
-  }), Ma(i, {
+  }), Aa(i, {
     text: e,
     coords: r,
     padding: { x: 6, y: 4 },
@@ -3377,7 +3411,7 @@ const Aa = { text: "#FFFFFF", bg: "#000000" }, Ma = (i, e) => {
     }
   }), i.restore();
 };
-class Sa extends Ne {
+class Ma extends Ne {
   constructor(e) {
     super(e);
   }
@@ -3387,7 +3421,7 @@ class Sa extends Ne {
 }
 class Ta extends Fe {
   constructor(e) {
-    if (super("user-markers", e, { CanvasClass: Sa, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
+    if (super("user-markers", e, { CanvasClass: Ma, noDOM: !0 }), !this.canvas) throw new Error("[CS_V_UserMarkers] this.canvas must be defined");
   }
   render(e) {
     this.canvas.clear();
@@ -3441,7 +3475,7 @@ class ka extends k {
     }), this.append(s.node, n.node);
   }
 }
-function Lt(i, e) {
+function Et(i, e) {
   var n;
   const t = (a) => {
     if (!document.contains(i.node)) return;
@@ -3458,7 +3492,7 @@ function Lt(i, e) {
     document.removeEventListener("mousedown", t), s == null || s();
   }, i;
 }
-class La {
+class Ea {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3497,7 +3531,7 @@ class La {
   }
 }
 const Te = new re("comment-list");
-class Ea extends k {
+class La extends k {
   constructor({ onDelete: t, onOpenEditor: s, comment: n, layout: a }) {
     super({ className: Te.gen("item") });
     f(this, "actionTooltip");
@@ -3514,13 +3548,13 @@ class Ea extends k {
       onDelete: t,
       onUpdate: s
     });
-    this.actionTooltip = Lt(c, () => {
+    this.actionTooltip = Et(c, () => {
       this.actionTooltip.setVisible(!1);
     }), this.actionsTrigger.node.addEventListener("click", () => {
       this.actionsTrigger.updateAbsolutePosition(), this.actionTooltip.updateAbsolutePosition(), this.actionTooltip.node.style.top = this.actionsTrigger.absolutePosition.top - a.chart.top + 20 + "px", this.actionTooltip.node.style.left = this.actionsTrigger.absolutePosition.left - a.chart.left - this.actionTooltip.absolutePosition.width + 10 + "px", this.actionTooltip.setVisible(!0);
     });
     const h = new k({ className: Te.gen("text-wrap") });
-    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new La().node), this.append(h.node, o.node);
+    this.actionTooltip.node.setAttribute("id", `ac-${n.id}`), h.append(r.node, this.actionsTrigger.node), this.actionsTrigger.append(new Ea().node), this.append(h.node, o.node);
   }
 }
 class Na {
@@ -3605,7 +3639,7 @@ class Ia extends ne {
         },
         initialValue: t.text
       });
-    const s = new Ea({
+    const s = new La({
       onDelete: () => {
         this._model.comments.remove(t.id), s.actionTooltip.setVisible(!1);
       },
@@ -3634,7 +3668,7 @@ class Ra {
   }
 }
 const Je = new re(""), wt = new re("add-field");
-class Ai extends ne {
+class Si extends ne {
   constructor({ onAdd: t, blockName: s }) {
     Je.block = s;
     super({ className: Je.gen() + " " + wt.gen() });
@@ -3667,7 +3701,7 @@ class Ai extends ne {
   }
 }
 const $a = new re("list-tooltip"), xt = 8;
-class Pa extends ne {
+class Oa extends ne {
   constructor(t, s, n) {
     super({ className: $a.gen() });
     f(this, "_list");
@@ -3675,7 +3709,7 @@ class Pa extends ne {
     f(this, "_size", null);
     f(this, "_model");
     f(this, "_prevIsShow", !1);
-    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new Ai({
+    this._model = s, this.state = { isShow: !1, comments: t }, this._list = new Ia(t, s, n), this._addField = new Si({
       blockName: "list-tooltip-add",
       onAdd: (a) => {
         const r = t[0].date, o = t[0].price, c = {
@@ -3699,7 +3733,7 @@ class Pa extends ne {
     return this._list;
   }
 }
-class Oa {
+class Pa {
   constructor() {
     f(this, "node");
     const e = "http://www.w3.org/2000/svg", t = document.createElementNS(e, "svg");
@@ -3719,7 +3753,7 @@ class za extends ne {
       x: t,
       y: n.layout.xAxis.top,
       isActive: !1
-    }, this.node.append(new Oa().node), this.render();
+    }, this.node.append(new Pa().node), this.render();
   }
   render() {
     const { x: t, y: s, isActive: n } = this.state;
@@ -3745,7 +3779,7 @@ class Va extends ne {
     }, this.pointer.position(r), this.anchor = new za({ x: r.x, className: mi.gen("anchor") }, s), this.anchor.node.addEventListener("click", () => {
       const h = !this.state.isActive;
       h ? this._onBoxActivate(this._boxId) : this._onBoxDeactivate(this._boxId), this.setState({ isActive: h });
-    }), this.tooltip = Lt(new Pa(a, s, n), (h) => {
+    }), this.tooltip = Et(new Oa(a, s, n), (h) => {
       this.state.isActive && (this.anchor.node.contains(h.target) || (this._onBoxDeactivate(this._boxId), this.setState({ isActive: !1 })));
     }), this.append(this.pointer.node, this.anchor.node, this.tooltip.node), this.render();
   }
@@ -3777,9 +3811,9 @@ class Ya extends ne {
     f(this, "_size", null);
     f(this, "_model", null);
     f(this, "_candle", null);
-    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Lt(this.menu, () => {
+    this.state = { candle: null, isShow: !1, model: null }, this.pointer = new k({ className: Ct.gen("pointer") }), this.menu = new k({ className: Ct.gen("menu") }), Et(this.menu, () => {
       this.setState({ isShow: !1 });
-    }), this.addField = new Ai({
+    }), this.addField = new Si({
       blockName: "context-add",
       onAdd: (t) => {
         !this._model || !this._candle || (this._model.comments.add({
@@ -3888,7 +3922,7 @@ class Ua extends Fe {
     if (e.config.guides.isShowX) {
       const n = e.config.xAxis.position;
       this.canvas.drawMarker({
-        text: L.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
+        text: E.timeFormat("%a %d, %b %y %H:%M")(e.scales.x.invert(t)),
         startLineCoords: { x: t, y: 0 },
         endMarkerCoords: { x: t, y: e.layout.xAxis[n] },
         side: n,
@@ -3903,7 +3937,7 @@ class Ga extends ne {
     super({ className: t });
     f(this, "_isFirstShow", !1);
     const s = new k({ tag: "p" });
-    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: j.empty() }, this.render();
+    s.node.textContent = "No data from broker", this.append(s.node), this.state = { isShow: !1, x: 0, y: 0, parent: U.empty() }, this.render();
   }
   render() {
     const { isShow: t, x: s, y: n, parent: a } = this.state;
@@ -3956,7 +3990,7 @@ class Za extends Ne {
     });
   }
   _mix(t, s, n) {
-    return n ? M.mix(t, s).toString() : t;
+    return n ? A.mix(t, s).toString() : t;
   }
   _getBasicCandleProps(t, s) {
     return {
@@ -4448,14 +4482,14 @@ function cr(i, e) {
     }));
   };
 }
-function Mt(i, e) {
+function At(i, e) {
   const { width: t } = e.candles.limiter.absolutePosition, s = i.config.candles.baseWidth, n = i.config.candles.limiterOffset.left + i.config.candles.limiterOffset.right, r = i.scales.x.convert(i.candles.allData[0].open_time) - t - s / 2 - n;
   r > 0 && i.scales.pan("x", -r);
 }
-function St(i) {
+function Mt(i) {
   return i.candles.limiter.absolutePosition.width > 0;
 }
-class Et {
+class Lt {
   constructor(e, t, s) {
     f(this, "_model");
     f(this, "_hitManager");
@@ -4463,7 +4497,7 @@ class Et {
     this._model = e, this._hitManager = t, this._hit = s, t.register(s);
   }
 }
-class hr extends Et {
+class hr extends Lt {
   constructor(t, s, n) {
     super(t, s, new ar(t));
     f(this, "_view");
@@ -4472,13 +4506,13 @@ class hr extends Et {
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
       const s = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", -s), this._view && St(this._view) && Mt(this._model, this._view);
+      this._model.scales.scale("x", -s), this._view && Mt(this._view) && At(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 dr extends Et {
+class dr extends Lt {
   constructor(e, t) {
     super(e, t, new or(e));
   }
@@ -4491,7 +4525,7 @@ class dr extends Et {
     });
   }
 }
-class ur extends Et {
+class ur extends Lt {
   constructor(t, s, n) {
     super(t, n, new rr(t));
     f(this, "_view");
@@ -4510,7 +4544,7 @@ class ur extends Et {
       this._hit,
       "drag",
       cr(1, (t) => {
-        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), St(this._view) && Mt(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+        this._model.scales.pan("x", t.x - (t.prevX ?? t.x)), Mt(this._view) && At(this._model, this._view), this._model.scales.pan("y", t.y - (t.prevY ?? t.y)), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
       const s = this._model.scales.x.invert(t), n = Dt.findByDate(s, this._model.candles.allData);
@@ -4519,7 +4553,7 @@ class ur extends Et {
       var a, r;
       if (!t.deltaY) return;
       const s = -t.deltaY, n = (r = (a = this._model.config) == null ? void 0 : a.candles) == null ? void 0 : r.zoomOnWheel;
-      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), St(this._view) && Mt(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
+      ["x", "both"].includes(n) && (this._model.scales.scale("x", s), Mt(this._view) && At(this._model, this._view)), ["y", "both"].includes(n) && this._model.scales.scale("y", s);
     });
   }
 }
@@ -4696,7 +4730,11 @@ class _r {
     const _ = [];
     if (t.pair && _.push({ label: "", value: t.pair }), t.net_pnl !== void 0) {
       const C = t.net_pnl.startsWith("+");
-      _.push({ label: "Net P&L", value: t.net_pnl, valueColor: C ? "#56B683" : "#F18169" });
+      _.push({
+        label: "Net P&L",
+        value: t.net_pnl,
+        valueColor: C ? "#56B683" : "#F18169"
+      });
     }
     t.type && _.push({ label: "Type", value: t.type }), t.entry_price && _.push({ label: "Entry", value: t.entry_price }), t.exit_price && _.push({ label: "Exit", value: t.exit_price }), t.open_date && _.push({ label: "Open date", value: t.open_date }), t.close_date && _.push({ label: "Close date", value: t.close_date }), t.holdtime && _.push({ label: "Holdtime", value: t.holdtime }), t.rr && _.push({ label: "RR", value: t.rr }), t.volume && _.push({ label: "Volume", value: t.volume });
     const v = p + c / 2, b = 24 * r;
@@ -4705,12 +4743,21 @@ class _r {
     const w = o ? "#878788" : "#8E8E93", x = o ? "#FAFAFA" : "#1C2026";
     let y = h;
     _.forEach((C) => {
-      const S = e.measureText(C.label).width, T = e.measureText(C.value).width, N = S + g + T;
+      const M = e.measureText(C.label).width, T = e.measureText(C.value).width, N = M + g + T;
       e.fillStyle = w, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.label, y, v);
-      const $ = y + S + g;
+      const $ = y + M + g;
       e.fillStyle = C.valueColor || x, e.font = `500 ${d}px Geist, Arial, sans-serif`, e.fillText(C.value, $, v), y += N + b;
     });
   }
+  getChartState() {
+    return {
+      config: this._model.getConfigSnapshot(),
+      view: this._model.getViewState()
+    };
+  }
+  applyChartState(e) {
+    this._model.updateConfig(e.config), this._model.applyViewState(e.view);
+  }
   async captureScreenshot(e = {}) {
     const t = typeof e == "string" ? e : e.filename || "candlestick-chart.png", n = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
       month: "short",
@@ -4719,79 +4766,96 @@ class _r {
       hour: "2-digit",
       minute: "2-digit",
       timeZoneName: "short"
-    }), a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: p, height: _ } = this._view, v = Array.from(
+    });
+    console.log(this.getChartState());
+    const a = typeof e == "object" ? e : {}, r = a.createdBy, o = a.createdAt || n, c = a.trade, h = a.isDark || !1, d = a.download || !1, { canvasesContainer: g, width: p, height: _ } = this._view, v = Array.from(
       g.node.querySelectorAll("canvas")
     );
     if (v.length === 0) {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, S = w - x - y - C, T = b, N = p / _, $ = T / S;
-    let X, U, te = 0, K = 0;
-    N > $ ? (U = S, X = U * N, te = 0, K = 0) : (X = T, U = X / N, K = (S - U) / 2);
-    const z = window.devicePixelRatio || 1, V = document.createElement("canvas");
-    V.width = b * z, V.height = w * z;
-    const P = V.getContext("2d");
-    if (!P) {
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, T = b, N = p / _, $ = T / M;
+    let G, Z, te = 0, K = 0;
+    N > $ ? (Z = M, G = Z * N, te = 0, K = 0) : (G = T, Z = G / N, K = (M - Z) / 2);
+    const z = window.devicePixelRatio || 1, W = document.createElement("canvas");
+    W.width = b * z, W.height = w * z;
+    const O = W.getContext("2d");
+    if (!O) {
       console.error("Failed to get 2D context for merged canvas");
       return;
     }
-    P.fillStyle = h ? "#101011" : "#ffffff", P.fillRect(0, 0, V.width, V.height);
-    const oe = x * z, st = y * z, le = S * z, be = T * z, ye = oe + st;
-    await this._drawHeader(P, V.width, z, h), this._drawHeaderSecondLine(P, r, o, V.width, oe, z, h);
+    O.fillStyle = h ? "#101011" : "#ffffff", O.fillRect(0, 0, W.width, W.height);
+    const oe = x * z, st = y * z, le = M * z, be = T * z, ye = oe + st;
+    await this._drawHeader(O, W.width, z, h), this._drawHeaderSecondLine(
+      O,
+      r,
+      o,
+      W.width,
+      oe,
+      z,
+      h
+    );
     const He = this._view.mainCanvas;
-    He.background && (P.fillStyle = He.background, P.fillRect(0, ye, V.width, le));
-    const Be = X * z, Ie = U * z, F = te * z, Re = K * z;
-    v.forEach((O) => {
-      let ee = 0, G = 0, Z = O.width, me = O.height, we = Be, xe = Ie, Pe = F, Oe = Re;
+    He.background && (O.fillStyle = He.background, O.fillRect(0, ye, W.width, le));
+    const Be = G * z, Ie = Z * z, F = te * z, Re = K * z;
+    v.forEach((P) => {
+      let ee = 0, V = 0, Y = P.width, me = P.height, we = Be, xe = Ie, Oe = F, Pe = Re;
       if (N > $) {
-        const ce = Ie / O.height, he = O.width * ce;
-        he > be && (ee = (he - be) / ce, Z = O.width - ee, we = be, Pe = 0);
+        const ce = Ie / P.height, he = P.width * ce;
+        he > be && (ee = (he - be) / ce, Y = P.width - ee, we = be, Oe = 0);
       } else {
-        const ce = Be / O.width, he = O.height * ce;
+        const ce = Be / P.width, he = P.height * ce;
         if (he > le) {
           const Ce = (he - le) / ce;
-          G = Ce / 2, me = O.height - Ce, xe = le, Oe = 0;
+          V = Ce / 2, me = P.height - Ce, xe = le, Pe = 0;
         }
       }
-      P.drawImage(
-        O,
+      O.drawImage(
+        P,
         ee,
-        G,
-        Z,
+        V,
+        Y,
         me,
-        Pe,
-        ye + Oe,
+        Oe,
+        ye + Pe,
         we,
         xe
       );
-    }), c && this._drawFooter(P, c, V.width, ye, le, z, h);
-    const $e = (O, ee) => {
-      const G = URL.createObjectURL(O), Z = document.createElement("a");
-      Z.href = G, Z.download = ee, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(G);
+    }), c && this._drawFooter(
+      O,
+      c,
+      W.width,
+      ye,
+      le,
+      z,
+      h
+    );
+    const $e = (P, ee) => {
+      const V = URL.createObjectURL(P), Y = document.createElement("a");
+      Y.href = V, Y.download = ee, document.body.appendChild(Y), Y.click(), document.body.removeChild(Y), URL.revokeObjectURL(V);
     };
-    V.toBlob(
-      async (O) => {
-        if (!O) {
-          console.error("Failed to create blob from canvas");
-          return;
-        }
-        if (d)
-          $e(O, t);
-        else
-          try {
-            await navigator.clipboard.write([
-              new ClipboardItem({
-                "image/png": O
-              })
-            ]);
-          } catch (ee) {
-            console.error("Failed to copy to clipboard:", ee), $e(O, t);
+    return new Promise((P, ee) => {
+      W.toBlob(
+        async (V) => {
+          if (!V) {
+            ee(new Error("Failed to create blob from canvas"));
+            return;
           }
-      },
-      "image/png",
-      1
-    );
+          if (d)
+            $e(V, t);
+          else
+            try {
+              await navigator.clipboard.write([new ClipboardItem({ "image/png": V })]);
+            } catch (Y) {
+              console.error("Failed to copy to clipboard:", Y), $e(V, t);
+            }
+          a.returnBlob ? P(V) : P();
+        },
+        "image/png",
+        1
+      );
+    });
   }
 }
 export {