@wick-charts/vue 0.7.0 → 0.8.1

package/dist/core/dist/series/band.js

@@ -2,15 +2,15 @@ import { Animator as I } from "../animation/animator.js";
 import { DEFAULT_HISTORY_REVEAL as z, DEFAULT_BAND_INTRO as F, DEFAULT_BAND_SMOOTH as O, DEFAULT_BAND_ENTRY as _ } from "../animation/config.js";
 import { easeOutCubic as Y } from "../animation/easing.js";
 import { IntroWave as N } from "../animation/intro-wave.js";
-import { ScalarSpring as S } from "../animation/scalar-spring.js";
+import { ScalarSpring as A } from "../animation/scalar-spring.js";
 import { decimateBandData as $ } from "../data/decimation.js";
 import { TimeSeriesStore as H } from "../data/store.js";
 import { resolveColor as U, hexToRgba as T } from "../utils/color.js";
 import { lerp as L } from "../utils/math.js";
-import { normalizeTime as W } from "../utils/time.js";
-import { unfoldIntro as J, scaleMean as j, backfillSweepIntro as G } from "./line-intro.js";
-import { buildCurveSegments as B, replaySegmentsForward as R, replaySegmentsReversed as Q } from "./painters/canvas-path.js";
-const Z = {
+import { sliceSample as W, normalizeTime as J } from "../utils/time.js";
+import { unfoldIntro as j, scaleMean as G, backfillSweepIntro as Z } from "./line-intro.js";
+import { buildCurveSegments as B, replaySegmentsForward as R, replaySegmentsReversed as q } from "./painters/canvas-path.js";
+const K = {
   colors: ["#2962FF"],
   fill: void 0,
   stroke: { visible: !0, width: 1, color: void 0 },
@@ -22,11 +22,11 @@ const Z = {
   historyRevealMs: z,
   introAnimation: void 0,
   historyReveal: void 0
-}, q = 0.4, K = 0.04, E = 0.6, tt = G();
+}, Q = 0.4, tt = 0.04, E = 0.6, et = Z();
 function k(a, t) {
   return a === !1 ? 0 : a ?? t;
 }
-function V(a, t) {
+function C(a, t) {
   const i = t.stroke;
   return {
     colors: t.colors ?? a.colors,
@@ -46,12 +46,12 @@ function V(a, t) {
     historyReveal: "historyReveal" in t ? t.historyReveal : a.historyReveal
   };
 }
-const et = (a, t, i) => a + (t - a) * i;
+const it = (a, t, i) => a + (t - a) * i;
 function P(a) {
   return a <= 0 ? 0 : a >= 1 ? 1 : a;
 }
-function A(a) {
-  const t = W(a.time), { low: i, high: e } = a;
+function S(a) {
+  const t = J(a.time), { low: i, high: e } = a;
   return !Number.isFinite(i) || !Number.isFinite(e) ? { ...a, time: t, low: Number.NaN, high: Number.NaN } : { ...a, time: t, low: Math.min(i, e), high: Math.max(i, e) };
 }
 function b(a) {
@@ -60,25 +60,25 @@ function b(a) {
 function x(a) {
   return { low: a.low, high: a.high };
 }
-function it(a) {
+function ot(a) {
   const { upperSegs: t, lowerSegs: i } = a;
   for (let e = 0; e < t.length; e++) {
     const o = t[e], s = i[e];
     if (o.kind !== "bezier" || s.kind !== "bezier") continue;
-    const n = C(o.cp1y, s.cp1y), l = C(o.cp2y, s.cp2y);
+    const n = V(o.cp1y, s.cp1y), l = V(o.cp2y, s.cp2y);
     t[e] = { ...o, cp1y: n.top, cp2y: l.top }, i[e] = { ...s, cp1y: n.bottom, cp2y: l.bottom };
   }
 }
-function C(a, t) {
+function V(a, t) {
   if (a <= t) return { top: a, bottom: t };
   const i = (a + t) / 2;
   return { top: i, bottom: i };
 }
-class ot {
+class st {
   store = new H();
   /** Entrance start wall-time per appended point, keyed by point time. */
   entries = /* @__PURE__ */ new Map();
-  alpha = new I({ initial: 1, duration: 0, lerp: et });
+  alpha = new I({ initial: 1, duration: 0, lerp: it });
   /** Displayed edges of the last point; the chase moves them toward the stored ones. */
   displayedLast = null;
   chase = null;
@@ -91,7 +91,7 @@ class ot {
   /** Per-point eases started by `morphData`, keyed by point time; pruned on settle. */
   morphs = /* @__PURE__ */ new Map();
 }
-class st {
+class nt {
   kind = "band";
   #e;
   #t;
@@ -109,10 +109,10 @@ class st {
   /** True while a ghost pre-pass draws — edges only, no fill. */
   #c = !1;
   constructor(t, i) {
-    this.#t = Array.from({ length: Math.max(1, t) }, () => new ot()), this.#e = V(Z, i ?? {});
+    this.#t = Array.from({ length: Math.max(1, t) }, () => new st()), this.#e = C(K, i ?? {});
   }
   updateOptions(t) {
-    this.#e = V(this.#e, t);
+    this.#e = C(this.#e, t);
   }
   applyTheme(t) {
     this.updateOptions({ colors: X(t, this.#t.length) });
@@ -121,7 +121,7 @@ class st {
   setData(t, i = 0) {
     const e = this.#t[i];
     if (!e) return;
-    const o = this.#t.some((l) => l.store.length > 0), s = (t ?? []).map(A);
+    const o = this.#t.some((l) => l.store.length > 0), s = (t ?? []).map(S);
     e.store.setData(s), !o && s.length > 0 && this.#i.arm(this.#e.introMs);
     const n = e.store.last();
     e.displayedLast = n ? x(n) : null, e.chase = null, e.pinned = null, e.morphs.clear(), e.entries.clear(), this.#o.finish(), this.#s = null;
@@ -141,7 +141,7 @@ class st {
     const o = /* @__PURE__ */ new Map();
     for (const h of e.store.getAll())
       o.set(h.time, this.#u(e, h));
-    const s = (t ?? []).map(A);
+    const s = (t ?? []).map(S);
     e.store.setData(s);
     const n = this.#e.smoothMs, l = this.#e.entryAnimation !== "none" && this.#e.entryMs > 0, r = /* @__PURE__ */ new Map();
     for (const h of s) {
@@ -152,8 +152,8 @@ class st {
       }
       if (u.low === h.low && u.high === h.high || n <= 0 || b(h) || !Number.isFinite(u.low)) continue;
       const g = e.morphs.get(h.time) ?? {
-        low: new S(u.low),
-        high: new S(u.high)
+        low: new A(u.low),
+        high: new A(u.high)
       };
       g.low.target !== h.low && g.low.retarget(h.low, { settleMs: n }), g.high.target !== h.high && g.high.retarget(h.high, { settleMs: n }), r.set(h.time, g);
     }
@@ -167,7 +167,7 @@ class st {
   appendPoint(t, i = 0) {
     const e = this.#t[i];
     if (!e) return;
-    const o = A(t), s = e.store.last(), n = e.store.length;
+    const o = S(t), s = e.store.last(), n = e.store.length;
     e.store.append(o);
     const l = e.store.length > n;
     e.chase !== null && s !== void 0 && l && (e.pinned = { time: s.time, chase: e.chase }), e.displayedLast = x(o), e.chase = null, this.#e.entryAnimation !== "none" && this.#e.entryMs > 0 && e.entries.set(o.time, performance.now());
@@ -175,11 +175,11 @@ class st {
   prependPoints(t, i = 0) {
     const e = this.#t[i];
     if (!e || t.length === 0) return;
-    const o = t.map(A), s = e.store.first()?.time;
-    e.store.prepend(o), this.#A(o[0]?.time, s);
+    const o = t.map(S), s = e.store.first()?.time;
+    e.store.prepend(o), this.#S(o[0]?.time, s);
   }
   /** While a reveal is in flight only the range grows — a restart would hide half-revealed points again. */
-  #A(t, i) {
+  #S(t, i) {
     const e = this.#e.historyRevealMs;
     if (!(this.#e.historyReveal === "none" || e <= 0) && !(t === void 0 || i === void 0)) {
       if (this.#o.active && this.#s !== null) {
@@ -192,7 +192,7 @@ class st {
   updateLastPoint(t, i = 0) {
     const e = this.#t[i];
     if (!e) return;
-    const o = A(t), s = e.store.last()?.time;
+    const o = S(t), s = e.store.last()?.time;
     e.store.updateLast(o);
     const n = s === void 0 ? void 0 : e.morphs.get(s);
     s !== void 0 && n !== void 0 && (e.morphs.delete(s), e.displayedLast = { low: n.low.current, high: n.high.current }, e.chase = n);
@@ -203,7 +203,7 @@ class st {
     }
     if (e.chase === null) {
       const r = e.displayedLast, c = r !== null && Number.isFinite(r.low) ? r : x(o);
-      e.chase = { low: new S(c.low), high: new S(c.high) };
+      e.chase = { low: new A(c.low), high: new A(c.high) };
     }
     e.chase.low.retarget(o.low, { settleMs: l }), e.chase.high.retarget(o.high, { settleMs: l });
   }
@@ -239,9 +239,9 @@ class st {
   #g(t) {
     this.#i.tick(t), this.#o.tick(t);
     for (const i of this.#t)
-      i.alpha.tick(t), this.#S(i, t), this.#T(i, t);
+      i.alpha.tick(t), this.#A(i, t), this.#T(i, t);
   }
-  #S(t, i) {
+  #A(t, i) {
     const e = t.chase;
     if (e !== null) {
       const s = e.low.tick(i), n = e.high.tick(i);
@@ -350,7 +350,7 @@ class st {
    * link grows from the previous link's rendered spot, so a feed faster than
    * `entryMs` keeps every head unfurling instead of snapping older ones.
    */
-  #v(t, i) {
+  #w(t, i) {
     if (this.#e.entryAnimation !== "grow") return null;
     const e = this.#t[i], o = this.#k(e);
     if (o.length === 0) return null;
@@ -363,12 +363,12 @@ class st {
     for (let p = 0; p < o.length; p++) {
       const h = s[n + 1 + p], u = this.#l(t, i, h);
       if (u === null) return null;
-      const g = Y(o[p].progress), w = {
+      const g = Y(o[p].progress), v = {
         x: L(c.x, u.x, g),
         top: L(c.top, u.top, g),
         bottom: L(c.bottom, u.bottom, g)
       };
-      r.set(h.time, w), c = w;
+      r.set(h.time, v), c = v;
     }
     return r;
   }
@@ -379,17 +379,17 @@ class st {
     this.#n = null;
     const e = this.#s;
     if (this.#o.active && e !== null) {
-      const n = this.#e.historyReveal ?? tt;
-      n !== "none" && (this.#n = n(this.#C(t, e)));
+      const n = this.#e.historyReveal ?? et;
+      n !== "none" && (this.#n = n(this.#V(t, e)));
     }
     const o = this.#n;
-    this.#w(t, o?.ghostAlpha ?? 0);
+    this.#v(t, o?.ghostAlpha ?? 0);
     const s = this.#D(t, o, e);
     this.#i.active ? this.#R(t) : (this.#a = null, this.#m(t)), s && i.restore();
   }
   #R(t) {
-    const i = (this.#e.introAnimation ?? this.#P())(this.#V(t));
-    this.#a = i, this.#w(t, i.ghostAlpha ?? 0);
+    const i = (this.#e.introAnimation ?? this.#P())(this.#C(t));
+    this.#a = i, this.#v(t, i.ghostAlpha ?? 0);
     const { context: e } = t.scope, { width: o, height: s } = t.scope.bitmapSize, n = i.clip, l = n !== void 0 && (n.fromX !== void 0 || n.toX !== void 0);
     if (l) {
       const r = n.fromX ?? 0, c = n.toX ?? o;
@@ -398,10 +398,10 @@ class st {
     this.#m(t), l && e.restore();
   }
   #P() {
-    return this.#h === null && (this.#h = J()), this.#h;
+    return this.#h === null && (this.#h = j()), this.#h;
   }
   /** Edges-only skeleton under the main pass, so a clip reveal never reads as an empty chart. */
-  #w(t, i) {
+  #v(t, i) {
     if (i <= 0) return;
     const { context: e } = t.scope;
     e.save(), e.globalAlpha *= i, this.#c = !0, this.#m(t), this.#c = !1, e.restore();
@@ -423,16 +423,16 @@ class st {
     const { scope: s, timeScale: n } = t, l = n.getRange();
     let r = e.store.getVisibleData(l.from, l.to);
     if (r.length > s.mediaSize.width * 2 && (r = $(r, Math.round(s.mediaSize.width * 1.5))), r.length === 0) return;
-    const c = r[r.length - 1], p = this.#y(e, r), h = p ? this.#v(t, i) : null, u = this.#B(t, { layerIndex: i, data: r, grown: h });
+    const c = r[r.length - 1], p = this.#y(e, r), h = p ? this.#w(t, i) : null, u = this.#B(t, { layerIndex: i, data: r, grown: h });
     if (u.length === 0) return;
-    const g = p ? this.#d(e, c.time) : 1, w = p && !b(c) && this.#e.entryAnimation === "fade" && g < 1 ? nt(u) : null, { context: m } = s;
+    const g = p ? this.#d(e, c.time) : 1, v = p && !b(c) && this.#e.entryAnimation === "fade" && g < 1 ? rt(u) : null, { context: m } = s;
     m.save(), o < 1 && (m.globalAlpha *= o);
-    const f = this.#r(i), v = { ctx: t, runs: u, color: f, growing: h !== null };
-    if (w === null)
-      this.#p(v);
+    const f = this.#r(i), w = { ctx: t, runs: u, color: f, growing: h !== null };
+    if (v === null)
+      this.#p(w);
     else {
       const { width: d, height: y } = s.bitmapSize;
-      m.save(), m.beginPath(), m.rect(0, 0, w, y), m.clip(), this.#p(v), m.restore(), m.save(), m.beginPath(), m.rect(w, 0, Math.max(0, d - w), y), m.clip(), m.globalAlpha *= g, this.#p(v), m.restore();
+      m.save(), m.beginPath(), m.rect(0, 0, v, y), m.clip(), this.#p(w), m.restore(), m.save(), m.beginPath(), m.rect(v, 0, Math.max(0, d - v), y), m.clip(), m.globalAlpha *= g, this.#p(w), m.restore();
     }
     m.restore();
   }
@@ -466,24 +466,24 @@ class st {
         p.push(f[0]);
         continue;
       }
-      const v = s && m === e.length - 1, d = f.map((M) => ({ x: M.x, y: M.top })), y = f.map((M) => ({ x: M.x, y: M.bottom })), D = {
+      const w = s && m === e.length - 1, d = f.map((M) => ({ x: M.x, y: M.top })), y = f.map((M) => ({ x: M.x, y: M.bottom })), D = {
         upper: d,
         lower: y,
-        upperSegs: B(d, r, v),
-        lowerSegs: B(y, r, v)
+        upperSegs: B(d, r, w),
+        lowerSegs: B(y, r, w)
       };
-      it(D), c.push(D);
+      ot(D), c.push(D);
     }
     if (!this.#c && c.length > 0) {
       n.fillStyle = this.#E({ context: n, paths: c, color: o });
       for (const m of c) {
         n.beginPath(), n.moveTo(m.upper[0].x, m.upper[0].y), R(n, m.upperSegs);
         const f = m.lower[m.lower.length - 1];
-        n.lineTo(f.x, f.y), Q(n, m.lower, m.lowerSegs), n.closePath(), n.fill();
+        n.lineTo(f.x, f.y), q(n, m.lower, m.lowerSegs), n.closePath(), n.fill();
       }
     }
-    const h = this.#e.stroke, u = h.color ?? T(o, E), g = Math.max(1, Math.round(h.width * l)), w = h.visible && h.width > 0;
-    if (w && c.length > 0) {
+    const h = this.#e.stroke, u = h.color ?? T(o, E), g = Math.max(1, Math.round(h.width * l)), v = h.visible && h.width > 0;
+    if (v && c.length > 0) {
       n.beginPath();
       for (const m of c)
         n.moveTo(m.upper[0].x, m.upper[0].y), R(n, m.upperSegs), n.moveTo(m.lower[0].x, m.lower[0].y), R(n, m.lowerSegs);
@@ -493,7 +493,7 @@ class st {
       n.beginPath();
       for (const m of p)
         n.moveTo(m.x, m.top), n.lineTo(m.x, m.bottom);
-      n.strokeStyle = w ? u : T(o, E), n.lineWidth = g, n.lineCap = "round", n.stroke();
+      n.strokeStyle = v ? u : T(o, E), n.lineWidth = g, n.lineCap = "round", n.stroke();
     }
   }
   /** A gradient fill spans the layer's drawn extent this frame; a degenerate extent paints solid. */
@@ -501,8 +501,8 @@ class st {
     const { context: i, paths: e, color: o } = t, s = this.#e.fill;
     if (typeof s == "string") return s;
     const [n, l] = s ?? [
-      T(o, q),
-      T(o, K)
+      T(o, Q),
+      T(o, tt)
     ];
     let r = 1 / 0, c = -1 / 0;
     for (const h of e) {
@@ -516,7 +516,7 @@ class st {
     return p.addColorStop(0, n), p.addColorStop(1, l), p;
   }
   // --- Intro frames ---------------------------------------------------------
-  #V(t) {
+  #C(t) {
     return this.#b(t, {
       progress: this.#i.linear(),
       range: t.timeScale.getRange(),
@@ -524,7 +524,7 @@ class st {
       width: t.timeScale.getMediaWidth() * t.scope.horizontalPixelRatio
     });
   }
-  #C(t, i) {
+  #V(t, i) {
     const { timeScale: e } = t;
     return this.#b(t, {
       progress: this.#o.linear(),
@@ -541,26 +541,26 @@ class st {
     const { timeScale: e, yScale: o, scope: s } = t, { progress: n, range: l, width: r } = i, c = this.#t.length, p = new Array(c), h = new Array(c);
     let u;
     const g = (f) => {
-      const v = p[f];
-      if (v !== void 0) return v;
+      const w = p[f];
+      if (w !== void 0) return w;
       const d = (this.#t[f]?.store.getVisibleData(l.from, l.to) ?? []).map((y) => ({
         time: y.time,
         value: b(y) ? Number.NaN : o.lerpValue(y.low, y.high, 0.5)
       }));
       return p[f] = d, d;
-    }, w = (f) => {
-      const v = h[f];
-      if (v !== void 0) return v;
-      const d = j(g(f), o);
+    }, v = (f) => {
+      const w = h[f];
+      if (w !== void 0) return w;
+      const d = G(g(f), o);
       return h[f] = d, d;
     }, m = () => {
       if (u !== void 0) return u;
       u = null;
       for (let f = 0; f < c; f++) {
         if (this.getLayerAlpha(f) <= 0 || !this.isLayerVisible(f)) continue;
-        const v = g(f).filter((d) => o.isPlottable(d.value));
-        if (!(v.length < 2)) {
-          u = v.map((d) => ({
+        const w = g(f).filter((d) => o.isPlottable(d.value));
+        if (!(w.length < 2)) {
+          u = w.map((d) => ({
             x: e.timeToBitmapXExact(d.time),
             y: o.valueToBitmapYExact(d.value),
             time: d.time
@@ -579,10 +579,10 @@ class st {
       timeToX: (f) => e.timeToBitmapXExact(f),
       xToTime: (f) => e.xToTime(f / s.horizontalPixelRatio),
       valueToY: (f) => o.valueToBitmapYExact(f),
-      lerpValue: (f, v, d) => o.lerpValue(f, v, d),
+      lerpValue: (f, w, d) => o.lerpValue(f, w, d),
       layerCount: c,
       layerData: g,
-      layerMean: w,
+      layerMean: v,
       primaryPath: m
     };
   }
@@ -602,15 +602,15 @@ class st {
       if (u === null) continue;
       const g = this.#r(r);
       o.save(), o.globalAlpha *= p, o.fillStyle = g;
-      for (const w of [u.top, u.bottom])
-        o.save(), o.globalAlpha *= 0.25, o.beginPath(), o.arc(u.x, w, l, 0, Math.PI * 2), o.fill(), o.restore(), o.beginPath(), o.arc(u.x, w, n, 0, Math.PI * 2), o.fill();
+      for (const v of [u.top, u.bottom])
+        o.save(), o.globalAlpha *= 0.25, o.beginPath(), o.arc(u.x, v, l, 0, Math.PI * 2), o.fill(), o.restore(), o.beginPath(), o.arc(u.x, v, n, 0, Math.PI * 2), o.fill();
       o.restore();
     }
   }
   /** The hovered sample where the fill draws it: an entering tail point sits on its grown head. */
   #X(t, i, e) {
     const o = this.#t[i], s = t.timeScale.getRange(), n = o.store.getVisibleData(s.from, s.to);
-    return (this.#y(o, n) ? this.#v(t, i) : null)?.get(e.time) ?? this.#l(t, i, e);
+    return (this.#y(o, n) ? this.#w(t, i) : null)?.get(e.time) ?? this.#l(t, i, e);
   }
   // --- Data queries ---------------------------------------------------------
   /** A sample as a query reports it: the drawn (live-chased) edges, `null` for a gap. */
@@ -670,11 +670,11 @@ class st {
     const t = this.#t[0].store.getAll();
     return t.length < 2 ? null : t[t.length - 2];
   }
-  sampleTimes(t) {
-    for (const i of this.#t) {
-      const e = i.store.getAll();
-      if (e.length !== 0)
-        return e.slice(0, t).map((o) => o.time);
+  sampleTimes(t, i = "start") {
+    for (const e of this.#t) {
+      const o = e.store.getAll();
+      if (o.length !== 0)
+        return W(o, { maxCount: t, from: i }).map((s) => s.time);
     }
     return [];
   }
@@ -708,16 +708,16 @@ class st {
 function X(a, t) {
   return t === 1 ? [a.bands.upper] : a.seriesColors.slice(0, t);
 }
-function nt(a) {
+function rt(a) {
   const t = a[a.length - 1];
   return t.length < 2 ? null : Math.round(t[t.length - 2].x);
 }
-const wt = {
+const yt = {
   type: "band",
   xTypes: ["time", "numeric", "category"],
-  create: ({ theme: a, layerCount: t }, i) => new st(t, { colors: X(a, t), ...i })
+  create: ({ theme: a, layerCount: t }, i) => new nt(t, { colors: X(a, t), ...i })
 };
 export {
-  st as BandRenderer,
-  wt as BandSeriesDef
+  nt as BandRenderer,
+  yt as BandSeriesDef
 };

package/dist/core/dist/series/bar.js

@@ -365,7 +365,7 @@ class tt extends N {
       c >= 0 && B.set(a, c), Y >= 0 && M.set(a, Y);
     }
     for (let a = 0; a < s.length; a++) {
-      const f = this.resolveLayerColor(a, this.stores[a].last()?.value ?? 0);
+      const f = this.resolveLayerColor(a, this.lastFinitePoint(a)?.value ?? 0);
       for (const [c, Y] of b) {
         const x = Y[a];
         if (x === 0) continue;