@wick-charts/vue 0.6.1 → 0.6.2

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