@canplot/react 0.5.5 → 0.5.7

package/dist/canplot.mjs

@@ -17,7 +17,7 @@ const re = (e, t, n) => Math.min(Math.max(e, t), n), At = (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, r = X(e, n);
   if (!r)
     return null;
@@ -27,7 +27,7 @@ const re = (e, t, n) => Math.min(Math.max(e, t), n), At = (e) => e.reduce((t, n)
   const o = X(e, n);
   if (!o)
     return null;
-  const r = s === "canvas" ? e.chartAreaCanvasPX : e.chartAreaCSS, i = ge(
+  const r = s === "canvas" ? e.chartAreaCanvasPX : e.chartAreaCSS, i = 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 i = Ve(() => {
     o((c) => c + 1);
   }, [o]);
-  return /* @__PURE__ */ R(Re.Provider, { value: n, children: /* @__PURE__ */ R(De.Provider, { value: i, children: /* @__PURE__ */ R(ve.Provider, { value: e, children: t }) }) });
+  return /* @__PURE__ */ R(Re.Provider, { value: n, children: /* @__PURE__ */ R(De.Provider, { value: i, children: /* @__PURE__ */ R(ge.Provider, { value: e, children: t }) }) });
 }, tt = (e) => {
   const [t, n] = B({
     width: 0,
@@ -350,7 +350,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     chartAreaCanvasPX: r
   };
 }, j = (e, t, n) => {
-  const s = q(ve), o = q(De), r = q(Re);
+  const s = q(ge), o = q(De), r = q(Re);
   if (!s || !o)
     throw new Error("useFrame must be used within a CanPlot component");
   const [i] = B(() => new Le());
@@ -374,24 +374,24 @@ 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(() => {
     const t = new Le();
     return t._updateFrame(e), t;
   }, [e]);
-}, st = ({ layer: e = "MIDDLE", data: t, xScaleId: n, yScaleId: s, style: o }) => (j(
+}, st = ({ layer: e = "MIDDLE", data: t, xScaleId: n, yScaleId: s, style: o, globalAlpha: r }) => (j(
   e,
-  ({ ctx: r, clampXPosToChartArea: i, clampYPosToChartArea: c, valToPos: l }) => {
-    r.save(), r.beginPath(), U(r, o);
-    for (const u of t) {
-      const f = i(l(u.x, n, "canvas")), m = c(l(u.y, s, "canvas"));
-      f === null || m === null || r.lineTo(f, m);
+  ({ ctx: i, clampXPosToChartArea: c, clampYPosToChartArea: l, valToPos: u }) => {
+    i.save(), i.beginPath(), U(i, o), r !== void 0 && (i.globalAlpha = r);
+    for (const f of t) {
+      const m = c(u(f.x, n, "canvas")), a = l(u(f.y, s, "canvas"));
+      m === null || a === null || i.lineTo(m, a);
     }
-    r.stroke(), r.restore();
+    i.stroke(), i.restore();
   },
-  [t, n, s, o]
+  [t, n, s, o, r]
 ), null), It = D.memo(st, F), ot = ({
   layer: e = "MIDDLE",
   data: t,
@@ -415,7 +415,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     const d = new Path2D();
     U(u, c), l !== void 0 && (u.globalAlpha = l);
     for (const y of t) {
-      let h, g;
+      let h, v;
       switch (o) {
         case "clip":
           if (!m(y.x, n))
@@ -433,13 +433,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         case "clip":
           if (!m(y.y, s))
             continue;
-          g = f(y.y, s);
+          v = f(y.y, s);
           break;
         case "clamp":
-          g = p(f(y.y, s), "canvas");
+          v = p(f(y.y, s), "canvas");
           break;
       }
-      h === null || g === null || (d.moveTo(h + i, g), d.arc(h, g, i, 0, Math.PI * 2));
+      h === null || v === null || (d.moveTo(h + i, v), d.arc(h, v, i, 0, Math.PI * 2));
     }
     u.fill(d), u.stroke(d), u.restore();
   },
@@ -470,11 +470,11 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       const y = f(d.x, t);
       if (y === null)
         continue;
-      const h = y - p / 2 + r * p, g = a(
+      const h = y - p / 2 + r * p, v = a(
         f(0, n, "canvas"),
         "canvas"
       );
-      if (g === null)
+      if (v === null)
         continue;
       const w = a(
         f(d.y, n, "canvas"),
@@ -482,14 +482,14 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       );
       if (w === null)
         continue;
-      const x = g - w, b = m(h, "canvas"), v = m(h + p, "canvas") - b;
+      const x = v - w, b = m(h, "canvas"), g = m(h + p, "canvas") - b;
       i ? l.roundRect(
         b,
         w,
-        v,
+        g,
         x,
         i
-      ) : l.rect(b, w, v, x);
+      ) : l.rect(b, w, g, x);
     }
     l.closePath(), l.fill(), s?.strokeStyle && l.stroke(), l.restore();
   },
@@ -556,14 +556,14 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   ({ ctx: c, valToPos: l, getScale: u, frame: f }) => {
     const m = u(t);
     if (!m || !m.axis || m.origin !== "x") return;
-    const a = m.axis, p = a.position === "top" ? a.canvasRect.y + a.canvasRect.height : a.canvasRect.y, d = window.devicePixelRatio || 1, y = p, h = (r ?? 6) * d, g = a.position === "top" ? p - h : p + h, w = (o ?? 12) * d;
+    const a = m.axis, p = a.position === "top" ? a.canvasRect.y + a.canvasRect.height : a.canvasRect.y, d = window.devicePixelRatio || 1, y = p, h = (r ?? 6) * d, v = a.position === "top" ? p - h : p + h, w = (o ?? 12) * d;
     c.save(), c.fontKerning = "auto", U(c, {
       ...n
     }), c.beginPath();
     const x = Array.isArray(i) ? i : i({ ...m, axis: a }, f);
     for (const { value: b } of x) {
-      const v = l(b, t, "canvas");
-      v !== null && (c.moveTo(v, y), c.lineTo(v, g));
+      const g = l(b, t, "canvas");
+      g !== null && (c.moveTo(g, y), c.lineTo(g, v));
     }
     c.stroke(), c.restore(), c.save(), U(c, {
       textBaseline: a.position === "top" ? "bottom" : "top",
@@ -573,14 +573,14 @@ 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: b, label: v } of x) {
+    for (const { value: b, label: g } of x) {
       const T = l(b, t, "canvas");
       if (T === null)
         continue;
-      const C = v.split(`
+      const C = g.split(`
 `);
       for (let E = 0; E < C.length; E++)
-        c.fillText(C[E], T, g + d * 2 + E * w);
+        c.fillText(C[E], T, v + d * 2 + E * w);
     }
     c.restore();
   },
@@ -598,7 +598,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
   ({ ctx: c, valToPos: l, getScale: u, frame: f }) => {
     const m = u(t);
     if (!m || !m.axis || m.origin !== "y") return;
-    const a = m.axis, p = a.position === "left" ? a.canvasRect.x + a.canvasRect.width : a.canvasRect.x, d = p, y = r ?? 6, h = a.position === "left" ? p - y : p + y, g = o ?? 12, w = Array.isArray(i) ? i : i({ ...m, axis: a }, f);
+    const a = m.axis, p = a.position === "left" ? a.canvasRect.x + a.canvasRect.width : a.canvasRect.x, d = p, y = r ?? 6, h = a.position === "left" ? p - y : p + y, v = o ?? 12, w = Array.isArray(i) ? i : i({ ...m, axis: a }, f);
     c.save(), c.fontKerning = "auto", U(c, { ...n }), c.beginPath();
     for (const { value: x } of w) {
       const b = l(x, t, "canvas");
@@ -613,13 +613,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       font: _e(s?.font ?? n?.font)
     });
     for (const { value: x, label: b } of w) {
-      const v = l(x, t, "canvas");
-      if (v === null)
+      const g = l(x, t, "canvas");
+      if (g === null)
         continue;
       const T = b.split(`
 `);
       for (let C = 0; C < T.length; C++)
-        c.fillText(` ${T[C]} `, h, v + C * g);
+        c.fillText(` ${T[C]} `, h, g + C * v);
     }
     c.restore();
   },
@@ -781,7 +781,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         );
       return h.getBoundingClientRect();
     }
-  }, d = (h, g) => {
+  }, d = (h, v) => {
     const w = ut(
       h,
       p(),
@@ -789,7 +789,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       s?.xViaScaleId,
       s?.yViaScaleId
     );
-    w && g(
+    w && v(
       w.pointerSyncPosition,
       { cssX: w.cssX, cssY: w.cssY },
       {
@@ -801,7 +801,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     );
   }, y = A(d);
   return y.current = d, Ae(() => {
-    const h = (v) => {
+    const h = (g) => {
       const T = m.current;
       T && M.spanselect.dispatchEvent(l, {
         ...T,
@@ -809,18 +809,18 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       }), M.documentmouseup.dispatchEvent(l, {
         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
         }
       });
-    }, g = (v) => {
+    }, v = (g) => {
       const T = {
-        ctrlKey: v.ctrlKey,
-        altKey: v.altKey,
-        shiftKey: v.shiftKey,
-        metaKey: v.metaKey
+        ctrlKey: g.ctrlKey,
+        altKey: g.altKey,
+        shiftKey: g.shiftKey,
+        metaKey: g.metaKey
       }, C = a.current;
       if (C && Object.entries(T).some(
         ([S, P]) => C.keys[S] !== P
@@ -832,13 +832,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
       if (E && Object.entries(T).some(
         ([S, P]) => E.keys[S] !== P
       )) {
-        v.stopPropagation(), v.preventDefault();
+        g.stopPropagation(), g.preventDefault();
         const S = { ...E, keys: T };
         m.current = S, M.spanselect.dispatchEvent(l, S);
       }
-    }, w = (v) => {
+    }, w = (g) => {
       y.current(
-        v,
+        g,
         (T, { cssX: C, cssY: E }, S) => {
           const P = f.current;
           if (!P || !T.x || !T.y) return;
@@ -915,42 +915,42 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
           );
         }
       );
-    }, x = (v) => {
-      y.current(v, (T, C, E) => {
+    }, x = (g) => {
+      y.current(g, (T, C, E) => {
         const S = N(
           T,
           c.current
         );
         if (!S) return;
         if (Object.values(E).some((k) => k)) {
-          v.preventDefault();
-          const k = Math.abs(v.deltaY) > Math.abs(v.deltaX) ? v.deltaY : v.deltaX;
+          g.preventDefault();
+          const k = Math.abs(g.deltaY) > Math.abs(g.deltaX) ? g.deltaY : g.deltaX;
           M.pressandwheel.dispatchEvent(l, {
             pointer: S,
             frame: c.current,
             keys: E,
-            deltaX: v.deltaX,
-            deltaY: v.deltaY,
+            deltaX: g.deltaX,
+            deltaY: g.deltaY,
             deltaAbs: k
           });
         }
       });
     };
-    document.addEventListener("mouseup", h), document.addEventListener("keydown", g), document.addEventListener("keyup", g), document.addEventListener("mousemove", w);
+    document.addEventListener("mouseup", h), document.addEventListener("keydown", v), document.addEventListener("keyup", v), document.addEventListener("mousemove", w);
     const b = r.current;
     return b?.addEventListener("wheel", x, {
       passive: !1
     }), () => {
-      document.removeEventListener("mouseup", h), document.removeEventListener("keydown", g), document.removeEventListener("keyup", g), document.removeEventListener("mousemove", w), b?.removeEventListener("wheel", x);
+      document.removeEventListener("mouseup", h), document.removeEventListener("keydown", v), document.removeEventListener("keyup", v), document.removeEventListener("mousemove", w), b?.removeEventListener("wheel", x);
     };
   }, [c, l, u, y]), L("sync_move", u, (h) => {
-    const g = h.positions ? N(
+    const v = h.positions ? N(
       h.positions,
       c.current
     ) : null;
     a.current = h, M.move.dispatchEvent(l, {
       frame: c.current,
-      pointer: g ?? null,
+      pointer: v ?? null,
       keys: h.keys,
       source: h.originInteractionsId === l ? "own" : "sync"
     });
@@ -973,9 +973,9 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         h.preventDefault();
       },
       onClick: (h) => {
-        d(h, (g, w, x) => {
+        d(h, (v, w, x) => {
           const b = N(
-            g,
+            v,
             c.current
           );
           b && M.click.dispatchEvent(l, {
@@ -986,7 +986,7 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onMouseLeave: (h) => {
-        d(h, (g, w, x) => {
+        d(h, (v, w, x) => {
           M.sync_move.dispatchEvent(u, {
             positions: null,
             keys: x,
@@ -995,22 +995,22 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onMouseMove: (h) => {
-        d(h, (g, w, x) => {
+        d(h, (v, w, x) => {
           M.sync_move.dispatchEvent(u, {
-            positions: g,
+            positions: v,
             keys: x,
             originInteractionsId: l
           });
         });
       },
       onMouseDown: (h) => {
-        d(h, (g, { cssX: w, cssY: x }, b) => {
-          const v = N(
-            g,
+        d(h, (v, { cssX: w, cssY: x }, b) => {
+          const g = N(
+            v,
             c.current
           );
-          v && (M.mousedown.dispatchEvent(l, {
-            pointer: v,
+          g && (M.mousedown.dispatchEvent(l, {
+            pointer: g,
             frame: c.current,
             keys: b
           }), f.current = {
@@ -1020,9 +1020,9 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onMouseUp: (h) => {
-        d(h, (g, w, x) => {
+        d(h, (v, w, x) => {
           const b = N(
-            g,
+            v,
             c.current
           );
           if (!b) return;
@@ -1031,12 +1031,12 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
             pointer: b,
             keys: x
           });
-          const v = m.current;
+          const g = m.current;
           m.current = null;
           const T = f.current;
-          if (f.current = null, T && v) {
+          if (f.current = null, T && g) {
             const C = {
-              ...v,
+              ...g,
               keys: x,
               completed: !0
             };
@@ -1048,9 +1048,9 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onContextMenu: (h) => {
-        h.preventDefault(), d(h, (g, w, x) => {
+        h.preventDefault(), d(h, (v, w, x) => {
           const b = N(
-            g,
+            v,
             c.current
           );
           b && M.contextmenu.dispatchEvent(l, {
@@ -1061,9 +1061,9 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
         });
       },
       onDoubleClick: (h) => {
-        d(h, (g, w, x) => {
+        d(h, (v, w, x) => {
           const b = N(
-            g,
+            v,
             c.current
           );
           b && M.dblclick.dispatchEvent(l, {
@@ -1091,13 +1091,13 @@ const Dt = je(({ configuration: e, children: t, style: n, ...s }, o) => {
     let m = l;
     for (const a of e) {
       let p = null, d = 1 / 0;
-      for (const [g, w] of a.points.entries()) {
+      for (const [v, w] of a.points.entries()) {
         if (!fe(i, w.x, n) || !fe(i, w.y, a.yScaleId))
           continue;
         const x = Math.abs(w.x - l);
-        x < d && (d = x, p = g);
+        x < d && (d = x, p = v);
       }
-      const y = a.points[p ?? -1], h = ge(i, d, n, "css");
+      const y = a.points[p ?? -1], h = ve(i, d, n, "css");
       if (!y || h === null || h > 30) {
         f.push({ seriesId: a.seriesId, y: null });
         continue;
@@ -1239,7 +1239,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, ie = 60 * be, ce = 24 * ie, yt = 30 * ce, gt = 365 * ce, vt = [
+const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, ie = 60 * be, ce = 24 * ie, yt = 30 * ce, vt = 365 * ce, gt = [
   // second divisors
   [1, "milliseconds"],
   [2, "milliseconds"],
@@ -1307,7 +1307,7 @@ const pt = 1, Oe = 1e3 * pt, be = 60 * Oe, ie = 60 * be, ce = 24 * ie, yt = 30 *
     case "months":
       return t * yt;
     case "years":
-      return t * gt;
+      return t * vt;
   }
 }, wt = (e, t) => {
   const n = new Date(e);
@@ -1400,20 +1400,20 @@ const St = (e, t, n = "UTC") => {
   const { min: c, max: l } = r;
   if (!Number.isFinite(c) || !Number.isFinite(l))
     return [];
-  const u = Math.floor(i.chartAreaCanvasPX.width / t) + 1, m = (l - c) / u, [a, p] = vt.find(
+  const u = Math.floor(i.chartAreaCanvasPX.width / t) + 1, m = (l - c) / u, [a, p] = gt.find(
     (w) => se(w) >= m
   ) ?? [1, "milliseconds"];
   if (!a || !p)
     return [];
   const d = St(c, [a, p], e), y = oe(d, e), h = [d];
-  let g;
+  let v;
   for (; !(h.length > 1e3); ) {
     switch (p) {
       case "milliseconds":
       case "seconds":
       case "minutes":
       case "hours": {
-        g = Y(d, [h.length * a, p]);
+        v = Y(d, [h.length * a, p]);
         break;
       }
       case "days": {
@@ -1421,7 +1421,7 @@ const St = (e, t, n = "UTC") => {
           h.length * a,
           p
         ]);
-        g = Y(w, [
+        v = Y(w, [
           y - oe(w, e),
           "hours"
         ]);
@@ -1436,16 +1436,16 @@ const St = (e, t, n = "UTC") => {
           ]),
           [-y, "hours"]
         );
-        g = Y(w, [
+        v = Y(w, [
           y - oe(w, e),
           "hours"
         ]);
         break;
       }
     }
-    if (g > l)
+    if (v > l)
       break;
-    h.push(g);
+    h.push(v);
   }
   return (n ?? Pt({
     locale: s,
@@ -1472,8 +1472,8 @@ const St = (e, t, n = "UTC") => {
   return (o) => {
     const r = o[1] - o[0], i = r < se([1, "days"]), c = r < se([1, "minutes"]), l = r < se([1, "seconds"]);
     return o.map((u) => ({ value: u, label: s.formatToParts(new Date(u)) })).map((u, f, m) => {
-      const a = m[f - 1], p = f === 0 || K(u.label, a.label, "year"), d = f === 0 || K(u.label, a.label, "day"), y = f === 0 || K(u.label, a.label, "month"), h = f === 0 || K(u.label, a.label, "hour"), g = f === 0 || K(u.label, a.label, "timeZoneName"), w = f === 0 || K(u.label, a.label, "minute"), x = f === 0 || K(u.label, a.label, "second"), b = f === 0 || K(u.label, a.label, "fractionalSecond"), v = [];
-      if (i && (h || w || g || x || b)) {
+      const a = m[f - 1], p = f === 0 || K(u.label, a.label, "year"), d = f === 0 || K(u.label, a.label, "day"), y = f === 0 || K(u.label, a.label, "month"), h = f === 0 || K(u.label, a.label, "hour"), v = f === 0 || K(u.label, a.label, "timeZoneName"), w = f === 0 || K(u.label, a.label, "minute"), x = f === 0 || K(u.label, a.label, "second"), b = f === 0 || K(u.label, a.label, "fractionalSecond"), g = [];
+      if (i && (h || w || v || x || b)) {
         const T = u.label.find((P) => P.type === "hour")?.value, C = u.label.find((P) => P.type === "minute")?.value, E = u.label.find((P) => P.type === "timeZoneName")?.value;
         let S = "";
         if (c) {
@@ -1482,18 +1482,18 @@ const St = (e, t, n = "UTC") => {
           )?.value;
           S = `:${P}` + (l ? `.${k}` : "");
         }
-        v.push(
-          `${T}:${C}${S}` + (n && g ? ` ${E}` : "")
+        g.push(
+          `${T}:${C}${S}` + (n && v ? ` ${E}` : "")
         );
       }
-      return (d || y) && v.push(
+      return (d || y) && g.push(
         [
           u.label.find((T) => T.type === "month")?.value,
           d && u.label.find((T) => T.type === "day")?.value
         ].filter(Boolean).join(" ")
-      ), p && v.push(u.label.find((T) => T.type === "year")?.value), {
+      ), p && g.push(u.label.find((T) => T.type === "year")?.value), {
         value: u.value,
-        label: v.filter((T) => T).join(`
+        label: g.filter((T) => T).join(`
 `)
       };
     });
@@ -1534,6 +1534,6 @@ export {
   xe as useInteractionsEvent,
   fe as valFits,
   G as valToPos,
-  ge as valToPxDistance
+  ve as valToPxDistance
 };
 //# sourceMappingURL=canplot.mjs.map