@wick-charts/vue 0.8.0 → 0.8.2

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

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

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

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

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

@@ -21,7 +21,7 @@ const e = {
   top: 20,
   bottom: 20,
   right: { intervals: 3 },
-  left: { intervals: 0 }
+  left: { intervals: 0.5 }
 };
 function f(t) {
   return {

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

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