@wick-charts/vue 0.6.0 → 0.6.2

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

@@ -3,47 +3,47 @@ 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;
+  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 p(t, o) {
+  function m(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`;
+      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 x(t, o) {
     t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
   }
-  function T(t, o, u) {
+  function d(t, o, u) {
     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;
+    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();
-    m.setCurrentTicks(u);
-    const { entries: d } = m.snapshot(), v = /* @__PURE__ */ new Set();
-    for (const { value: a, opacity: f } of d) {
+    p.setCurrentTicks(u);
+    const { entries: T } = p.snapshot(), S = /* @__PURE__ */ new Set();
+    for (const { value: a, opacity: f } of T) {
       if (f <= F) continue;
-      v.add(a);
+      S.add(a);
       let i = s.get(a);
       if (i === void 0)
-        i = T(a, n, t), s.set(a, i);
+        i = d(a, n, t), s.set(a, i);
       else {
-        const S = p(a, n);
-        i.textContent !== S && (i.textContent = S), o && x(i, t);
+        const v = m(a, n);
+        i.textContent !== v && (i.textContent = v), o && x(i, t);
       }
       C(i, a), i.style.opacity = String(f);
     }
     for (const [a, f] of s)
-      v.has(a) || (f.remove(), s.delete(a));
+      S.has(a) || (f.remove(), s.delete(a));
   }
   function c() {
     e.getAnimationState().animating || l();

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

@@ -1,5 +1,15 @@
-import { DEFAULT_MAX_VISIBLE_BARS as o, MIN_VISIBLE_BARS as n } from "./pan-zoom-math.js";
-function s(t) {
+import { DEFAULT_MAX_VISIBLE_BARS as i, MIN_VISIBLE_BARS as r } from "./pan-zoom-math.js";
+function n(t) {
+  return t === void 0 || !Number.isFinite(t) || t <= 0 ? 0 : t;
+}
+function a(t) {
+  return {
+    top: n(t?.top),
+    right: t?.right === void 0 ? null : n(t.right),
+    left: n(t?.left)
+  };
+}
+function l(t) {
   if (!t) return { monitor: null, ownsMonitor: !1, hud: null };
   if (typeof t != "object" || !("monitor" in t || "recordFrame" in t))
     throw new Error(
@@ -7,29 +17,30 @@ function s(t) {
     );
   return "recordFrame" in t ? { monitor: t, ownsMonitor: !1, hud: null } : { monitor: t.monitor, ownsMonitor: t.ownsMonitor ?? !1, hud: t.hud ?? null };
 }
-const r = {
+const e = {
   top: 20,
   bottom: 20,
   right: { intervals: 3 },
   left: { intervals: 0 }
 };
-function a(t) {
+function f(t) {
   return {
-    top: t?.top ?? r.top,
-    bottom: t?.bottom ?? r.bottom,
-    right: t?.right ?? r.right,
-    left: t?.left ?? r.left
+    top: t?.top ?? e.top,
+    bottom: t?.bottom ?? e.bottom,
+    right: t?.right ?? e.right,
+    left: t?.left ?? e.left
   };
 }
-function f(t, e) {
-  return typeof t == "number" && typeof e == "number" ? t === e : typeof t == "object" && typeof e == "object" ? t.intervals === e.intervals : !1;
+function u(t, o) {
+  return typeof t == "number" && typeof o == "number" ? t === o : typeof t == "object" && typeof o == "object" ? t.intervals === o.intervals : !1;
 }
-function l(t) {
-  return t === void 0 ? o : Number.isFinite(t) ? Math.max(n, Math.floor(t)) : o;
+function m(t) {
+  return t === void 0 ? i : Number.isFinite(t) ? Math.max(r, Math.floor(t)) : i;
 }
 export {
-  f as isSameHorizontalPadding,
-  l as resolveMaxVisibleBars,
-  a as resolvePadding,
-  s as resolvePerfOptions
+  u as isSameHorizontalPadding,
+  a as resolveFade,
+  m as resolveMaxVisibleBars,
+  f as resolvePadding,
+  l as resolvePerfOptions
 };