@wick-charts/vue 0.5.1 → 0.6.1

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

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

package/dist/core/dist/heatmap-tooltip.js

@@ -0,0 +1,16 @@
+import { formatCompact as a } from "./utils/format.js";
+const s = 170, o = 78;
+function i(e) {
+  return Number.isInteger(e) ? e.toString() : a(e);
+}
+function m(e, t) {
+  if (t !== void 0) return t;
+  const r = e.getSeriesIdsByType("heatmap", { visibleOnly: !0 });
+  return r.length > 0 ? r[0] : null;
+}
+export {
+  o as HEATMAP_TOOLTIP_HEIGHT,
+  s as HEATMAP_TOOLTIP_WIDTH,
+  i as defaultHeatmapFormat,
+  m as resolveHeatmapSeriesId
+};

package/dist/core/dist/interactions/handler.js

@@ -1,29 +1,44 @@
-import { EventEmitter as c } from "../events.js";
-import { clamp as u } from "../utils/math.js";
-import { PanHandler as l } from "./pan.js";
+import { EventEmitter as a } from "../events.js";
+import { clamp as l } from "../utils/math.js";
+import { PanHandler as u } from "./pan.js";
 import { ZoomHandler as r } from "./zoom.js";
-function i(n, t) {
-  const e = n.clientX - t.clientX, s = n.clientY - t.clientY;
-  return Math.hypot(e, s);
+function i(o, e) {
+  const t = o.clientX - e.clientX, s = o.clientY - e.clientY;
+  return Math.hypot(t, s);
 }
-class M extends c {
+const d = 5, m = 500;
+class T extends a {
   zoom;
   pan;
   canvas;
   timeScale;
   yScale;
   target;
-  constructor(t, e, s, o) {
-    super(), this.canvas = t, this.target = e, this.timeScale = s, this.yScale = o, this.zoom = new r(e, s), this.pan = new l(e, s, t), t.style.cursor = "crosshair", t.style.touchAction = "none", t.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("mousedown", this.onMouseDown), t.addEventListener("mousemove", this.onMouseMove), t.addEventListener("mouseup", this.onMouseUp), t.addEventListener("mouseleave", this.onMouseLeave), t.addEventListener("dblclick", this.onDblClick), t.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), t.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), t.addEventListener("touchend", this.onTouchEnd), t.addEventListener("touchcancel", this.onTouchCancel);
+  constructor(e, t, s, n) {
+    super(), this.canvas = e, this.target = t, this.timeScale = s, this.yScale = n, this.zoom = new r(t, s), this.pan = new u(t, s, e), e.style.cursor = "crosshair", this.syncPanZoomMode(), e.addEventListener("wheel", this.onWheel, { passive: !1 }), e.addEventListener("mousedown", this.onMouseDown), e.addEventListener("mousemove", this.onMouseMove), e.addEventListener("mouseup", this.onMouseUp), e.addEventListener("mouseleave", this.onMouseLeave), e.addEventListener("click", this.onClick), e.addEventListener("dblclick", this.onDblClick), e.addEventListener("touchstart", this.onTouchStart, { passive: !1 }), e.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), e.addEventListener("touchend", this.onTouchEnd), e.addEventListener("touchcancel", this.onTouchCancel);
   }
-  onWheel = (t) => {
-    this.zoom.handleWheel(t);
+  /** Live read of the target's capability — series can be added or removed at any time. */
+  panZoomEnabled() {
+    return this.target.canPanZoom?.() ?? !0;
+  }
+  /**
+   * Reflect the target's pan/zoom capability into the canvas CSS. While
+   * pan/zoomable, `touch-action: none` hands every touch gesture to the
+   * chart; on a spatial-only target native scrolling stays enabled so the
+   * chart doesn't trap the page. The host re-invokes this whenever the
+   * series mix changes.
+   */
+  syncPanZoomMode() {
+    this.canvas.style.touchAction = this.panZoomEnabled() ? "none" : "auto";
+  }
+  onWheel = (e) => {
+    this.panZoomEnabled() && this.zoom.handleWheel(e);
   };
-  onMouseDown = (t) => {
-    this.zoom.cancelPendingRebound(), this.pan.handleMouseDown(t);
+  onMouseDown = (e) => {
+    this.zoom.cancelPendingRebound(), this.panZoomEnabled() && this.pan.handleMouseDown(e), this.downClient = { x: e.clientX, y: e.clientY };
   };
-  onMouseMove = (t) => {
-    this.pan.isDragging() && this.pan.handleMouseMove(t), this.emitCrosshair(t.offsetX, t.offsetY);
+  onMouseMove = (e) => {
+    this.pan.isDragging() && this.pan.handleMouseMove(e), this.emitCrosshair(e.offsetX, e.offsetY);
   };
   onMouseUp = () => {
     this.pan.handleMouseUp();
@@ -31,54 +46,79 @@ class M extends c {
   onMouseLeave = () => {
     this.pan.handleMouseUp(), this.emit("crosshairMove", null);
   };
-  onDblClick = () => {
+  // Pointer-down origin (mouse or the single touch that started a tap),
+  // used to tell a click/tap from a drag that happened to end over the canvas.
+  downClient = null;
+  onClick = (e) => {
+    this.movedBeyondClickTolerance(e.clientX, e.clientY) || e.detail > 1 || this.emit("click", this.posFromOffset(e.offsetX, e.offsetY));
+  };
+  onDblClick = (e) => {
+    this.emit("dblclick", this.posFromOffset(e.offsetX, e.offsetY));
   };
+  movedBeyondClickTolerance(e, t) {
+    return this.downClient ? Math.hypot(e - this.downClient.x, t - this.downClient.y) > d : !1;
+  }
   // Touch handling
   lastTouchDist = 0;
   touchCount = 0;
-  onTouchStart = (t) => {
-    t.preventDefault(), this.zoom.cancelPendingRebound(), this.touchCount = t.touches.length, t.touches.length === 1 ? this.pan.handleMouseDown({
+  touchDownTime = 0;
+  // True once a gesture has ever held two fingers (a pinch). A pinch is never a
+  // tap, even after it decays to one finger, so this gates tap synthesis in
+  // onTouchEnd — otherwise lifting both fingers in quick succession would
+  // synthesize a phantom 'click'.
+  gestureHadTwoFingers = !1;
+  onTouchStart = (e) => {
+    this.panZoomEnabled() && (e.preventDefault(), this.zoom.cancelPendingRebound(), this.touchCount = e.touches.length, e.touches.length === 1 ? (this.pan.handleMouseDown({
       button: 0,
-      clientX: t.touches[0].clientX
-    }) : t.touches.length === 2 && (this.lastTouchDist = i(t.touches[0], t.touches[1]));
+      clientX: e.touches[0].clientX
+    }), this.downClient = { x: e.touches[0].clientX, y: e.touches[0].clientY }, this.touchDownTime = Date.now(), this.gestureHadTwoFingers = !1) : e.touches.length === 2 && (this.lastTouchDist = i(e.touches[0], e.touches[1]), this.gestureHadTwoFingers = !0));
   };
-  onTouchMove = (t) => {
-    if (t.preventDefault(), t.touches.length === 1 && this.touchCount === 1)
-      this.pan.handleMouseMove({
-        clientX: t.touches[0].clientX
-      });
-    else if (t.touches.length === 2) {
-      const e = i(t.touches[0], t.touches[1]), s = (t.touches[0].clientX + t.touches[1].clientX) / 2, o = this.canvas.getBoundingClientRect();
-      if (e > 0 && this.lastTouchDist > 0) {
-        const h = u(this.lastTouchDist / e, 0.1, 10), a = this.timeScale.xToTime(s - o.left);
-        this.target.zoomAt(a, h, this.timeScale.getMediaWidth());
+  onTouchMove = (e) => {
+    if (this.panZoomEnabled()) {
+      if (e.preventDefault(), e.touches.length === 1 && this.touchCount === 1)
+        this.pan.handleMouseMove({
+          clientX: e.touches[0].clientX
+        });
+      else if (e.touches.length === 2) {
+        const t = i(e.touches[0], e.touches[1]), s = (e.touches[0].clientX + e.touches[1].clientX) / 2, n = this.canvas.getBoundingClientRect();
+        if (t > 0 && this.lastTouchDist > 0) {
+          const h = l(this.lastTouchDist / t, 0.1, 10), c = this.timeScale.xToTime(s - n.left);
+          this.target.zoomAt(c, h, this.timeScale.getMediaWidth());
+        }
+        this.lastTouchDist = t;
       }
-      this.lastTouchDist = e;
     }
   };
-  onTouchEnd = (t) => {
-    if (t.touches.length === 0) {
-      this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0, this.emit("crosshairMove", null);
+  onTouchEnd = (e) => {
+    if (e.touches.length === 0) {
+      const t = e.changedTouches[0];
+      if (this.touchCount === 1 && !this.gestureHadTwoFingers && t && !this.movedBeyondClickTolerance(t.clientX, t.clientY) && Date.now() - this.touchDownTime <= m) {
+        const s = this.canvas.getBoundingClientRect();
+        this.emit("click", this.posFromOffset(t.clientX - s.left, t.clientY - s.top));
+      }
+      this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0, this.downClient = null, this.gestureHadTwoFingers = !1, this.emit("crosshairMove", null);
       return;
     }
-    t.touches.length === 1 && (this.touchCount = 1, this.lastTouchDist = 0, this.pan.handleMouseDown({ button: 0, clientX: t.touches[0].clientX }));
+    e.touches.length === 1 && this.touchCount === 2 && (this.touchCount = 1, this.lastTouchDist = 0, this.pan.handleMouseDown({ button: 0, clientX: e.touches[0].clientX }), this.downClient = { x: e.touches[0].clientX, y: e.touches[0].clientY }, this.touchDownTime = Date.now());
   };
   onTouchCancel = () => {
-    this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0, this.emit("crosshairMove", null);
+    this.pan.handleMouseUp(), this.touchCount = 0, this.lastTouchDist = 0, this.downClient = null, this.gestureHadTwoFingers = !1, this.emit("crosshairMove", null);
   };
-  emitCrosshair(t, e) {
-    const s = this.timeScale.xToTime(t), o = this.yScale.yToValue(e);
-    this.emit("crosshairMove", {
-      mediaX: t,
-      mediaY: e,
-      time: s,
-      y: o
-    });
+  posFromOffset(e, t) {
+    return {
+      mediaX: e,
+      mediaY: t,
+      time: this.timeScale.xToTime(e),
+      y: this.yScale.yToValue(t)
+    };
+  }
+  emitCrosshair(e, t) {
+    this.emit("crosshairMove", this.posFromOffset(e, t));
   }
   destroy() {
-    this.zoom.cancelPendingRebound(), this.canvas.removeEventListener("wheel", this.onWheel), this.canvas.removeEventListener("mousedown", this.onMouseDown), this.canvas.removeEventListener("mousemove", this.onMouseMove), this.canvas.removeEventListener("mouseup", this.onMouseUp), this.canvas.removeEventListener("mouseleave", this.onMouseLeave), this.canvas.removeEventListener("dblclick", this.onDblClick), this.canvas.removeEventListener("touchstart", this.onTouchStart), this.canvas.removeEventListener("touchmove", this.onTouchMove), this.canvas.removeEventListener("touchend", this.onTouchEnd), this.canvas.removeEventListener("touchcancel", this.onTouchCancel), this.removeAllListeners();
+    this.zoom.cancelPendingRebound(), this.canvas.removeEventListener("wheel", this.onWheel), this.canvas.removeEventListener("mousedown", this.onMouseDown), this.canvas.removeEventListener("mousemove", this.onMouseMove), this.canvas.removeEventListener("mouseup", this.onMouseUp), this.canvas.removeEventListener("mouseleave", this.onMouseLeave), this.canvas.removeEventListener("click", this.onClick), this.canvas.removeEventListener("dblclick", this.onDblClick), this.canvas.removeEventListener("touchstart", this.onTouchStart), this.canvas.removeEventListener("touchmove", this.onTouchMove), this.canvas.removeEventListener("touchend", this.onTouchEnd), this.canvas.removeEventListener("touchcancel", this.onTouchCancel), this.removeAllListeners();
   }
 }
 export {
-  M as InteractionHandler
+  T as InteractionHandler
 };

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

@@ -10,14 +10,14 @@ function N(i) {
     ownsMonitor: !e
   };
 }
-const P = 100, z = 600, f = 250, F = 1e3 / 60, H = 1e3 / 120, m = 60, b = 4, O = 34, S = 64, j = 24;
+const P = 100, z = 600, f = 250, F = 1e3 / 60, H = 1e3 / 120, m = 60, b = 4, j = 34, S = 64, L = 24;
 function I(i) {
   let e = 0;
   for (const t of i)
     t > e && (e = t);
   return Math.max(10, Math.ceil(e / 10) * 10);
 }
-function L(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 = {
@@ -233,7 +233,7 @@ class D {
     }), this.element.insertBefore(this.sparkHost, this.element.firstChild)) : (Object.assign(this.sparkHost.style, {
       position: "relative",
       inset: "auto",
-      height: `${O}px`,
+      height: `${j}px`,
       marginTop: "7px",
       borderRadius: "4px",
       opacity: "1",
@@ -271,7 +271,7 @@ class D {
       const t = performance.now(), n = new R(e, {
         theme: T({ background: "#10141c" }).theme,
         axis: {
-          y: { visible: !1, width: 0, min: L, max: I },
+          y: { visible: !1, width: 0, min: O, max: I },
           x: { visible: !1, height: 0 }
         },
         // Bottom padding keeps the zero baseline clearly on canvas — at 0 the
@@ -308,7 +308,7 @@ class D {
   }
   /** Keeps the plateau below the FPS number (mini) or the Y tick (strip). */
   sparkPaddingTop() {
-    return this.mode === "mini" ? j : 12;
+    return this.mode === "mini" ? L : 12;
   }
   /** Append one FPS sample to the sparkline chart and roll its window. */
   appendSpark(e) {

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

@@ -1,13 +1,13 @@
-import { niceTimeIntervals as u } from "../utils/time.js";
-import { AxisTickTracker as m } from "./tick-tracker.js";
-const c = 50, f = 80;
+import { formatTime as m, niceTimeIntervals as c } from "../utils/time.js";
+import { AxisTickTracker as f } from "./tick-tracker.js";
+const o = 50, v = 80;
 class p {
   /**
    * 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
    * identical on both surfaces.
    */
-  tickTracker = new m();
+  tickTracker = new f();
   from = 0;
   to = 0;
   width = 1;
@@ -16,6 +16,12 @@ class p {
   // Label density knobs — written by <TimeAxis labelCount=… minLabelSpacing=…>.
   labelCountHintValue = null;
   minSpacingValue = null;
+  /** Custom formatter (driven by `setFormat` / a future `<TimeAxis format=…>`). */
+  customFormat = null;
+  /** Custom tick generator — bypasses tier resolution in `niceTickValues` when set. */
+  customTickGenerator = null;
+  localeValue;
+  timeZoneValue;
   resolvedInterval = null;
   lastInterval = null;
   /**
@@ -31,20 +37,58 @@ class p {
     return this.labelCountHintValue;
   }
   get minLabelSpacing() {
-    return this.minSpacingValue ?? f;
+    return this.minSpacingValue ?? v;
   }
-  update(t, s, a, e) {
-    if (this.from = t.from, this.to = t.to, this.width = s, this.pixelRatio = a, e !== void 0 && e > 0) {
-      const n = h(e);
-      this.lastBucketKey !== null && this.lastBucketKey !== n && this.resetHysteresis(), this.lastBucketKey = n, this.dataInterval = e;
+  update(t, e, n, r) {
+    if (this.from = t.from, this.to = t.to, this.width = e, this.pixelRatio = n, r !== void 0 && r > 0) {
+      const a = h(r);
+      this.lastBucketKey !== null && this.lastBucketKey !== a && this.resetHysteresis(), this.lastBucketKey = a, this.dataInterval = r;
     }
     this.resolveInterval();
   }
   setLabelCount(t) {
-    this.labelCountHintValue = v(t), this.resetHysteresis(), this.resolveInterval();
+    this.labelCountHintValue = d(t), this.resetHysteresis(), this.resolveInterval();
   }
   setMinSpacing(t) {
-    this.minSpacingValue = d(t), this.resetHysteresis(), this.resolveInterval();
+    this.minSpacingValue = I(t), this.resetHysteresis(), this.resolveInterval();
+  }
+  /** Install (or clear) a custom tick-label formatter. */
+  setFormat(t) {
+    this.customFormat = t;
+  }
+  /** Read back the currently installed formatter — null when the built-in is active. */
+  getFormat() {
+    return this.customFormat;
+  }
+  /**
+   * Install (or clear) a custom tick-value generator. When set, it replaces
+   * `niceTimeIntervals` tier resolution entirely — `niceTickValues` calls it
+   * directly with the current range and reports its own tick spacing.
+   */
+  setTickGenerator(t) {
+    this.customTickGenerator = t, this.resetHysteresis();
+  }
+  /** BCP 47 locale applied to the built-in formatter. Ignored while a custom `setFormat` is installed. */
+  setLocale(t) {
+    this.localeValue = t;
+  }
+  getLocale() {
+    return this.localeValue;
+  }
+  /** IANA timezone applied to the built-in formatter. Ignored while a custom `setFormat` is installed. */
+  setTimeZone(t) {
+    this.timeZoneValue = t;
+  }
+  getTimeZone() {
+    return this.timeZoneValue;
+  }
+  /**
+   * Format a tick timestamp for display. A custom formatter (via
+   * {@link setFormat}) wins; otherwise falls back to the built-in
+   * `formatTime`, applying the installed locale/timezone.
+   */
+  formatX(t, e) {
+    return this.customFormat ? this.customFormat(t, e) : m(t, e, { locale: this.localeValue, timeZone: this.timeZoneValue });
   }
   resetHysteresis() {
     this.lastInterval = null, this.lastWant = null;
@@ -74,14 +118,18 @@ class p {
    */
   niceTickValues(t) {
     if (this.to <= this.from) return { ticks: [], tickInterval: 0 };
+    if (this.customTickGenerator) {
+      const i = this.customTickGenerator({ from: this.from, to: this.to }, t).slice(0, o), l = i.length >= 2 ? i[1] - i[0] : t;
+      return { ticks: i, tickInterval: l };
+    }
     if (this.dataInterval !== t) {
-      const r = h(t);
-      this.lastBucketKey !== null && this.lastBucketKey !== r && this.resetHysteresis(), this.lastBucketKey = r, this.dataInterval = t, this.resolveInterval();
+      const i = h(t);
+      this.lastBucketKey !== null && this.lastBucketKey !== i && this.resetHysteresis(), this.lastBucketKey = i, this.dataInterval = t, this.resolveInterval();
     }
     if (this.resolvedInterval == null) return { ticks: [], tickInterval: 0 };
-    const s = this.resolvedInterval, a = Math.ceil(this.from / s) * s, e = Math.max(0, Math.min(c, Math.floor((this.to - a) / s) + 1)), n = [];
-    for (let r = 0; r < e; r++) n.push(a + r * s);
-    return { ticks: n, tickInterval: s };
+    const e = this.resolvedInterval, n = Math.ceil(this.from / e) * e, r = Math.max(0, Math.min(o, Math.floor((this.to - n) / e) + 1)), a = [];
+    for (let i = 0; i < r; i++) a.push(n + i * e);
+    return { ticks: a, tickInterval: e };
   }
   getRange() {
     return { from: this.from, to: this.to };
@@ -99,46 +147,46 @@ class p {
       this.resolvedInterval = null;
       return;
     }
-    const t = u(this.dataInterval), s = this.to - this.from, a = s / this.width * this.minLabelSpacing;
-    let e;
+    const t = c(this.dataInterval), e = this.to - this.from, n = e / this.width * this.minLabelSpacing;
+    let r;
     if (this.labelCountHint != null) {
       const l = Math.max(1, this.labelCountHint);
-      e = Math.max(s / l, a);
+      r = Math.max(e / l, n);
     } else
-      e = a;
+      r = n;
     if (this.lastInterval != null && this.lastWant != null && t.includes(this.lastInterval)) {
-      const l = e >= this.lastWant * 0.8 && e <= this.lastWant * 1.25, o = this.lastInterval >= a;
-      if (l && o) {
+      const l = r >= this.lastWant * 0.8 && r <= this.lastWant * 1.25, u = this.lastInterval >= n;
+      if (l && u) {
         this.resolvedInterval = this.lastInterval;
         return;
       }
     }
-    let n = t[t.length - 1], r = t.length - 1;
+    let a = t[t.length - 1], i = t.length - 1;
     for (let l = 0; l < t.length; l++)
-      if (t[l] >= e) {
-        n = t[l], r = l;
+      if (t[l] >= r) {
+        a = t[l], i = l;
         break;
       }
-    if (this.labelCountHint != null && r > 0 && this.countTicks(n) < this.labelCountHint) {
-      const l = t[r - 1];
-      l >= a && (n = l);
+    if (this.labelCountHint != null && i > 0 && this.countTicks(a) < this.labelCountHint) {
+      const l = t[i - 1];
+      l >= n && (a = l);
     }
-    this.resolvedInterval = n, this.lastInterval = n, this.lastWant = e;
+    this.resolvedInterval = a, this.lastInterval = a, this.lastWant = r;
   }
   countTicks(t) {
     if (!(t > 0)) return 0;
-    const s = Math.ceil(this.from / t) * t;
-    return Math.max(0, Math.floor((this.to - s) / t) + 1);
+    const e = Math.ceil(this.from / t) * t;
+    return Math.max(0, Math.floor((this.to - e) / t) + 1);
   }
 }
-function h(i) {
-  return i < 6e4 ? 0 : i < 36e5 ? 1 : i < 864e5 ? 2 : 3;
+function h(s) {
+  return s < 6e4 ? 0 : s < 36e5 ? 1 : s < 864e5 ? 2 : 3;
 }
-function v(i) {
-  return typeof i == "number" && Number.isFinite(i) && i >= 2 ? Math.floor(i) : null;
+function d(s) {
+  return typeof s == "number" && Number.isFinite(s) && s >= 2 ? Math.floor(s) : null;
 }
-function d(i) {
-  return typeof i == "number" && Number.isFinite(i) && i > 0 ? i : null;
+function I(s) {
+  return typeof s == "number" && Number.isFinite(s) && s > 0 ? s : null;
 }
 export {
   p as XScale