@wick-charts/vue 0.6.0 → 0.6.2

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

@@ -1,7 +1,7 @@
 import { DEFAULT_HISTORY_REVEAL as _, DEFAULT_BAR_INTRO as C, DEFAULT_BAR_SMOOTH as F, DEFAULT_BAR_ENTRY as N } from "../animation/config.js";
 import { growIntro as Q } from "./bar-intro.js";
-import { BaseMultiLayerSeries as $ } from "./base-multi-layer.js";
-import { resolveBarPainter as Z } from "./painters/resolve.js";
+import { BaseMultiLayerSeries as Z } from "./base-multi-layer.js";
+import { resolveBarPainter as $ } from "./painters/resolve.js";
 import { fadeIntro as q } from "./wave-intro.js";
 const U = 2, G = {
   // Single fallback resolver; the definition's `create` swaps in `theme.bar.color`.
@@ -15,7 +15,7 @@ const U = 2, G = {
   introMs: C,
   historyRevealMs: _
 };
-function I(y) {
+function O(y) {
   return {
     ...y,
     entryMs: y.entryMs === !1 ? 0 : y.entryMs ?? N,
@@ -29,7 +29,7 @@ const J = Q(), K = q(), tt = {
   bottom: { tl: !1, tr: !1, br: !0, bl: !0 },
   none: { tl: !1, tr: !1, br: !1, bl: !1 }
 };
-class et extends $ {
+class et extends Z {
   kind = "bar";
   /** Resolved drawing context for the in-flight render pass. Set at the top of
    *  {@link render}, read by {@link drawAnimatedBar}. */
@@ -43,10 +43,10 @@ class et extends $ {
   /** Per-frame history-reveal directives; `null` when no reveal is in flight. */
   #t = null;
   constructor(e, t) {
-    super(e), this.options = I({ ...G, ...t });
+    super(e), this.options = O({ ...G, ...t });
   }
   updateOptions(e) {
-    this.options = I({ ...this.options, ...e });
+    this.options = O({ ...this.options, ...e });
   }
   isEntryEnabled() {
     return (this.options.entryAnimation ?? "fade-grow") !== "none";
@@ -122,7 +122,7 @@ class et extends $ {
     this.tickAnimations(performance.now());
     const { scope: t, timeScale: o, yScale: n } = e;
     if (this.#o = {
-      painter: Z(this.options.barPainter),
+      painter: $(this.options.barPainter),
       env: {
         ctx: t.context,
         theme: e.theme,
@@ -188,7 +188,7 @@ class et extends $ {
       const p = M.getVisibleData(b.from, b.to).length;
       if (p > l && (l = p), l > 2) break;
     }
-    const u = o.barWidthBitmap(a), x = Math.round(30 * v), R = l <= 2 ? Math.min(x, u) : u, r = Math.max(1, Math.round(R * this.options.barWidthRatio) - 2), W = Math.floor(r / 2), H = this.options.anchor === "right" ? r : W, T = n.getRange().min < 0, f = T ? n.valueToBitmapY(0) : t.bitmapSize.height;
+    const u = o.barWidthBitmap(a), x = Math.round(30 * v), R = l <= 2 ? Math.min(x, u) : u, r = Math.max(1, Math.round(R * this.options.barWidthRatio) - 2), W = Math.floor(r / 2), k = this.options.anchor === "right" ? r : W, T = n.getRange().min < 0, f = T ? n.valueToBitmapY(0) : t.bitmapSize.height;
     if (this.stores.length === 1) {
       if (!this.stores[0].isVisible()) return;
       const M = this.stores[0].getVisibleData(b.from, b.to);
@@ -204,7 +204,7 @@ class et extends $ {
             baselineY: f,
             topY: g,
             barHeight: c,
-            x: h - H,
+            x: h - k,
             barWidth: r,
             color: s,
             roundEdge: "top",
@@ -219,7 +219,7 @@ class et extends $ {
             baselineY: f,
             topY: f,
             barHeight: c,
-            x: h - H,
+            x: h - k,
             barWidth: r,
             color: s,
             roundEdge: "bottom",
@@ -256,22 +256,22 @@ class et extends $ {
         for (let h = 0; h < P.length; h++) {
           const { layer: s, value: g, colorValue: c } = P[h], S = this.resolveLayerColor(s, c), E = this.entranceProgress(s, d);
           if (g >= 0) {
-            const k = n.valueToBitmapY(g), V = Math.max(1, f - k);
+            const H = n.valueToBitmapY(g), V = Math.max(1, f - H);
             this.drawAnimatedBar({
               context: m,
               time: d,
               progress: E,
               baselineY: f,
-              topY: k,
+              topY: H,
               barHeight: V,
-              x: B - H,
+              x: B - k,
               barWidth: r,
               color: S,
               roundEdge: "top",
               isProjected: i
             });
           } else {
-            const k = n.valueToBitmapY(g), V = Math.max(1, k - f);
+            const H = n.valueToBitmapY(g), V = Math.max(1, H - f);
             this.drawAnimatedBar({
               context: m,
               time: d,
@@ -279,7 +279,7 @@ class et extends $ {
               baselineY: f,
               topY: f,
               barHeight: V,
-              x: B - H,
+              x: B - k,
               barWidth: r,
               color: S,
               roundEdge: "bottom",
@@ -304,7 +304,7 @@ class et extends $ {
       const h = i.getVisibleData(l.from, l.to).length;
       if (h > u && (u = h), u > 2) break;
     }
-    const x = n.barWidthBitmap(m), R = Math.round(30 * b), r = u <= 2 ? Math.min(R, x) : x, W = Math.max(1, Math.round(r * this.options.barWidthRatio) - 2), H = Math.floor(W / 2), T = this.options.anchor === "right" ? W : H, f = this.stores.map(
+    const x = n.barWidthBitmap(m), R = Math.round(30 * b), r = u <= 2 ? Math.min(R, x) : x, W = Math.max(1, Math.round(r * this.options.barWidthRatio) - 2), k = Math.floor(W / 2), T = this.options.anchor === "right" ? W : k, f = this.stores.map(
       (i, h) => this.getLayerAlpha(h) > 0 ? i.getVisibleData(l.from, l.to) : []
     );
     if (f.every((i) => i.length === 0)) return;
@@ -332,10 +332,10 @@ class et extends $ {
         const c = g[i];
         if (c === 0) continue;
         const S = n.timeToBitmapX(s);
-        let E = 0, k = 0;
+        let E = 0, H = 0;
         for (let Y = 0; Y < i; Y++) {
           const w = g[Y];
-          w > 0 ? E += w : k += w;
+          w > 0 ? E += w : H += w;
         }
         const V = this.entranceProgress(i, s), X = this.isProjectedTime(s), z = c > 0 ? P.get(s) === i ? "top" : "none" : B.get(s) === i ? "bottom" : "none";
         if (t) {
@@ -343,14 +343,14 @@ class et extends $ {
           for (const A of g)
             A > 0 ? Y += A : w += A;
           if (c > 0 && Y > 0) {
-            const A = E / Y * 100, D = (E + c) / Y * 100, j = a.valueToBitmapY(D), L = a.valueToBitmapY(A), O = Math.max(1, L - j);
+            const A = E / Y * 100, D = (E + c) / Y * 100, j = a.valueToBitmapY(D), L = a.valueToBitmapY(A), I = Math.max(1, L - j);
             this.drawAnimatedBar({
               context: v,
               time: s,
               progress: V,
               baselineY: L,
               topY: j,
-              barHeight: O,
+              barHeight: I,
               x: S - T,
               barWidth: W,
               color: h,
@@ -359,14 +359,14 @@ class et extends $ {
               growBaked: !0
             });
           } else if (c < 0 && w < 0) {
-            const A = k / w * -100, D = (k + c) / w * -100, j = a.valueToBitmapY(A), L = a.valueToBitmapY(D), O = Math.max(1, L - j);
+            const A = H / w * -100, D = (H + c) / w * -100, j = a.valueToBitmapY(A), L = a.valueToBitmapY(D), I = Math.max(1, L - j);
             this.drawAnimatedBar({
               context: v,
               time: s,
               progress: V,
               baselineY: j,
               topY: j,
-              barHeight: O,
+              barHeight: I,
               x: S - T,
               barWidth: W,
               color: h,
@@ -392,7 +392,7 @@ class et extends $ {
             growBaked: !0
           });
         } else {
-          const Y = a.valueToBitmapY(k), w = a.valueToBitmapY(k + c), A = Math.max(1, w - Y);
+          const Y = a.valueToBitmapY(H), w = a.valueToBitmapY(H + c), A = Math.max(1, w - Y);
           this.drawAnimatedBar({
             context: v,
             time: s,
@@ -423,7 +423,7 @@ class et extends $ {
     const { context: o, baselineY: n, topY: a, barHeight: m, x: v, barWidth: b, color: l, roundEdge: u } = e, x = e.isProjected ? 1 : e.progress, R = this.options.entryAnimation ?? "fade-grow";
     let r = x >= 1 || R === "none" ? { x: v, topY: a, barWidth: b, barHeight: m, alpha: 1 } : this.applyBarTransform(e, x);
     if (!e.isProjected) {
-      const H = this.#t?.element, T = H !== void 0 ? this.#r(e.time) : null, f = T !== null ? H : this.#e?.element, M = T ?? (f !== void 0 ? this.#a(e.time) : null);
+      const k = this.#t?.element, T = k !== void 0 ? this.#r(e.time) : null, f = T !== null ? k : this.#e?.element, M = T ?? (f !== void 0 ? this.#a(e.time) : null);
       if (f !== void 0 && M !== null) {
         const p = f({
           ...M,

package/dist/core/dist/series/candlestick.js

@@ -6,10 +6,10 @@ import { ScalarSpring as V } from "../animation/scalar-spring.js";
 import { decimateOHLCData as at } from "../data/decimation.js";
 import { TimeSeriesStore as rt } from "../data/store.js";
 import { resolveCandlestickBodyColor as I } from "../theme/resolve.js";
-import { hexToRgba as K, mixColors as Q } from "../utils/color.js";
-import { clamp as _, lerp as $ } from "../utils/math.js";
+import { hexToRgba as K, mixColors as G } from "../utils/color.js";
+import { clamp as _, lerp as z } from "../utils/math.js";
 import { isPoisonedNumber as N, reportPoisonedData as ht } from "../utils/poisoned-data-reporter.js";
-import { normalizeOHLCArray as G, normalizeTime as J } from "../utils/time.js";
+import { normalizeOHLCArray as J, normalizeTime as Q } from "../utils/time.js";
 import { candleUnfoldIntro as lt } from "./candlestick-intro.js";
 import { fillRoundedRect as Z } from "./painters/canvas-path.js";
 import { resolveCandlePainter as mt } from "./painters/resolve.js";
@@ -137,19 +137,19 @@ class xt {
   // --- SeriesRenderer interface implementation ------------------------------
   setData(t) {
     const i = this.store.length > 0;
-    this.store.setData(G(t ?? [])), !i && this.store.length > 0 && this.introWave.arm(this.options.introMs);
+    this.store.setData(J(t ?? [])), !i && this.store.length > 0 && this.introWave.arm(this.options.introMs);
     const e = this.store.last();
     this.displayedLast = e ?? null, this.#t = null, this.entries.clear(), this.#i = null, this.#o.finish(), this.#a = null, this.#m = null;
   }
   appendPoint(t) {
-    const i = t, e = J(i.time), o = { ...i, time: e };
+    const i = t, e = Q(i.time), o = { ...i, time: e };
     this.store.append(o), this.displayedLast = o, this.#t = null;
     const a = this.options.entryMs;
     this.isEntryEnabled() && a > 0 && this.entries.set(e, { startTime: performance.now() });
   }
   prependPoints(t) {
     if (t.length === 0) return;
-    const i = G(t), e = this.store.first()?.time;
+    const i = J(t), e = this.store.first()?.time;
     this.store.prepend(i), this.#u(i[0].time, e);
   }
   /**
@@ -172,7 +172,7 @@ class xt {
     i !== void 0 && (this.#m = { bars: t, anchorTime: i });
   }
   updateLastPoint(t) {
-    const i = t, e = J(i.time), o = { ...i, time: e };
+    const i = t, e = Q(i.time), o = { ...i, time: e };
     this.store.updateLast(o);
     const a = this.options.smoothMs;
     if (a <= 0) {
@@ -342,8 +342,8 @@ class xt {
       for (const x of m) {
         const P = this.entries.get(x.time);
         if (P === void 0 || r <= 0) continue;
-        const k = l - P.startTime, z = Math.min(1, Math.max(0, k / r));
-        z >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(x.time, nt(z)));
+        const k = l - P.startTime, $ = Math.min(1, Math.max(0, k / r));
+        $ >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(x.time, nt($)));
       }
     }
     const X = e.barWidthBitmap(a), f = Math.round(30 * u), M = m.length <= 2 ? Math.min(f, X) : X, d = Math.max(1, Math.round(u));
@@ -440,8 +440,8 @@ class xt {
     const e = t.unfold ?? 1, o = t.offsetY ?? 0;
     return {
       x: i.x + (t.offsetX ?? 0),
-      topY: (t.topY ?? $(i.anchorY, i.topY, e)) + o,
-      bottomY: (t.bottomY ?? $(i.anchorY, i.bottomY, e)) + o,
+      topY: (t.topY ?? z(i.anchorY, i.topY, e)) + o,
+      bottomY: (t.bottomY ?? z(i.anchorY, i.bottomY, e)) + o,
       alpha: t.alpha ?? 1,
       tint: t.tint
     };
@@ -558,7 +558,7 @@ class xt {
         t.fillRect(T, R, u, v - R);
         continue;
       }
-      t.save(), t.globalAlpha = n.alpha, g > 0 && (t.fillStyle = Q(m, W, g)), t.fillRect(n.x, n.topY, u, Math.max(1, n.bottomY - n.topY)), t.restore();
+      t.save(), t.globalAlpha = n.alpha, g > 0 && (t.fillStyle = G(m, W, g)), t.fillRect(n.x, n.topY, u, Math.max(1, n.bottomY - n.topY)), t.restore();
     }
     const X = Array.isArray(y);
     for (const f of i) {
@@ -587,15 +587,15 @@ class xt {
       C !== null && (n = C.x, p = C.topY, g = C.bottomY, L *= C.alpha, E = C.tint ?? 0, B = !0);
       const D = B ? Math.max(1, g - p) : A;
       B && t.save();
-      const r = Array.isArray(y) ? y[0] : y, l = E > 0 ? Q(r, W, E) : r, x = X && D > 2 && E <= 0, P = x ? this.#d(t, y, D) : l;
+      const r = Array.isArray(y) ? y[0] : y, l = E > 0 ? G(r, W, E) : r, x = X && D > 2 && E <= 0, P = x ? this.#d(t, y, D) : l;
       t.fillStyle = P, B && (t.globalAlpha = L), x && t.translate(0, p);
-      const k = x ? 0 : p, z = _(w.radius, 0, Math.min(s, D) / 2);
-      z < 1 && !this.options.candlePainter ? t.fillRect(n, k, s, D) : w.painter(w.env, {
+      const k = x ? 0 : p, $ = _(w.radius, 0, Math.min(s, D) / 2);
+      $ < 1 && !this.options.candlePainter ? t.fillRect(n, k, s, D) : w.painter(w.env, {
         geom: { x: n, y: k, width: s, height: D },
         fillStyle: P,
         color: l,
         corners: ft,
-        radius: z,
+        radius: $,
         progress: M,
         isBullish: f.close >= f.open
       }), x && t.translate(0, -p), B && t.restore();
@@ -625,8 +625,8 @@ function F(h, t, i) {
     case "unfold":
       return {
         x: i.x,
-        topY: $(i.anchorY, i.topY, h),
-        bottomY: $(i.anchorY, i.bottomY, h),
+        topY: z(i.anchorY, i.topY, h),
+        bottomY: z(i.anchorY, i.bottomY, h),
         alpha: 1
       };
     case "slide":
@@ -639,8 +639,8 @@ function F(h, t, i) {
     case "fade-unfold":
       return {
         x: i.x,
-        topY: $(i.anchorY, i.topY, h),
-        bottomY: $(i.anchorY, i.bottomY, h),
+        topY: z(i.anchorY, i.topY, h),
+        bottomY: z(i.anchorY, i.bottomY, h),
         alpha: h
       };
   }

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