@canplot/react 0.5.8 → 0.5.9

package/dist/canplot.mjs

@@ -17,7 +17,7 @@ const ie = (e, t, n) => Math.min(Math.max(e, t), n), kt = (e) => e.reduce((t, n)
 }, X = (e, t) => e.scales.find((n) => n.id === t) ?? null, U = (e, t) => {
   const n = window.devicePixelRatio || 1;
   e.lineCap = t?.lineCap ?? "butt", e.lineDashOffset = n * (t?.lineDashOffset ?? 0), e.lineJoin = t?.lineJoin ?? "miter", e.lineWidth = n * (t?.lineWidth ?? 1), e.miterLimit = n * (t?.miterLimit ?? 10), e.strokeStyle = t?.strokeStyle ?? "black", e.fillStyle = t?.fillStyle ?? e.strokeStyle, e.font = t?.font ?? `${10 * n}px sans-serif`, e.textAlign = t?.textAlign ?? "start", e.direction = t?.direction ?? "inherit", e.textBaseline = t?.textBaseline ?? "alphabetic", e.fontKerning = t?.fontKerning ?? "auto";
-}, ge = (e, t, n, s) => {
+}, ve = (e, t, n, s) => {
   const o = s === "canvas" ? e.chartAreaCanvasPX : e.chartAreaCSS, i = X(e, n);
   if (!i)
     return null;
@@ -27,7 +27,7 @@ const ie = (e, t, n) => Math.min(Math.max(e, t), n), kt = (e) => e.reduce((t, n)
   const o = X(e, n);
   if (!o)
     return null;
-  const i = s === "canvas" ? e.chartAreaCanvasPX : e.chartAreaCSS, r = ge(
+  const i = s === "canvas" ? e.chartAreaCanvasPX : e.chartAreaCSS, r = ve(
     e,
     t - o.min,
     n,
@@ -140,7 +140,7 @@ const Re = ye({
     for (const [, s] of e)
       s();
   } };
-}, ve = ye(null), De = ye(() => {
+}, ge = ye(null), De = ye(() => {
 }), Ie = {
   TOP: 400,
   MIDDLE: 300,
@@ -153,7 +153,7 @@ class Le {
     O(this, "clampXPosToChartArea", (t, n = "canvas") => V(this.frame, t, n));
     O(this, "clampYPosToChartArea", (t, n = "canvas") => H(this.frame, t, n));
     O(this, "valToPos", (t, n, s = "canvas") => G(this.frame, t, n, s));
-    O(this, "valToPxDistance", (t, n, s = "canvas") => ge(this.frame, t, n, s));
+    O(this, "valToPxDistance", (t, n, s = "canvas") => ve(this.frame, t, n, s));
     O(this, "valFits", (t, n) => fe(this.frame, t, n));
     O(this, "getScale", (t) => X(this.frame, t));
   }
@@ -232,7 +232,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   const r = Ve(() => {
     o((c) => c + 1);
   }, [o]);
-  return /* @__PURE__ */ R(Re.Provider, { value: n, children: /* @__PURE__ */ R(De.Provider, { value: r, children: /* @__PURE__ */ R(ve.Provider, { value: e, children: t }) }) });
+  return /* @__PURE__ */ R(Re.Provider, { value: n, children: /* @__PURE__ */ R(De.Provider, { value: r, children: /* @__PURE__ */ R(ge.Provider, { value: e, children: t }) }) });
 }, tt = (e) => {
   const [t, n] = B({
     width: 0,
@@ -281,11 +281,11 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       r.push({ ...a, axis: null });
       continue;
     }
-    let g;
+    let v;
     if (a.origin === "x")
       switch (a.axis.position) {
         case "bottom":
-          l -= a.axis.size * s, g = {
+          l -= a.axis.size * s, v = {
             x: o.x,
             y: l / s,
             width: o.width,
@@ -293,7 +293,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           };
           break;
         case "top":
-          p += a.axis.size * s, g = {
+          p += a.axis.size * s, v = {
             x: o.x,
             y: p / s - a.axis.size,
             width: o.width,
@@ -307,7 +307,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     else
       switch (a.axis.position) {
         case "left":
-          c += a.axis.size * s, g = {
+          c += a.axis.size * s, v = {
             x: c / s - a.axis.size,
             y: o.y,
             width: a.axis.size,
@@ -315,7 +315,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           };
           break;
         case "right":
-          u -= a.axis.size * s, g = {
+          u -= a.axis.size * s, v = {
             x: u / s,
             y: o.y,
             width: a.axis.size,
@@ -327,16 +327,16 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           throw new Error("Invalid axis position for y origin");
       }
     const f = {
-      x: g.x * s,
-      y: g.y * s,
-      width: g.width * s,
-      height: g.height * s
+      x: v.x * s,
+      y: v.y * s,
+      width: v.width * s,
+      height: v.height * s
     };
     r.push({
       ...a,
       axis: {
         ...a.axis,
-        cssRect: g,
+        cssRect: v,
         canvasRect: f
       }
     });
@@ -350,7 +350,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     chartAreaCanvasPX: i
   };
 }, j = (e, t, n) => {
-  const s = q(ve), o = q(De), i = q(Re);
+  const s = q(ge), o = q(De), i = q(Re);
   if (!s || !o)
     throw new Error("useFrame must be used within a CanPlot component");
   const [r] = B(() => new Le());
@@ -374,7 +374,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     o();
   }, [o]);
 }, Ue = () => {
-  const e = q(ve);
+  const e = q(ge);
   if (!e)
     throw new Error("useFrame must be used within a CanPlot component");
   return Z(() => {
@@ -409,7 +409,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     valToPos: p,
     valFits: d,
     clampXPosToChartArea: a,
-    clampYPosToChartArea: g
+    clampYPosToChartArea: v
   }) => {
     l.save(), U(l, c), u !== void 0 && (l.globalAlpha = u);
     const f = [];
@@ -428,7 +428,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           if (!d(y.y, s)) continue;
           m = x;
         } else
-          m = g(x, "canvas");
+          m = v(x, "canvas");
         h === null || m === null || f.push({ x: h, y: m });
       }
     }
@@ -461,10 +461,10 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     valToPxDistance: p,
     valToPos: d,
     clampXPosToChartArea: a,
-    clampYPosToChartArea: g
+    clampYPosToChartArea: v
   }) => {
     if (e.length === 0) return;
-    const f = g(
+    const f = v(
       d(0, n, "canvas"),
       "canvas"
     );
@@ -475,18 +475,18 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       const w = d(m.x, t, "canvas");
       if (w === null)
         continue;
-      const x = w - y / 2 + i * y, T = g(
+      const x = w - y / 2 + i * y, T = v(
         d(m.y, n, "canvas"),
         "canvas"
       );
       if (T === null)
         continue;
-      const v = f - T, b = a(x, "canvas"), S = a(x + y, "canvas") - b;
+      const g = f - T, b = a(x, "canvas"), S = a(x + y, "canvas") - b;
       h.push({
         x: b,
         y: T,
         width: S,
-        height: v
+        height: g
       });
     }
     if (l.save(), U(l, s), r !== void 0 && (l.globalAlpha = r), s?.fillStyle)
@@ -500,7 +500,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     }
     l.restore();
   },
-  [e, t, n, s, o, i, c]
+  [e, t, n, s, o, i, c, r]
 ), null), Ut = D.memo(it, F), rt = ({ layer: e = "MIDDLE", data: t, xScaleId: n, yScaleId: s, style: o }) => (j(
   e,
   ({ ctx: i, clampXPosToChartArea: r, clampYPosToChartArea: c, valToPos: u }) => {
@@ -509,11 +509,11 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       const a = r(u(d.x, n));
       if (a === null)
         continue;
-      const g = c(u(d.y[0], s));
-      if (g === null)
+      const v = c(u(d.y[0], s));
+      if (v === null)
         continue;
       const f = c(u(d.y[1], s));
-      f !== null && (l.push({ x: a, y: g }), l.unshift({ x: a, y: f }));
+      f !== null && (l.push({ x: a, y: v }), l.unshift({ x: a, y: f }));
     }
     const p = l[0];
     if (p) {
@@ -535,12 +535,12 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     const d = p.at(0), a = p.at(-1);
     if (!d || !a)
       return;
-    const g = u(l(0, o));
-    if (g !== null) {
-      r.save(), r.beginPath(), U(r, i), r.moveTo(d.x, g);
+    const v = u(l(0, o));
+    if (v !== null) {
+      r.save(), r.beginPath(), U(r, i), r.moveTo(d.x, v);
       for (const f of p)
         r.lineTo(f.x, f.y);
-      if (r.lineTo(a.x, g), r.closePath(), r.fill(), n) {
+      if (r.lineTo(a.x, v), r.closePath(), r.fill(), n) {
         r.beginPath(), r.moveTo(d.x, d.y);
         for (const f of p)
           r.lineTo(f.x, f.y);
@@ -563,14 +563,14 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   ({ ctx: c, valToPos: u, getScale: l, frame: p }) => {
     const d = l(t);
     if (!d || !d.axis || d.origin !== "x") return;
-    const a = d.axis, g = a.position === "top" ? a.canvasRect.y + a.canvasRect.height : a.canvasRect.y, f = window.devicePixelRatio || 1, y = g, h = (i ?? 6) * f, m = a.position === "top" ? g - h : g + h, w = (o ?? 12) * f;
+    const a = d.axis, v = a.position === "top" ? a.canvasRect.y + a.canvasRect.height : a.canvasRect.y, f = window.devicePixelRatio || 1, y = v, h = (i ?? 6) * f, m = a.position === "top" ? v - h : v + h, w = (o ?? 12) * f;
     c.save(), c.fontKerning = "auto", U(c, {
       ...n
     }), c.beginPath();
     const x = Array.isArray(r) ? r : r({ ...d, axis: a }, p);
     for (const { value: T } of x) {
-      const v = u(T, t, "canvas");
-      v !== null && (c.moveTo(v, y), c.lineTo(v, m));
+      const g = u(T, t, "canvas");
+      g !== null && (c.moveTo(g, y), c.lineTo(g, m));
     }
     c.stroke(), c.restore(), c.save(), U(c, {
       textBaseline: a.position === "top" ? "bottom" : "top",
@@ -580,11 +580,11 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       // alter font size for DPR
       font: _e(s?.font ?? n?.font)
     });
-    for (const { value: T, label: v } of x) {
+    for (const { value: T, label: g } of x) {
       const b = u(T, t, "canvas");
       if (b === null)
         continue;
-      const S = v.split(`
+      const S = g.split(`
 `);
       for (let E = 0; E < S.length; E++)
         c.fillText(S[E], b, m + f * 2 + E * w);
@@ -605,7 +605,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   ({ ctx: c, valToPos: u, getScale: l, frame: p }) => {
     const d = l(t);
     if (!d || !d.axis || d.origin !== "y") return;
-    const a = d.axis, g = a.position === "left" ? a.canvasRect.x + a.canvasRect.width : a.canvasRect.x, f = g, y = i ?? 6, h = a.position === "left" ? g - y : g + y, m = o ?? 12, w = Array.isArray(r) ? r : r({ ...d, axis: a }, p);
+    const a = d.axis, v = a.position === "left" ? a.canvasRect.x + a.canvasRect.width : a.canvasRect.x, f = v, y = i ?? 6, h = a.position === "left" ? v - y : v + y, m = o ?? 12, w = Array.isArray(r) ? r : r({ ...d, axis: a }, p);
     c.save(), c.fontKerning = "auto", U(c, { ...n }), c.beginPath();
     for (const { value: x } of w) {
       const T = u(x, t, "canvas");
@@ -620,13 +620,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       font: _e(s?.font ?? n?.font)
     });
     for (const { value: x, label: T } of w) {
-      const v = u(x, t, "canvas");
-      if (v === null)
+      const g = u(x, t, "canvas");
+      if (g === null)
         continue;
       const b = T.split(`
 `);
       for (let S = 0; S < b.length; S++)
-        c.fillText(` ${b[S]} `, h, v + S * m);
+        c.fillText(` ${b[S]} `, h, g + S * m);
     }
     c.restore();
   },
@@ -744,7 +744,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   style: p,
   sync: d,
   innerChildren: a,
-  children: g
+  children: v
 }) => {
   const f = He();
   return L("dblclick", f, (y) => {
@@ -774,12 +774,12 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         children: a
       }
     ),
-    g
+    v
   ] });
 }, ht = ({ id: e, className: t, style: n, sync: s, children: o }) => {
   const i = k(null), r = Ue().frame, c = k(r);
   c.current = r;
-  const u = q(we), l = s?.key || u, p = k(null), d = k(null), a = k(null), g = () => {
+  const u = q(we), l = s?.key || u, p = k(null), d = k(null), a = k(null), v = () => {
     const h = i.current?.parentElement;
     if (h) {
       if (h.dataset.canplotroot === void 0)
@@ -791,7 +791,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   }, f = (h, m) => {
     const w = ut(
       h,
-      g(),
+      v(),
       c.current,
       s?.xViaScaleId,
       s?.yViaScaleId
@@ -808,7 +808,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     );
   }, y = k(f);
   return y.current = f, ke(() => {
-    const h = (v) => {
+    const h = (g) => {
       const b = d.current;
       b && M.spanselect.dispatchEvent(u, {
         ...b,
@@ -816,18 +816,18 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       }), M.documentmouseup.dispatchEvent(u, {
         frame: c.current,
         keys: {
-          ctrlKey: v.ctrlKey,
-          altKey: v.altKey,
-          shiftKey: v.shiftKey,
-          metaKey: v.metaKey
+          ctrlKey: g.ctrlKey,
+          altKey: g.altKey,
+          shiftKey: g.shiftKey,
+          metaKey: g.metaKey
         }
       });
-    }, m = (v) => {
+    }, m = (g) => {
       const b = {
-        ctrlKey: v.ctrlKey,
-        altKey: v.altKey,
-        shiftKey: v.shiftKey,
-        metaKey: v.metaKey
+        ctrlKey: g.ctrlKey,
+        altKey: g.altKey,
+        shiftKey: g.shiftKey,
+        metaKey: g.metaKey
       }, S = a.current;
       if (S && Object.entries(b).some(
         ([C, P]) => S.keys[C] !== P
@@ -839,13 +839,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       if (E && Object.entries(b).some(
         ([C, P]) => E.keys[C] !== P
       )) {
-        v.stopPropagation(), v.preventDefault();
+        g.stopPropagation(), g.preventDefault();
         const C = { ...E, keys: b };
         d.current = C, M.spanselect.dispatchEvent(u, C);
       }
-    }, w = (v) => {
+    }, w = (g) => {
       y.current(
-        v,
+        g,
         (b, { cssX: S, cssY: E }, C) => {
           const P = p.current;
           if (!P || !b.x || !b.y) return;
@@ -922,22 +922,22 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           );
         }
       );
-    }, x = (v) => {
-      y.current(v, (b, S, E) => {
+    }, x = (g) => {
+      y.current(g, (b, S, E) => {
         const C = N(
           b,
           c.current
         );
         if (!C) return;
         if (Object.values(E).some((A) => A)) {
-          v.preventDefault();
-          const A = Math.abs(v.deltaY) > Math.abs(v.deltaX) ? v.deltaY : v.deltaX;
+          g.preventDefault();
+          const A = Math.abs(g.deltaY) > Math.abs(g.deltaX) ? g.deltaY : g.deltaX;
           M.pressandwheel.dispatchEvent(u, {
             pointer: C,
             frame: c.current,
             keys: E,
-            deltaX: v.deltaX,
-            deltaY: v.deltaY,
+            deltaX: g.deltaX,
+            deltaY: g.deltaY,
             deltaAbs: A
           });
         }
@@ -1012,12 +1012,12 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       },
       onMouseDown: (h) => {
         f(h, (m, { cssX: w, cssY: x }, T) => {
-          const v = N(
+          const g = N(
             m,
             c.current
           );
-          v && (M.mousedown.dispatchEvent(u, {
-            pointer: v,
+          g && (M.mousedown.dispatchEvent(u, {
+            pointer: g,
             frame: c.current,
             keys: T
           }), p.current = {
@@ -1038,12 +1038,12 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
             pointer: T,
             keys: x
           });
-          const v = d.current;
+          const g = d.current;
           d.current = null;
           const b = p.current;
-          if (p.current = null, b && v) {
+          if (p.current = null, b && g) {
             const S = {
-              ...v,
+              ...g,
               keys: x,
               completed: !0
             };
@@ -1097,14 +1097,14 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     const p = [];
     let d = u;
     for (const a of e) {
-      let g = null, f = 1 / 0;
+      let v = null, f = 1 / 0;
       for (const [m, w] of a.points.entries()) {
         if (!fe(r, w.x, n) || !fe(r, w.y, a.yScaleId))
           continue;
         const x = Math.abs(w.x - u);
-        x < f && (f = x, g = m);
+        x < f && (f = x, v = m);
       }
-      const y = a.points[g ?? -1], h = ge(r, f, n, "css");
+      const y = a.points[v ?? -1], h = ve(r, f, n, "css");
       if (!y || h === null || h > 30) {
         p.push({ seriesId: a.seriesId, y: null });
         continue;
@@ -1181,8 +1181,8 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   const o = Z(() => {
     if (!n || n.mode === "below_threshold")
       return null;
-    const i = n.mode === "y" ? -1 / 0 : n.x.css?.from ?? -1 / 0, r = n.mode === "y" ? 1 / 0 : n.x.css?.to ?? 1 / 0, c = n.mode === "x" ? -1 / 0 : n.y.css?.from ?? -1 / 0, u = n.mode === "x" ? 1 / 0 : n.y.css?.to ?? 1 / 0, l = V(n.frame, i, "css"), p = V(n.frame, r, "css"), d = H(n.frame, c, "css"), a = H(n.frame, u, "css"), g = Math.min(l, p), f = Math.min(d, a), y = Math.abs(p - l), h = Math.abs(a - d);
-    return { leftPx: g, topPx: f, widthPx: y, heightPx: h };
+    const i = n.mode === "y" ? -1 / 0 : n.x.css?.from ?? -1 / 0, r = n.mode === "y" ? 1 / 0 : n.x.css?.to ?? 1 / 0, c = n.mode === "x" ? -1 / 0 : n.y.css?.from ?? -1 / 0, u = n.mode === "x" ? 1 / 0 : n.y.css?.to ?? 1 / 0, l = V(n.frame, i, "css"), p = V(n.frame, r, "css"), d = H(n.frame, c, "css"), a = H(n.frame, u, "css"), v = Math.min(l, p), f = Math.min(d, a), y = Math.abs(p - l), h = Math.abs(a - d);
+    return { leftPx: v, topPx: f, widthPx: y, heightPx: h };
   }, [n]);
   return /* @__PURE__ */ R(
     "div",
@@ -1232,13 +1232,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   if (p === null)
     return [];
   const d = n ?? ne, a = d.find((f) => f > p) ?? d.at(-1) ?? 1;
-  let g = i;
-  if (Math.abs(g % a) > Number.EPSILON) {
-    const f = (a - g % a) % a;
-    g += f;
+  let v = i;
+  if (Math.abs(v % a) > Number.EPSILON) {
+    const f = (a - v % a) % a;
+    v += f;
   }
-  for (; g <= r && c.length < 1e3; )
-    c.push(g), g += a;
+  for (; v <= r && c.length < 1e3; )
+    c.push(v), v += a;
   return (t ?? mt)(c);
 }, mt = (e) => {
   const t = Math.max(0, Math.ceil(-Math.log10(e[1] - e[0])));
@@ -1246,7 +1246,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
 }, ne = [];
 for (let e = -12; e <= 12; e++)
   ne.push(1 * 10 ** e), ne.push(2 * 10 ** e), ne.push(5 * 10 ** e);
-const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, re = 60 * be, ce = 24 * re, yt = 30 * ce, gt = 365 * ce, vt = [
+const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, re = 60 * be, ce = 24 * re, yt = 30 * ce, vt = 365 * ce, gt = [
   // second divisors
   [1, "milliseconds"],
   [2, "milliseconds"],
@@ -1314,7 +1314,7 @@ const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, re = 60 * be, ce = 24 * re, yt = 30 *
     case "months":
       return t * yt;
     case "years":
-      return t * gt;
+      return t * vt;
   }
 }, wt = (e, t) => {
   const n = new Date(e);
@@ -1407,26 +1407,26 @@ const Ct = (e, t, n = "UTC") => {
   const { min: c, max: u } = i;
   if (!Number.isFinite(c) || !Number.isFinite(u))
     return [];
-  const l = Math.floor(r.chartAreaCanvasPX.width / t) + 1, d = (u - c) / l, [a, g] = vt.find(
+  const l = Math.floor(r.chartAreaCanvasPX.width / t) + 1, d = (u - c) / l, [a, v] = gt.find(
     (w) => se(w) >= d
   ) ?? [1, "milliseconds"];
-  if (!a || !g)
+  if (!a || !v)
     return [];
-  const f = Ct(c, [a, g], e), y = oe(f, e), h = [f];
+  const f = Ct(c, [a, v], e), y = oe(f, e), h = [f];
   let m;
   for (; !(h.length > 1e3); ) {
-    switch (g) {
+    switch (v) {
       case "milliseconds":
       case "seconds":
       case "minutes":
       case "hours": {
-        m = Y(f, [h.length * a, g]);
+        m = Y(f, [h.length * a, v]);
         break;
       }
       case "days": {
         const w = Y(f, [
           h.length * a,
-          g
+          v
         ]);
         m = Y(w, [
           y - oe(w, e),
@@ -1439,7 +1439,7 @@ const Ct = (e, t, n = "UTC") => {
         const w = Y(
           Y(Y(f, [y, "hours"]), [
             h.length * a,
-            g
+            v
           ]),
           [-y, "hours"]
         );
@@ -1479,7 +1479,7 @@ const Ct = (e, t, n = "UTC") => {
   return (o) => {
     const i = o[1] - o[0], r = i < se([1, "days"]), c = i < se([1, "minutes"]), u = i < se([1, "seconds"]);
     return o.map((l) => ({ value: l, label: s.formatToParts(new Date(l)) })).map((l, p, d) => {
-      const a = d[p - 1], g = p === 0 || K(l.label, a.label, "year"), f = p === 0 || K(l.label, a.label, "day"), y = p === 0 || K(l.label, a.label, "month"), h = p === 0 || K(l.label, a.label, "hour"), m = p === 0 || K(l.label, a.label, "timeZoneName"), w = p === 0 || K(l.label, a.label, "minute"), x = p === 0 || K(l.label, a.label, "second"), T = p === 0 || K(l.label, a.label, "fractionalSecond"), v = [];
+      const a = d[p - 1], v = p === 0 || K(l.label, a.label, "year"), f = p === 0 || K(l.label, a.label, "day"), y = p === 0 || K(l.label, a.label, "month"), h = p === 0 || K(l.label, a.label, "hour"), m = p === 0 || K(l.label, a.label, "timeZoneName"), w = p === 0 || K(l.label, a.label, "minute"), x = p === 0 || K(l.label, a.label, "second"), T = p === 0 || K(l.label, a.label, "fractionalSecond"), g = [];
       if (r && (h || w || m || x || T)) {
         const b = l.label.find((P) => P.type === "hour")?.value, S = l.label.find((P) => P.type === "minute")?.value, E = l.label.find((P) => P.type === "timeZoneName")?.value;
         let C = "";
@@ -1489,18 +1489,18 @@ const Ct = (e, t, n = "UTC") => {
           )?.value;
           C = `:${P}` + (u ? `.${A}` : "");
         }
-        v.push(
+        g.push(
           `${b}:${S}${C}` + (n && m ? ` ${E}` : "")
         );
       }
-      return (f || y) && v.push(
+      return (f || y) && g.push(
         [
           l.label.find((b) => b.type === "month")?.value,
           f && l.label.find((b) => b.type === "day")?.value
         ].filter(Boolean).join(" ")
-      ), g && v.push(l.label.find((b) => b.type === "year")?.value), {
+      ), v && g.push(l.label.find((b) => b.type === "year")?.value), {
         value: l.value,
-        label: v.filter((b) => b).join(`
+        label: g.filter((b) => b).join(`
 `)
       };
     });
@@ -1541,6 +1541,6 @@ export {
   xe as useInteractionsEvent,
   fe as valFits,
   G as valToPos,
-  ge as valToPxDistance
+  ve as valToPxDistance
 };
 //# sourceMappingURL=canplot.mjs.map