charts-core 1.1.60 → 1.1.61

package/dist/charts-core.js

@@ -20,8 +20,8 @@ const Bs = (i) => {
     const v = m.nodes().map((w) => w.getBBox().width), b = Math.max(...v);
     _.selectAll(".tick").each(function(w, x) {
       var I;
-      const y = k.select(this), C = y.select("text"), M = v[x], A = b - M, E = y.append("g").attr("transform", "translate(10, 0)");
-      C.attr("x", A), C.remove(), (I = E.node()) == null || I.appendChild(C.node());
+      const y = k.select(this), C = y.select("text"), A = v[x], M = b - A, D = y.append("g").attr("transform", "translate(10, 0)");
+      C.attr("x", M), C.remove(), (I = D.node()) == null || I.appendChild(C.node());
     });
   }).attr("font-family", "inherit");
 }, Rs = (i) => {
@@ -100,24 +100,24 @@ const ti = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
   }), h === "hovered-circles")) {
     const m = n.range()[0], v = s(r[0].date), b = s(r[r.length - 1].date);
     ti(t, { x1: v, x2: b, y1: m, y2: m });
-    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Os(o), C = (A) => {
+    const { tooltipContainer: w, tooltip: x, tooltipArrow: y } = Os(o), C = (M) => {
       if (!d) return;
-      bi(x), w.style.display = "block", x.append(d({ date: A.date, value: A.value }));
-      const E = x.getBoundingClientRect(), I = zs(
-        E,
-        s(A.date),
+      bi(x), w.style.display = "block", x.append(d({ date: M.date, value: M.value }));
+      const D = x.getBoundingClientRect(), I = zs(
+        D,
+        s(M.date),
         i.config.margin.left - i.config.grid.tooltipArrowSize,
         i.width - i.config.margin.right + i.config.grid.tooltipArrowSize
       );
-      I !== null && (x.style.left = I + "px"), y.style.left = s(A.date) + "px";
-    }, M = () => {
+      I !== null && (x.style.left = I + "px"), y.style.left = s(M.date) + "px";
+    }, A = () => {
       w.style.display = "none";
     };
     i.gridHoverTooltip = d ? {
-      show: (A) => C(A),
-      hide: M
-    } : null, r.forEach((A, E) => {
-      const I = s(A.date), W = n(A.value), Z = r[E - 1], et = E > 0 && Z && A.value === Z.value;
+      show: (M) => C(M),
+      hide: A
+    } : null, r.forEach((M, D) => {
+      const I = s(M.date), W = n(M.value), Z = r[D - 1], et = D > 0 && Z && M.value === Z.value;
       et || ti(t, { x1: I, x2: I, y1: W, y2: m });
       const K = Ps(t, et, {
         x: I,
@@ -127,9 +127,9 @@ const ti = (i, { x1: t, x2: e, y1: s, y2: n }) => i.append("line").attr("x1", t)
       });
       d && K.on("mouseover", function() {
         var O, V;
-        (V = (O = i.onGridCircleHoverRef) == null ? void 0 : O.current) == null || V.call(O, { date: A.date, value: A.value }), C({ date: A.date, value: et ? null : A.value });
+        (V = (O = i.onGridCircleHoverRef) == null ? void 0 : O.current) == null || V.call(O, { date: M.date, value: M.value }), C({ date: M.date, value: et ? null : M.value });
       }).on("mouseout", function() {
-        M();
+        A();
       });
     });
   }
@@ -292,10 +292,10 @@ const Gs = (i) => {
           b = `${Xs(d)} (${x}%)`;
         }
         _ ? w = _({ left: n.date, right: a.date, direction: v }) : w = `${si(n.date)} to ${si(a.date)}`, e.textContent = b, s.textContent = w, requestAnimationFrame(() => {
-          const x = t.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), M = i.x(a.date);
-          let E = (C + M) / 2 - x.width / 2;
+          const x = t.getBoundingClientRect(), y = i.wrapperNode.getBoundingClientRect(), C = i.x(n.date), A = i.x(a.date);
+          let D = (C + A) / 2 - x.width / 2;
           const I = 0, W = y.width - x.width;
-          E < I && (E = I), E > W && (E = W), t.style.left = `${E}px`, t.style.top = `${o}px`;
+          D < I && (D = I), D > W && (D = W), t.style.left = `${D}px`, t.style.top = `${o}px`;
         });
       }
       c !== void 0 && (t.style.display = c ? "none" : "block");
@@ -456,8 +456,8 @@ const Ks = (i) => {
     className(y, C) {
       y === "remove" ? x.classed(`${e}${C}`, !1) : x.classed(`${e}${C}`, !0);
     },
-    update({ data: y, hidden: C, clip: M }) {
-      y !== void 0 && x.datum(y).attr("d", m), C !== void 0 && x.classed(`${e}_hidden`, C), M !== void 0 && w.attr("x", M.x).attr("y", M.y).attr("width", M.width).attr("height", M.height);
+    update({ data: y, hidden: C, clip: A }) {
+      y !== void 0 && x.datum(y).attr("d", m), C !== void 0 && x.classed(`${e}_hidden`, C), A !== void 0 && w.attr("x", A.x).attr("y", A.y).attr("width", A.width).attr("height", A.height);
     },
     destroy() {
       x.remove();
@@ -482,8 +482,8 @@ const Ks = (i) => {
     className(y, C) {
       y === "remove" ? x.classed(`${c}${C}`, !1) : x.classed(`${c}${C}`, !0);
     },
-    update({ data: y, clip: C, hidden: M }) {
-      y !== void 0 && x.datum(y).attr("d", m), 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(k.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
+    update({ data: y, clip: C, hidden: A }) {
+      y !== void 0 && x.datum(y).attr("d", m), A !== void 0 && x.classed(`${c}_hidden`, A), 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(k.easeLinear) : w.attr("x", C.x).attr("y", C.y).attr("width", C.width).attr("height", C.height));
     },
     destroy() {
       x.remove();
@@ -808,9 +808,13 @@ const Ks = (i) => {
   t.disabledResize || window.addEventListener("resize", d);
   const g = (_, m = !1) => {
     m && _.config && (c = ei(c, _.config)), m && _.data && (h = _.data);
-    const v = h.map((C) => ({ date: new Date(C.date), value: C.value })).sort((C, M) => C.date.getTime() - M.date.getTime()), b = un(v, c, r), w = fn(v, c, o);
+    const v = h.map((M) => ({ date: new Date(M.date), value: M.value })).sort((M, D) => M.date.getTime() - D.date.getTime()), b = un(v, c, r), w = fn(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 = {
+    const x = s.node(), y = n.node();
+    Array.from(x.children).forEach((M) => {
+      M !== y && M.remove();
+    });
+    const C = {
       chartId: t.chartId,
       svg: n,
       wrapperNode: s.node(),
@@ -824,12 +828,12 @@ const Ks = (i) => {
       gridHoverTooltip: null,
       onGridCircleHoverRef: { current: null }
     };
-    Ys(x);
-    const y = {
-      ...x,
-      elements: on(x)
+    Ys(C);
+    const A = {
+      ...C,
+      elements: on(C)
     };
-    dn(y);
+    dn(A);
   };
   return g(t), {
     update: (_) => g(_, !0),
@@ -847,8 +851,8 @@ Dt.exports;
 var ai;
 function mn() {
   return ai || (ai = 1, function(i, t) {
-    var e = 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]", _ = "[object Error]", m = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", M = "[object RegExp]", A = "[object Set]", E = "[object String]", I = "[object Undefined]", W = "[object WeakMap]", Z = "[object ArrayBuffer]", et = "[object DataView]", K = "[object Float32Array]", O = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", ot = "[object Int32Array]", se = "[object Uint8Array]", lt = "[object Uint8ClampedArray]", bt = "[object Uint16Array]", yt = "[object Uint32Array]", Ht = /[\\^$.*+?()[\]{}|]/g, It = /^\[object .+?Constructor\]$/, Bt = /^(?:0|[1-9]\d*)$/, F = {};
-    F[K] = F[O] = F[V] = F[P] = F[ot] = F[se] = F[lt] = F[bt] = F[yt] = !0, F[o] = F[c] = F[Z] = F[d] = F[et] = F[g] = F[_] = F[m] = F[b] = F[w] = F[y] = F[M] = F[A] = F[E] = F[W] = !1;
+    var e = 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]", _ = "[object Error]", m = "[object Function]", v = "[object GeneratorFunction]", b = "[object Map]", w = "[object Number]", x = "[object Null]", y = "[object Object]", C = "[object Proxy]", A = "[object RegExp]", M = "[object Set]", D = "[object String]", I = "[object Undefined]", W = "[object WeakMap]", Z = "[object ArrayBuffer]", et = "[object DataView]", K = "[object Float32Array]", O = "[object Float64Array]", V = "[object Int8Array]", P = "[object Int16Array]", ot = "[object Int32Array]", se = "[object Uint8Array]", lt = "[object Uint8ClampedArray]", bt = "[object Uint16Array]", yt = "[object Uint32Array]", Ht = /[\\^$.*+?()[\]{}|]/g, It = /^\[object .+?Constructor\]$/, Bt = /^(?:0|[1-9]\d*)$/, F = {};
+    F[K] = F[O] = F[V] = F[P] = F[ot] = F[se] = F[lt] = F[bt] = F[yt] = !0, F[o] = F[c] = F[Z] = F[d] = F[et] = F[g] = F[_] = F[m] = F[b] = F[w] = F[y] = F[A] = F[M] = F[D] = F[W] = !1;
     var Rt = typeof Gt == "object" && Gt && Gt.Object === Object && Gt, ne = typeof self == "object" && self && self.Object === Object && self, z = Rt || ne || Function("return this")(), tt = t && !t.nodeType && t, Y = tt && !0 && i && !i.nodeType && i, j = Y && Y.exports === tt, mt = j && Rt.process, wt = function() {
       try {
         var l = Y && Y.require && Y.require("util").types;
@@ -1031,11 +1035,11 @@ function mn() {
     }
     pt.prototype.clear = qi, pt.prototype.delete = Ji, pt.prototype.get = Qi, pt.prototype.has = Ki, pt.prototype.set = ts;
     function es(l, u) {
-      var p = ue(l), T = !p && de(l), D = !p && !T && Ge(l), H = !p && !T && !D && qe(l), B = p || T || D || H, N = B ? Ot(l.length, String) : [], R = N.length;
+      var p = ue(l), T = !p && de(l), E = !p && !T && Ge(l), H = !p && !T && !E && qe(l), B = p || T || E || H, N = B ? Ot(l.length, String) : [], R = N.length;
       for (var q in l)
         B && // Safari 9 has enumerable `arguments.length` in strict mode.
         (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        D && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        E && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         H && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
         Xe(q, R)) || N.push(q);
       return N;
@@ -1085,17 +1089,17 @@ function mn() {
         T == "constructor" && (u || !at.call(l, T)) || p.push(T);
       return p;
     }
-    function je(l, u, p, T, D) {
+    function je(l, u, p, T, E) {
       l !== u && ss(u, function(H, B) {
-        if (D || (D = new pt()), ft(H))
-          os(l, u, B, p, je, T, D);
+        if (E || (E = new pt()), ft(H))
+          os(l, u, B, p, je, T, E);
         else {
-          var N = T ? T(he(l, B), H, B + "", l, u, D) : void 0;
+          var N = T ? T(he(l, B), H, B + "", l, u, E) : void 0;
           N === void 0 && (N = H), oe(l, B, N);
         }
       }, Je);
     }
-    function os(l, u, p, T, D, H, B) {
+    function os(l, u, p, T, E, H, B) {
       var N = he(l, p), R = he(u, p), q = B.get(R);
       if (q) {
         oe(l, p, q);
@@ -1106,7 +1110,7 @@ function mn() {
         var me = ue(R), _e = !me && Ge(R), Ke = !me && !_e && qe(R);
         X = R, me || _e || Ke ? ue(N) ? X = N : Ds(N) ? X = fs(N) : _e ? (Mt = !1, X = hs(R)) : Ke ? (Mt = !1, X = us(R)) : X = [] : Es(R) || de(R) ? (X = N, de(N) ? X = Ls(N) : (!ft(N) || ge(N)) && (X = vs(R))) : Mt = !1;
       }
-      Mt && (B.set(R, X), D(X, R, T, H, B), B.delete(R)), oe(l, p, X);
+      Mt && (B.set(R, X), E(X, R, T, H, B), B.delete(R)), oe(l, p, X);
     }
     function ls(l, u) {
       return Ss(Ts(l, u, Qe), l + "");
@@ -1137,18 +1141,18 @@ function mn() {
       return u;
     }
     function gs(l, u, p, T) {
-      var D = !p;
+      var E = !p;
       p || (p = {});
       for (var H = -1, B = u.length; ++H < B; ) {
         var N = u[H], R = void 0;
-        R === void 0 && (R = l[N]), D ? le(p, N, R) : is(p, N, R);
+        R === void 0 && (R = l[N]), E ? le(p, N, R) : is(p, N, R);
       }
       return p;
     }
     function ms(l) {
       return ls(function(u, p) {
-        var T = -1, D = p.length, H = D > 1 ? p[D - 1] : void 0, B = D > 2 ? p[2] : void 0;
-        for (H = l.length > 3 && typeof H == "function" ? (D--, H) : void 0, B && bs(p[0], p[1], B) && (H = D < 3 ? void 0 : H, D = 1), u = Object(u); ++T < D; ) {
+        var T = -1, E = p.length, H = E > 1 ? p[E - 1] : void 0, B = E > 2 ? p[2] : void 0;
+        for (H = l.length > 3 && typeof H == "function" ? (E--, H) : void 0, B && bs(p[0], p[1], B) && (H = E < 3 ? void 0 : H, E = 1), u = Object(u); ++T < E; ) {
           var N = p[T];
           N && l(u, N, T, H);
         }
@@ -1157,8 +1161,8 @@ function mn() {
     }
     function _s(l) {
       return function(u, p, T) {
-        for (var D = -1, H = Object(u), B = T(u), N = B.length; N--; ) {
-          var R = B[++D];
+        for (var E = -1, H = Object(u), B = T(u), N = B.length; N--; ) {
+          var R = B[++E];
           if (p(H[R], R, H) === !1)
             break;
         }
@@ -1180,8 +1184,8 @@ function mn() {
         var T = !0;
       } catch {
       }
-      var D = Re.call(l);
-      return T && (u ? l[dt] = p : delete l[dt]), D;
+      var E = Re.call(l);
+      return T && (u ? l[dt] = p : delete l[dt]), E;
     }
     function vs(l) {
       return typeof l.constructor == "function" && !Ue(l) ? Hi(Pe(l)) : {};
@@ -1219,11 +1223,11 @@ function mn() {
     }
     function Ts(l, u, p) {
       return u = Ve(u === void 0 ? l.length - 1 : u, 0), function() {
-        for (var T = arguments, D = -1, H = Ve(T.length - u, 0), B = Array(H); ++D < H; )
-          B[D] = T[u + D];
-        D = -1;
-        for (var N = Array(u + 1); ++D < u; )
-          N[D] = T[D];
+        for (var T = arguments, E = -1, H = Ve(T.length - u, 0), B = Array(H); ++E < H; )
+          B[E] = T[u + E];
+        E = -1;
+        for (var N = Array(u + 1); ++E < u; )
+          N[E] = T[E];
         return N[u] = p(B), $t(l, this, N);
       };
     }
@@ -1235,8 +1239,8 @@ function mn() {
     function Ms(l) {
       var u = 0, p = 0;
       return function() {
-        var T = Fi(), D = a - (T - p);
-        if (p = T, D > 0) {
+        var T = Fi(), E = a - (T - p);
+        if (p = T, E > 0) {
           if (++u >= n)
             return arguments[0];
         } else
@@ -1554,11 +1558,11 @@ function oi(i, t) {
       const w = Math.abs(v - b);
       let x = Math.max(v, b) + w / 2, y = Math.min(v, b) - w / 2;
       if (t.trade) {
-        const M = [...t.trade.entries, ...t.trade.exits].find((A) => {
-          const E = A.time.getTime();
-          return E >= g && E < g + e;
+        const A = [...t.trade.entries, ...t.trade.exits].find((M) => {
+          const D = M.time.getTime();
+          return D >= g && D < g + e;
         });
-        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));
+        A && (A.type === "buy" ? (y = A.price, b = Math.max(y, b), v = b + w, x = Math.max(v, b) + w / 2, d = v) : A.type === "sell" && (x = A.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),
@@ -3067,12 +3071,12 @@ function ga(i, t) {
     const m = s.convert(g.open_time);
     _.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 ? Vn : Wn;
-      let M = b ? o.buyLabel.main : o.sellLabel.main;
-      h && h[1] && h[0] === v.type && (M = S.mix(M, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (M = o.activeLabel), C(i, {
+      let A = b ? o.buyLabel.main : o.sellLabel.main;
+      h && h[1] && h[0] === v.type && (A = S.mix(A, a.bg, 20).toString()), d && d[1] && d[0] === v.type && (A = o.activeLabel), C(i, {
         x: m,
         y,
         symbol: x,
-        mainColor: M,
+        mainColor: A,
         textColor: w,
         size: 16,
         fontSize: 12
@@ -3186,9 +3190,9 @@ const ba = 10, ya = 6, wa = 4, xa = 12, Ca = (i, t) => {
   if (!_ || !m) return;
   const v = (P) => P ? P instanceof Date ? P : new Date(P) : null, b = v(d == null ? void 0 : d[0]) || _.candle.open_time, w = v(d == null ? void 0 : d[1]) || m.candle.close_time, x = e.convert(v(d == null ? void 0 : d[0]) || _.candle.open_time), y = e.convert(v(d == null ? void 0 : d[1]) || m.candle.open_time), C = t.candles.allData.filter(
     (P) => P.open_time <= w && P.close_time >= b
-  ), M = C.length > 0 ? C.reduce((P, ot) => ot.low < P ? ot.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, A = s.convert(g || M);
-  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, A), i.lineTo(y, A), i.stroke(), i.setLineDash([]);
-  const E = (x + y) / 2, I = h || `Hold: ${va(r)}`, Z = getComputedStyle(
+  ), A = C.length > 0 ? C.reduce((P, ot) => ot.low < P ? ot.low : P, C[0].low) : ((V = n.at(0)) == null ? void 0 : V.price) ?? 0, M = s.convert(g || A);
+  i.beginPath(), i.setLineDash([4, 4]), i.strokeStyle = o.main, i.moveTo(x, M), i.lineTo(y, M), i.stroke(), i.setLineDash([]);
+  const D = (x + y) / 2, I = h || `Hold: ${va(r)}`, Z = getComputedStyle(
     document.querySelector(".sc-charts-cs") || document.body
   ).font.replace(/^\s*\S+/, "").trim();
   i.font = `600 ${ba}px ${Z}`;
@@ -3196,13 +3200,13 @@ const ba = 10, ya = 6, wa = 4, xa = 12, Ca = (i, t) => {
   Ti(i, {
     radius: 4,
     coords: {
-      x: E - K / 2,
-      y: A - O / 2
+      x: D - K / 2,
+      y: M - O / 2
     },
     width: K,
     height: O,
     fillColor: o.main
-  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(I, E, A), i.restore();
+  }), i.fillStyle = o.text, i.textBaseline = "middle", i.textAlign = "center", i.fillText(I, D, M), i.restore();
 };
 class Ft {
   constructor(t, e, {
@@ -3236,18 +3240,18 @@ const Ta = {
   offset: n = 8
 }) => {
   const { width: a, height: r } = i, o = t.right - t.left, c = t.bottom - t.top, h = (y) => {
-    const { dx: C, dy: M } = Ta[y], A = e.x + (C === 1 ? n : -a - n), E = e.y + (M === 1 ? n : -r - n);
-    return { x: A, y: E, side: y };
+    const { dx: C, dy: A } = Ta[y], M = e.x + (C === 1 ? n : -a - n), D = e.y + (A === 1 ? n : -r - n);
+    return { x: M, y: D, side: y };
   }, d = ({ x: y, y: C }) => y >= 0 && C >= 0 && y + a <= o && C + r <= c, g = () => {
-    const y = e.y < 0, C = e.y + r > c, M = e.x < 0, A = e.x + a > o;
-    return M && y ? "right-bottom" : M && C ? "right-top" : A && y ? "left-bottom" : A && C ? "left-top" : M ? "right-bottom" : A ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
+    const y = e.y < 0, C = e.y + r > c, A = e.x < 0, M = e.x + a > o;
+    return A && y ? "right-bottom" : A && C ? "right-top" : M && y ? "left-bottom" : M && C ? "left-top" : A ? "right-bottom" : M ? "left-bottom" : y ? "right-bottom" : C ? "right-top" : s;
   }, m = [
     s,
     "right-bottom",
     "right-top",
     "left-bottom",
     "left-top"
-  ].filter((y, C, M) => M.indexOf(y) === C), v = g();
+  ].filter((y, C, A) => A.indexOf(y) === C), v = g();
   let b = null;
   for (const y of [v, ...m]) {
     const C = h(y);
@@ -4884,16 +4888,16 @@ class yr {
     const v = _ + c / 2;
     if (m.length === 0) return;
     t.font = `500 ${d}px Geist, Arial, sans-serif`;
-    const b = o ? "#878788" : "#8E8E93", w = o ? "#FAFAFA" : "#1C2026", x = m.reduce((A, E) => {
-      const I = t.measureText(E.label).width, W = t.measureText(E.value).width;
-      return A + I + g + W;
+    const b = o ? "#878788" : "#8E8E93", w = o ? "#FAFAFA" : "#1C2026", x = m.reduce((M, D) => {
+      const I = t.measureText(D.label).width, W = t.measureText(D.value).width;
+      return M + I + g + W;
     }, 0), y = s - h * 2, C = m.length > 1 ? (y - x) / (m.length - 1) : 0;
-    let M = h;
-    m.forEach((A) => {
-      const E = t.measureText(A.label).width, I = t.measureText(A.value).width;
-      t.fillStyle = b, t.fillText(A.label, M, v);
-      const W = M + E + g;
-      t.fillStyle = A.valueColor || w, t.fillText(A.value, W, v), M += E + g + I + C;
+    let A = h;
+    m.forEach((M) => {
+      const D = t.measureText(M.label).width, I = t.measureText(M.value).width;
+      t.fillStyle = b, t.fillText(M.label, A, v);
+      const W = A + D + g;
+      t.fillStyle = M.valueColor || w, t.fillText(M.value, W, v), A += D + g + I + C;
     });
   }
   getChartState() {
@@ -4921,9 +4925,9 @@ class yr {
       console.warn("No canvas elements found for screenshot");
       return;
     }
-    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, M = w - x - y - C, A = b, E = _ / m, I = A / M;
+    const b = 1440, w = 900, x = 48, y = 20, C = c ? 32 : 0, A = w - x - y - C, M = b, D = _ / m, I = M / A;
     let W, Z, et = 0, K = 0;
-    E > I ? (Z = M, W = Z * E, et = 0, K = 0) : (W = A, Z = W / E, K = (M - Z) / 2);
+    D > I ? (Z = A, W = Z * D, et = 0, K = 0) : (W = M, Z = W / D, K = (A - Z) / 2);
     const O = window.devicePixelRatio || 1, V = document.createElement("canvas");
     V.width = b * O, V.height = w * O;
     const P = V.getContext("2d");
@@ -4932,7 +4936,7 @@ class yr {
       return;
     }
     P.fillStyle = h ? "#101011" : "#ffffff", P.fillRect(0, 0, V.width, V.height);
-    const ot = x * O, se = y * O, lt = M * O, bt = A * O, yt = ot + se;
+    const ot = x * O, se = y * O, lt = A * O, bt = M * O, yt = ot + se;
     await this._drawHeader(P, V.width, O, h), this._drawHeaderSecondLine(
       P,
       r,
@@ -4947,7 +4951,7 @@ class yr {
     const It = W * O, Bt = Z * O, F = et * O, Rt = K * O;
     v.forEach((z) => {
       let tt = 0, Y = 0, j = z.width, mt = z.height, wt = It, xt = Bt, $t = F, Ot = Rt;
-      if (E > I) {
+      if (D > I) {
         const ct = Bt / z.height, ht = z.width * ct;
         ht > bt && (tt = (ht - bt) / ct, j = z.width - tt, wt = bt, $t = 0);
       } else {