@wick-charts/vue 0.6.4 → 0.7.0

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

@@ -650,6 +650,7 @@ function O(a, t, i) {
 }
 const zt = {
   type: "candlestick",
+  xTypes: ["time"],
   create: ({ theme: a }, t) => new xt(new lt(), {
     up: { ...a.candlestick.up },
     down: { ...a.candlestick.down },

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

@@ -1,5 +1,5 @@
 import { DEFAULT_HISTORY_REVEAL as nt, DEFAULT_LINE_INTRO as lt, DEFAULT_LINE_PULSE as at, DEFAULT_LINE_SMOOTH as rt, DEFAULT_LINE_ENTRY as ht } from "../animation/config.js";
-import { easeOutCubic as U } from "../animation/easing.js";
+import { easeOutCubic as $ } from "../animation/easing.js";
 import { decimateLineData as q } from "../data/decimation.js";
 import { hexToRgba as X } from "../utils/color.js";
 import { lerp as N } from "../utils/math.js";
@@ -329,7 +329,7 @@ class Pt extends ut {
     for (let h = 0; h < e.length; h++) {
       const m = o[s + 1 + h];
       if (!Number.isFinite(m.value)) return null;
-      const c = U(e[h].progress), x = i(m.time, m.value), n = this.axisLerp(r, x, c);
+      const c = $(e[h].progress), x = i(m.time, m.value), n = this.axisLerp(r, x, c);
       f.set(m.time, n), r = n;
     }
     return f;
@@ -490,7 +490,7 @@ class Pt extends ut {
     if ((this.options.entryAnimation ?? "grow") !== "grow" || e !== m[m.length - 1]?.time || h.length === 0 || c < 0) return { x: f, y: r };
     let x = s.timeToBitmapXExact(m[c].time);
     for (let n = 0; n < h.length; n++)
-      x = N(x, s.timeToBitmapXExact(m[c + 1 + n].time), U(h[n].progress));
+      x = N(x, s.timeToBitmapXExact(m[c + 1 + n].time), $(h[n].progress));
     return { x, y: r };
   }
   /** Upper-edge vertex of layer `li` at column `t`, replayed from the last
@@ -519,7 +519,7 @@ class Pt extends ut {
     for (let x = 0; x < e.length; x++) {
       const n = o[s + 1 + x];
       if (!r.isPlottable(n.value)) return null;
-      const p = U(e[x].progress), a = l.timeToBitmapXExact(n.time), g = r.valueToBitmapYExact(this.effectiveValue(t, i, n.time, n.value)), A = N(h, a, p), E = N(m, g, p);
+      const p = $(e[x].progress), a = l.timeToBitmapXExact(n.time), g = r.valueToBitmapYExact(this.effectiveValue(t, i, n.time, n.value)), A = N(h, a, p), E = N(m, g, p);
       c.set(n.time, { x: A, y: E }), h = A, m = E;
     }
     return c;
@@ -592,14 +592,14 @@ class Pt extends ut {
       let a = this.stores[n].getVisibleData(l.from, l.to);
       const g = i.mediaSize.width;
       if (a.length > g * 2 && (a = q(a, Math.round(g * 1.5))), a.length < 2) continue;
-      const A = this.stores[n].last()?.value ?? a[a.length - 1].value, E = this.resolveLayerColor(n, A), B = this.buildThresholdPaint(t, E), L = a[a.length - 1], D = this.stores[n].last(), Y = D !== void 0 && L.time === D.time, z = Y ? this.entranceProgress(n, L.time) : 1, I = Y && m === "fade" && z < 1, O = (Y ? this.trailingEndpoint(t, n) : null) ?? {
+      const A = this.stores[n].last()?.value ?? a[a.length - 1].value, E = this.resolveLayerColor(n, A), B = this.buildThresholdPaint(t, E), L = a[a.length - 1], D = this.stores[n].last(), Y = D !== void 0 && L.time === D.time, z = Y ? this.entranceProgress(n, L.time) : 1, I = Y && m === "fade" && z < 1, H = (Y ? this.trailingEndpoint(t, n) : null) ?? {
         x: e.timeToBitmapXExact(L.time),
         y: o.valueToBitmapYExact(this.effectiveValue(t, n, L.time, L.value))
-      }, W = O.x, C = O.y, _ = Y && m === "grow" ? this.chainedTailPositions(t, n) : null, G = p < 1;
+      }, W = H.x, C = H.y, _ = Y && m === "grow" ? this.chainedTailPositions(t, n) : null, G = p < 1;
       (G || I) && (s.save(), G && (s.globalAlpha *= p), I && (s.globalAlpha *= z));
-      const $ = a.length - 1, u = [];
+      const U = a.length - 1, u = [];
       let v = null;
-      for (let d = 0; d < $; d++) {
+      for (let d = 0; d < U; d++) {
         const S = a[d].value;
         if (!o.isPlottable(S)) {
           v = null;
@@ -614,7 +614,7 @@ class Pt extends ut {
           v.push({ x: e.timeToBitmapXExact(a[d].time), y: F });
         }
       }
-      const M = a[$]?.value, b = Number.isFinite(W) && Number.isFinite(C) && o.isPlottable(M), P = m === "grow" && z < 1;
+      const M = a[U]?.value, b = Number.isFinite(W) && Number.isFinite(C) && o.isPlottable(M), P = m === "grow" && z < 1;
       let T = null;
       if (b && (v ? (v.push({ x: W, y: C }), T = v) : u.push([{ x: W, y: C }])), f && u.some((d) => d.length >= 2)) {
         s.beginPath();
@@ -739,10 +739,10 @@ class Pt extends ut {
           (!P || S > b) && (b = S), P = !0;
         }
         if (!P || b >= 1) break;
-        I.unshift(U(b));
+        I.unshift($(b));
       }
     }
-    const O = (u, v) => {
+    const H = (u, v) => {
       const M = v.length;
       if (!(M === 0 || u.length < M + 1))
         for (let b = 0; b < M; b++) {
@@ -759,23 +759,23 @@ class Pt extends ut {
           _ = u;
           break;
         }
-    const G = C >= 0 ? this.getLayerAlpha(C) : 1, $ = n.map((u, v) => v === C ? Math.min(1, this.getLayerAlpha(v)) : 1);
+    const G = C >= 0 ? this.getLayerAlpha(C) : 1, U = n.map((u, v) => v === C ? Math.min(1, this.getLayerAlpha(v)) : 1);
     for (let u = this.stores.length - 1; u >= 0; u--) {
       const v = this.getLayerAlpha(u);
       if (v <= 0) continue;
       const M = this.stores[u].last()?.value ?? 0, b = this.resolveLayerColor(u, M), P = u === C, T = _ >= 0 && u === _ && G < 1, d = [];
       for (let R = 0; R < a.length; R++) {
         const V = u > 0 ? s.valueToBitmapYExact(D[u - 1][R]) : W;
-        let H = V;
-        P ? H = W : T && (H = V + (W - V) * (1 - G)), d.push([o.timeToBitmapXExact(a[R]), H]);
+        let O = V;
+        P ? O = W : T && (O = V + (W - V) * (1 - G)), d.push([o.timeToBitmapXExact(a[R]), O]);
       }
-      g === "grow" && O(d, I);
+      g === "grow" && H(d, I);
       const S = [];
       for (let R = 0; R < a.length; R++) {
         let V = s.valueToBitmapYExact(D[u][R]);
         P && v < 1 && (V = W + (V - W) * v), S.push([o.timeToBitmapXExact(a[R]), V]);
       }
-      g === "grow" && O(S, I);
+      g === "grow" && H(S, I);
       const w = st(S), F = tt(w, c, g === "grow" && I.length > 0), K = g === "fade" && z[u] < 1;
       if (K && (l.save(), l.globalAlpha *= z[u]), this.options.area.visible && !this.introGhostPass) {
         let R = S[0][1], V = d[0][1];
@@ -783,10 +783,10 @@ class Pt extends ut {
           S[k][1] < R && (R = S[k][1]);
         for (let k = 1; k < d.length; k++)
           d[k][1] > V && (V = d[k][1]);
-        let H = X(b, 0.25);
+        let O = X(b, 0.25);
         if (V > R + 0.5) {
           const k = l.createLinearGradient(0, R, 0, V);
-          k.addColorStop(0, X(b, 0.25)), k.addColorStop(1, X(b, 0.05)), H = k;
+          k.addColorStop(0, X(b, 0.25)), k.addColorStop(1, X(b, 0.05)), O = k;
         }
         if (l.beginPath(), l.moveTo(w[0].x, w[0].y), et(l, F), P)
           for (let k = d.length - 1; k >= 0; k--)
@@ -795,7 +795,7 @@ class Pt extends ut {
           const k = st(d), ct = tt(k, c, g === "grow" && I.length > 0), Z = k[k.length - 1];
           l.lineTo(Z.x, Z.y), gt(l, k, ct);
         }
-        l.closePath(), l.fillStyle = H, l.fill();
+        l.closePath(), l.fillStyle = O, l.fill();
       }
       const Q = h && v < 1;
       if (Q && (l.save(), l.globalAlpha *= v), h && (l.beginPath(), l.moveTo(w[0].x, w[0].y), et(l, F), l.strokeStyle = b, l.lineWidth = m, l.lineJoin = "round", l.lineCap = "round", l.stroke()), Q && l.restore(), this.options.points?.visible) {
@@ -804,7 +804,7 @@ class Pt extends ut {
       }
       K && l.restore();
     }
-    this.stackedEdges = { times: a, cumulative: D, growChain: I, collapse: $ };
+    this.stackedEdges = { times: a, cumulative: D, growChain: I, collapse: U };
   }
   /**
    * Overlay hook: draws crosshair nearest-point dots and last-point pulse dots.
@@ -880,6 +880,7 @@ class Pt extends ut {
 }
 const Bt = {
   type: "line",
+  xTypes: ["time", "numeric", "category"],
   create: ({ theme: y, layerCount: t }, i) => new Pt(t, {
     colors: t === 1 ? [y.line.color] : y.seriesColors.slice(0, t),
     strokeWidth: y.line.width,

package/dist/core/dist/snapshots.js

@@ -1,21 +1,22 @@
-import { pointValue as y } from "./utils/point.js";
+import { pointValue as m } from "./utils/point.js";
 const f = /* @__PURE__ */ new WeakMap();
-function g(e, r) {
+function y(e, r) {
   return f.get(e)?.get(r);
 }
-function h(e, r, n) {
-  let a = f.get(e);
-  a || (a = /* @__PURE__ */ new Map(), f.set(e, a)), a.set(r, n);
+function I(e, r, n) {
+  let o = f.get(e);
+  o || (o = /* @__PURE__ */ new Map(), f.set(e, o)), o.set(r, n);
 }
-function I(e) {
-  return e.low !== void 0 && e.high !== void 0 ? { time: e.time, low: e.low, high: e.high } : { time: e.time, value: e.value };
+function g(e) {
+  const r = e.low !== void 0 && e.high !== void 0 ? { time: e.time, low: e.low, high: e.high } : { time: e.time, value: e.value };
+  return e.x !== void 0 && (r.x = e.x), r;
 }
-function b(e, r) {
+function h(e, r) {
   if (r === "none" || e.length <= 1) return e;
   const n = [...e];
-  return n.sort((a, s) => {
-    const i = y(a.data), l = y(s.data);
-    return r === "asc" ? i - l : l - i;
+  return n.sort((o, a) => {
+    const s = m(o.data), i = m(a.data);
+    return r === "asc" ? s - i : i - s;
   }), n;
 }
 function u(e) {
@@ -29,31 +30,31 @@ function u(e) {
   };
   return Object.freeze(n);
 }
-function p(e, r) {
-  const n = r.sort ?? "none", a = e.getOverlayVersion(), s = g(e, r.cacheKey);
-  if (s && s.version === a && s.time === r.time && s.sort === n)
-    return s.data;
-  const i = [];
+function S(e, r) {
+  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = y(e, r.cacheKey);
+  if (a && a.version === o && a.time === r.time && a.sort === n)
+    return a.data;
+  const s = [];
   for (const t of e.getSeriesIds()) {
     if (!e.isSeriesVisible(t)) continue;
     if (e.getSeriesLayers(t) !== null) {
       const d = e.getLayerSnapshots(t, r.time);
       if (!d) continue;
-      for (const o of d)
-        i.push(
+      for (const l of d)
+        s.push(
           u({
-            id: `${t}_layer${o.layerIndex}`,
+            id: `${t}_layer${l.layerIndex}`,
             seriesId: t,
-            layerIndex: o.layerIndex,
-            label: e.getLayerLabel(t, o.layerIndex),
-            data: I(o),
-            color: o.color
+            layerIndex: l.layerIndex,
+            label: e.getLayerLabel(t, l.layerIndex),
+            data: g(l),
+            color: l.color
           })
         );
       continue;
     }
     const c = e.getDataAtTime(t, r.time);
-    c && i.push(
+    c && s.push(
       u({
         id: t,
         seriesId: t,
@@ -63,33 +64,43 @@ function p(e, r) {
       })
     );
   }
-  const l = Object.freeze(b(i, n));
-  return h(e, r.cacheKey, { version: a, time: r.time, sort: n, data: l }), l;
+  const i = Object.freeze(h(s, n));
+  return I(e, r.cacheKey, { version: o, time: r.time, sort: n, data: i }), i;
 }
-function S(e, r) {
-  const n = r.sort ?? "none", a = e.getOverlayVersion(), s = g(e, r.cacheKey);
-  if (s && s.version === a && s.time === null && s.sort === n)
-    return s.data;
-  const i = [];
+function p(e, r) {
+  const { time: n, snapshots: o, interval: a } = r;
+  if (e.timeScale.getType() !== "numeric") return e.timeScale.formatX(n, a);
+  let s = n, i = Number.POSITIVE_INFINITY;
+  for (const t of o) {
+    const c = Math.abs(t.data.time - n), d = c === i && t.data.time <= s;
+    c > i || d || (i = c, s = t.data.time);
+  }
+  return e.timeScale.formatPointX(s, a);
+}
+function x(e, r) {
+  const n = r.sort ?? "none", o = e.getOverlayVersion(), a = y(e, r.cacheKey);
+  if (a && a.version === o && a.time === null && a.sort === n)
+    return a.data;
+  const s = [];
   for (const t of e.getSeriesIds()) {
     if (!e.isSeriesVisible(t)) continue;
     const c = e.getLayerLastSnapshots(t);
     if (c) {
-      for (const o of c)
-        i.push(
+      for (const l of c)
+        s.push(
           u({
-            id: `${t}_layer${o.layerIndex}`,
+            id: `${t}_layer${l.layerIndex}`,
             seriesId: t,
-            layerIndex: o.layerIndex,
-            label: e.getLayerLabel(t, o.layerIndex),
-            data: I(o),
-            color: o.color
+            layerIndex: l.layerIndex,
+            label: e.getLayerLabel(t, l.layerIndex),
+            data: g(l),
+            color: l.color
           })
         );
       continue;
     }
     const d = e.getLastData(t);
-    d && i.push(
+    d && s.push(
       u({
         id: t,
         seriesId: t,
@@ -99,10 +110,11 @@ function S(e, r) {
       })
     );
   }
-  const l = Object.freeze(b(i, n));
-  return h(e, r.cacheKey, { version: a, time: null, sort: n, data: l }), l;
+  const i = Object.freeze(h(s, n));
+  return I(e, r.cacheKey, { version: o, time: null, sort: n, data: i }), i;
 }
 export {
-  p as buildHoverSnapshots,
-  S as buildLastSnapshots
+  S as buildHoverSnapshots,
+  x as buildLastSnapshots,
+  p as formatHeaderX
 };