@wick-charts/vue 0.5.1 → 0.6.1

package/dist/PieSeries.vue.js

@@ -1,32 +1,38 @@
-import { defineComponent as i, ref as n, onMounted as u, onUnmounted as d, watch as r, createCommentVNode as p } from "vue";
-import { PieSeriesDef as m } from "./core/dist/series/pie.js";
-import { useChartInstance as c } from "./context.js";
-const h = /* @__PURE__ */ i({
+import { defineComponent as o, ref as n, onMounted as u, onUnmounted as l, watch as a, createCommentVNode as d } from "vue";
+import { PieSeriesDef as p } from "./core/dist/series/pie.js";
+import { useChartInstance as f } from "./context.js";
+const h = /* @__PURE__ */ o({
   __name: "PieSeries",
   props: {
     data: {},
     options: {},
-    id: {}
+    id: {},
+    visible: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const a = s, o = c(), t = n(null);
+  setup(r) {
+    const i = r, s = f(), t = n(null);
     return u(() => {
-      const e = o.addSeries(m, { ...a.options, id: a.id });
-      t.value = e, a.data.length > 0 && o.setSeriesData(e, a.data);
-    }), d(() => {
-      t.value && o.removeSeries(t.value);
-    }), r(
-      () => a.data,
+      const e = s.addSeries(p, { ...i.options, id: i.id });
+      t.value = e, i.data.length > 0 && s.setSeriesData(e, i.data), s.setSeriesVisible(e, i.visible);
+    }), l(() => {
+      t.value && s.removeSeries(t.value);
+    }), a(
+      () => i.data,
       (e) => {
-        t.value && e.length > 0 && o.setSeriesData(t.value, e);
+        t.value && e.length > 0 && s.setSeriesData(t.value, e);
       }
-    ), r(
-      () => a.options,
+    ), a(
+      () => i.options,
       (e) => {
-        t.value && e && o.updateSeriesOptions(t.value, e);
+        t.value && e && s.updateSeriesOptions(t.value, e);
       },
       { deep: !0 }
-    ), (e, f) => p("", !0);
+    ), a(
+      () => i.visible,
+      (e) => {
+        t.value && s.setSeriesVisible(t.value, e);
+      }
+    ), (e, c) => d("", !0);
   }
 });
 export {

package/dist/core/dist/animation/animator.js

@@ -1,8 +1,8 @@
 import { easeOutCubic as r } from "./easing.js";
 class a {
-  #t;
-  #h;
   #i;
+  #h;
+  #t;
   #u = 0;
   #r;
   #e;
@@ -11,21 +11,21 @@ class a {
   #c;
   #a;
   #s = !1;
-  constructor(t) {
-    this.#t = t.initial, this.#h = t.initial, this.#i = t.initial, this.#o = t.duration, this.#r = t.duration, this.#n = t.easing ?? r, this.#e = this.#n, this.#c = t.lerp, this.#a = t.equals ?? Object.is;
+  constructor(i) {
+    this.#i = i.initial, this.#h = i.initial, this.#t = i.initial, this.#o = i.duration, this.#r = i.duration, this.#n = i.easing ?? r, this.#e = this.#n, this.#c = i.lerp, this.#a = i.equals ?? Object.is;
   }
   get current() {
-    return this.#t;
+    return this.#i;
   }
   get target() {
-    return this.#i;
+    return this.#t;
   }
   get animating() {
     return this.#s;
   }
   /** Replace the target instantly; cancels any in-flight animation. */
-  snap(t) {
-    this.#t = t, this.#h = t, this.#i = t, this.#s = !1;
+  snap(i) {
+    this.#i = i, this.#h = i, this.#t = i, this.#s = !1;
   }
   /**
    * Set a new target. If `opts.duration` is omitted, the animator's default
@@ -43,28 +43,28 @@ class a {
    * `from` is the actual current position, the cubic ease resumes seamlessly
    * even though the curve technically restarts.
    */
-  setTarget(t, i = {}) {
-    const s = i.now ?? performance.now();
+  setTarget(i, t = {}) {
+    const s = t.now ?? performance.now();
     if (this.#s) {
-      if (this.#a(t, this.#i)) return;
+      if (this.#a(i, this.#t)) return;
       this.tick(s);
-    } else if (this.#a(t, this.#t))
+    } else if (this.#a(i, this.#i))
       return;
-    const h = i.duration ?? this.#o;
+    const h = t.duration ?? this.#o;
     if (h <= 0) {
-      this.snap(t);
+      this.snap(i);
       return;
     }
-    this.#h = this.#t, this.#i = t, this.#r = h, this.#e = i.easing ?? this.#n, this.#u = s, this.#s = !0;
+    this.#h = this.#i, this.#t = i, this.#r = h, this.#e = t.easing ?? this.#n, this.#u = s, this.#s = !0;
   }
   /** Advance `current` toward `target`. Returns `true` while still animating. */
-  tick(t) {
+  tick(i) {
     if (!this.#s) return !1;
-    const i = t - this.#u;
-    if (i >= this.#r)
-      return this.#t = this.#i, this.#s = !1, !1;
-    const s = i <= 0 ? 0 : i / this.#r;
-    return this.#t = this.#c(this.#h, this.#i, this.#e(s)), !0;
+    const t = i - this.#u;
+    if (t >= this.#r)
+      return this.#i = this.#t, this.#s = !1, !1;
+    const s = t <= 0 ? 0 : t / this.#r;
+    return this.#i = this.#c(this.#h, this.#t, this.#e(s)), !0;
   }
 }
 export {

package/dist/core/dist/animation/config.js

@@ -1,30 +1,31 @@
-import { spring as k } from "./spring.js";
-import { resolveAnimationTime as t } from "./time.js";
-import { hermite as F } from "./y-range-hermite.js";
-import { snap as l } from "./y-range-snap.js";
-const E = 250, _ = 250, S = E, U = _, D = 600, d = E, g = _, v = E, I = _, N = 250, Y = 250, x = 200, C = 150, R = 250, u = 2500, T = 500, O = 100, b = 250, K = 250, m = {
-  line: { entryMs: 0, smoothMs: 0, pulseMs: 0 },
-  candlestick: { entryMs: 0, smoothMs: 0 },
-  bar: { entryMs: 0, smoothMs: 0 },
-  pie: { entryMs: 0, updateMs: 0 }
+import { spring as d } from "./spring.js";
+import { resolveAnimationTime as r } from "./time.js";
+import { hermite as D } from "./y-range-hermite.js";
+import { snap as u } from "./y-range-snap.js";
+const _ = 250, p = 250, h = 500, J = 400, F = _, S = p, k = h, g = 600, I = _, N = p, R = h, v = _, Y = p, O = h, C = 600, b = 250, x = 600, P = 300, H = 200, K = 150, G = 250, T = 2500, m = 500, B = 100, X = 250, $ = 250, A = {
+  line: { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 },
+  candlestick: { entryMs: 0, smoothMs: 0, introMs: 0 },
+  bar: { entryMs: 0, smoothMs: 0, introMs: 0 },
+  pie: { entryMs: 0, updateMs: 0 },
+  heatmap: { entryMs: 0, updateMs: 0 }
 };
-function G(i) {
+function w(i) {
   if (i !== null && typeof i == "object")
     return {
-      stickyMs: t(i.max, u),
-      stickyFloorMs: t(i.min, T)
+      stickyMs: r(i.max, T),
+      stickyFloorMs: r(i.min, m)
     };
   if (i === void 0)
-    return { stickyMs: u, stickyFloorMs: T };
-  const s = t(i, u);
-  return { stickyMs: s, stickyFloorMs: s };
+    return { stickyMs: T, stickyFloorMs: m };
+  const e = r(i, T);
+  return { stickyMs: e, stickyFloorMs: e };
 }
 class y {
   axis;
   toggleMs;
   series;
-  constructor(s, e, o) {
-    this.axis = s, this.toggleMs = e, this.series = o;
+  constructor(e, s, t) {
+    this.axis = e, this.toggleMs = s, this.series = t;
   }
   /**
    * Collapse the public `animations` surface into a resolved config.
@@ -32,38 +33,38 @@ class y {
    * disables every field in that category; otherwise missing fields
    * inherit built-in defaults.
    */
-  static resolve(s) {
-    if (s === !1)
+  static resolve(e) {
+    if (e === !1)
       return new y(
         {
-          y: { curve: l(), settleMs: 0, stickyMs: 0, stickyFloorMs: 0, gestureMs: 0 },
-          x: { curve: l(), settleMs: 0, gestureMs: 0 },
+          y: { curve: u(), settleMs: 0, stickyMs: 0, stickyFloorMs: 0, gestureMs: 0 },
+          x: { curve: u(), settleMs: 0, gestureMs: 0 },
           ticksMs: 0
         },
         0,
-        m
+        A
       );
-    const e = s === !0 || s === void 0 ? void 0 : s, o = e?.axis, r = o === !1 ? !1 : o?.y, n = o === !1 ? !1 : o?.x, M = o === !1 ? !1 : o?.ticks, a = e?.toggle, c = e?.series, f = r === !1 ? {
-      curve: l(),
+    const s = e === !0 || e === void 0 ? void 0 : e, t = s?.axis, M = t === !1 ? !1 : t?.y, o = t === !1 ? !1 : t?.x, n = t === !1 ? !1 : t?.ticks, a = s?.toggle, c = s?.series, l = M === !1 ? {
+      curve: u(),
       settleMs: 0,
       stickyMs: 0,
       stickyFloorMs: 0,
       gestureMs: 0
     } : {
-      curve: r?.curve ?? F(),
-      settleMs: t(r?.settle, R),
-      ...G(r?.sticky),
-      gestureMs: t(r?.gesture, O)
-    }, h = n === !1 ? {
-      curve: l(),
+      curve: M?.curve ?? D(),
+      settleMs: r(M?.settle, G),
+      ...w(M?.sticky),
+      gestureMs: r(M?.gesture, B)
+    }, E = o === !1 ? {
+      curve: u(),
       settleMs: 0,
       gestureMs: 0
     } : {
-      curve: n?.curve ?? k(),
-      settleMs: t(n?.settle, x),
-      gestureMs: t(n?.gesture, C)
-    }, p = M === !1 ? 0 : t(M, K), L = t(a, b), A = P(c);
-    return new y({ y: f, x: h, ticksMs: p }, L, A);
+      curve: o?.curve ?? d(),
+      settleMs: r(o?.settle, H),
+      gestureMs: r(o?.gesture, K)
+    }, f = n === !1 ? 0 : r(n, $), L = r(a, X), U = j(c);
+    return new y({ y: l, x: E, ticksMs: f }, L, U);
   }
   /**
    * Per-renderer-type chart-level option payload — merged BEFORE user
@@ -72,21 +73,28 @@ class y {
    * renderer's option shape. `pulseMs` is line-only; bars / candles
    * ignore it.
    */
-  defaults(s) {
-    if (s === "line") {
-      const { entryMs: r, smoothMs: n, pulseMs: M } = this.series.line;
-      return { entryMs: r, smoothMs: n, pulseMs: M };
+  defaults(e) {
+    if (e === "line") {
+      const { entryMs: s, smoothMs: t, pulseMs: M, introMs: o } = this.series.line;
+      return { entryMs: s, smoothMs: t, pulseMs: M, introMs: o };
     }
-    if (s === "candlestick") {
-      const { entryMs: r, smoothMs: n } = this.series.candlestick;
-      return { entryMs: r, smoothMs: n };
+    if (e === "candlestick") {
+      const { entryMs: s, smoothMs: t, introMs: M } = this.series.candlestick;
+      return { entryMs: s, smoothMs: t, introMs: M };
     }
-    if (s === "pie") {
-      const { entryMs: r, updateMs: n } = this.series.pie;
-      return { entryMs: r, updateMs: n };
+    if (e === "pie") {
+      const { entryMs: s, updateMs: t } = this.series.pie;
+      return { entryMs: s, updateMs: t };
     }
-    const { entryMs: e, smoothMs: o } = this.series.bar;
-    return { entryMs: e, smoothMs: o };
+    if (e === "heatmap") {
+      const { entryMs: s, updateMs: t } = this.series.heatmap;
+      return { entryMs: s, updateMs: t };
+    }
+    if (e === "bar") {
+      const { entryMs: s, smoothMs: t, introMs: M } = this.series.bar;
+      return { entryMs: s, smoothMs: t, introMs: M };
+    }
+    return {};
   }
   /**
    * Chart-level forced overrides — `animations.series.<type>: false` (or
@@ -94,52 +102,71 @@ class y {
    * AFTER user options so the disable can't be undone at the per-series
    * layer.
    */
-  overrides(s) {
-    const e = {};
-    if (s === "line") {
-      const { entryMs: n, smoothMs: M, pulseMs: a } = this.series.line;
-      return n === 0 && (e.entryMs = 0), M === 0 && (e.smoothMs = 0), a === 0 && (e.pulseMs = 0), e;
+  overrides(e) {
+    const s = {};
+    if (e === "line") {
+      const { entryMs: n, smoothMs: a, pulseMs: c, introMs: l } = this.series.line;
+      return n === 0 && (s.entryMs = 0), a === 0 && (s.smoothMs = 0), c === 0 && (s.pulseMs = 0), l === 0 && (s.introMs = 0), s;
+    }
+    if (e === "pie")
+      return this.series.pie.entryMs === 0 && (s.entryMs = 0), s;
+    if (e === "heatmap") {
+      const { entryMs: n, updateMs: a } = this.series.heatmap;
+      return n === 0 && (s.entryMs = 0), a === 0 && (s.updateMs = 0), s;
     }
-    if (s === "pie") return e;
-    const { entryMs: o, smoothMs: r } = s === "candlestick" ? this.series.candlestick : this.series.bar;
-    return o === 0 && (e.entryMs = 0), r === 0 && (e.smoothMs = 0), e;
+    if (e !== "candlestick" && e !== "bar")
+      return s;
+    const { entryMs: t, smoothMs: M, introMs: o } = e === "candlestick" ? this.series.candlestick : this.series.bar;
+    return t === 0 && (s.entryMs = 0), M === 0 && (s.smoothMs = 0), o === 0 && (s.introMs = 0), s;
   }
 }
-function P(i) {
-  if (i === !1) return m;
-  const s = i?.line, e = i?.candlestick, o = i?.bar, r = i?.pie, n = s === !1 ? { entryMs: 0, smoothMs: 0, pulseMs: 0 } : {
-    entryMs: t(s?.entry, S),
-    smoothMs: t(s?.smooth, U),
-    pulseMs: t(s?.pulse, D)
-  }, M = e === !1 ? { entryMs: 0, smoothMs: 0 } : {
-    entryMs: t(e?.entry, d),
-    smoothMs: t(e?.smooth, g)
-  }, a = o === !1 ? { entryMs: 0, smoothMs: 0 } : {
-    entryMs: t(o?.entry, v),
-    smoothMs: t(o?.smooth, I)
-  }, c = r === !1 ? { entryMs: 0, updateMs: 0 } : {
-    entryMs: t(r?.entry, N),
-    updateMs: t(r?.update, Y)
+function j(i) {
+  if (i === !1) return A;
+  const e = i?.line, s = i?.candlestick, t = i?.bar, M = i?.pie, o = i?.heatmap, n = e === !1 ? { entryMs: 0, smoothMs: 0, pulseMs: 0, introMs: 0 } : {
+    entryMs: r(e?.entry, F),
+    smoothMs: r(e?.smooth, S),
+    pulseMs: r(e?.pulse, g),
+    introMs: r(e?.intro, k)
+  }, a = s === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
+    entryMs: r(s?.entry, I),
+    smoothMs: r(s?.smooth, N),
+    introMs: r(s?.intro, R)
+  }, c = t === !1 ? { entryMs: 0, smoothMs: 0, introMs: 0 } : {
+    entryMs: r(t?.entry, v),
+    smoothMs: r(t?.smooth, Y),
+    introMs: r(t?.intro, O)
+  }, l = M === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(M?.entry, C),
+    updateMs: r(M?.update, b)
+  }, E = o === !1 ? { entryMs: 0, updateMs: 0 } : {
+    entryMs: r(o?.entry, x),
+    updateMs: r(o?.update, P)
   };
-  return { line: n, candlestick: M, bar: a, pie: c };
+  return { line: n, candlestick: a, bar: c, pie: l, heatmap: E };
 }
 export {
   y as AnimationConfig,
   v as DEFAULT_BAR_ENTRY,
-  I as DEFAULT_BAR_SMOOTH,
-  d as DEFAULT_CANDLESTICK_ENTRY,
-  g as DEFAULT_CANDLESTICK_SMOOTH,
-  S as DEFAULT_LINE_ENTRY,
-  D as DEFAULT_LINE_PULSE,
-  U as DEFAULT_LINE_SMOOTH,
-  N as DEFAULT_PIE_ENTRY,
-  Y as DEFAULT_PIE_UPDATE,
-  K as DEFAULT_TICKS_MS,
-  b as DEFAULT_TOGGLE_MS,
-  C as DEFAULT_X_GESTURE_MS,
-  x as DEFAULT_X_SETTLE_MS,
-  O as DEFAULT_Y_GESTURE_MS,
-  R as DEFAULT_Y_SETTLE_MS,
-  u as DEFAULT_Y_STICKY_MAX_MS,
-  T as DEFAULT_Y_STICKY_MIN_MS
+  O as DEFAULT_BAR_INTRO,
+  Y as DEFAULT_BAR_SMOOTH,
+  I as DEFAULT_CANDLESTICK_ENTRY,
+  R as DEFAULT_CANDLESTICK_INTRO,
+  N as DEFAULT_CANDLESTICK_SMOOTH,
+  x as DEFAULT_HEATMAP_ENTRY,
+  P as DEFAULT_HEATMAP_UPDATE,
+  J as DEFAULT_HISTORY_REVEAL,
+  F as DEFAULT_LINE_ENTRY,
+  k as DEFAULT_LINE_INTRO,
+  g as DEFAULT_LINE_PULSE,
+  S as DEFAULT_LINE_SMOOTH,
+  C as DEFAULT_PIE_ENTRY,
+  b as DEFAULT_PIE_UPDATE,
+  $ as DEFAULT_TICKS_MS,
+  X as DEFAULT_TOGGLE_MS,
+  K as DEFAULT_X_GESTURE_MS,
+  H as DEFAULT_X_SETTLE_MS,
+  B as DEFAULT_Y_GESTURE_MS,
+  G as DEFAULT_Y_SETTLE_MS,
+  T as DEFAULT_Y_STICKY_MAX_MS,
+  m as DEFAULT_Y_STICKY_MIN_MS
 };

package/dist/core/dist/animation/easing.js

@@ -1,4 +1,6 @@
-const e = (t) => 1 - (1 - t) ** 3;
+const e = (a) => 1 - (1 - a) ** 3, s = (a) => a < 0.5 ? 4 * a ** 3 : 1 - (-2 * a + 2) ** 3 / 2, t = (a) => 1 + 2.30158 * (a - 1) ** 3 + 1.30158 * (a - 1) ** 2;
 export {
+  s as easeInOutCubic,
+  t as easeOutBack,
   e as easeOutCubic
 };

package/dist/core/dist/animation/intro-wave.js

@@ -0,0 +1,68 @@
+import { easeOutCubic as h, easeInOutCubic as n } from "./easing.js";
+class l {
+  #s = 0;
+  /** `null` = armed but awaiting the first tick to stamp the start. */
+  #t = null;
+  #i = !0;
+  /** Clock forwarded by the renderer's `tickAnimations` — keeps test
+   *  harnesses (which stub `performance.now`) in control of progression. */
+  #e = 0;
+  /**
+   * Arm the wave for the upcoming first paint. No-op (stays settled) when
+   * the duration is zero/negative or the user prefers reduced motion.
+   */
+  arm(t) {
+    if (t <= 0 || u()) {
+      this.#i = !0;
+      return;
+    }
+    this.#s = t, this.#t = null, this.#i = !1;
+  }
+  /** True while the wave still has frames to produce. */
+  get active() {
+    return !this.#i;
+  }
+  /**
+   * Advance the clock. Call once per render pass, before any progress
+   * reads. Settles the wave once the full `2 × durationMs` window elapsed.
+   */
+  tick(t) {
+    this.#i || (this.#e = t, this.#t === null && (this.#t = t), t - this.#t >= this.#s * 2 && (this.#i = !0));
+  }
+  /**
+   * Eased entrance progress in `[0, 1]` for an element at normalized
+   * x-position `position` (0 = left edge of the visible window, 1 = right).
+   */
+  progressAt(t) {
+    if (this.#i) return 1;
+    if (this.#t === null) return 0;
+    const e = s(t) * this.#s, r = s((this.#e - this.#t - e) / this.#s);
+    return h(r);
+  }
+  /** Eased reveal-front position in `[0, 1]` across the full wave window. */
+  sweep() {
+    if (this.#i) return 1;
+    if (this.#t === null) return 0;
+    const t = s((this.#e - this.#t) / (this.#s * 2));
+    return n(t);
+  }
+  /** Raw (unclamped-by-easing) linear wave progress — drives fades that need
+   *  to key off wall-clock position, e.g. the line head-glow bell curve. */
+  linear() {
+    return this.#i ? 1 : this.#t === null ? 0 : s((this.#e - this.#t) / (this.#s * 2));
+  }
+  /** Abort the wave — everything reads settled from the next frame. Called
+   *  when the user pans/zooms mid-intro. */
+  finish() {
+    this.#i = !0;
+  }
+}
+function s(i) {
+  return i <= 0 ? 0 : i >= 1 ? 1 : i;
+}
+function u() {
+  return typeof matchMedia != "function" ? !1 : matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+export {
+  l as IntroWave
+};

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

@@ -1,15 +1,14 @@
-import { resolveAxisTextColor as w, resolveAxisFontSize as F } from "../theme/resolve.js";
-import { formatTime as $ } from "../utils/time.js";
-const A = 0.01;
-function I(g) {
+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 m = null;
-  const y = r === "x" ? e.timeScale.tickTracker : e.yScale.tickTracker;
+  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" ? $(t, o) : e.yScale.formatY(t);
+    return r === "x" ? e.timeScale.formatX(t, o) : e.yScale.formatY(t);
   }
   function C(t, o) {
     if (r === "x") {
@@ -19,20 +18,20 @@ function I(g) {
     t.style.top = `${e.yScale.valueToY(o)}px`;
   }
   function x(t, o) {
-    t.style.color = w(o, r), t.style.fontSize = `${F(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
+    t.style.color = w(o, r), t.style.fontSize = `${A(o, r)}px`, t.style.fontFamily = o.typography.fontFamily;
   }
   function T(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;
   }
   function l() {
-    const t = e.getTheme(), o = t !== m;
-    m = t;
+    const t = e.getTheme(), o = t !== y;
+    y = t;
     const { ticks: u, tickInterval: n } = k();
-    y.setCurrentTicks(u);
-    const { entries: d } = y.snapshot(), v = /* @__PURE__ */ new Set();
+    m.setCurrentTicks(u);
+    const { entries: d } = m.snapshot(), v = /* @__PURE__ */ new Set();
     for (const { value: a, opacity: f } of d) {
-      if (f <= A) continue;
+      if (f <= F) continue;
       v.add(a);
       let i = s.get(a);
       if (i === void 0)
@@ -56,5 +55,5 @@ function I(g) {
   };
 }
 export {
-  I as mountAxisLabels
+  $ as mountAxisLabels
 };

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

@@ -0,0 +1,56 @@
+import { ScalarSpring as g } from "../animation/scalar-spring.js";
+const r = 320, m = 0.15;
+class w {
+  #t;
+  #e;
+  #i = !1;
+  constructor(i) {
+    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)
+      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;
+      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)
+      return this.#t.snap(t, { now: s }), this.#e = t, this.#i = !0, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
+    if (!u)
+      return this.#t.snap(t, { now: s }), this.#e = t, { positionValue: t, textValue: t, opacity: 1, animating: !1 };
+    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 };
+  }
+  #s(i) {
+    return i >= 1 ? 1 : d(i / m);
+  }
+}
+const V = 1e-9;
+function d(e) {
+  return e <= 0 ? 0 : e >= 1 ? 1 : e;
+}
+function x(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) {
+  const { from: n } = e.getVisibleRange();
+  return e.getStackedValueAtTime(i, n) ?? t;
+}
+export {
+  w as BadgeAnimator,
+  U as firstVisibleValue,
+  y as prefersReducedMotion,
+  x as resolveAnimate
+};

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

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