@wick-charts/vue 0.6.1 → 0.6.3

package/dist/core/dist/series/heatmap.js

@@ -5,7 +5,7 @@ import { sampleRamp as Y, deriveHeatmapRamp as st, mixColors as et, isLightColor
 import { formatCompact as ot } from "../utils/format.js";
 import { clamp as v, smoothToward as z } from "../utils/math.js";
 import { fillRoundedRect as nt } from "./painters/canvas-path.js";
-const E = {
+const P = {
   fontSize: 10
 };
 function ht(r, s) {
@@ -20,9 +20,9 @@ const lt = {
   updateMs: Q
 };
 function rt(r) {
-  return r === void 0 || r === !1 ? !1 : r === !0 ? E : { ...E, ...r };
+  return r === void 0 || r === !1 ? !1 : r === !0 ? P : { ...P, ...r };
 }
-function P(r, s) {
+function E(r, s) {
   const t = {
     ...r,
     ...s,
@@ -90,14 +90,14 @@ class ct {
    */
   #g;
   /** Data extent cached by {@link #rebuildGrid} — see {@link #domain}. */
-  #b = { min: 0, max: 1 };
+  #M = { min: 0, max: 1 };
   constructor(s, t) {
-    this.#t = P(lt, s ?? {}), this.#r = this.#t.entryMs === 0, this.#g = t ?? null;
+    this.#t = E(lt, s ?? {}), this.#r = this.#t.entryMs === 0, this.#g = t ?? null;
   }
   // --- Data ingest -----------------------------------------------------------
   setData(s) {
     const t = this.#x(), e = this.#s.length > 0;
-    if (this.#c = s ?? [], this.#M(), e && this.#x() === t) {
+    if (this.#c = s ?? [], this.#b(), e && this.#x() === t) {
       for (const o of this.#s)
         this.#n.has(o.key) || this.#n.set(o.key, o.value);
       this.#u = this.#t.updateMs > 0;
@@ -118,7 +118,7 @@ class ct {
   }
   updateOptions(s) {
     const t = this.#t.columns, e = this.#t.rows;
-    this.#t = P(this.#t, s ?? {}), (this.#t.columns !== t || this.#t.rows !== e) && this.#M(), this.#t.entryMs === 0 && (this.#r = !0), this.#t.updateMs === 0 && (this.#u = !1), this.#o = null;
+    this.#t = E(this.#t, s ?? {}), (this.#t.columns !== t || this.#t.rows !== e) && this.#b(), this.#t.entryMs === 0 && (this.#r = !0), this.#t.updateMs === 0 && (this.#u = !1), this.#o = null;
   }
   // --- Layer model (single-layer no-ops, mirroring pie) ----------------------
   getLayerCount() {
@@ -210,7 +210,7 @@ class ct {
    * and place every datum. On duplicate (x, y) coordinates the last datum
    * wins — matching "latest sample replaces" streaming intuition.
    */
-  #M() {
+  #b() {
     const s = this.#x(), t = this.#t.columns ? [...this.#t.columns] : [], e = this.#t.rows ? [...this.#t.rows] : [], o = new Map(t.map((i, n) => [i, n])), h = new Map(e.map((i, n) => [i, n]));
     for (const i of this.#c)
       !this.#t.columns && !o.has(i.x) && (o.set(i.x, t.length), t.push(i.x)), !this.#t.rows && !h.has(i.y) && (h.set(i.y, e.length), e.push(i.y));
@@ -229,7 +229,7 @@ class ct {
       };
       u >= 0 ? this.#s[u] = c : (this.#h[a] = this.#s.length, this.#s.push(c));
     }
-    this.#x() !== s && (this.#l = new Array(this.#h.length).fill(0), this.#a = -1), this.#b = this.#w();
+    this.#x() !== s && (this.#l = new Array(this.#h.length).fill(0), this.#a = -1), this.#M = this.#w();
   }
   /**
    * Scan the placed cells for the finite-value extent. Called once per
@@ -249,7 +249,7 @@ class ct {
   }
   /** Value domain: explicit option bounds win, else the cached data extent. */
   #d() {
-    const { min: s, max: t } = this.#b;
+    const { min: s, max: t } = this.#M;
     return {
       min: this.#t.min ?? s,
       max: this.#t.max ?? Math.max(t, this.#t.min ?? s)
@@ -264,7 +264,7 @@ class ct {
     if (this.#s.length === 0) return;
     const { scope: t, theme: e, padding: o } = s, { context: h, bitmapSize: i, horizontalPixelRatio: n, verticalPixelRatio: l } = t, a = performance.now(), u = this.#p ? Math.min(0.05, (a - this.#p) / 1e3) : 0;
     this.#p = a, this.#m === 0 && (this.#m = a), this.#H(u), this.#L(u);
-    const { min: c, max: f } = this.#d(), M = f - c, X = this.#y(e), H = Z(e), L = `${H * n}px ${e.typography.fontFamily}`, T = this.#t.axisLabels ? this.#T({ context: h, font: L, fontSize: H, hpr: n, vpr: l }) : { left: 0, bottom: 0 }, m = O({
+    const { min: c, max: f } = this.#d(), b = f - c, X = this.#y(e), H = Z(e), L = `${H * n}px ${e.typography.fontFamily}`, T = this.#t.axisLabels ? this.#T({ context: h, font: L, fontSize: H, hpr: n, vpr: l }) : { left: 0, bottom: 0 }, m = O({
       bitmapWidth: i.width,
       bitmapHeight: i.height,
       padTop: o.top * l,
@@ -287,12 +287,12 @@ class ct {
         const K = (p.col + p.row) / U * x, D = v((a - this.#m - K) / x, 0, 1);
         if (D < 1 && ($ = !1), y = J(D), y <= 0) continue;
       }
-      const w = this.#n.get(p.key) ?? p.value, j = Number.isFinite(w) && M > 0 ? v((w - c) / M, 0, 1) : 0;
-      let b = p.color ?? Y(X, j);
+      const w = this.#n.get(p.key) ?? p.value, j = Number.isFinite(w) && b > 0 ? v((w - c) / b, 0, 1) : 0;
+      let M = p.color ?? Y(X, j);
       const G = p.row * this.#e.length + p.col, g = this.#l[G] ?? 0;
-      g > 0.01 && (b = et(b, e.tooltip.textColor, 0.1 * g), h.shadowColor = "rgba(0, 0, 0, 0.3)", h.shadowBlur = 12 * n * g, h.shadowOffsetY = 3 * l * g);
+      g > 0.01 && (M = et(M, e.tooltip.textColor, 0.1 * g), h.shadowColor = "rgba(0, 0, 0, 0.3)", h.shadowBlur = 12 * n * g, h.shadowOffsetY = 3 * l * g);
       const S = Math.max(0, m.slotW - N), W = Math.max(0, m.slotH - _), F = (0.82 + 0.18 * y) * (1 + 0.04 * g), R = S * F, B = W * F, C = m.originX + p.col * m.slotW + m.slotW / 2, k = m.originY + p.row * m.slotH + m.slotH / 2;
-      h.globalAlpha = A * y, h.fillStyle = b, nt(h, {
+      h.globalAlpha = A * y, h.fillStyle = M, nt(h, {
         x: C - R / 2,
         y: k - B / 2,
         width: R,
@@ -301,7 +301,7 @@ class ct {
         corners: { tl: !0, tr: !0, br: !0, bl: !0 }
       }), g > 0.01 && (h.shadowColor = "transparent", h.shadowBlur = 0, h.shadowOffsetY = 0), d && this.#A({
         context: h,
-        cell: { fill: b, displayed: w, cx: C, cy: k, innerW: S, innerH: W, span: M },
+        cell: { fill: M, displayed: w, cx: C, cy: k, innerW: S, innerH: W, span: b },
         labels: d,
         font: V,
         hpr: n

package/dist/core/dist/series/line-intro.js

@@ -6,7 +6,7 @@ function g(e) {
   const o = f(e.progress), t = e.range.from + o * (e.range.to - e.range.from);
   return { x: e.timeToX(t), time: t };
 }
-function X(e = {}) {
+function I(e = {}) {
   const o = e.head ?? !0;
   return (t) => {
     const r = g(t);
@@ -16,39 +16,39 @@ function X(e = {}) {
 function y(e = {}) {
   const o = Math.min(l(e.stagger ?? 0.35), 0.9);
   return (t) => ({
-    value: ({ layerIndex: r, value: u, position: a }) => {
-      const s = t.layerMean(r);
-      if (s === null || !Number.isFinite(u)) return u;
-      const n = l((t.progress - o * a) / (1 - o));
-      return s + (u - s) * d(n);
+    value: ({ layerIndex: r, value: i, position: c }) => {
+      const u = t.layerMean(r);
+      if (u === null || !Number.isFinite(i)) return i;
+      const n = l((t.progress - o * c) / (1 - o));
+      return t.lerpValue(u, i, d(n));
     }
   });
 }
 function T() {
-  const e = X();
+  const e = I();
   return (o) => {
     if (o.stacking !== "off") return e(o);
     const t = o.primaryPath();
     if (t === null || t.length < 2) return e(o);
     let r = 0;
-    const u = [];
+    const i = [];
     for (let n = 1; n < t.length; n++) {
-      const i = Math.hypot(t[n].x - t[n - 1].x, t[n].y - t[n - 1].y);
-      u.push(i), r += i;
+      const s = Math.hypot(t[n].x - t[n - 1].x, t[n].y - t[n - 1].y);
+      i.push(s), r += s;
     }
     if (r <= 0) return e(o);
-    let a = o.progress * r;
+    let c = o.progress * r;
     for (let n = 1; n < t.length; n++) {
-      const i = u[n - 1];
-      if (a > i) {
-        a -= i;
+      const s = i[n - 1];
+      if (c > s) {
+        c -= s;
         continue;
       }
-      const h = i > 0 ? a / i : 1, c = t[n - 1], p = t[n], m = c.x + (p.x - c.x) * h, x = c.time + (p.time - c.time) * h;
+      const p = s > 0 ? c / s : 1, a = t[n - 1], h = t[n], m = a.x + (h.x - a.x) * p, x = a.time + (h.time - a.time) * p;
       return { clip: { toX: m }, heads: [{ x: m, time: x }] };
     }
-    const s = t[t.length - 1];
-    return { clip: { toX: s.x }, heads: [{ x: s.x, time: s.time }] };
+    const u = t[t.length - 1];
+    return { clip: { toX: u.x }, heads: [{ x: u.x, time: u.time }] };
   };
 }
 function w(e = {}) {
@@ -79,7 +79,7 @@ export {
   b as backfillSweepIntro,
   k as centerOutIntro,
   T as plotterIntro,
-  X as sweepIntro,
+  I as sweepIntro,
   w as traceIntro,
   y as unfoldIntro
 };