@wick-charts/vue 0.6.1 → 0.6.3

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 m = 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 p(t, o) {
-    return r === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
-  }
-  function C(t, o) {
-    if (r === "x") {
-      t.style.left = `${e.timeScale.timeToX(o)}px`;
+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.valueToY(o)}px`;
+    t.style.top = `${e.yScale.valueToSnappedY(o)}px`;
+  }
+  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 x(t, o) {
-    t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
+  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 T(t, o, u) {
+  function Y(t, o, i) {
     const n = document.createElement("span");
-    return n.textContent = p(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();
-    m.setCurrentTicks(u);
-    const { entries: d } = m.snapshot(), v = /* @__PURE__ */ new Set();
-    for (const { value: a, opacity: f } of d) {
-      if (f <= F) continue;
-      v.add(a);
-      let i = s.get(a);
-      if (i === void 0)
-        i = T(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 S = p(a, n);
-        i.textContent !== S && (i.textContent = S), 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)
-      v.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, m = 0.15;
-class w {
+const r = 320, V = 0.15;
+class x {
   #t;
   #e;
   #i = !1;
@@ -8,11 +8,11 @@ class w {
     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: f = !1 } = i;
-    if (f || !u && !l)
+    const { target: t, firstVisible: n, introFront: o, now: s, glide: u = !0, countUp: l = !0, reducedMotion: p = !1 } = i;
+    if (p || !u && !l)
       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 h = n + (t - n) * o, a = l ? h : t;
+      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 (!this.#i)
@@ -22,35 +22,31 @@ class w {
     const c = i.settleMs ?? r;
     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) > V && (this.#t.retarget(t, { now: s, settleMs: c }), this.#e = t);
-    const p = this.#t.tick(s);
-    return { positionValue: this.#t.current, textValue: t, opacity: 1, animating: p };
+    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 };
   }
   #s(i) {
-    return i >= 1 ? 1 : d(i / m);
+    return i >= 1 ? 1 : d(i / V);
   }
 }
-const V = 1e-9;
+const m = 1e-9;
 function d(e) {
   return e <= 0 ? 0 : e >= 1 ? 1 : e;
 }
-function x(e) {
+function M(e) {
   return e === !1 ? { glide: !1, countUp: !1, settleMs: 0 } : e === void 0 || e === !0 ? { glide: !0, countUp: !0, settleMs: r } : {
     glide: e.glide ?? !0,
     countUp: e.countUp ?? !0,
     settleMs: e.settleMs ?? r
   };
 }
-function y() {
-  return typeof matchMedia != "function" ? !1 : matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function U(e, i, t) {
+function y(e, i, t) {
   const { from: n } = e.getVisibleRange();
   return e.getStackedValueAtTime(i, n) ?? t;
 }
 export {
-  w as BadgeAnimator,
-  U as firstVisibleValue,
-  y as prefersReducedMotion,
-  x as resolveAnimate
+  x as BadgeAnimator,
+  y as firstVisibleValue,
+  M as resolveAnimate
 };

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
 };