@wick-charts/vue 0.6.3 → 0.7.0

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

@@ -47,7 +47,7 @@ class ft {
     return this.#l && (t.volume = this.#e.current), t;
   }
 }
-const _ = 2, bt = { tl: !0, tr: !0, br: !0, bl: !0 }, j = { tl: !0, tr: !0, br: !1, bl: !1 }, Yt = ct(), gt = pt(), xt = {
+const _ = 2, bt = { tl: !0, tr: !0, br: !0, bl: !0 }, j = { tl: !0, tr: !0, br: !1, bl: !1 }, Yt = ct(), gt = pt(), yt = {
   up: { body: "#26a69a", wick: "#26a69a" },
   down: { body: "#ef5350", wick: "#ef5350" },
   bodyWidthRatio: 0.6,
@@ -69,7 +69,7 @@ function tt(a) {
     historyRevealMs: a.historyRevealMs === !1 ? 0 : a.historyRevealMs ?? it
   };
 }
-class yt {
+class xt {
   kind = "candlestick";
   store;
   options;
@@ -126,7 +126,7 @@ class yt {
    *  `createLinearGradient` for every body on every frame. */
   #m = /* @__PURE__ */ new Map();
   constructor(t, i) {
-    this.store = t, this.options = tt({ ...xt, ...i }), this.displayedLast = t.last() ?? null;
+    this.store = t, this.options = tt({ ...yt, ...i }), this.displayedLast = t.last() ?? null;
   }
   isEntryEnabled() {
     return (this.options.entryAnimation ?? "unfold") !== "none";
@@ -319,10 +319,10 @@ class yt {
       const r = this.options.historyReveal ?? gt;
       if (r !== "none") {
         let c;
-        const y = this.#c;
-        if (y !== null && y.bars.length > 0) {
-          const P = e.timeToBitmapX(y.anchorTime);
-          c = y.bars.map((k) => ({
+        const x = this.#c;
+        if (x !== null && x.bars.length > 0) {
+          const P = e.timeToBitmapX(x.anchorTime);
+          c = x.bars.map((k) => ({
             x: P - k.offsetX * i.horizontalPixelRatio,
             y: k.y * i.verticalPixelRatio,
             halfHeight: k.halfHeight * i.verticalPixelRatio,
@@ -342,11 +342,11 @@ class yt {
     let W = null;
     if (this.entries.size > 0) {
       const r = this.options.entryMs, c = performance.now();
-      for (const y of m) {
-        const P = this.entries.get(y.time);
+      for (const x of m) {
+        const P = this.entries.get(x.time);
         if (P === void 0 || r <= 0) continue;
         const k = c - P.startTime, V = Math.min(1, Math.max(0, k / r));
-        V >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(y.time, at(V)));
+        V >= 1 || (W === null && (W = /* @__PURE__ */ new Map()), W.set(x.time, at(V)));
       }
     }
     const X = e.barWidthBitmap(h), b = Math.round(30 * l), w = m.length <= 2 ? Math.min(b, X) : X, f = Math.max(1, Math.round(l));
@@ -360,8 +360,8 @@ class yt {
     const T = this.#h?.clip;
     let A = !1;
     if (T !== void 0 && u !== null) {
-      const r = e.timeToBitmapX(u.to), c = Math.abs(r - e.timeToBitmapX(u.from)), y = w, P = T.fromX ?? 0, k = T.toX ?? c;
-      n.save(), n.beginPath(), n.rect(r - k - y, 0, Math.max(0, k - P + y), i.bitmapSize.height), n.rect(r, 0, Math.max(0, i.bitmapSize.width - r), i.bitmapSize.height), n.clip(), A = !0;
+      const r = e.timeToBitmapX(u.to), c = Math.abs(r - e.timeToBitmapX(u.from)), x = w, P = T.fromX ?? 0, k = T.toX ?? c;
+      n.save(), n.beginPath(), n.rect(r - k - x, 0, Math.max(0, k - P + x), i.bitmapSize.height), n.rect(r, 0, Math.max(0, i.bitmapSize.width - r), i.bitmapSize.height), n.clip(), A = !0;
     }
     const s = M !== this.#r;
     this.#r = M;
@@ -377,7 +377,7 @@ class yt {
       snapVolScale: s,
       radius: (this.options.cornerRadius ?? _) * l
     });
-    const x = [], L = [], B = [];
+    const y = [], L = [], B = [];
     let C = null;
     for (let r = 0; r < m.length; r++) {
       const c = m[r];
@@ -385,7 +385,7 @@ class yt {
         B.push(r), C === null && (C = c);
         continue;
       }
-      c.close >= c.open ? x.push(c) : L.push(c);
+      c.close >= c.open ? y.push(c) : L.push(c);
     }
     C !== null && ht(this, "candlestick", B, `time ${C.time}`);
     const E = {
@@ -409,7 +409,7 @@ class yt {
     };
     this.drawCandles({
       ...D,
-      candles: x,
+      candles: y,
       body: this.options.up.body,
       wickColor: this.options.up.wick
     }), this.drawCandles({
@@ -479,14 +479,14 @@ class yt {
       const A = l?.get(f.time) ?? 1;
       let s = { x: R - W, topY: o - v, bottomY: o, alpha: 1 };
       if (A < 1 && w !== "none") {
-        const x = O(A, w, {
+        const y = O(A, w, {
           x: s.x,
           barWidth: u,
           anchorY: o,
           topY: s.topY,
           bottomY: s.bottomY
         });
-        s = { x: x.x, topY: x.topY, bottomY: x.bottomY, alpha: x.alpha };
+        s = { x: y.x, topY: y.topY, bottomY: y.bottomY, alpha: y.alpha };
       }
       const d = this.introTransform({
         element: "volume",
@@ -556,17 +556,17 @@ class yt {
         anchorY: g,
         barWidth: u
       });
-      let x = 0;
-      if (d !== null && (s = { x: d.x, topY: d.topY, bottomY: d.bottomY, alpha: s.alpha * d.alpha }, x = d.tint ?? 0, A = !0), !A) {
+      let y = 0;
+      if (d !== null && (s = { x: d.x, topY: d.topY, bottomY: d.bottomY, alpha: s.alpha * d.alpha }, y = d.tint ?? 0, A = !0), !A) {
         t.fillRect(T, R, l, v - R);
         continue;
       }
-      t.save(), t.globalAlpha = s.alpha, x > 0 && (t.fillStyle = G(m, W, x)), t.fillRect(s.x, s.topY, l, Math.max(1, s.bottomY - s.topY)), t.restore();
+      t.save(), t.globalAlpha = s.alpha, y > 0 && (t.fillStyle = G(m, W, y)), t.fillRect(s.x, s.topY, l, Math.max(1, s.bottomY - s.topY)), t.restore();
     }
     const X = Array.isArray(p);
     for (const b of i) {
       const w = Y?.get(b.time) ?? 1, f = e.timeToBitmapX(b.time), g = o.valueToBitmapY(b.open), R = o.valueToBitmapY(b.close), v = Math.min(g, R), T = Math.max(g, R), A = Math.max(1, T - v);
-      let s = f - h, d = v, x = T, L = 1, B = !1;
+      let s = f - h, d = v, y = T, L = 1, B = !1;
       if (w < 1 && S !== "none") {
         const H = O(w, S, {
           x: s,
@@ -575,24 +575,24 @@ class yt {
           topY: v,
           bottomY: T
         });
-        s = H.x, d = H.topY, x = H.bottomY, L = H.alpha, B = !0;
+        s = H.x, d = H.topY, y = H.bottomY, L = H.alpha, B = !0;
       }
       const C = this.introTransform({
         element: "body",
         time: b.time,
         x: s,
         topY: d,
-        bottomY: x,
+        bottomY: y,
         anchorY: g,
         barWidth: u
       });
       let E = 0;
-      C !== null && (s = C.x, d = C.topY, x = C.bottomY, L *= C.alpha, E = C.tint ?? 0, B = !0);
-      const D = B ? Math.max(1, x - d) : A;
+      C !== null && (s = C.x, d = C.topY, y = C.bottomY, L *= C.alpha, E = C.tint ?? 0, B = !0);
+      const D = B ? Math.max(1, y - d) : A;
       B && t.save();
-      const r = Array.isArray(p) ? p[0] : p, c = E > 0 ? G(r, W, E) : r, y = X && D > 2 && E <= 0, P = y ? this.#d(t, p, D) : c;
-      t.fillStyle = P, B && (t.globalAlpha = L), y && t.translate(0, d);
-      const k = y ? 0 : d, V = F(M.radius, 0, Math.min(n, D) / 2);
+      const r = Array.isArray(p) ? p[0] : p, c = E > 0 ? G(r, W, E) : r, x = X && D > 2 && E <= 0, P = x ? this.#d(t, p, D) : c;
+      t.fillStyle = P, B && (t.globalAlpha = L), x && t.translate(0, d);
+      const k = x ? 0 : d, V = F(M.radius, 0, Math.min(n, D) / 2);
       V < 1 && !this.options.candlePainter ? t.fillRect(s, k, n, D) : M.painter(M.env, {
         geom: { x: s, y: k, width: n, height: D },
         fillStyle: P,
@@ -601,7 +601,7 @@ class yt {
         radius: V,
         progress: w,
         isBullish: b.close >= b.open
-      }), y && t.translate(0, -d), B && t.restore();
+      }), x && t.translate(0, -d), B && t.restore();
     }
   }
   /**
@@ -650,13 +650,14 @@ function O(a, t, i) {
 }
 const zt = {
   type: "candlestick",
-  create: ({ theme: a }, t) => new yt(new lt(), {
+  xTypes: ["time"],
+  create: ({ theme: a }, t) => new xt(new lt(), {
     up: { ...a.candlestick.up },
     down: { ...a.candlestick.down },
     ...t
   })
 };
 export {
-  yt as CandlestickRenderer,
+  xt as CandlestickRenderer,
   zt as CandlestickSeriesDef
 };

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 P = {
+const E = {
   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 ? P : { ...P, ...r };
+  return r === void 0 || r === !1 ? !1 : r === !0 ? E : { ...E, ...r };
 }
-function E(r, s) {
+function P(r, s) {
   const t = {
     ...r,
     ...s,
@@ -92,7 +92,7 @@ class ct {
   /** Data extent cached by {@link #rebuildGrid} — see {@link #domain}. */
   #M = { min: 0, max: 1 };
   constructor(s, t) {
-    this.#t = E(lt, s ?? {}), this.#r = this.#t.entryMs === 0, this.#g = t ?? null;
+    this.#t = P(lt, s ?? {}), this.#r = this.#t.entryMs === 0, this.#g = t ?? null;
   }
   // --- Data ingest -----------------------------------------------------------
   setData(s) {
@@ -118,7 +118,7 @@ class ct {
   }
   updateOptions(s) {
     const t = this.#t.columns, e = this.#t.rows;
-    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;
+    this.#t = P(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() {

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

@@ -3,59 +3,59 @@ function l(e) {
   return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
 function g(e) {
-  const o = f(e.progress), t = e.range.from + o * (e.range.to - e.range.from);
+  const n = f(e.progress), t = e.range.from + n * (e.range.to - e.range.from);
   return { x: e.timeToX(t), time: t };
 }
 function I(e = {}) {
-  const o = e.head ?? !0;
+  const n = e.head ?? !0;
   return (t) => {
     const r = g(t);
-    return { clip: { toX: r.x }, heads: o ? [r] : void 0 };
+    return { clip: { toX: r.x }, heads: n ? [r] : void 0 };
   };
 }
-function y(e = {}) {
-  const o = Math.min(l(e.stagger ?? 0.35), 0.9);
+function v(e = {}) {
+  const n = Math.min(l(e.stagger ?? 0.35), 0.9);
   return (t) => ({
-    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));
+    value: ({ layerIndex: r, value: s, position: u }) => {
+      const i = t.layerMean(r);
+      if (i === null || !Number.isFinite(s)) return s;
+      const o = l((t.progress - n * u) / (1 - n));
+      return t.lerpValue(i, s, d(o));
     }
   });
 }
-function T() {
+function y() {
   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);
+  return (n) => {
+    if (n.stacking !== "off") return e(n);
+    const t = n.primaryPath();
+    if (t === null || t.length < 2) return e(n);
     let r = 0;
-    const i = [];
-    for (let n = 1; n < t.length; n++) {
-      const s = Math.hypot(t[n].x - t[n - 1].x, t[n].y - t[n - 1].y);
-      i.push(s), r += s;
+    const s = [];
+    for (let o = 1; o < t.length; o++) {
+      const a = Math.hypot(t[o].x - t[o - 1].x, t[o].y - t[o - 1].y);
+      s.push(a), r += a;
     }
-    if (r <= 0) return e(o);
-    let c = o.progress * r;
-    for (let n = 1; n < t.length; n++) {
-      const s = i[n - 1];
-      if (c > s) {
-        c -= s;
+    if (r <= 0) return e(n);
+    let u = n.progress * r;
+    for (let o = 1; o < t.length; o++) {
+      const a = s[o - 1];
+      if (u > a) {
+        u -= a;
         continue;
       }
-      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;
+      const p = a > 0 ? u / a : 1, c = t[o - 1], h = t[o], m = c.x + (h.x - c.x) * p, x = c.time + (h.time - c.time) * p;
       return { clip: { toX: m }, heads: [{ x: m, time: x }] };
     }
-    const u = t[t.length - 1];
-    return { clip: { toX: u.x }, heads: [{ x: u.x, time: u.time }] };
+    const i = t[t.length - 1];
+    return { clip: { toX: i.x }, heads: [{ x: i.x, time: i.time }] };
   };
 }
-function w(e = {}) {
-  const o = l(e.ghostAlpha ?? 0.18);
+function T(e = {}) {
+  const n = l(e.ghostAlpha ?? 0.18);
   return (t) => {
     const r = g(t);
-    return { clip: { toX: r.x }, heads: [r], ghostAlpha: o };
+    return { clip: { toX: r.x }, heads: [r], ghostAlpha: n };
   };
 }
 function b() {
@@ -63,9 +63,9 @@ function b() {
     clip: { toX: f(e.progress) * e.width }
   });
 }
-function k() {
+function w() {
   return (e) => {
-    const o = f(e.progress), t = e.width / 2, r = t * o;
+    const n = f(e.progress), t = e.width / 2, r = t * n;
     return {
       clip: { fromX: t - r, toX: t + r },
       heads: [
@@ -75,11 +75,21 @@ function k() {
     };
   };
 }
+function M(e, n) {
+  const t = n.getTransform();
+  let r = 0, s = 0;
+  for (const i of e)
+    n.isPlottable(i.value) && (r += t === null ? i.value : t.forward(i.value), s++);
+  if (s === 0) return null;
+  const u = r / s;
+  return t === null ? u : t.inverse(u);
+}
 export {
   b as backfillSweepIntro,
-  k as centerOutIntro,
-  T as plotterIntro,
+  w as centerOutIntro,
+  y as plotterIntro,
+  M as scaleMean,
   I as sweepIntro,
-  w as traceIntro,
-  y as unfoldIntro
+  T as traceIntro,
+  v as unfoldIntro
 };