@wick-charts/vue 0.7.0 → 0.8.1

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

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

package/dist/core/dist/scales/x-scale.js

@@ -1,10 +1,11 @@
-import { clamp as d } from "../utils/math.js";
+import { clamp as f } from "../utils/math.js";
 import { crispCenterOffset as v } from "../utils/pixel-grid.js";
-import { formatTime as g, niceTimeIntervals as p } from "../utils/time.js";
+import { formatTime as p, niceTimeIntervals as g } from "../utils/time.js";
 import { AxisTickTracker as I } from "./tick-tracker.js";
-import { pickNiceCeiling as b, pickNiceFloor as k } from "./y-scale.js";
-const o = 50, y = 80, h = 0.3, u = 0.2;
-class W {
+import { timeTicks as k } from "./time-ticks.js";
+import { pickNiceCeiling as b, pickNiceFloor as y } from "./y-scale.js";
+const o = 50, T = 80, h = 0.3, u = 0.2;
+class w {
   /**
    * Shared fade state for time ticks. Grid lines (canvas) and DOM tick labels
    * read opacity from the same tracker, so a tick fading in/out looks
@@ -44,20 +45,20 @@ class W {
     return this.labelCountHintValue;
   }
   get minLabelSpacing() {
-    return this.minSpacingValue ?? y;
+    return this.minSpacingValue ?? T;
   }
   update(t, i, s, e) {
     if (this.from = t.from, this.to = t.to, this.width = i, this.pixelRatio = s, this.type === "time" && e !== void 0 && e > 0) {
-      const r = c(e);
+      const r = m(e);
       this.lastBucketKey !== null && this.lastBucketKey !== r && this.resetHysteresis(), this.lastBucketKey = r, this.dataInterval = e;
     }
     this.resolveInterval();
   }
   setLabelCount(t) {
-    this.labelCountHintValue = M(t), this.resetHysteresis(), this.resolveInterval();
+    this.labelCountHintValue = x(t), this.resetHysteresis(), this.resolveInterval();
   }
   setMinSpacing(t) {
-    this.minSpacingValue = x(t), this.resetHysteresis(), this.resolveInterval();
+    this.minSpacingValue = V(t), this.resetHysteresis(), this.resolveInterval();
   }
   setFormat(t) {
     this.customFormat = t;
@@ -83,8 +84,8 @@ class W {
   /** Band spacing on a category axis; an omitted or invalid side takes its default. */
   setBandPadding(t) {
     this.bandPadding = {
-      inner: m({ value: t?.inner, fallback: h, max: 1 }),
-      outer: m({ value: t?.outer, fallback: u, max: 1 / 0 })
+      inner: c({ value: t?.inner, fallback: h, max: 1 }),
+      outer: c({ value: t?.outer, fallback: u, max: 1 / 0 })
     };
   }
   getBandPadding() {
@@ -110,7 +111,7 @@ class W {
    */
   snapToBand(t) {
     const i = this.categories.length;
-    return this.type !== "category" || i === 0 ? t : d(Math.round(t), 0, i - 1);
+    return this.type !== "category" || i === 0 ? t : f(Math.round(t), 0, i - 1);
   }
   /**
    * An internal coordinate in the axis domain: the category name at that
@@ -151,7 +152,7 @@ class W {
    */
   formatX(t, i) {
     const s = this.domainValue(t);
-    return this.customFormat ? this.customFormat(s, i) : this.type === "category" ? String(s) : this.type === "numeric" ? T({ value: t, step: i, locale: this.localeValue }) : g(t, i, { locale: this.localeValue, timeZone: this.timeZoneValue });
+    return this.customFormat ? this.customFormat(s, i) : this.type === "category" ? String(s) : this.type === "numeric" ? M({ value: t, step: i, locale: this.localeValue }) : p(t, i, { locale: this.localeValue, timeZone: this.timeZoneValue });
   }
   /**
    * Format a data point's X for a tooltip or info-bar header. Like
@@ -197,7 +198,9 @@ class W {
     return Math.max(1, Math.round(this.barWidthMedia(t) * this.pixelRatio));
   }
   /**
-   * Evenly spaced "nice" tick times. Resolution uses the cached
+   * "Nice" tick values. A time axis puts them on calendar boundaries in the
+   * installed time zone (Jan 1, the 1st of a month, midnight), so their gaps
+   * vary; `tickInterval` is the tier's nominal span. Resolution uses the cached
    * `dataInterval` set by `update()`; callers that bypass `update()` can
    * still pass it here for back-compat.
    */
@@ -209,11 +212,14 @@ class W {
     }
     if (this.type === "category") return this.bandTicks();
     if (this.type === "time" && this.dataInterval !== t) {
-      const a = c(t);
+      const a = m(t);
       this.lastBucketKey !== null && this.lastBucketKey !== a && this.resetHysteresis(), this.lastBucketKey = a, this.dataInterval = t, this.resolveInterval();
     }
     if (this.resolvedInterval == null) return { ticks: [], tickInterval: 0 };
-    const i = this.resolvedInterval, s = Math.ceil(this.from / i) * i, e = Math.max(0, Math.min(o, Math.floor((this.to - s) / i) + 1)), r = [];
+    const i = this.resolvedInterval;
+    if (this.type === "time")
+      return { ticks: k({ from: this.from, to: this.to, interval: i, timeZone: this.timeZoneValue, max: o }), tickInterval: i };
+    const s = Math.ceil(this.from / i) * i, e = Math.max(0, Math.min(o, Math.floor((this.to - s) / i) + 1)), r = [];
     for (let a = 0; a < e; a++) r.push(s + a * i);
     return { ticks: r, tickInterval: i };
   }
@@ -244,7 +250,7 @@ class W {
       this.resolvedInterval = null;
       return;
     }
-    const t = p(this.dataInterval), i = this.to - this.from, s = i / this.width * this.minLabelSpacing;
+    const t = g(this.dataInterval), i = this.to - this.from, s = i / this.width * this.minLabelSpacing;
     let e;
     if (this.labelCountHint != null) {
       const l = Math.max(1, this.labelCountHint);
@@ -252,8 +258,8 @@ class W {
     } else
       e = s;
     if (this.lastInterval != null && this.lastWant != null && t.includes(this.lastInterval)) {
-      const l = e >= this.lastWant * 0.8 && e <= this.lastWant * 1.25, f = this.lastInterval >= s;
-      if (l && f) {
+      const l = e >= this.lastWant * 0.8 && e <= this.lastWant * 1.25, d = this.lastInterval >= s;
+      if (l && d) {
         this.resolvedInterval = this.lastInterval;
         return;
       }
@@ -289,7 +295,7 @@ class W {
     }
     let r = b(e);
     if (this.labelCountHint != null && this.countTicks(r) < this.labelCountHint) {
-      const a = k(e);
+      const a = y(e);
       a >= i && (r = a);
     }
     this.resolvedInterval = r, this.lastInterval = r, this.lastWant = e;
@@ -300,23 +306,23 @@ class W {
     return Math.max(0, Math.floor((this.to - i) / t) + 1);
   }
 }
-function c(n) {
+function m(n) {
   return n < 6e4 ? 0 : n < 36e5 ? 1 : n < 864e5 ? 2 : 3;
 }
-function T(n) {
-  const { value: t, step: i, locale: s } = n, e = Number.isFinite(i) && i > 0 ? -Math.floor(Math.log10(i)) : 2, r = d(e, 0, 20);
+function M(n) {
+  const { value: t, step: i, locale: s } = n, e = Number.isFinite(i) && i > 0 ? -Math.floor(Math.log10(i)) : 2, r = f(e, 0, 20);
   return t.toLocaleString(s ?? "en-US", { maximumFractionDigits: r });
 }
-function m(n) {
+function c(n) {
   const { value: t, fallback: i, max: s } = n;
   return t === void 0 || !Number.isFinite(t) || t < 0 ? i : Math.min(t, s);
 }
-function M(n) {
+function x(n) {
   return typeof n == "number" && Number.isFinite(n) && n >= 2 ? Math.floor(n) : null;
 }
-function x(n) {
+function V(n) {
   return typeof n == "number" && Number.isFinite(n) && n > 0 ? n : null;
 }
 export {
-  W as XScale
+  w as XScale
 };