@wick-charts/vue 0.6.1 → 0.6.2

package/dist/core/dist/animation/config.js

@@ -1,23 +1,23 @@
-import { spring as d } from "./spring.js";
+import { spring as U } from "./spring.js";
 import { resolveAnimationTime as r } from "./time.js";
-import { hermite as D } from "./y-range-hermite.js";
+import { hermite as S } from "./y-range-hermite.js";
 import { snap as u } from "./y-range-snap.js";
-const _ = 250, p = 250, h = 500, J = 400, F = _, S = p, k = h, g = 600, I = _, N = p, R = h, v = _, Y = p, O = h, C = 600, b = 250, x = 600, P = 300, H = 200, K = 150, G = 250, T = 2500, m = 500, B = 100, X = 250, $ = 250, A = {
+const E = 250, p = 250, h = 500, ss = 400, k = E, g = p, I = h, N = 600, R = E, v = p, Y = h, O = E, C = p, b = h, x = 600, P = 250, H = 600, K = 300, G = 200, B = 150, X = 250, _ = 2500, m = 500, $ = 100, w = 250, j = 250, V = 400, f = {
   line: { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 },
   candlestick: { entryMs: 0, smoothMs: 0, introMs: 0 },
   bar: { entryMs: 0, smoothMs: 0, introMs: 0 },
   pie: { entryMs: 0, updateMs: 0 },
   heatmap: { entryMs: 0, updateMs: 0 }
 };
-function w(i) {
+function q(i) {
   if (i !== null && typeof i == "object")
     return {
-      stickyMs: r(i.max, T),
+      stickyMs: r(i.max, _),
       stickyFloorMs: r(i.min, m)
     };
   if (i === void 0)
-    return { stickyMs: T, stickyFloorMs: m };
-  const e = r(i, T);
+    return { stickyMs: _, stickyFloorMs: m };
+  const e = r(i, _);
   return { stickyMs: e, stickyFloorMs: e };
 }
 class y {
@@ -39,32 +39,33 @@ class y {
         {
           y: { curve: u(), settleMs: 0, stickyMs: 0, stickyFloorMs: 0, gestureMs: 0 },
           x: { curve: u(), settleMs: 0, gestureMs: 0 },
-          ticksMs: 0
+          ticksMs: 0,
+          gridMs: 0
         },
         0,
-        A
+        f
       );
-    const s = e === !0 || e === void 0 ? void 0 : e, t = s?.axis, M = t === !1 ? !1 : t?.y, o = t === !1 ? !1 : t?.x, n = t === !1 ? !1 : t?.ticks, a = s?.toggle, c = s?.series, l = M === !1 ? {
+    const s = e === !0 || e === void 0 ? void 0 : e, t = s?.axis, M = t === !1 ? !1 : t?.y, o = t === !1 ? !1 : t?.x, n = t === !1 ? !1 : t?.ticks, a = t === !1 ? !1 : t?.grid, l = s?.toggle, c = s?.series, T = M === !1 ? {
       curve: u(),
       settleMs: 0,
       stickyMs: 0,
       stickyFloorMs: 0,
       gestureMs: 0
     } : {
-      curve: M?.curve ?? D(),
-      settleMs: r(M?.settle, G),
-      ...w(M?.sticky),
-      gestureMs: r(M?.gesture, B)
-    }, E = o === !1 ? {
+      curve: M?.curve ?? S(),
+      settleMs: r(M?.settle, X),
+      ...q(M?.sticky),
+      gestureMs: r(M?.gesture, $)
+    }, A = o === !1 ? {
       curve: u(),
       settleMs: 0,
       gestureMs: 0
     } : {
-      curve: o?.curve ?? d(),
-      settleMs: r(o?.settle, H),
-      gestureMs: r(o?.gesture, K)
-    }, f = n === !1 ? 0 : r(n, $), L = r(a, X), U = j(c);
-    return new y({ y: l, x: E, ticksMs: f }, L, U);
+      curve: o?.curve ?? U(),
+      settleMs: r(o?.settle, G),
+      gestureMs: r(o?.gesture, B)
+    }, L = n === !1 ? 0 : r(n, j), d = a === !1 ? 0 : r(a, V), D = r(l, w), F = z(c);
+    return new y({ y: T, x: A, ticksMs: L, gridMs: d }, D, F);
   }
   /**
    * Per-renderer-type chart-level option payload — merged BEFORE user
@@ -105,8 +106,8 @@ class y {
   overrides(e) {
     const s = {};
     if (e === "line") {
-      const { entryMs: n, smoothMs: a, pulseMs: c, introMs: l } = this.series.line;
-      return n === 0 && (s.entryMs = 0), a === 0 && (s.smoothMs = 0), c === 0 && (s.pulseMs = 0), l === 0 && (s.introMs = 0), s;
+      const { entryMs: n, smoothMs: a, pulseMs: l, introMs: c } = this.series.line;
+      return n === 0 && (s.entryMs = 0), a === 0 && (s.smoothMs = 0), l === 0 && (s.pulseMs = 0), c === 0 && (s.introMs = 0), s;
     }
     if (e === "pie")
       return this.series.pie.entryMs === 0 && (s.entryMs = 0), s;
@@ -120,53 +121,54 @@ class y {
     return t === 0 && (s.entryMs = 0), M === 0 && (s.smoothMs = 0), o === 0 && (s.introMs = 0), s;
   }
 }
-function j(i) {
-  if (i === !1) return A;
+function z(i) {
+  if (i === !1) return f;
   const e = i?.line, s = i?.candlestick, t = i?.bar, M = i?.pie, o = i?.heatmap, n = e === !1 ? { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 } : {
-    entryMs: r(e?.entry, F),
-    smoothMs: r(e?.smooth, S),
-    pulseMs: r(e?.pulse, g),
-    introMs: r(e?.intro, k)
+    entryMs: r(e?.entry, k),
+    smoothMs: r(e?.smooth, g),
+    pulseMs: r(e?.pulse, N),
+    introMs: r(e?.intro, I)
   }, a = s === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
-    entryMs: r(s?.entry, I),
-    smoothMs: r(s?.smooth, N),
-    introMs: r(s?.intro, R)
-  }, c = t === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
-    entryMs: r(t?.entry, v),
-    smoothMs: r(t?.smooth, Y),
-    introMs: r(t?.intro, O)
-  }, l = M === !1 ? { entryMs: 0, updateMs: 0 } : {
-    entryMs: r(M?.entry, C),
-    updateMs: r(M?.update, b)
-  }, E = o === !1 ? { entryMs: 0, updateMs: 0 } : {
-    entryMs: r(o?.entry, x),
-    updateMs: r(o?.update, P)
+    entryMs: r(s?.entry, R),
+    smoothMs: r(s?.smooth, v),
+    introMs: r(s?.intro, Y)
+  }, l = t === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
+    entryMs: r(t?.entry, O),
+    smoothMs: r(t?.smooth, C),
+    introMs: r(t?.intro, b)
+  }, c = M === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(M?.entry, x),
+    updateMs: r(M?.update, P)
+  }, T = o === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(o?.entry, H),
+    updateMs: r(o?.update, K)
   };
-  return { line: n, candlestick: a, bar: c, pie: l, heatmap: E };
+  return { line: n, candlestick: a, bar: l, pie: c, heatmap: T };
 }
 export {
   y as AnimationConfig,
-  v as DEFAULT_BAR_ENTRY,
-  O as DEFAULT_BAR_INTRO,
-  Y as DEFAULT_BAR_SMOOTH,
-  I as DEFAULT_CANDLESTICK_ENTRY,
-  R as DEFAULT_CANDLESTICK_INTRO,
-  N as DEFAULT_CANDLESTICK_SMOOTH,
-  x as DEFAULT_HEATMAP_ENTRY,
-  P as DEFAULT_HEATMAP_UPDATE,
-  J as DEFAULT_HISTORY_REVEAL,
-  F as DEFAULT_LINE_ENTRY,
-  k as DEFAULT_LINE_INTRO,
-  g as DEFAULT_LINE_PULSE,
-  S as DEFAULT_LINE_SMOOTH,
-  C as DEFAULT_PIE_ENTRY,
-  b as DEFAULT_PIE_UPDATE,
-  $ as DEFAULT_TICKS_MS,
-  X as DEFAULT_TOGGLE_MS,
-  K as DEFAULT_X_GESTURE_MS,
-  H as DEFAULT_X_SETTLE_MS,
-  B as DEFAULT_Y_GESTURE_MS,
-  G as DEFAULT_Y_SETTLE_MS,
-  T as DEFAULT_Y_STICKY_MAX_MS,
+  O as DEFAULT_BAR_ENTRY,
+  b as DEFAULT_BAR_INTRO,
+  C as DEFAULT_BAR_SMOOTH,
+  R as DEFAULT_CANDLESTICK_ENTRY,
+  Y as DEFAULT_CANDLESTICK_INTRO,
+  v as DEFAULT_CANDLESTICK_SMOOTH,
+  V as DEFAULT_GRID_MS,
+  H as DEFAULT_HEATMAP_ENTRY,
+  K as DEFAULT_HEATMAP_UPDATE,
+  ss as DEFAULT_HISTORY_REVEAL,
+  k as DEFAULT_LINE_ENTRY,
+  I as DEFAULT_LINE_INTRO,
+  N as DEFAULT_LINE_PULSE,
+  g as DEFAULT_LINE_SMOOTH,
+  x as DEFAULT_PIE_ENTRY,
+  P as DEFAULT_PIE_UPDATE,
+  j as DEFAULT_TICKS_MS,
+  w as DEFAULT_TOGGLE_MS,
+  B as DEFAULT_X_GESTURE_MS,
+  G as DEFAULT_X_SETTLE_MS,
+  $ as DEFAULT_Y_GESTURE_MS,
+  X as DEFAULT_Y_SETTLE_MS,
+  _ as DEFAULT_Y_STICKY_MAX_MS,
   m as DEFAULT_Y_STICKY_MIN_MS
 };

package/dist/core/dist/animation/intro-wave.js

@@ -1,68 +1,66 @@
 import { easeOutCubic as h, easeInOutCubic as n } from "./easing.js";
-class l {
-  #s = 0;
+import { prefersReducedMotion as u } from "./reduced-motion.js";
+class o {
+  #i = 0;
   /** `null` = armed but awaiting the first tick to stamp the start. */
   #t = null;
-  #i = !0;
+  #s = !0;
   /** Clock forwarded by the renderer's `tickAnimations` — keeps test
    *  harnesses (which stub `performance.now`) in control of progression. */
-  #e = 0;
+  #r = 0;
   /**
    * Arm the wave for the upcoming first paint. No-op (stays settled) when
    * the duration is zero/negative or the user prefers reduced motion.
    */
   arm(t) {
     if (t <= 0 || u()) {
-      this.#i = !0;
+      this.#s = !0;
       return;
     }
-    this.#s = t, this.#t = null, this.#i = !1;
+    this.#i = t, this.#t = null, this.#s = !1;
   }
   /** True while the wave still has frames to produce. */
   get active() {
-    return !this.#i;
+    return !this.#s;
   }
   /**
    * Advance the clock. Call once per render pass, before any progress
    * reads. Settles the wave once the full `2 × durationMs` window elapsed.
    */
   tick(t) {
-    this.#i || (this.#e = t, this.#t === null && (this.#t = t), t - this.#t >= this.#s * 2 && (this.#i = !0));
+    this.#s || (this.#r = t, this.#t === null && (this.#t = t), t - this.#t >= this.#i * 2 && (this.#s = !0));
   }
   /**
    * Eased entrance progress in `[0, 1]` for an element at normalized
    * x-position `position` (0 = left edge of the visible window, 1 = right).
    */
   progressAt(t) {
-    if (this.#i) return 1;
+    if (this.#s) return 1;
     if (this.#t === null) return 0;
-    const e = s(t) * this.#s, r = s((this.#e - this.#t - e) / this.#s);
-    return h(r);
+    const r = i(t) * this.#i, e = i((this.#r - this.#t - r) / this.#i);
+    return h(e);
   }
   /** Eased reveal-front position in `[0, 1]` across the full wave window. */
   sweep() {
-    if (this.#i) return 1;
+    if (this.#s) return 1;
     if (this.#t === null) return 0;
-    const t = s((this.#e - this.#t) / (this.#s * 2));
+    const t = i((this.#r - this.#t) / (this.#i * 2));
     return n(t);
   }
   /** Raw (unclamped-by-easing) linear wave progress — drives fades that need
    *  to key off wall-clock position, e.g. the line head-glow bell curve. */
   linear() {
-    return this.#i ? 1 : this.#t === null ? 0 : s((this.#e - this.#t) / (this.#s * 2));
+    return this.#s ? 1 : this.#t === null ? 0 : i((this.#r - this.#t) / (this.#i * 2));
   }
   /** Abort the wave — everything reads settled from the next frame. Called
    *  when the user pans/zooms mid-intro. */
   finish() {
-    this.#i = !0;
+    this.#s = !0;
   }
 }
-function s(i) {
-  return i <= 0 ? 0 : i >= 1 ? 1 : i;
-}
-function u() {
-  return typeof matchMedia != "function" ? !1 : matchMedia("(prefers-reduced-motion: reduce)").matches;
+function i(s) {
+  return s <= 0 ? 0 : s >= 1 ? 1 : s;
 }
 export {
-  l as IntroWave
+  o as IntroWave
 };

package/dist/core/dist/animation/reduced-motion.js

@@ -0,0 +1,6 @@
+function e() {
+  return typeof matchMedia != "function" ? !1 : matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+export {
+  e as prefersReducedMotion
+};

package/dist/core/dist/axis/dom-labels.js

@@ -3,47 +3,47 @@ const F = 0.01;
 function $(g) {
   const { chart: e, container: h, axis: r } = g, s = /* @__PURE__ */ new Map();
   let y = null;
-  const m = r === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
+  const p = r === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
   function k() {
     return r === "x" ? e.timeScale.niceTickValues(e.getDataInterval()) : { ticks: e.yScale.niceTickValues(), tickInterval: 0 };
   }
-  function p(t, o) {
+  function m(t, o) {
     return r === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
   }
   function C(t, o) {
     if (r === "x") {
-      t.style.left = `${e.timeScale.timeToX(o)}px`;
+      t.style.left = `${e.timeScale.timeToSnappedX(o)}px`;
       return;
     }
-    t.style.top = `${e.yScale.valueToY(o)}px`;
+    t.style.top = `${e.yScale.valueToSnappedY(o)}px`;
   }
   function x(t, o) {
     t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
   }
-  function T(t, o, u) {
+  function d(t, o, u) {
     const n = document.createElement("span");
-    return n.textContent = p(t, o), n.style.position = "absolute", n.style.userSelect = "none", x(n, u), n.style.willChange = "opacity", r === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (n.style.right = "8px", n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), h.appendChild(n), n;
+    return n.textContent = m(t, o), n.style.position = "absolute", n.style.userSelect = "none", x(n, u), n.style.willChange = "opacity", r === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (n.style.right = "8px", n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), h.appendChild(n), n;
   }
   function l() {
     const t = e.getTheme(), o = t !== y;
     y = t;
     const { ticks: u, tickInterval: n } = k();
-    m.setCurrentTicks(u);
-    const { entries: d } = m.snapshot(), v = /* @__PURE__ */ new Set();
-    for (const { value: a, opacity: f } of d) {
+    p.setCurrentTicks(u);
+    const { entries: T } = p.snapshot(), S = /* @__PURE__ */ new Set();
+    for (const { value: a, opacity: f } of T) {
       if (f <= F) continue;
-      v.add(a);
+      S.add(a);
       let i = s.get(a);
       if (i === void 0)
-        i = T(a, n, t), s.set(a, i);
+        i = d(a, n, t), s.set(a, i);
       else {
-        const S = p(a, n);
-        i.textContent !== S && (i.textContent = S), o && x(i, t);
+        const v = m(a, n);
+        i.textContent !== v && (i.textContent = v), o && x(i, t);
       }
       C(i, a), i.style.opacity = String(f);
     }
     for (const [a, f] of s)
-      v.has(a) || (f.remove(), s.delete(a));
+      S.has(a) || (f.remove(), s.delete(a));
   }
   function c() {
     e.getAnimationState().animating || l();

package/dist/core/dist/chart/badge-animator.js

@@ -1,6 +1,6 @@
 import { ScalarSpring as g } from "../animation/scalar-spring.js";
-const r = 320, m = 0.15;
-class w {
+const r = 320, V = 0.15;
+class x {
   #t;
   #e;
   #i = !1;
@@ -8,11 +8,11 @@ class w {
     this.#t = new g(i), this.#e = i;
   }
   frame(i) {
-    const { target: t, firstVisible: n, introFront: o, now: s, glide: u = !0, countUp: l = !0, reducedMotion: f = !1 } = i;
-    if (f || !u && !l)
+    const { target: t, firstVisible: n, introFront: o, now: s, glide: u = !0, countUp: l = !0, reducedMotion: p = !1 } = i;
+    if (p || !u && !l)
       return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
     if (o < 1) {
-      const h = n + (t - n) * o, a = l ? h : t;
+      const f = n + (t - n) * o, a = l ? f : t;
       return this.#t.snap(a, { now: s }), this.#e = a, this.#i = !0, { positionValue: a, textValue: a, opacity: this.#s(o), animating: !0 };
     }
     if (!this.#i)
@@ -22,35 +22,31 @@ class w {
     const c = i.settleMs ?? r;
     if (c <= 0)
       return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    Math.abs(t - this.#e) > V && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
-    const p = this.#t.tick(s);
-    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: p };
+    Math.abs(t - this.#e) > m && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
+    const h = this.#t.tick(s);
+    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: h };
   }
   #s(i) {
-    return i >= 1 ? 1 : d(i / m);
+    return i >= 1 ? 1 : d(i / V);
   }
 }
-const V = 1e-9;
+const m = 1e-9;
 function d(e) {
   return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function x(e) {
+function M(e) {
   return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: r } : {
     glide: e.glide ?? !0,
     countUp: e.countUp ?? !0,
     settleMs: e.settleMs ?? r
   };
 }
-function y() {
-  return typeof matchMedia != "function" ? !1 : matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function U(e, i, t) {
+function y(e, i, t) {
   const { from: n } = e.getVisibleRange();
   return e.getStackedValueAtTime(i, n) ?? t;
 }
 export {
-  w as BadgeAnimator,
-  U as firstVisibleValue,
-  y as prefersReducedMotion,
-  x as resolveAnimate
+  x as BadgeAnimator,
+  y as firstVisibleValue,
+  M as resolveAnimate
 };