@wick-charts/vue 0.8.0 → 0.8.2

package/dist/core/dist/data/decimation.js

@@ -1,73 +1,74 @@
-function D(t, h) {
-  return t.length <= h ? t : v(
+function k(t, n) {
+  return t.length <= n ? t : D(
     t,
-    h,
-    (l) => l.time,
-    (l) => l.value
+    n,
+    (h) => h.time,
+    (h) => h.value
   );
 }
-function k(t, h) {
-  if (t.length <= h) return t;
-  const l = Math.ceil(t.length / h), u = [];
-  for (let o = 0; o < t.length; o += l) {
-    const n = Math.min(o + l, t.length);
+function x(t, n) {
+  if (t.length <= n) return t;
+  const h = Math.ceil(t.length / n), a = [];
+  for (let l = 0; l < t.length; l += h) {
+    const o = Math.min(l + h, t.length);
     let s = -1 / 0, i = 1 / 0, c = 0;
-    for (let r = o; r < n; r++)
-      t[r].high > s && (s = t[r].high), t[r].low < i && (i = t[r].low), c += t[r].volume ?? 0;
-    u.push({
-      time: t[o].time,
-      open: t[o].open,
+    for (let e = l; e < o; e++)
+      t[e].high > s && (s = t[e].high), t[e].low < i && (i = t[e].low), c += t[e].volume ?? 0;
+    a.push({
+      time: t[l].time,
+      open: t[l].open,
       high: s,
       low: i,
-      close: t[n - 1].close,
+      close: t[o - 1].close,
       volume: c
     });
   }
-  return u;
+  return a;
 }
-function x(t, h) {
-  if (t.length <= h || h < 3) return t;
-  const l = t.length - 1, u = Math.ceil((t.length - 2) / (h - 2)), o = [t[0]];
-  for (let n = 1; n < l; n += u) {
-    const s = Math.min(n + u, l);
-    let i = 1 / 0, c = -1 / 0, r = !1;
-    for (let f = n; f < s; f++) {
-      const a = t[f];
-      if (!Number.isFinite(a.low) || !Number.isFinite(a.high)) {
-        r = !0;
+function L(t, n) {
+  if (t.length <= n || n < 3) return t;
+  const h = t.length - 1, a = Math.ceil((t.length - 2) / (n - 2)), l = [t[0]];
+  for (let o = 1; o < h; o += a) {
+    const s = Math.min(o + a, h);
+    let i = 1 / 0, c = -1 / 0, e = !1;
+    for (let m = o; m < s; m++) {
+      const r = t[m];
+      if (!Number.isFinite(r.low) || !Number.isFinite(r.high)) {
+        e = !0;
         break;
       }
-      a.low < i && (i = a.low), a.high > c && (c = a.high);
+      r.low < i && (i = r.low), r.high > c && (c = r.high);
     }
-    o.push(r ? { time: t[n].time, low: Number.NaN, high: Number.NaN } : { time: t[n].time, low: i, high: c });
+    l.push(e ? { time: t[o].time, low: Number.NaN, high: Number.NaN } : { time: t[o].time, low: i, high: c });
   }
-  return o.push(t[l]), o;
+  return l.push(t[h]), l;
 }
-function v(t, h, l, u) {
-  if (h >= t.length || h < 3) return t;
-  const o = [t[0]], n = (t.length - 2) / (h - 2);
+function D(t, n, h, a) {
+  if (n >= t.length || n < 3) return t;
+  const l = [t[0]], o = (t.length - 2) / (n - 2);
   let s = 0;
-  for (let i = 0; i < h - 2; i++) {
-    const c = Math.floor((i + 1) * n) + 1, r = Math.min(Math.floor((i + 2) * n) + 1, t.length - 1);
-    let f = 0, a = 0;
-    const M = r, p = Math.min(Math.floor((i + 3) * n) + 1, t.length), g = p - M;
-    if (g > 0) {
-      for (let e = M; e < p; e++)
-        f += l(t[e]), a += u(t[e]);
-      f /= g, a /= g;
+  for (let i = 0; i < n - 2; i++) {
+    const c = Math.floor((i + 1) * o) + 1, e = Math.min(Math.floor((i + 2) * o) + 1, t.length - 1), m = h(t[s]), r = a(t[s]), p = Number.isFinite(r);
+    let g = 0, N = 0, b = 0;
+    const d = e, v = Math.min(Math.floor((i + 3) * o) + 1, t.length);
+    for (let u = d; u < v; u++) {
+      const f = a(t[u]);
+      Number.isFinite(f) && (g += h(t[u]), N += f, b++);
     }
-    let w = -1, m = c;
-    const N = l(t[s]), b = u(t[s]);
-    for (let e = c; e < r; e++) {
-      const d = Math.abs((N - f) * (u(t[e]) - b) - (N - l(t[e])) * (a - b));
-      d > w && (w = d, m = e);
+    b > 0 ? (g /= b, N /= b) : (g = m, N = p ? r : 0);
+    let w = -1, M = c;
+    for (let u = c; u < e; u++) {
+      const f = a(t[u]);
+      if (!Number.isFinite(f)) continue;
+      const F = p ? Math.abs((m - g) * (f - r) - (m - h(t[u])) * (N - r)) : 0;
+      F > w && (w = F, M = u);
     }
-    o.push(t[m]), s = m;
+    l.push(t[M]), s = M;
   }
-  return o.push(t[t.length - 1]), o;
+  return l.push(t[t.length - 1]), l;
 }
 export {
-  x as decimateBandData,
-  D as decimateLineData,
-  k as decimateOHLCData
+  L as decimateBandData,
+  k as decimateLineData,
+  x as decimateOHLCData
 };

package/dist/core/dist/data/store.js

@@ -1,10 +1,16 @@
-import { EventEmitter as d } from "../events.js";
+import { EventEmitter as l } from "../events.js";
 import { binarySearch as n } from "../utils/math.js";
-class u extends d {
+class u extends l {
   data = [];
   _visible = !0;
   cachedRange = null;
   cachedResult = [];
+  // Points `trimStart` dropped, oldest first. A view whose left edge is older
+  // than the kept head still draws them, so a rolling window slides out of view.
+  exited = [];
+  // Leftmost `from` read since the last trim: older exited points are out of every view since then.
+  lowestReadFrom = Number.POSITIVE_INFINITY;
+  appendedSinceTrim = 0;
   // Dev-only, warn-once-per-instance: these two conditions are almost always
   // a persistent bug in the caller's feed (not a one-off), so a per-call
   // warning would just spam the console on every tick.
@@ -25,7 +31,7 @@ class u extends d {
       }
     !a && process.env.NODE_ENV !== "production" && !this.warnedUnsorted && (this.warnedUnsorted = !0, console.warn(
       "[wick-charts] data is not sorted by time — re-sorting on every setData() call is wasted work. Sort your feed by `time` ascending before passing it in."
-    )), this.data = a ? t.slice() : [...t].sort((e, i) => e.time - i.time), this.cachedRange = null, this.emit("update");
+    )), this.data = a ? t.slice() : [...t].sort((e, s) => e.time - s.time), this.exited = [], this.appendedSinceTrim = 0, this.cachedRange = null, this.emit("update");
   }
   append(t) {
     if (this.data.length > 0 && t.time <= this.data[this.data.length - 1].time) {
@@ -34,7 +40,7 @@ class u extends d {
       )), this.updateLast(t);
       return;
     }
-    this.data.push(t), this.cachedRange = null, this.emit("update");
+    this.data.push(t), this.appendedSinceTrim++, this.cachedRange = null, this.emit("update");
   }
   updateLast(t) {
     this.data.length !== 0 && (this.data[this.data.length - 1] = t, this.cachedRange = null, this.emit("update"));
@@ -47,16 +53,22 @@ class u extends d {
    * is already validated and no re-sort is needed here. No-op on empty input.
    */
   prepend(t) {
-    t.length !== 0 && (this.data = t.concat(this.data), this.cachedRange = null, this.emit("update"));
+    t.length !== 0 && (this.data = t.concat(this.data), this.exited = [], this.cachedRange = null, this.emit("update"));
   }
   trimStart(t) {
-    if (!(t <= 0 || this.data.length === 0)) {
-      if (t >= this.data.length) {
-        this.data = [], this.cachedRange = null, this.emit("update");
-        return;
-      }
-      this.data = this.data.slice(t), this.cachedRange = null, this.emit("update");
-    }
+    if (t <= 0 || this.data.length === 0) return;
+    const a = this.data.slice(0, t), e = a.slice(Math.max(0, a.length - this.appendedSinceTrim)), s = e.length === a.length ? this.exited.concat(e) : e;
+    this.data = this.data.slice(t), this.exited = this.reachedByView(s), this.appendedSinceTrim = 0, this.lowestReadFrom = Number.POSITIVE_INFINITY, this.cachedRange = null, this.emit("update");
+  }
+  /**
+   * The exited points the leftmost view read since the last trim needs to reach its left edge.
+   * None without a read, so a chart that does not paint (a hidden tab) does not pile them up.
+   */
+  reachedByView(t) {
+    const a = this.lowestReadFrom, e = this.data[0];
+    if (e === void 0 || e.time <= a) return [];
+    const s = Math.max(0, n(t, a, (h) => h.time) - 1);
+    return t.slice(s);
   }
   getAll() {
     return this.data;
@@ -64,8 +76,14 @@ class u extends d {
   getVisibleData(t, a) {
     if (this.data.length === 0) return [];
     if (this.cachedRange && this.cachedRange.from === t && this.cachedRange.to === a) return this.cachedResult;
-    const e = Math.max(0, n(this.data, t, (s) => s.time) - 1), i = Math.min(this.data.length, n(this.data, a, (s) => s.time) + 1);
-    return this.cachedResult = this.data.slice(e, i), this.cachedRange = { from: t, to: a }, this.cachedResult;
+    this.lowestReadFrom = Math.min(this.lowestReadFrom, t);
+    const e = Math.max(0, n(this.data, t, (i) => i.time) - 1), s = Math.min(this.data.length, n(this.data, a, (i) => i.time) + 1);
+    let h = this.data.slice(e, s);
+    if (e === 0 && this.data[0].time > t && this.exited.length > 0) {
+      const i = Math.max(0, n(this.exited, t, (r) => r.time) - 1), d = Math.min(this.exited.length, n(this.exited, a, (r) => r.time) + 1);
+      h = this.exited.slice(i, d).concat(h);
+    }
+    return this.cachedResult = h, this.cachedRange = { from: t, to: a }, h;
   }
   first() {
     return this.data[0];
@@ -81,13 +99,13 @@ class u extends d {
   }
   findNearest(t, a) {
     if (this.data.length === 0) return null;
-    const e = n(this.data, t, (h) => h.time);
-    let i = null, s = a;
-    for (let h = Math.max(0, e - 1); h <= Math.min(this.data.length - 1, e + 1); h++) {
-      const r = Math.abs(this.data[h].time - t);
-      r <= s && (s = r, i = this.data[h]);
+    const e = n(this.data, t, (i) => i.time);
+    let s = null, h = a;
+    for (let i = Math.max(0, e - 1); i <= Math.min(this.data.length - 1, e + 1); i++) {
+      const d = Math.abs(this.data[i].time - t);
+      d <= h && (h = d, s = this.data[i]);
     }
-    return i;
+    return s;
   }
 }
 export {

package/dist/core/dist/data/sync.js

@@ -1,75 +1,113 @@
-import { normalizeTime as y } from "../utils/time.js";
-function i(t) {
-  return "x" in t ? t.x : y(t.time);
+import { normalizeTime as A } from "../utils/time.js";
+function i(a) {
+  return "x" in a ? a.x : A(a.time);
 }
-const m = { len: 0, firstTime: null, lastTime: null, data: null }, p = 20;
-function g(t, a) {
-  if (i(t) !== i(a)) return !1;
-  const r = Object.keys(t), e = Object.keys(a);
-  return r.length !== e.length ? !1 : r.every((n) => n === "time" || t[n] === a[n]);
+const S = { len: 0, firstTime: null, lastTime: null, data: null, last: null }, b = 20;
+function o(a, t) {
+  if (i(a) !== i(t)) return !1;
+  const l = Object.keys(a), e = Object.keys(t);
+  return l.length !== e.length ? !1 : l.every((r) => r === "time" || a[r] === t[r]);
 }
-function c(t, a) {
-  if (!t || t.length !== a.length || t === a) return !1;
-  for (let r = 0; r < a.length - 1; r++)
-    if (t[r] !== a[r] && !g(t[r], a[r]))
+function p(a, t) {
+  if (!a || a.length !== t.length || a === t) return !1;
+  for (let l = 0; l < t.length - 1; l++)
+    if (a[l] !== t[l] && !o(a[l], t[l]))
       return !1;
   return !0;
 }
-function T(t, a, r) {
-  if (!t || t.length === 0 || r <= 0 || t.length !== a.length - r) return !1;
-  for (let e = 1; e < r; e++)
-    if (i(a[e - 1]) >= i(a[e])) return !1;
-  if (i(a[r - 1]) >= i(t[0])) return !1;
-  for (let e = 0; e < t.length; e++)
-    if (!g(t[e], a[r + e])) return !1;
+function E(a, t, l) {
+  if (!a || a.length === 0 || l <= 0 || a.length !== t.length - l) return !1;
+  for (let e = 1; e < l; e++)
+    if (i(t[e - 1]) >= i(t[e])) return !1;
+  if (i(t[l - 1]) >= i(a[0])) return !1;
+  for (let e = 0; e < a.length; e++)
+    if (!o(a[e], t[l + e])) return !1;
   return !0;
 }
-function A(t) {
-  return typeof t == "object" && t !== null && !Array.isArray(t) && Array.isArray(t.data);
+function m(a, t, l) {
+  const e = a.data;
+  if (!e) return "unchanged";
+  if (e === t) return T(a, t) ? "lastEdited" : "unchanged";
+  const r = e.length - l;
+  if (r <= 0 || r > t.length) return null;
+  for (let u = 0; u < r - 1; u++) {
+    const f = e[l + u];
+    if (f !== t[u] && !o(f, t[u]))
+      return null;
+  }
+  for (let u = r; u < t.length; u++)
+    if (i(t[u - 1]) >= i(t[u])) return null;
+  const n = e[e.length - 1], s = t[r - 1];
+  return n === s || o(n, s) ? "unchanged" : i(n) !== i(s) ? null : "lastEdited";
 }
-function b(t) {
-  if (!Array.isArray(t)) return [t];
-  if (t.length === 0) return [{ data: [] }];
-  const a = t[0];
-  return Array.isArray(a) || A(a) ? t.map((r) => Array.isArray(r) ? { data: r } : r) : [{ data: t }];
+function T(a, t) {
+  const l = a.last ?? null, e = t[a.len - 1];
+  return l === null || e === void 0 ? !1 : i(l) === i(e) && !o(l, e);
 }
-function L(t) {
-  const { chart: a, id: r } = t, e = b(t.data), n = e.length > 1 ? e.map((l, f) => l.label ?? `Series ${f + 1}`) : [e[0].label];
-  a.setSeriesLabels(r, n), a.setLayerColors(
-    r,
-    e.map((l) => l.color)
+function h(a) {
+  const t = a[a.length - 1];
+  return { len: a.length, firstTime: i(a[0]), lastTime: i(t), data: a, last: { ...t } };
+}
+function L(a) {
+  return typeof a == "object" && a !== null && !Array.isArray(a) && Array.isArray(a.data);
+}
+function v(a) {
+  if (!Array.isArray(a)) return [a];
+  if (a.length === 0) return [{ data: [] }];
+  const t = a[0];
+  return Array.isArray(t) || L(t) ? a.map((l) => Array.isArray(l) ? { data: l } : l) : [{ data: a }];
+}
+function j(a) {
+  const { chart: t, id: l } = a, e = v(a.data), r = e.length > 1 ? e.map((s, u) => s.label ?? `Series ${u + 1}`) : [e[0].label];
+  t.setSeriesLabels(l, r), t.setLayerColors(
+    l,
+    e.map((s) => s.color)
   );
-  const s = [];
-  return a.batch(() => {
-    for (let l = 0; l < e.length; l++)
-      s[l] = S({
-        chart: a,
-        id: r,
-        data: e[l].data,
-        prev: t.prev[l] ?? m,
-        layerIndex: l
+  const n = [];
+  return t.batch(() => {
+    for (let s = 0; s < e.length; s++)
+      n[s] = x({
+        chart: t,
+        id: l,
+        data: e[s].data,
+        prev: a.prev[s] ?? S,
+        layerIndex: s
       });
-  }), s;
+  }), n;
 }
-function S(t) {
-  const { chart: a, id: r, data: e, prev: n, layerIndex: s } = t;
+function x(a) {
+  const { chart: t, id: l, data: e, prev: r, layerIndex: n } = a;
   if (e.length === 0)
-    return a.setSeriesData(r, [], s), { len: 0, firstTime: null, lastTime: null, data: [] };
-  if (n.data === e && n.len === e.length) return n;
-  const l = i(e[0]), f = i(e[e.length - 1]);
-  if (typeof l == "string")
-    return e.length === n.len && c(n.data, e) ? a.updateData(r, e[e.length - 1], s) : a.setSeriesData(r, e, s), { len: e.length, firstTime: l, lastTime: f, data: e };
-  const h = n.firstTime !== null && n.firstTime !== l, u = e.length - n.len, d = n.lastTime !== null && n.lastTime !== f;
-  return h && u === 0 && d ? a.batch(() => {
-    a.appendData(r, e[e.length - 1], s), a.keepLast(r, e.length, s);
-  }) : T(n.data, e, u) ? a.prependData(r, e.slice(0, u), s) : n.len === 0 || e.length < n.len || u > p || h ? a.setSeriesData(r, e, s) : e.length === n.len ? c(n.data, e) ? a.updateData(r, e[e.length - 1], s) : a.setSeriesData(r, e, s) : a.batch(() => {
-    for (let o = n.len; o < e.length; o++)
-      a.appendData(r, e[o], s);
-  }), { len: e.length, firstTime: l, lastTime: f, data: e };
+    return t.setSeriesData(l, [], n), { len: 0, firstTime: null, lastTime: null, data: [], last: null };
+  if (r.data === e && r.len === e.length)
+    return T(r, e) ? (t.updateData(l, e[e.length - 1], n), h(e)) : r;
+  const s = i(e[0]), u = i(e[e.length - 1]);
+  if (typeof s == "string")
+    return e.length === r.len && p(r.data, e) ? t.updateData(l, e[e.length - 1], n) : t.setSeriesData(l, e, n), h(e);
+  const f = r.firstTime !== null && r.firstTime !== s, c = e.length - r.len, D = r.lastTime !== null && r.lastTime !== u, g = f && c === 0 && D ? m(r, e, 1) : null;
+  if (g !== null)
+    t.batch(() => {
+      g === "lastEdited" && t.updateData(l, e[e.length - 2], n), t.appendData(l, e[e.length - 1], n), t.keepLast(l, e.length, n);
+    });
+  else if (E(r.data, e, c))
+    t.prependData(l, e.slice(0, c), n);
+  else if (r.len === 0 || e.length < r.len || c > b || f)
+    t.setSeriesData(l, e, n);
+  else if (e.length === r.len)
+    p(r.data, e) ? t.updateData(l, e[e.length - 1], n) : t.setSeriesData(l, e, n);
+  else {
+    const y = m(r, e, 0);
+    y === null ? t.setSeriesData(l, e, n) : t.batch(() => {
+      y === "lastEdited" && t.updateData(l, e[r.len - 1], n);
+      for (let d = r.len; d < e.length; d++)
+        t.appendData(l, e[d], n);
+    });
+  }
+  return h(e);
 }
 export {
-  m as EMPTY_SYNC_STATE,
-  L as syncLayers,
-  S as syncSeriesLayer,
-  b as toLayers
+  S as EMPTY_SYNC_STATE,
+  j as syncLayers,
+  x as syncSeriesLayer,
+  v as toLayers
 };

package/dist/core/dist/navigator/controller.js

@@ -3,7 +3,7 @@ import { XScale as T } from "../scales/x-scale.js";
 import { YScale as k } from "../scales/y-scale.js";
 import { decimateCandles as C, decimateLinear as R } from "./decimate.js";
 import { hitTest as b, computeSnapCenter as E, computePan as I, computeResize as $ } from "./interactions.js";
-import { computeWindowGeometry as M, renderBackground as L, renderMiniCandlestick as N, renderMiniBar as V, renderMiniLine as P } from "./render.js";
+import { computeWindowGeometry as M, renderBackground as L, renderMiniCandlestick as P, renderMiniBar as V, renderMiniLine as N } from "./render.js";
 import { Animator as S } from "../animation/animator.js";
 import { easeOutCubic as z } from "../animation/easing.js";
 class G {
@@ -61,16 +61,16 @@ class G {
   #$;
   #M;
   #L;
-  #N;
+  #P;
   #y;
   #V;
   constructor(t) {
     this.#s = t.container, this.#e = t.chart, this.#x = t.data, this.#v = t.options ?? {}, window.getComputedStyle(this.#s).position === "static" && (this.#s.style.position = "relative"), this.#t = document.createElement("canvas"), this.#t.style.position = "absolute", this.#t.style.left = "0", this.#t.style.top = "0", this.#t.style.height = "100%", this.#t.style.touchAction = "none", this.#s.appendChild(this.#t);
     const e = this.#t.getContext("2d", { alpha: !0 });
     if (!e) throw new Error("NavigatorController: failed to acquire 2D context");
-    this.#z = e, this.#n = document.createElement("div"), this.#n.dataset.chartNavigatorOverlay = "", this.#n.style.cssText = "position:absolute;left:0;top:0;height:100%;pointer-events:none;", this.#u = document.createElement("div"), this.#u.style.cssText = "position:absolute;left:0;top:0;bottom:0;", this.#r = document.createElement("div"), this.#r.style.cssText = "position:absolute;top:0;bottom:0;", this.#l = document.createElement("div"), this.#l.style.cssText = "position:absolute;top:0;bottom:0;box-sizing:border-box;", this.#a = y(), this.#c = y(), this.#n.append(this.#u, this.#r, this.#l, this.#a, this.#c), this.#s.appendChild(this.#n), this.#I = () => this.#B(), this.#$ = () => this.#f(), this.#M = () => this.#B(), this.#e.on("viewportChange", this.#I), this.#e.on("overlayChange", this.#$), this.#e.on("tickFrame", this.#M), this.#L = (s) => this.#U(s), this.#N = (s) => this.#J(s), this.#y = (s) => this.#K(s), this.#V = () => {
+    this.#z = e, this.#n = document.createElement("div"), this.#n.dataset.chartNavigatorOverlay = "", this.#n.style.cssText = "position:absolute;left:0;top:0;height:100%;pointer-events:none;", this.#u = document.createElement("div"), this.#u.style.cssText = "position:absolute;left:0;top:0;bottom:0;", this.#r = document.createElement("div"), this.#r.style.cssText = "position:absolute;top:0;bottom:0;", this.#l = document.createElement("div"), this.#l.style.cssText = "position:absolute;top:0;bottom:0;box-sizing:border-box;", this.#a = y(), this.#c = y(), this.#n.append(this.#u, this.#r, this.#l, this.#a, this.#c), this.#s.appendChild(this.#n), this.#I = () => this.#B(), this.#$ = () => this.#f(), this.#M = () => this.#B(), this.#e.on("viewportChange", this.#I), this.#e.on("overlayChange", this.#$), this.#e.on("tickFrame", this.#M), this.#L = (s) => this.#U(s), this.#P = (s) => this.#J(s), this.#y = (s) => this.#K(s), this.#V = () => {
       this.#g === null && (this.#t.style.cursor = "default");
-    }, this.#t.addEventListener("pointerdown", this.#L), this.#t.addEventListener("pointermove", this.#N), this.#t.addEventListener("pointerup", this.#y), this.#t.addEventListener("pointercancel", this.#y), this.#t.addEventListener("pointerleave", this.#V), this.#E = new ResizeObserver((s) => this.#j(s[0])), this.#E.observe(this.#s), this.#D();
+    }, this.#t.addEventListener("pointerdown", this.#L), this.#t.addEventListener("pointermove", this.#P), this.#t.addEventListener("pointerup", this.#y), this.#t.addEventListener("pointercancel", this.#y), this.#t.addEventListener("pointerleave", this.#V), this.#E = new ResizeObserver((s) => this.#j(s[0])), this.#E.observe(this.#s), this.#D();
     const i = this.#s.getBoundingClientRect();
     i.width > 0 && i.height > 0 && this.#W(i.width, i.height), this.#f();
   }
@@ -100,7 +100,7 @@ class G {
     t !== void 0 && (this.#s.style.height = `${t}px`);
   }
   destroy() {
-    this.#e.off("viewportChange", this.#I), this.#e.off("overlayChange", this.#$), this.#e.off("tickFrame", this.#M), this.#t.removeEventListener("pointerdown", this.#L), this.#t.removeEventListener("pointermove", this.#N), this.#t.removeEventListener("pointerup", this.#y), this.#t.removeEventListener("pointercancel", this.#y), this.#t.removeEventListener("pointerleave", this.#V), this.#E.disconnect(), this.#p !== null && (cancelAnimationFrame(this.#p), this.#p = null), this.#t.remove(), this.#n.remove();
+    this.#e.off("viewportChange", this.#I), this.#e.off("overlayChange", this.#$), this.#e.off("tickFrame", this.#M), this.#t.removeEventListener("pointerdown", this.#L), this.#t.removeEventListener("pointermove", this.#P), this.#t.removeEventListener("pointerup", this.#y), this.#t.removeEventListener("pointercancel", this.#y), this.#t.removeEventListener("pointerleave", this.#V), this.#E.disconnect(), this.#p !== null && (cancelAnimationFrame(this.#p), this.#p = null), this.#t.remove(), this.#n.remove();
   }
   /** CSS pixel height of the strip — theme default unless overridden. */
   get height() {
@@ -158,7 +158,7 @@ class G {
   /** Keep scales synced with current data bounds + size. Safe to call ahead of
    *  the first RAF-driven render — pointer handlers rely on this so hit-tests
    *  compute against primed scales even on the opening gesture. */
-  #P() {
+  #N() {
     const t = this.#b(), e = this.#Z();
     return this.#d.update(t, this.#i, this.#h), this.#A.update(e, this.#m, this.#h), { xRange: t, yRange: e };
   }
@@ -172,7 +172,7 @@ class G {
     return this.#g !== null ? this.#e.getVisibleRange() : this.#e.getAnimationState().xRange;
   }
   #S() {
-    return this.#P(), M(this.#d, this.#Y(), this.#b());
+    return this.#N(), M(this.#d, this.#Y(), this.#b());
   }
   #H() {
     const t = this.#b(), e = t.to - t.from;
@@ -237,7 +237,7 @@ class G {
   // --- render ------------------------------------------------------------
   #_() {
     if (this.#i <= 0 || this.#m <= 0) return;
-    const t = this.#e.getTheme().navigator, { xRange: e } = this.#P();
+    const t = this.#e.getTheme().navigator, { xRange: e } = this.#N();
     this.#X();
     const i = this.#z, s = this.#t.width, n = this.#t.height;
     i.save(), i.clearRect(0, 0, s, n), i.scale(this.#h, this.#h);
@@ -254,12 +254,12 @@ class G {
     this.#o !== null && (this.#o.tick(performance.now()), l = this.#o.current, this.#o.animating ? this.#f() : this.#o = null);
     const r = Math.max(1, Math.round(this.#i)), a = this.#x;
     if (a.type === "candlestick")
-      N(h, this.#q(a.points, r, C), l);
+      P(h, this.#q(a.points, r, C), l);
     else {
       const c = f(a), g = c.length === 1, u = this.#R >= 0 ? this.#R : c.length - 1;
       for (let d = 0; d < c.length; d++) {
         const p = this.#q(c[d], r, R), m = d === u ? l : 1;
-        a.type === "bar" ? V(h, p, m) : P(h, p, g, m);
+        a.type === "bar" ? V(h, p, m) : N(h, p, g, m);
       }
     }
     i.restore(), this.#G(t, e);
@@ -277,7 +277,7 @@ class G {
       this.#_();
       return;
     }
-    const i = this.#e.getTheme().navigator, { xRange: s } = this.#P();
+    const i = this.#e.getTheme().navigator, { xRange: s } = this.#N();
     this.#G(i, s);
   }
   /** Decimate `points` into `buckets`, reusing the cached result while the

package/dist/core/dist/perf/perf-hud.js

@@ -20,7 +20,7 @@ function I(i) {
 function O(i) {
   return -I(i) / 12;
 }
-const B = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f", V = "#f5c451", $ = "#f4756a", Y = "#5d6877", X = {
+const V = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f", B = "#f5c451", $ = "#f4756a", Y = "#5d6877", X = {
   position: "absolute",
   top: "8px",
   right: "8px",
@@ -34,7 +34,7 @@ const B = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f",
   border: "1px solid rgba(255, 255, 255, 0.09)",
   borderRadius: "10px",
   boxShadow: "0 10px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05)",
-  color: B,
+  color: V,
   font: "10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace",
   fontVariantNumeric: "tabular-nums",
   letterSpacing: "0.02em",
@@ -50,7 +50,7 @@ function G(i) {
 }`, i.head.appendChild(e);
 }
 function v(i) {
-  return i <= H ? y : i <= F ? V : $;
+  return i <= H ? y : i <= F ? B : $;
 }
 function A(i) {
   return i >= 1e6 ? `${(i / 1e6).toFixed(1)}M` : i >= 1e4 ? `${(i / 1e3).toFixed(1)}k` : Math.round(i).toLocaleString("en-US");

package/dist/core/dist/scales/tick-tracker.js

@@ -74,8 +74,9 @@ class m {
     const t = [];
     let e = !1;
     for (const [o, r] of this.#t) {
+      r.animating && (e = !0);
       const i = r.current;
-      i <= 0 || (t.push({ value: o, opacity: i }), r.animating && (e = !0));
+      i <= 0 || t.push({ value: o, opacity: i });
     }
     return { entries: t, isAnimating: e };
   }

package/dist/core/dist/scales/time-ticks.js

@@ -0,0 +1,99 @@
+const d = (e) => -new Date(e).getTimezoneOffset() * 6e4, M = () => 0, l = /* @__PURE__ */ new Map();
+function F(e) {
+  const t = U(e.timeZone);
+  return e.interval < 864e5 ? T(e, t) : v(e, t);
+}
+function T(e, t) {
+  const { from: n, to: o, interval: i, max: r } = e, a = [];
+  if (!(Number.isFinite(n) && Number.isFinite(o) && n <= o)) return a;
+  let u = t(n), f = n, c = y({ start: n, offset: u, interval: i });
+  for (; a.length < r; ) {
+    const h = Math.min(c, o);
+    if (t(h) !== u) {
+      const m = g({ from: f, to: h, offsetAt: t });
+      u = t(m), f = m, c = y({ start: m, offset: u, interval: i });
+      continue;
+    }
+    if (c > o) break;
+    a.push(c), f = c, c += i;
+  }
+  return a;
+}
+function y(e) {
+  const { start: t, offset: n, interval: o } = e;
+  return Math.ceil((t + n) / o) * o - n;
+}
+function g(e) {
+  const { offsetAt: t } = e, n = t(e.from);
+  let o = e.from, i = e.to;
+  for (; i - o > 1; ) {
+    const r = Math.floor((o + i) / 2);
+    t(r) === n ? o = r : i = r;
+  }
+  return i;
+}
+function v(e, t) {
+  const { from: n, to: o, interval: i, max: r } = e, a = p(i, new Date(n + t(n))), u = [];
+  for (let f = 0; u.length < r; f++) {
+    const c = C(a(f), t);
+    if (!(c <= o)) break;
+    c >= n && u.push(c);
+  }
+  return u;
+}
+function p(e, t) {
+  const n = t.getUTCFullYear(), o = t.getUTCMonth(), i = t.getUTCDate();
+  if (e >= 31536e6) {
+    const r = Math.round(e / 31536e6), a = Math.floor(n / r) * r;
+    return (u) => s({ year: a + u * r, month: 0, day: 1 });
+  }
+  if (e >= 2592e6) {
+    const r = e >= 7776e6 ? 3 : 1, a = Math.floor(o / r) * r;
+    return (u) => s({ year: n, month: a + u * r, day: 1 });
+  }
+  if (e >= 6048e5) {
+    const r = (t.getUTCDay() + 6) % 7;
+    return (a) => s({ year: n, month: o, day: i - r + a * 7 });
+  }
+  return (r) => s({ year: n, month: o, day: i + r });
+}
+function s(e) {
+  const t = /* @__PURE__ */ new Date(0);
+  return t.setUTCFullYear(e.year, e.month, e.day), t.getTime();
+}
+function C(e, t) {
+  const n = e - t(e - 864e5), o = e - t(e + 864e5), i = n + t(n) === e, r = o + t(o) === e;
+  return i && r ? Math.min(n, o) : r ? o : n;
+}
+function U(e) {
+  if (e === void 0) return d;
+  if (e === "UTC") return M;
+  let t = l.get(e);
+  return t === void 0 && (t = D(e), l.set(e, t)), t;
+}
+function D(e) {
+  const t = new Intl.DateTimeFormat("en-US", {
+    timeZone: e,
+    hourCycle: "h23",
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric"
+  }), n = /* @__PURE__ */ new Map();
+  return (o) => {
+    const i = Math.floor(o / 9e5);
+    let r = n.get(i);
+    return r === void 0 && (n.size >= 4096 && n.clear(), r = w(t, i * 9e5), n.set(i, r)), r;
+  };
+}
+function w(e, t) {
+  const n = { year: 0, month: 1, day: 1, hour: 0, minute: 0, second: 0 };
+  for (const o of e.formatToParts(t))
+    o.type in n && (n[o.type] = Number(o.value));
+  return s({ year: n.year, month: n.month - 1, day: n.day }) + ((n.hour * 60 + n.minute) * 60 + n.second) * 1e3 - t;
+}
+export {
+  F as timeTicks
+};