@wick-charts/vue 0.6.3 → 0.6.4

package/dist/core/dist/data/decimation.js

@@ -1,54 +1,73 @@
-function D(t, o) {
-  return t.length <= o ? t : x(
+function D(t, h) {
+  return t.length <= h ? t : v(
     t,
-    o,
+    h,
     (l) => l.time,
     (l) => l.value
   );
 }
-function L(t, o) {
-  if (t.length <= o) return t;
-  const l = Math.ceil(t.length / o), c = [];
-  for (let h = 0; h < t.length; h += l) {
-    const s = Math.min(h + l, t.length);
-    let r = -1 / 0, a = 1 / 0, f = 0;
-    for (let n = h; n < s; n++)
-      t[n].high > r && (r = t[n].high), t[n].low < a && (a = t[n].low), f += t[n].volume ?? 0;
-    c.push({
-      time: t[h].time,
-      open: t[h].open,
-      high: r,
-      low: a,
-      close: t[s - 1].close,
-      volume: f
+function k(t, h) {
+  if (t.length <= h) return t;
+  const l = Math.ceil(t.length / h), u = [];
+  for (let o = 0; o < t.length; o += l) {
+    const n = Math.min(o + l, t.length);
+    let s = -1 / 0, i = 1 / 0, c = 0;
+    for (let r = o; r < n; r++)
+      t[r].high > s && (s = t[r].high), t[r].low < i && (i = t[r].low), c += t[r].volume ?? 0;
+    u.push({
+      time: t[o].time,
+      open: t[o].open,
+      high: s,
+      low: i,
+      close: t[n - 1].close,
+      volume: c
     });
   }
-  return c;
+  return u;
 }
-function x(t, o, l, c) {
-  if (o >= t.length || o < 3) return t;
-  const h = [t[0]], s = (t.length - 2) / (o - 2);
-  let r = 0;
-  for (let a = 0; a < o - 2; a++) {
-    const f = Math.floor((a + 1) * s) + 1, n = Math.min(Math.floor((a + 2) * s) + 1, t.length - 1);
-    let u = 0, g = 0;
-    const M = n, p = Math.min(Math.floor((a + 3) * s) + 1, t.length), e = p - M;
-    if (e > 0) {
-      for (let i = M; i < p; i++)
-        u += l(t[i]), g += c(t[i]);
-      u /= e, g /= e;
+function x(t, h) {
+  if (t.length <= h || h < 3) return t;
+  const l = t.length - 1, u = Math.ceil((t.length - 2) / (h - 2)), o = [t[0]];
+  for (let n = 1; n < l; n += u) {
+    const s = Math.min(n + u, l);
+    let i = 1 / 0, c = -1 / 0, r = !1;
+    for (let f = n; f < s; f++) {
+      const a = t[f];
+      if (!Number.isFinite(a.low) || !Number.isFinite(a.high)) {
+        r = !0;
+        break;
+      }
+      a.low < i && (i = a.low), a.high > c && (c = a.high);
     }
-    let v = -1, m = f;
-    const w = l(t[r]), b = c(t[r]);
-    for (let i = f; i < n; i++) {
-      const d = Math.abs((w - u) * (c(t[i]) - b) - (w - l(t[i])) * (g - b));
-      d > v && (v = d, m = i);
+    o.push(r ? { time: t[n].time, low: Number.NaN, high: Number.NaN } : { time: t[n].time, low: i, high: c });
+  }
+  return o.push(t[l]), o;
+}
+function v(t, h, l, u) {
+  if (h >= t.length || h < 3) return t;
+  const o = [t[0]], n = (t.length - 2) / (h - 2);
+  let s = 0;
+  for (let i = 0; i < h - 2; i++) {
+    const c = Math.floor((i + 1) * n) + 1, r = Math.min(Math.floor((i + 2) * n) + 1, t.length - 1);
+    let f = 0, a = 0;
+    const M = r, p = Math.min(Math.floor((i + 3) * n) + 1, t.length), g = p - M;
+    if (g > 0) {
+      for (let e = M; e < p; e++)
+        f += l(t[e]), a += u(t[e]);
+      f /= g, a /= g;
+    }
+    let w = -1, m = c;
+    const N = l(t[s]), b = u(t[s]);
+    for (let e = c; e < r; e++) {
+      const d = Math.abs((N - f) * (u(t[e]) - b) - (N - l(t[e])) * (a - b));
+      d > w && (w = d, m = e);
     }
-    h.push(t[m]), r = m;
+    o.push(t[m]), s = m;
   }
-  return h.push(t[t.length - 1]), h;
+  return o.push(t[t.length - 1]), o;
 }
 export {
+  x as decimateBandData,
   D as decimateLineData,
-  L as decimateOHLCData
+  k as decimateOHLCData
 };

package/dist/core/dist/navigator/controller.js

@@ -1,7 +1,7 @@
 import { DEFAULT_LINE_ENTRY as w } from "../animation/config.js";
 import { XScale as T } from "../scales/x-scale.js";
-import { YScale as R } from "../scales/y-scale.js";
-import { decimateCandles as k, decimateLinear as C } from "./decimate.js";
+import { YScale as k } from "../scales/y-scale.js";
+import { decimateCandles as R, decimateLinear as C } from "./decimate.js";
 import { hitTest as b, computeSnapCenter as E, computePan as I, computeResize as $ } from "./interactions.js";
 import { computeWindowGeometry as M, renderBackground as L, renderMiniCandlestick as V, renderMiniBar as N, renderMiniLine as P } from "./render.js";
 import { Animator as S } from "../animation/animator.js";
@@ -22,7 +22,7 @@ class G {
   // Own scales — both cover the full data span. The main chart's scales move
   // with the viewport; these don't.
   #u = new T();
-  #F = new R();
+  #F = new k();
   #A = 0;
   #m = 0;
   #h = 1;
@@ -35,7 +35,7 @@ class G {
    * `setData` (guards in-place mutation of a re-passed array); a buckets
    * mismatch (resize) recomputes per entry.
    */
-  #R = /* @__PURE__ */ new Map();
+  #k = /* @__PURE__ */ new Map();
   /**
    * Eases the alpha of the trailing bar/candle/line-segment from 0 → 1 over
    * `DEFAULT_LINE_ENTRY` whenever {@link setData} reports a new last point
@@ -48,7 +48,7 @@ class G {
   #o = null;
   /** `time` of the last point we've ever seen — initialises after the first
    * `setData`/render so the first paint doesn't trigger a fade-in. */
-  #k = null;
+  #R = null;
   /** Series index in `lineSeriesList(data)` that owns the newest last-time,
    * so the tail fade applies to the series that actually grew — not always
    * the last entry in the stack. -1 for candlestick (single-series). */
@@ -76,7 +76,7 @@ class G {
   }
   setData(t) {
     const e = F(t), i = e?.time ?? null;
-    if (i !== null && this.#k !== null && i !== this.#k) {
+    if (i !== null && this.#R !== null && i !== this.#R) {
       const s = this.#o?.current ?? 0;
       this.#o = new S({
         initial: s,
@@ -85,7 +85,7 @@ class G {
         lerp: (n, h, l) => n + (h - n) * l
       }), this.#o.setTarget(1);
     }
-    this.#k = i, this.#C = e?.seriesIndex ?? -1, this.#x = t, this.#R.clear(), this.#f();
+    this.#R = i, this.#C = e?.seriesIndex ?? -1, this.#x = t, this.#k.clear(), this.#f();
   }
   setOptions(t) {
     this.#v = t, this.#D(), this.#f();
@@ -254,7 +254,7 @@ class G {
     this.#o !== null && (this.#o.tick(performance.now()), l = this.#o.current, this.#o.animating ? this.#f() : this.#o = null);
     const r = Math.max(1, Math.round(this.#i)), a = this.#x;
     if (a.type === "candlestick")
-      V(h, this.#q(a.points, r, k), l);
+      V(h, this.#q(a.points, r, R), l);
     else {
       const c = f(a), g = c.length === 1, d = this.#C >= 0 ? this.#C : c.length - 1;
       for (let u = 0; u < c.length; u++) {
@@ -283,11 +283,11 @@ class G {
   /** Decimate `points` into `buckets`, reusing the cached result while the
    *  source array ref and bucket count are unchanged. */
   #q(t, e, i) {
-    const s = this.#R.get(t);
+    const s = this.#k.get(t);
     if (s !== void 0 && s.buckets === e)
       return s.result;
     const n = i(t, e);
-    return this.#R.set(t, { buckets: e, result: n }), n;
+    return this.#k.set(t, { buckets: e, result: n }), n;
   }
   #G(t, e) {
     if (e.to <= e.from) return;

package/dist/core/dist/perf/perf-hud.js

@@ -10,7 +10,7 @@ function N(i) {
     ownsMonitor: !e
   };
 }
-const P = 100, z = 600, f = 250, F = 1e3 / 60, H = 1e3 / 120, m = 60, b = 4, j = 34, S = 64, L = 24;
+const P = 100, z = 600, f = 250, F = 1e3 / 60, H = 1e3 / 120, m = 60, b = 4, L = 34, S = 64, j = 24;
 function I(i) {
   let e = 0;
   for (const t of i)
@@ -20,7 +20,7 @@ function I(i) {
 function O(i) {
   return -I(i) / 12;
 }
-const V = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f", B = "#f5c451", $ = "#f4756a", Y = "#5d6877", X = {
+const B = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f", V = "#f5c451", $ = "#f4756a", Y = "#5d6877", X = {
   position: "absolute",
   top: "8px",
   right: "8px",
@@ -34,7 +34,7 @@ const V = "#9aa6b6", c = "#5d6877", C = "#e8eef7", x = "#cdd6e2", y = "#3fd68f",
   border: "1px solid rgba(255, 255, 255, 0.09)",
   borderRadius: "10px",
   boxShadow: "0 10px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05)",
-  color: V,
+  color: B,
   font: "10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace",
   fontVariantNumeric: "tabular-nums",
   letterSpacing: "0.02em",
@@ -50,7 +50,7 @@ function G(i) {
 }`, i.head.appendChild(e);
 }
 function v(i) {
-  return i <= H ? y : i <= F ? B : $;
+  return i <= H ? y : i <= F ? V : $;
 }
 function A(i) {
   return i >= 1e6 ? `${(i / 1e6).toFixed(1)}M` : i >= 1e4 ? `${(i / 1e3).toFixed(1)}k` : Math.round(i).toLocaleString("en-US");
@@ -233,7 +233,7 @@ class D {
     }), this.element.insertBefore(this.sparkHost, this.element.firstChild)) : (Object.assign(this.sparkHost.style, {
       position: "relative",
       inset: "auto",
-      height: `${j}px`,
+      height: `${L}px`,
       marginTop: "7px",
       borderRadius: "4px",
       opacity: "1",
@@ -308,7 +308,7 @@ class D {
   }
   /** Keeps the plateau below the FPS number (mini) or the Y tick (strip). */
   sparkPaddingTop() {
-    return this.mode === "mini" ? L : 12;
+    return this.mode === "mini" ? j : 12;
   }
   /** Append one FPS sample to the sparkline chart and roll its window. */
   appendSpark(e) {