@wick-charts/vue 0.6.2 → 0.6.4

package/dist/core/dist/axis/dom-labels.js

@@ -1,59 +1,72 @@
-import { resolveAxisTextColor as w, resolveAxisFontSize as A } from "../theme/resolve.js";
-const F = 0.01;
-function $(g) {
-  const { chart: e, container: h, axis: r } = g, s = /* @__PURE__ */ new Map();
-  let y = null;
-  const p = r === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
-  function k() {
-    return r === "x" ? e.timeScale.niceTickValues(e.getDataInterval()) : { ticks: e.yScale.niceTickValues(), tickInterval: 0 };
-  }
-  function m(t, o) {
-    return r === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
-  }
-  function C(t, o) {
-    if (r === "x") {
+import { resolveAxisTextColor as I, resolveAxisFontSize as C } from "../theme/resolve.js";
+import { clamp as P } from "../utils/math.js";
+const V = 0.01;
+function E(T) {
+  const { chart: e, container: w, axis: a } = T, r = /* @__PURE__ */ new Map();
+  let p = null, m = null;
+  const x = a === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
+  function A() {
+    return a === "x" ? e.timeScale.niceTickValues(e.getDataInterval()) : { ticks: e.yScale.niceTickValues(), tickInterval: 0 };
+  }
+  function S(t, o) {
+    return a === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
+  }
+  function $(t, o) {
+    if (a === "x") {
       t.style.left = `${e.timeScale.timeToSnappedX(o)}px`;
       return;
     }
     t.style.top = `${e.yScale.valueToSnappedY(o)}px`;
   }
-  function x(t, o) {
-    t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
+  function h(t, o) {
+    t.style.color = I(o, a), t.style.fontSize = `${C(o, a)}px`, t.style.fontFamily = o.typography.fontFamily;
+  }
+  function v(t, o) {
+    const i = o === "left" ? "left" : "right", n = o === "left" ? "right" : "left";
+    t.style[i] = "8px", t.style[n] = "";
+  }
+  function F(t, o) {
+    const i = e.headerHeight;
+    if (a !== "y" || i <= 0 || e.yAxisPosition !== "left") return 1;
+    const n = C(o, a), y = e.yScale.valueToSnappedY(t) - n / 2;
+    return P((y - i + n) / n, 0, 1);
   }
-  function d(t, o, u) {
+  function Y(t, o, i) {
     const n = document.createElement("span");
-    return n.textContent = m(t, o), n.style.position = "absolute", n.style.userSelect = "none", x(n, u), n.style.willChange = "opacity", r === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (n.style.right = "8px", n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), h.appendChild(n), n;
-  }
-  function l() {
-    const t = e.getTheme(), o = t !== y;
-    y = t;
-    const { ticks: u, tickInterval: n } = k();
-    p.setCurrentTicks(u);
-    const { entries: T } = p.snapshot(), S = /* @__PURE__ */ new Set();
-    for (const { value: a, opacity: f } of T) {
-      if (f <= F) continue;
-      S.add(a);
-      let i = s.get(a);
-      if (i === void 0)
-        i = d(a, n, t), s.set(a, i);
+    return n.textContent = S(t, o), n.style.position = "absolute", n.style.userSelect = "none", h(n, i), n.style.willChange = "opacity", a === "x" ? (n.style.transform = "translateX(-50%)", n.style.whiteSpace = "nowrap") : (v(n, e.yAxisPosition), n.style.transform = "translateY(-50%)", n.style.fontVariantNumeric = "tabular-nums"), w.appendChild(n), n;
+  }
+  function c() {
+    const t = e.getTheme(), o = t !== p;
+    p = t;
+    const i = e.yAxisPosition, n = a === "y" && i !== m;
+    m = i;
+    const { ticks: y, tickInterval: g } = A();
+    x.setCurrentTicks(y);
+    const { entries: b } = x.snapshot(), k = /* @__PURE__ */ new Set();
+    for (const { value: s, opacity: u } of b) {
+      if (u <= V) continue;
+      k.add(s);
+      let l = r.get(s);
+      if (l === void 0)
+        l = Y(s, g, t), r.set(s, l);
       else {
-        const v = m(a, n);
-        i.textContent !== v && (i.textContent = v), o && x(i, t);
+        const d = S(s, g);
+        l.textContent !== d && (l.textContent = d), o && h(l, t), n && v(l, i);
       }
-      C(i, a), i.style.opacity = String(f);
+      $(l, s), l.style.opacity = String(u * F(s, t));
     }
-    for (const [a, f] of s)
-      S.has(a) || (f.remove(), s.delete(a));
+    for (const [s, u] of r)
+      k.has(s) || (u.remove(), r.delete(s));
   }
-  function c() {
-    e.getAnimationState().animating || l();
+  function f() {
+    e.getAnimationState().animating || c();
   }
-  return l(), e.on("tickFrame", l), e.on("viewportChange", c), e.on("overlayChange", c), () => {
-    e.off("tickFrame", l), e.off("viewportChange", c), e.off("overlayChange", c);
-    for (const t of s.values()) t.remove();
-    s.clear();
+  return c(), e.on("tickFrame", c), e.on("viewportChange", f), e.on("overlayChange", f), () => {
+    e.off("tickFrame", c), e.off("viewportChange", f), e.off("overlayChange", f);
+    for (const t of r.values()) t.remove();
+    r.clear();
   };
 }
 export {
-  $ as mountAxisLabels
+  E as mountAxisLabels
 };

package/dist/core/dist/chart/badge-animator.js

@@ -1,6 +1,6 @@
 import { ScalarSpring as g } from "../animation/scalar-spring.js";
-const r = 320, V = 0.15;
-class x {
+const l = 320, V = 0.15;
+class b {
   #t;
   #e;
   #i = !1;
@@ -8,45 +8,53 @@ class x {
     this.#t = new g(i), this.#e = i;
   }
   frame(i) {
-    const { target: t, firstVisible: n, introFront: o, now: s, glide: u = !0, countUp: l = !0, reducedMotion: p = !1 } = i;
-    if (p || !u && !l)
+    const { target: t, firstVisible: n, introFront: r, now: s, glide: a = !0, countUp: u = !0, reducedMotion: p = !1 } = i;
+    if (p || !a && !u)
       return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    if (o < 1) {
-      const f = n + (t - n) * o, a = l ? f : t;
-      return this.#t.snap(a, { now: s }), this.#e = a, this.#i = !0, { positionValue: a, textValue: a, opacity: this.#s(o), animating: !0 };
+    if (r < 1) {
+      const h = n + (t - n) * r, o = u ? h : t;
+      return this.#t.snap(o, { now: s }), this.#e = o, this.#i = !0, { positionValue: o, textValue: o, opacity: this.#s(r), animating: !0 };
     }
     if (!this.#i)
       return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    if (!u)
+    if (!a)
       return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    const c = i.settleMs ?? r;
+    const c = i.settleMs ?? l;
     if (c <= 0)
       return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
-    Math.abs(t - this.#e) > m && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
-    const h = this.#t.tick(s);
-    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: h };
+    Math.abs(t - this.#e) > d && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
+    const f = this.#t.tick(s);
+    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: f };
   }
   #s(i) {
-    return i >= 1 ? 1 : d(i / V);
+    return i >= 1 ? 1 : y(i / V);
   }
 }
-const m = 1e-9;
-function d(e) {
+const d = 1e-9;
+function y(e) {
   return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function M(e) {
-  return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: r } : {
+function w(e) {
+  return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: l } : {
     glide: e.glide ?? !0,
     countUp: e.countUp ?? !0,
-    settleMs: e.settleMs ?? r
+    settleMs: e.settleMs ?? l
   };
 }
-function y(e, i, t) {
+function M(e, i, t) {
   const { from: n } = e.getVisibleRange();
   return e.getStackedValueAtTime(i, n) ?? t;
 }
+function S(e, i) {
+  if (i !== void 0) return i;
+  const t = new Set(e.getSeriesIdsByType("band")), n = (a) => !t.has(a), r = e.getSeriesIdsByType("time", { visibleOnly: !0, singleLayerOnly: !0 }).filter(n);
+  if (r.length > 0) return r[0];
+  const s = e.getSeriesIdsByType("time", { visibleOnly: !0 }).filter(n);
+  return s.length > 0 ? s[0] : null;
+}
 export {
-  x as BadgeAnimator,
-  y as firstVisibleValue,
-  M as resolveAnimate
+  b as BadgeAnimator,
+  M as firstVisibleValue,
+  w as resolveAnimate,
+  S as resolveYLabelSeriesId
 };

package/dist/core/dist/chart/edge-indicators.js

@@ -1,41 +1,42 @@
 import { renderEdgeIndicator as s } from "../components/edge-indicator.js";
-function d(e) {
-  const o = performance.now();
-  for (const t of ["left", "right"]) {
-    let r = e.edgeStates[t], n = 1;
+import { pointValue as c } from "../utils/point.js";
+function h(e) {
+  const t = performance.now();
+  for (const o of ["left", "right"]) {
+    let r = e.edgeStates[o], n = 1;
     if (r === "idle" || r === "has-more") {
-      const a = e.edgeExitFades[t];
+      const a = e.edgeExitFades[o];
       if (a === null) continue;
       r = "loading", n = a;
     }
-    const l = e.resolveBoundary(t);
+    const l = e.resolveBoundary(o);
     if (l === null) continue;
-    const { context: c } = e.scope;
-    n < 1 && (c.save(), c.globalAlpha *= n), s({
+    const { context: i } = e.scope;
+    n < 1 && (i.save(), i.globalAlpha *= n), s({
       scope: e.scope,
       timeScale: e.timeScale,
       theme: e.theme,
       chartMediaWidth: e.chartMediaWidth,
       chartMediaHeight: e.chartMediaHeight,
       boundaryTime: l,
-      side: t,
+      side: o,
       state: r,
-      now: o,
-      customIndicator: e.edgeIndicatorFns[t],
-      resolveEdgeAnchor: () => e.resolveEdgeAnchor(t, l),
+      now: t,
+      customIndicator: e.edgeIndicatorFns[o],
+      resolveEdgeAnchor: () => e.resolveEdgeAnchor(o, l),
       resolveEdgeBarSpacing: () => e.resolveEdgeBarSpacing(),
-      reportPlaceholders: (a) => e.reportPlaceholders(t, a)
-    }), n < 1 && c.restore();
+      reportPlaceholders: (a) => e.reportPlaceholders(o, a)
+    }), n < 1 && i.restore();
   }
 }
-function g(e, o, t) {
-  return o !== null ? o : e === "left" ? t.first ?? null : t.last ?? null;
+function u(e, t, o) {
+  return t !== null ? t : e === "left" ? o.first ?? null : o.last ?? null;
 }
-function u(e, o) {
-  return "close" in o ? e === "left" ? o.open : o.close : o.value;
+function f(e, t) {
+  return "close" in t ? e === "left" ? t.open : t.close : c(t);
 }
 export {
-  d as drawEdgeIndicators,
-  u as resolveEdgeAnchorValue,
-  g as resolveEdgeBoundary
+  h as drawEdgeIndicators,
+  f as resolveEdgeAnchorValue,
+  u as resolveEdgeBoundary
 };

package/dist/core/dist/chart/last-value.js

@@ -1,32 +1,39 @@
-import { isTimeSeriesRenderer as c } from "../series/types.js";
-const a = (e) => "close" in e ? e.close : e.value;
-function d(e, s, i) {
-  const t = s.find((f) => f.id === e);
+import { isTimeSeriesRenderer as d } from "../series/types.js";
+import { isBandPoint as g, pointValue as m } from "../utils/point.js";
+function o(n) {
+  return g(n) ? null : m(n);
+}
+function L(n, i, u) {
+  const t = i.find((l) => l.id === n);
   if (!t) return null;
-  const n = t.renderer;
-  if (!c(n)) return null;
-  const r = n.getLastDataPoint();
-  if (!r) return null;
-  const { from: u, to: o } = i;
-  if (r.time >= u && r.time <= o)
-    return { value: a(r), isLive: !0 };
-  const l = n.getVisibleDataPoints(u, o);
-  return l.length === 0 ? null : { value: a(l[l.length - 1]), isLive: !1 };
+  const r = t.renderer;
+  if (!d(r)) return null;
+  const e = r.getLastDataPoint();
+  if (!e) return null;
+  const { from: a, to: c } = u;
+  if (e.time >= a && e.time <= c) {
+    const l = o(e);
+    return l === null ? null : { value: l, isLive: !0 };
+  }
+  const s = r.getVisibleDataPoints(a, c);
+  if (s.length === 0) return null;
+  const f = o(s[s.length - 1]);
+  return f === null ? null : { value: f, isLive: !1 };
 }
-function v(e, s, i) {
-  const t = s.find((r) => r.id === e);
-  return t ? t.renderer.getStackedLastValue?.() || d(e, s, i) : null;
+function p(n, i, u) {
+  const t = i.find((e) => e.id === n);
+  return t ? t.renderer.getStackedLastValue?.() || L(n, i, u) : null;
 }
-function L(e, s) {
-  const i = s.find((r) => r.id === e);
-  if (!i) return null;
-  const t = i.renderer;
-  if (!c(t)) return null;
-  const n = t.getSecondLastDataPoint();
-  return n ? "close" in n ? n.close : n.value : null;
+function V(n, i) {
+  const u = i.find((e) => e.id === n);
+  if (!u) return null;
+  const t = u.renderer;
+  if (!d(t)) return null;
+  const r = t.getSecondLastDataPoint();
+  return r ? o(r) : null;
 }
 export {
-  d as getLastValue,
-  L as getPreviousClose,
-  v as getStackedLastValue
+  L as getLastValue,
+  V as getPreviousClose,
+  p as getStackedLastValue
 };

package/dist/core/dist/chart/options.js

@@ -2,14 +2,14 @@ import { DEFAULT_MAX_VISIBLE_BARS as i, MIN_VISIBLE_BARS as r } from "./pan-zoom
 function n(t) {
   return t === void 0 || !Number.isFinite(t) || t <= 0 ? 0 : t;
 }
-function a(t) {
+function l(t) {
   return {
     top: n(t?.top),
     right: t?.right === void 0 ? null : n(t.right),
-    left: n(t?.left)
+    left: t?.left === void 0 ? null : n(t.left)
   };
 }
-function l(t) {
+function a(t) {
   if (!t) return { monitor: null, ownsMonitor: !1, hud: null };
   if (typeof t != "object" || !("monitor" in t || "recordFrame" in t))
     throw new Error(
@@ -39,8 +39,8 @@ function m(t) {
 }
 export {
   u as isSameHorizontalPadding,
-  a as resolveFade,
+  l as resolveFade,
   m as resolveMaxVisibleBars,
   f as resolvePadding,
-  l as resolvePerfOptions
+  a as resolvePerfOptions
 };

package/dist/core/dist/chart/scale-guards.js

@@ -0,0 +1,26 @@
+function o(a) {
+  if (!(a.stacking !== "percent" || a.isPlottable(0)))
+    throw new Error(
+      `[wick-charts] Series '${a.seriesId}' uses stacking: 'percent', which this Y scale can't show — a 0–100% axis starts at 0, and the scale has no position for 0. Use a linear axis, or stacking: 'normal' / 'off'.`
+    );
+}
+function i(a) {
+  if (process.env.NODE_ENV === "production") return;
+  const { y: n, isPlottable: t } = a;
+  for (const e of ["min", "max"]) {
+    const s = n?.[e];
+    typeof s != "number" || t(s) || console.warn(
+      `[wick-charts] axis.y.${e} is ${s}, which the Y scale can't place — falling back to 'auto'. Use a bound inside the scale's domain.`
+    );
+  }
+}
+function r(a) {
+  process.env.NODE_ENV !== "production" && console.warn(
+    `[wick-charts] Series '${a.seriesId}' has values in view the Y scale can't place (e.g. ${a.value}; a log axis has no position for values ≤ 0). They are skipped — gaps in a line, no bar or candle. Filter or offset the data, or use a linear axis.`
+  );
+}
+export {
+  o as assertStackingFitsScale,
+  i as warnUnplottableBounds,
+  r as warnUnplottableValues
+};

package/dist/core/dist/chart/y-target.js

@@ -1,25 +1,52 @@
-import { isTimeSeriesRenderer as m } from "../series/types.js";
-function c(e, t, i) {
-  let o = 1 / 0, a = -1 / 0;
-  for (const n of t) {
-    if (!n.visible || !m(n.renderer)) continue;
-    const r = n.renderer.getValueRange(e.from, e.to);
-    r && (r.max > a && (a = r.max), r.min < o && (o = r.min), i?.push(r.min, r.max));
+import { isPlottableOn as c } from "../scales/y-scale.js";
+import { isTimeSeriesRenderer as d } from "../series/types.js";
+function b(n) {
+  const { targetVisible: a, series: t, allValues: o, plottable: r } = n, e = r ? { plottable: r } : void 0;
+  let s = 1 / 0, i = -1 / 0;
+  for (const l of t) {
+    if (!l.visible || !d(l.renderer)) continue;
+    const m = l.renderer.getValueRange(a.from, a.to, e);
+    m && (r && !r(m.max) || (m.max > i && (i = m.max), m.min < s && (!r || r(m.min)) && (s = m.min), o?.push(m.min, m.max)));
   }
-  return o === 1 / 0 || a === -1 / 0 ? null : { min: o, max: a };
+  return i === -1 / 0 ? null : (s === 1 / 0 && (s = i), { min: s, max: i });
 }
-function p(e, t, i, o, a) {
-  if (e === void 0 || e === "auto") return t;
-  if (typeof e == "number") return e;
-  if (typeof e == "function") return e(o);
-  const n = String(e).match(/^([+-]?)\s*(\d+(?:\.\d+)?)\s*%$/);
-  if (n) {
-    const r = n[1] === "-" ? -1 : 1, s = parseFloat(n[2]) / 100, u = Math.abs(i - t) || Math.abs(t) || 1;
-    return t + r * s * u * (a === "max" ? 1 : -1);
+function w(n) {
+  const { raw: a, bounds: t, allValues: o, transform: r } = n;
+  if (r === null)
+    return {
+      min: u(t.min, a.min, a.max, o, "min"),
+      max: u(t.max, a.max, a.min, o, "max")
+    };
+  const e = { min: r.forward(a.min), max: r.forward(a.max) };
+  return {
+    min: f({ bound: t.min, raw: a, scaledRaw: e, allValues: o, side: "min", transform: r }),
+    max: f({ bound: t.max, raw: a, scaledRaw: e, allValues: o, side: "max", transform: r })
+  };
+}
+function f(n) {
+  const { bound: a, raw: t, scaledRaw: o, allValues: r, side: e, transform: s } = n, i = e === "min" ? "max" : "min";
+  if (typeof a == "string" && a !== "auto")
+    return u(a, o[e], o[i], [], e);
+  const l = u(a, t[e], t[i], r, e), m = c(s, l);
+  return s.forward(m ? l : t[e]);
+}
+function g(n, a) {
+  return a === null ? n : { min: a.inverse(n.min), max: a.inverse(n.max) };
+}
+function u(n, a, t, o, r) {
+  if (n === void 0 || n === "auto") return a;
+  if (typeof n == "number") return n;
+  if (typeof n == "function") return n(o);
+  const e = String(n).match(/^([+-]?)\s*(\d+(?:\.\d+)?)\s*%$/);
+  if (e) {
+    const s = e[1] === "-" ? -1 : 1, i = parseFloat(e[2]) / 100, l = Math.abs(t - a) || Math.abs(a) || 1;
+    return a + s * i * l * (r === "max" ? 1 : -1);
   }
-  return t;
+  return a;
 }
 export {
-  c as computeTargetYRange,
-  p as resolveBound
+  b as computeTargetYRange,
+  g as fromScaleSpace,
+  u as resolveBound,
+  w as resolveYTarget
 };