charts-core 1.1.16 → 1.1.17

package/dist/charts-core.js

@@ -299,7 +299,7 @@ const Ys = (i) => {
   const t = D.format(",.2f");
   return `${i < 0 ? "-" : ""}$${t(Math.abs(i))}`;
 };
-function Ws(i) {
+function Xs(i) {
   const t = document.createElement("div");
   t.className = `${mt}-container`, t.style.position = "absolute", t.style.top = "0", t.style.pointerEvents = "none", t.style.display = "none", i.appendChild(t);
   const e = document.createElement("div");
@@ -307,11 +307,11 @@ function Ws(i) {
   const s = document.createElement("div");
   return s.className = `${mt}-time`, t.appendChild(s), { wrapper: t, sumNode: e, timeNode: s };
 }
-function Xs(i, t, e) {
+function Ws(i, t, e) {
   return i ? t + Zt + i.width < e ? t + Zt : t - Zt - i.width : null;
 }
 const Us = (i) => {
-  const { wrapper: t, sumNode: e, timeNode: s } = Ws(i.wrapperNode);
+  const { wrapper: t, sumNode: e, timeNode: s } = Xs(i.wrapperNode);
   return {
     className(n, r) {
       n === "remove" ? t.classList.remove(`${mt}${r}`) : t.classList.add(`${mt}${r}`);
@@ -320,7 +320,7 @@ const Us = (i) => {
       if (r) {
         const { sumFormatter: a, timeFormatter: o } = i.config.hover;
         e.textContent = a ? a(r.value) : js(r.value), s.textContent = o ? o(r.date) : Vs(r.date), requestAnimationFrame(() => {
-          const c = t.getBoundingClientRect(), h = Xs(
+          const c = t.getBoundingClientRect(), h = Ws(
             c,
             i.x(r.date),
             i.width - i.config.margin.right
@@ -915,7 +915,7 @@ function cn() {
       return this.size += this.has(l) ? 0 : 1, m[l] = ct && d === void 0 ? s : d, this;
     }
     tt.prototype.clear = ki, tt.prototype.delete = Di, tt.prototype.get = Li, tt.prototype.has = Ei, tt.prototype.set = Ni;
-    function X(l) {
+    function W(l) {
       var d = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++d < m; ) {
         var M = l[d];
@@ -943,7 +943,7 @@ function cn() {
       var m = this.__data__, M = wt(m, l);
       return M < 0 ? (++this.size, m.push([l, d])) : m[M][1] = d, this;
     }
-    X.prototype.clear = Fi, X.prototype.delete = Ii, X.prototype.get = Bi, X.prototype.has = Hi, X.prototype.set = $i;
+    W.prototype.clear = Fi, W.prototype.delete = Ii, W.prototype.get = Bi, W.prototype.has = Hi, W.prototype.set = $i;
     function nt(l) {
       var d = -1, m = l == null ? 0 : l.length;
       for (this.clear(); ++d < m; ) {
@@ -954,7 +954,7 @@ function cn() {
     function Ri() {
       this.size = 0, this.__data__ = {
         hash: new tt(),
-        map: new (ve || X)(),
+        map: new (ve || W)(),
         string: new tt()
       };
     }
@@ -974,25 +974,25 @@ function cn() {
     }
     nt.prototype.clear = Ri, nt.prototype.delete = zi, nt.prototype.get = Pi, nt.prototype.has = Oi, nt.prototype.set = Yi;
     function rt(l) {
-      var d = this.__data__ = new X(l);
+      var d = this.__data__ = new W(l);
       this.size = d.size;
     }
     function Vi() {
-      this.__data__ = new X(), this.size = 0;
+      this.__data__ = new W(), this.size = 0;
     }
     function ji(l) {
       var d = this.__data__, m = d.delete(l);
       return this.size = d.size, m;
     }
-    function Wi(l) {
+    function Xi(l) {
       return this.__data__.get(l);
     }
-    function Xi(l) {
+    function Wi(l) {
       return this.__data__.has(l);
     }
     function Ui(l, d) {
       var m = this.__data__;
-      if (m instanceof X) {
+      if (m instanceof W) {
         var M = m.__data__;
         if (!ve || M.length < e - 1)
           return M.push([l, d]), this.size = ++m.size, this;
@@ -1000,7 +1000,7 @@ function cn() {
       }
       return m.set(l, d), this.size = m.size, this;
     }
-    rt.prototype.clear = Vi, rt.prototype.delete = ji, rt.prototype.get = Wi, rt.prototype.has = Xi, rt.prototype.set = Ui;
+    rt.prototype.clear = Vi, rt.prototype.delete = ji, rt.prototype.get = Xi, rt.prototype.has = Wi, rt.prototype.set = Ui;
     function Gi(l, d) {
       var m = Vt(l), M = !m && Yt(l), S = !m && !M && Ce(l), E = !m && !M && !S && Ae(l), F = m || M || S || E, L = F ? mi(l.length, String) : [], I = L.length;
       for (var V in l)
@@ -1042,7 +1042,7 @@ function cn() {
     function Ji(l) {
       if (!et(l) || gs(l))
         return !1;
-      var d = Wt(l) ? wi : di;
+      var d = Xt(l) ? wi : di;
       return d.test(ys(l));
     }
     function Qi(l) {
@@ -1074,8 +1074,8 @@ function cn() {
       }
       var z = E ? E(L, I, m + "", l, d, F) : void 0, dt = z === void 0;
       if (dt) {
-        var Xt = Vt(I), Ut = !Xt && Ce(I), ke = !Xt && !Ut && Ae(I);
-        z = I, Xt || Ut || ke ? Vt(L) ? z = L : xs(L) ? z = as(L) : Ut ? (dt = !1, z = ss(I)) : ke ? (dt = !1, z = rs(I)) : z = [] : ws(I) || Yt(I) ? (z = L, Yt(L) ? z = Cs(L) : (!et(L) || Wt(L)) && (z = ds(I))) : dt = !1;
+        var Wt = Vt(I), Ut = !Wt && Ce(I), ke = !Wt && !Ut && Ae(I);
+        z = I, Wt || Ut || ke ? Vt(L) ? z = L : xs(L) ? z = as(L) : Ut ? (dt = !1, z = ss(I)) : ke ? (dt = !1, z = rs(I)) : z = [] : ws(I) || Yt(I) ? (z = L, Yt(L) ? z = Cs(L) : (!et(L) || Xt(L)) && (z = ds(I))) : dt = !1;
       }
       dt && (F.set(I, z), S(z, I, M, E, F), F.delete(I)), Rt(l, m, z);
     }
@@ -1237,13 +1237,13 @@ function cn() {
       return ht(l) && J.call(l, "callee") && !Ci.call(l, "callee");
     }, Vt = Array.isArray;
     function jt(l) {
-      return l != null && Me(l.length) && !Wt(l);
+      return l != null && Me(l.length) && !Xt(l);
     }
     function xs(l) {
       return ht(l) && jt(l);
     }
     var Ce = Ai || Ts;
-    function Wt(l) {
+    function Xt(l) {
       if (!et(l))
         return !1;
       var d = Ct(l);
@@ -2394,7 +2394,7 @@ A.prototype = {
     return this._r = s._r, this._g = s._g, this._b = s._b, this.setAlpha(s._a), this;
   },
   lighten: function() {
-    return this._applyModification(Xn, arguments);
+    return this._applyModification(Wn, arguments);
   },
   brighten: function() {
     return this._applyModification(Un, arguments);
@@ -2409,7 +2409,7 @@ A.prototype = {
     return this._applyModification(jn, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Wn, arguments);
+    return this._applyModification(Xn, arguments);
   },
   spin: function() {
     return this._applyModification(Zn, arguments);
@@ -2434,10 +2434,10 @@ A.prototype = {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(We, [3]);
+    return this._applyCombination(Xe, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(We, [4]);
+    return this._applyCombination(Xe, [4]);
   }
 };
 A.fromRatio = function(i, t) {
@@ -2550,15 +2550,15 @@ function On(i, t, e) {
   };
 }
 function Ve(i, t, e, s) {
-  var n = [W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16))];
+  var n = [X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16))];
   return s && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function Yn(i, t, e, s, n) {
-  var r = [W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16)), W(Ke(s))];
+  var r = [X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16)), X(Ke(s))];
   return n && r[0].charAt(0) == r[0].charAt(1) && r[1].charAt(0) == r[1].charAt(1) && r[2].charAt(0) == r[2].charAt(1) && r[3].charAt(0) == r[3].charAt(1) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) + r[3].charAt(0) : r.join("");
 }
 function je(i, t, e, s) {
-  var n = [W(Ke(s)), W(Math.round(i).toString(16)), W(Math.round(t).toString(16)), W(Math.round(e).toString(16))];
+  var n = [X(Ke(s)), X(Math.round(i).toString(16)), X(Math.round(t).toString(16)), X(Math.round(e).toString(16))];
   return n.join("");
 }
 A.equals = function(i, t) {
@@ -2581,10 +2581,10 @@ function jn(i, t) {
   var e = A(i).toHsl();
   return e.s += t / 100, e.s = It(e.s), A(e);
 }
-function Wn(i) {
+function Xn(i) {
   return A(i).desaturate(100);
 }
-function Xn(i, t) {
+function Wn(i, t) {
   t = t === 0 ? 0 : t || 10;
   var e = A(i).toHsl();
   return e.l += t / 100, e.l = It(e.l), A(e);
@@ -2607,7 +2607,7 @@ function qn(i) {
   var t = A(i).toHsl();
   return t.h = (t.h + 180) % 360, A(t);
 }
-function We(i, t) {
+function Xe(i, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
   for (var e = A(i).toHsl(), s = [A(i)], n = 360 / t, r = 1; r < t; r++)
@@ -2864,7 +2864,7 @@ function ir(i) {
 function sr(i) {
   return typeof i == "string" && i.indexOf("%") != -1;
 }
-function W(i) {
+function X(i) {
   return i.length == 1 ? "0" + i : "" + i;
 }
 function gt(i) {
@@ -2873,7 +2873,7 @@ function gt(i) {
 function Ke(i) {
   return Math.round(parseFloat(i) * 255).toString(16);
 }
-function Xe(i) {
+function We(i) {
   return P(i) / 255;
 }
 var j = function() {
@@ -2940,7 +2940,7 @@ function nr(i) {
     r: P(e[1]),
     g: P(e[2]),
     b: P(e[3]),
-    a: Xe(e[4]),
+    a: We(e[4]),
     format: t ? "name" : "hex8"
   } : (e = j.hex6.exec(i)) ? {
     r: P(e[1]),
@@ -2951,7 +2951,7 @@ function nr(i) {
     r: P(e[1] + "" + e[1]),
     g: P(e[2] + "" + e[2]),
     b: P(e[3] + "" + e[3]),
-    a: Xe(e[4] + "" + e[4]),
+    a: We(e[4] + "" + e[4]),
     format: t ? "name" : "hex8"
   } : (e = j.hex3.exec(i)) ? {
     r: P(e[1] + "" + e[1]),
@@ -4030,7 +4030,7 @@ class jr extends Ft {
     };
   }
 }
-class Wr extends pt {
+class Xr extends pt {
   constructor(e) {
     super("candles", e, { CanvasClass: jr });
     u(this, "noDataTooltip");
@@ -4048,7 +4048,7 @@ class Wr extends pt {
     }
   }
 }
-class Xr {
+class Wr {
   constructor(t) {
     u(this, "container");
     u(this, "width");
@@ -4070,7 +4070,7 @@ class Xr {
       width: e,
       height: s,
       isMain: !0
-    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Fn(this.mainCanvas.node), this.userMarkers = new br(this), this.comments = new $r(this), this.candles = new Wr(this), this.trade = new vr(this), this.guideMarkers = new Yr(this);
+    }), this.domElements = new k({ tag: "div", className: "sc-charts-cs__dom-elements" }), this.canvasesContainer = new k({ tag: "div", className: "sc-charts-cs__canvases" }), this.canvasesContainer.append(this.mainCanvas.node), this.wrapper.append(this.canvasesContainer.node, this.domElements.node), this.mainCanvas.updateAbsolutePosition(), this.binding = new Fn(this.mainCanvas.node), this.userMarkers = new br(this), this.comments = new $r(this), this.candles = new Xr(this), this.trade = new vr(this), this.guideMarkers = new Yr(this);
   }
   renderAll(t) {
     this.mainCanvas.clear(), this.candles.render(t), Jt.xAxis(this.mainCanvas.ctx, t), Jt.yAxis(this.mainCanvas.ctx, t), Jt.intersection(this.mainCanvas.ctx, t), this.trade.renderAll(t), this.userMarkers.render(t.userMarkers.data), this.comments.render(t);
@@ -4498,16 +4498,22 @@ function na(i, t) {
   };
 }
 class ra {
-  constructor(t, e) {
+  constructor(t, e, s) {
     u(this, "_model");
     u(this, "_hitManager");
     u(this, "_hit");
-    this._model = t, this._hitManager = e, this._hit = new ta(t), this._hitManager.register(this._hit);
+    u(this, "_view");
+    this._model = t, this._hitManager = e, this._hit = new ta(t), this._hitManager.register(this._hit), this._view = s;
+  }
+  _limitDx(t) {
+    if (!this._view || t <= 0) return t;
+    const { width: e } = this._view.candles.limiter.absolutePosition, s = this._model.config.candles.limiterOffset, n = this._model.scales.x.convert(this._model.candles.allData[0].open_time), r = this._model.layout.chart.left, a = n - s * 2 - e;
+    return a >= r ? 0 : a + t >= r ? r - a : t;
   }
   register() {
     this._hitManager.on(this._hit, "drag", (t) => {
-      const e = t.x - (t.prevX ?? t.x);
-      this._model.scales.scale("x", -e);
+      let e = t.x - (t.prevX ?? t.x);
+      e = this._limitDx(e), this._model.scales.scale("x", -e);
     }), this._hitManager.on(this._hit, "dblclick", () => {
       this._model.scales.scale("x", 1, "absolute"), this._model.scales.pan("x", 0, "absolute");
     });
@@ -4537,6 +4543,11 @@ class oa {
     u(this, "_hit");
     this._model = t, this._view = e, this._hitManager = s, this._hit = new ea(t), this._hitManager.register(this._hit);
   }
+  _limitDx(t) {
+    if (t <= 0) return t;
+    const { width: e } = this._view.candles.limiter.absolutePosition, s = this._model.config.candles.limiterOffset, n = this._model.scales.x.convert(this._model.candles.allData[0].open_time), r = this._model.layout.chart.left, a = n - s * 2 - e;
+    return a >= r ? 0 : a + t >= r ? r - a : t;
+  }
   register() {
     this._hitManager.on(
       this._hit,
@@ -4550,8 +4561,9 @@ class oa {
       this._hit,
       "drag",
       na(1, (t) => {
-        const e = t.x - (t.prevX ?? t.x), s = t.y - (t.prevY ?? t.y);
-        this._model.scales.pan("x", e), this._model.scales.pan("y", s), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
+        let e = t.x - (t.prevX ?? t.x);
+        const s = t.y - (t.prevY ?? t.y);
+        e = this._limitDx(e), this._model.scales.pan("x", e), this._model.scales.pan("y", s), this._view.guideMarkers.render(this._model, { x: t.x, y: t.y });
       })
     ), this._hitManager.on(this._hit, "contextmenu", ({ x: t }) => {
       const e = this._model.scales.x.invert(t), s = se.findByDate(e, this._model.candles.allData);
@@ -4563,7 +4575,12 @@ class oa {
       var n, r;
       if (!t.deltaY) return;
       const e = -t.deltaY, s = (r = (n = this._model.config) == null ? void 0 : n.candles) == null ? void 0 : r.zoomOnWheel;
-      ["x", "both"].includes(s) && this._model.scales.scale("x", e), ["y", "both"].includes(s) && this._model.scales.scale("y", e);
+      if (["x", "both"].includes(s)) {
+        this._model.scales.scale("x", e);
+        const a = this._limitDx(0);
+        a !== 0 && this._model.scales.pan("x", a);
+      }
+      ["y", "both"].includes(s) && this._model.scales.scale("y", e);
     });
   }
 }
@@ -4669,9 +4686,9 @@ class ua {
       userMarkers: a,
       colorScheme: o,
       comments: c
-    }), this._view = new Xr(f), this._controller = new ca(this._model, this._view), h) {
+    }), this._view = new Wr(f), this._controller = new ca(this._model, this._view), h) {
       const g = h(this._view.candles.limiter.node);
-      typeof g == "function" && (this._candlesLimiterClean = g);
+      this._view.candles.limiter.updateAbsolutePosition(), typeof g == "function" && (this._candlesLimiterClean = g);
     }
     this._controller.init();
   }