@floegence/floe-webapp-core 0.35.9 → 0.35.11

package/dist/components/ui/Charts.js

@@ -1,20 +1,10 @@
 import { createComponent as $, mergeProps as te, insert as c, effect as T, setAttribute as r, setStyleProperty as J, memo as Bt, className as Ft, use as St, template as A, delegateEvents as ee } from "solid-js/web";
-import { splitProps as _t, createUniqueId as Xt, createMemo as K, createSignal as pt, createEffect as wt, onCleanup as Mt, Show as ot, For as z, untrack as qt } from "solid-js";
+import { splitProps as _t, createUniqueId as Xt, createMemo as K, createSignal as Mt, createEffect as wt, onCleanup as pt, Show as ot, For as z, untrack as qt } from "solid-js";
 import { cn as Tt } from "../../utils/cn.js";
 import { useResizeObserver as ne } from "../../hooks/useResizeObserver.js";
 import { computeAutoMaxXAxisLabels as re } from "./chartXAxis.js";
-var It = /* @__PURE__ */ A("<div class=chart-title>"), Et = /* @__PURE__ */ A("<svg><g class=chart-grid></svg>", !1, !0, !1), ae = /* @__PURE__ */ A("<div class=chart-legend>"), oe = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><rect fill=transparent class=chart-hover-area></rect><g class=chart-axis-labels></g><g class=chart-axis-labels>'), se = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:0.4></stop><stop offset=100% style=stop-opacity:0.05></svg>", !1, !0, !1), Dt = /* @__PURE__ */ A("<svg><line class=chart-grid-line></svg>", !1, !0, !1), ie = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=end dominant-baseline=middle></svg>", !1, !0, !1), le = /* @__PURE__ */ A("<svg><text class=chart-axis-label></svg>", !1, !0, !1), ce = /* @__PURE__ */ A("<svg><path class=chart-area></svg>", !1, !0, !1), de = /* @__PURE__ */ A("<svg><path fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round class=chart-line></svg>", !1, !0, !1), ue = /* @__PURE__ */ A("<svg><circle stroke-width=2 class=chart-point><title></svg>", !1, !0, !1), he = /* @__PURE__ */ A("<svg><line class=chart-crosshair></svg>", !1, !0, !1), ve = /* @__PURE__ */ A("<svg><rect rx=4 class=chart-tooltip-bg></svg>", !1, !0, !1), ge = /* @__PURE__ */ A("<svg><text class=chart-tooltip-label></svg>", !1, !0, !1), me = /* @__PURE__ */ A("<svg><circle r=6 class=chart-crosshair-point></svg>", !1, !0, !1), fe = /* @__PURE__ */ A("<svg><g><circle r=4></circle><text class=chart-tooltip-value>: </svg>", !1, !0, !1), xe = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label>"), be = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><g class=chart-axis-labels>'), $e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.7></svg>", !1, !0, !1), ye = /* @__PURE__ */ A("<svg><text class=chart-bar-value text-anchor=middle></svg>", !1, !0, !1), pe = /* @__PURE__ */ A("<svg><g><rect rx=2 class=chart-bar><title></svg>", !1, !0, !1), Me = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=middle></svg>", !1, !0, !1), we = /* @__PURE__ */ A("<svg><text class=chart-pie-center-label text-anchor=middle dominant-baseline=middle></svg>", !1, !0, !1), Le = /* @__PURE__ */ A("<svg><text class=chart-pie-center-sublabel text-anchor=middle dominant-baseline=middle>Total</svg>", !1, !0, !1), Ae = /* @__PURE__ */ A("<div class=chart-pie-legend>"), Ce = /* @__PURE__ */ A('<div><div class=chart-pie-wrapper><svg class="chart-svg chart-pie-svg"><defs>'), _e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.8></svg>", !1, !0, !1), Pe = /* @__PURE__ */ A("<svg><path class=chart-pie-slice><title></svg>", !1, !0, !1), Se = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label></span><span class=chart-legend-value>%"), Fe = /* @__PURE__ */ A("<div class=chart-monitoring-status><div class=chart-monitoring-dot></div><span>Live"), Te = /* @__PURE__ */ A("<div><div class=chart-monitoring-header>");
-const Lt = [
-  "var(--primary)",
-  "oklch(0.65 0.18 160)",
-  // teal
-  "oklch(0.65 0.18 280)",
-  // purple
-  "oklch(0.65 0.18 45)",
-  // orange
-  "oklch(0.65 0.18 340)"
-  // pink
-];
+var It = /* @__PURE__ */ A("<div class=chart-title>"), Et = /* @__PURE__ */ A("<svg><g class=chart-grid></svg>", !1, !0, !1), ae = /* @__PURE__ */ A("<div class=chart-legend>"), oe = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><rect fill=transparent class=chart-hover-area></rect><g class=chart-axis-labels></g><g class=chart-axis-labels>'), se = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:0.4></stop><stop offset=100% style=stop-opacity:0.05></svg>", !1, !0, !1), Dt = /* @__PURE__ */ A("<svg><line class=chart-grid-line></svg>", !1, !0, !1), ie = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=end dominant-baseline=middle></svg>", !1, !0, !1), le = /* @__PURE__ */ A("<svg><text class=chart-axis-label></svg>", !1, !0, !1), ce = /* @__PURE__ */ A("<svg><path class=chart-area></svg>", !1, !0, !1), de = /* @__PURE__ */ A("<svg><path fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round class=chart-line></svg>", !1, !0, !1), he = /* @__PURE__ */ A("<svg><circle stroke-width=2 class=chart-point><title></svg>", !1, !0, !1), ue = /* @__PURE__ */ A("<svg><line class=chart-crosshair></svg>", !1, !0, !1), ve = /* @__PURE__ */ A("<svg><rect rx=4 class=chart-tooltip-bg></svg>", !1, !0, !1), ge = /* @__PURE__ */ A("<svg><text class=chart-tooltip-label></svg>", !1, !0, !1), me = /* @__PURE__ */ A("<svg><circle r=6 class=chart-crosshair-point></svg>", !1, !0, !1), fe = /* @__PURE__ */ A("<svg><g><circle r=4></circle><text class=chart-tooltip-value>: </svg>", !1, !0, !1), xe = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label>"), be = /* @__PURE__ */ A('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><g class=chart-axis-labels>'), $e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.7></svg>", !1, !0, !1), ye = /* @__PURE__ */ A("<svg><text class=chart-bar-value text-anchor=middle></svg>", !1, !0, !1), Me = /* @__PURE__ */ A("<svg><g><rect rx=2 class=chart-bar><title></svg>", !1, !0, !1), pe = /* @__PURE__ */ A("<svg><text class=chart-axis-label text-anchor=middle></svg>", !1, !0, !1), we = /* @__PURE__ */ A("<svg><text class=chart-pie-center-label text-anchor=middle dominant-baseline=middle></svg>", !1, !0, !1), Le = /* @__PURE__ */ A("<svg><text class=chart-pie-center-sublabel text-anchor=middle dominant-baseline=middle>Total</svg>", !1, !0, !1), Ae = /* @__PURE__ */ A("<div class=chart-pie-legend>"), Ce = /* @__PURE__ */ A('<div><div class=chart-pie-wrapper><svg class="chart-svg chart-pie-svg"><defs>'), _e = /* @__PURE__ */ A("<svg><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.8></svg>", !1, !0, !1), Pe = /* @__PURE__ */ A("<svg><path class=chart-pie-slice><title></svg>", !1, !0, !1), Se = /* @__PURE__ */ A("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label></span><span class=chart-legend-value>%"), Fe = /* @__PURE__ */ A("<div class=chart-monitoring-status><div class=chart-monitoring-dot></div><span>Live"), Te = /* @__PURE__ */ A("<div><div class=chart-monitoring-header>");
+const Lt = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
 function Vt(U) {
   if (!(typeof U != "number" || !Number.isFinite(U)))
     return U;
@@ -23,7 +13,7 @@ function Ie(U, t = 2) {
   return Number.isFinite(U) ? U.toFixed(t).replace(/\.?0+$/, "") : String(U);
 }
 function zt(U) {
-  const [t] = _t(U, ["series", "labels", "height", "showGrid", "showLegend", "showPoints", "showArea", "smooth", "animate", "variant", "class", "title", "yAxisLabel", "xAxisLabel", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), ct = Xt(), b = () => t.height ?? 200, ht = () => t.showGrid ?? !0, bt = () => t.showLegend ?? !0, vt = () => t.showPoints ?? !0, H = () => t.showArea ?? !1, S = () => t.smooth ?? !0, B = () => t.animate ?? !0, W = () => t.variant ?? "default", nt = () => Vt(t.yMin), st = () => Vt(t.yMax), rt = () => t.formatYTick ?? ((n) => String(Math.round(n))), gt = () => t.formatTooltipValue ?? ((n) => Ie(n, 2)), C = () => {
+  const [t] = _t(U, ["series", "labels", "height", "showGrid", "showLegend", "showPoints", "showArea", "smooth", "animate", "variant", "class", "title", "yAxisLabel", "xAxisLabel", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), ct = Xt(), b = () => t.height ?? 200, ut = () => t.showGrid ?? !0, bt = () => t.showLegend ?? !0, vt = () => t.showPoints ?? !0, H = () => t.showArea ?? !1, S = () => t.smooth ?? !0, B = () => t.animate ?? !0, W = () => t.variant ?? "default", nt = () => Vt(t.yMin), st = () => Vt(t.yMax), rt = () => t.formatYTick ?? ((n) => String(Math.round(n))), gt = () => t.formatTooltipValue ?? ((n) => Ie(n, 2)), C = () => {
     const n = Vt(t.maxXAxisLabels);
     if (!n) return;
     const o = Math.floor(n);
@@ -38,9 +28,9 @@ function zt(U) {
   const s = ne(() => Y), d = K(() => {
     const n = s()?.width;
     return !n || !Number.isFinite(n) ? 400 : Math.max(240, Math.round(n));
-  }), L = () => `0 0 ${d()} ${I()}`, [v, p] = pt(null);
+  }), L = () => `0 0 ${d()} ${I()}`, [v, M] = Mt(null);
   let _;
-  const Z = 100, M = 10, V = 24, q = 10, [G, E] = pt(Z);
+  const Z = 100, p = 10, V = 24, q = 10, [G, E] = Mt(Z);
   let O;
   const Q = [];
   let it = "", mt = null;
@@ -73,28 +63,28 @@ ${w.join(`
 `)}`;
     if (F === it) return;
     it = F;
-    const u = requestAnimationFrame(() => {
-      const x = O?.isConnected ? O.getComputedTextLength() : 0, P = Q.reduce((g, h) => h?.isConnected ? Math.max(g, h.getComputedTextLength()) : g, 0), a = Math.ceil(Math.max(Z, M + x + q, V + P + q));
+    const h = requestAnimationFrame(() => {
+      const x = O?.isConnected ? O.getComputedTextLength() : 0, P = Q.reduce((g, u) => u?.isConnected ? Math.max(g, u.getComputedTextLength()) : g, 0), a = Math.ceil(Math.max(Z, p + x + q, V + P + q));
       G() !== a && E(a);
     });
-    Mt(() => cancelAnimationFrame(u));
+    pt(() => cancelAnimationFrame(h));
   });
   const at = K(() => {
     const n = t.series.flatMap((a) => a.data).filter((a) => Number.isFinite(a)), o = n.length > 0 ? Math.min(0, ...n) : 0, y = n.length > 0 ? Math.max(...n) : 0, w = nt() ?? o, F = st() ?? y;
-    let u = Number.isFinite(w) ? w : 0, x = Number.isFinite(F) ? F : 0;
-    x < u && ([u, x] = [x, u]), x === u && (x = u + 1);
-    const P = x - u || 1;
+    let h = Number.isFinite(w) ? w : 0, x = Number.isFinite(F) ? F : 0;
+    x < h && ([h, x] = [x, h]), x === h && (x = h + 1);
+    const P = x - h || 1;
     return {
-      min: u,
+      min: h,
       max: x,
       range: P
     };
   }), $t = K(() => {
     const n = at(), o = t.series[0]?.data.length ?? 0, y = (d() - e.left - e.right) / Math.max(1, o - 1), w = (b() - e.top - e.bottom) / n.range;
-    return t.series.map((F) => F.data.map((u, x) => ({
+    return t.series.map((F) => F.data.map((h, x) => ({
       x: e.left + x * y,
-      y: b() - e.bottom - (u - n.min) * w,
-      value: u
+      y: b() - e.bottom - (h - n.min) * w,
+      value: h
     })));
   }), xt = K(() => {
     const n = v();
@@ -114,8 +104,8 @@ ${w.join(`
     if (!n) return;
     const o = n.x, y = t.series[0]?.data.length ?? 0;
     if (y === 0) return;
-    const w = (d() - e.left - e.right) / Math.max(1, y - 1), F = o - e.left, u = Math.round(F / w), x = Math.max(0, Math.min(y - 1, u));
-    o >= e.left && o <= d() - e.right ? p(x) : p(null);
+    const w = (d() - e.left - e.right) / Math.max(1, y - 1), F = o - e.left, h = Math.round(F / w), x = Math.max(0, Math.min(y - 1, h));
+    o >= e.left && o <= d() - e.right ? M(x) : M(null);
   }, Ut = (n) => {
     if (At = n.clientX, Gt = n.clientY, Pt = !0, dt === null) {
       if (typeof requestAnimationFrame > "u") {
@@ -125,31 +115,31 @@ ${w.join(`
       dt = requestAnimationFrame(Rt);
     }
   }, Zt = () => {
-    Pt = !1, dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null), p(null);
+    Pt = !1, dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null), M(null);
   };
-  Mt(() => {
+  pt(() => {
     dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null);
   });
   const Nt = (n, o = !1) => {
     if (n.length === 0) return "";
-    const y = at(), w = (d() - e.left - e.right) / Math.max(1, n.length - 1), F = (b() - e.top - e.bottom) / y.range, u = n.map((x, P) => ({
+    const y = at(), w = (d() - e.left - e.right) / Math.max(1, n.length - 1), F = (b() - e.top - e.bottom) / y.range, h = n.map((x, P) => ({
       x: e.left + P * w,
       y: b() - e.bottom - (x - y.min) * F
     }));
-    if (S() && u.length > 2) {
-      let x = `M ${u[0].x},${u[0].y}`;
-      for (let P = 0; P < u.length - 1; P++) {
-        const a = u[P === 0 ? 0 : P - 1], g = u[P], h = u[P + 1], i = u[P + 2 >= u.length ? P + 1 : P + 2], f = 0.3, l = g.x + (h.x - a.x) * f, k = g.y + (h.y - a.y) * f, X = h.x - (i.x - g.x) * f, j = h.y - (i.y - g.y) * f;
-        x += ` C ${l},${k} ${X},${j} ${h.x},${h.y}`;
+    if (S() && h.length > 2) {
+      let x = `M ${h[0].x},${h[0].y}`;
+      for (let P = 0; P < h.length - 1; P++) {
+        const a = h[P === 0 ? 0 : P - 1], g = h[P], u = h[P + 1], i = h[P + 2 >= h.length ? P + 1 : P + 2], f = 0.3, l = g.x + (u.x - a.x) * f, k = g.y + (u.y - a.y) * f, X = u.x - (i.x - g.x) * f, j = u.y - (i.y - g.y) * f;
+        x += ` C ${l},${k} ${X},${j} ${u.x},${u.y}`;
       }
-      return o && (x += ` L ${u[u.length - 1].x},${b() - e.bottom}`, x += ` L ${u[0].x},${b() - e.bottom} Z`), x;
+      return o && (x += ` L ${h[h.length - 1].x},${b() - e.bottom}`, x += ` L ${h[0].x},${b() - e.bottom} Z`), x;
     } else {
-      let x = `M ${u[0].x},${u[0].y}`;
-      for (let P = 1; P < u.length; P++)
-        x += ` L ${u[P].x},${u[P].y}`;
-      return o && (x += ` L ${u[u.length - 1].x},${b() - e.bottom}`, x += ` L ${u[0].x},${b() - e.bottom} Z`), x;
+      let x = `M ${h[0].x},${h[0].y}`;
+      for (let P = 1; P < h.length; P++)
+        x += ` L ${h[P].x},${h[P].y}`;
+      return o && (x += ` L ${h[h.length - 1].x},${b() - e.bottom}`, x += ` L ${h[0].x},${b() - e.bottom} Z`), x;
     }
-  }, [kt, Ht] = pt(B() ? 0 : 1);
+  }, [kt, Ht] = Mt(B() ? 0 : 1);
   wt(() => {
     if (!B()) {
       Ht(1);
@@ -158,21 +148,21 @@ ${w.join(`
     let n, o;
     const y = (w) => {
       n || (n = w);
-      const F = w - n, u = Math.min(F / 800, 1);
-      Ht(u), u < 1 && (o = requestAnimationFrame(y));
+      const F = w - n, h = Math.min(F / 800, 1);
+      Ht(h), h < 1 && (o = requestAnimationFrame(y));
     };
-    o = requestAnimationFrame(y), Mt(() => cancelAnimationFrame(o));
+    o = requestAnimationFrame(y), pt(() => cancelAnimationFrame(o));
   });
   const Ot = K(() => {
-    const n = at(), o = 5, y = n.range / (o - 1), w = b() - e.top - e.bottom, F = b() - e.bottom, u = [];
+    const n = at(), o = 5, y = n.range / (o - 1), w = b() - e.top - e.bottom, F = b() - e.bottom, h = [];
     for (let x = 0; x < o; x += 1) {
       const P = n.min + y * x;
-      u.push({
+      h.push({
         value: P,
         y: F - (P - n.min) / n.range * w
       });
     }
-    return u;
+    return h;
   }), ft = (n, o) => o.color ?? Lt[n % Lt.length], jt = K(() => re({
     labels: t.labels,
     viewBoxWidth: d(),
@@ -191,7 +181,7 @@ ${w.join(`
     if (!o || o >= n)
       return new Set(Array.from({
         length: n
-      }, (F, u) => u));
+      }, (F, h) => h));
     if (o === 1) return /* @__PURE__ */ new Set([n - 1]);
     const y = /* @__PURE__ */ new Set(), w = Math.ceil((n - 1) / (o - 1));
     for (let F = 0; F < n; F += w)
@@ -209,7 +199,7 @@ ${w.join(`
     return y;
   });
   return (() => {
-    var n = oe(), o = n.firstChild, y = o.firstChild, w = y.nextSibling, F = w.nextSibling, u = F.nextSibling, x = Y;
+    var n = oe(), o = n.firstChild, y = o.firstChild, w = y.nextSibling, F = w.nextSibling, h = F.nextSibling, x = Y;
     typeof x == "function" ? St(x, n) : Y = n, c(n, $(ot, {
       get when() {
         return t.title;
@@ -225,19 +215,19 @@ ${w.join(`
         return t.series;
       },
       children: (a, g) => (() => {
-        var h = se(), i = h.firstChild, f = i.nextSibling;
+        var u = se(), i = u.firstChild, f = i.nextSibling;
         return T((l) => {
           var k = `gradient-${ct}-${g()}`, X = ft(g(), a), j = ft(g(), a);
-          return k !== l.e && r(h, "id", l.e = k), X !== l.t && J(i, "stop-color", l.t = X), j !== l.a && J(f, "stop-color", l.a = j), l;
+          return k !== l.e && r(u, "id", l.e = k), X !== l.t && J(i, "stop-color", l.t = X), j !== l.a && J(f, "stop-color", l.a = j), l;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), h;
+        }), u;
       })()
     })), c(o, $(ot, {
       get when() {
-        return ht();
+        return ut();
       },
       get children() {
         var a = Et();
@@ -246,16 +236,16 @@ ${w.join(`
             return Ot();
           },
           children: (g) => (() => {
-            var h = Dt();
+            var u = Dt();
             return T((i) => {
               var f = e.left, l = g.y, k = d() - e.right, X = g.y;
-              return f !== i.e && r(h, "x1", i.e = f), l !== i.t && r(h, "y1", i.t = l), k !== i.a && r(h, "x2", i.a = k), X !== i.o && r(h, "y2", i.o = X), i;
+              return f !== i.e && r(u, "x1", i.e = f), l !== i.t && r(u, "y1", i.t = l), k !== i.a && r(u, "x2", i.a = k), X !== i.o && r(u, "y2", i.o = X), i;
             }, {
               e: void 0,
               t: void 0,
               a: void 0,
               o: void 0
-            }), h;
+            }), u;
           })()
         })), a;
       }
@@ -265,20 +255,20 @@ ${w.join(`
       },
       children: (a) => (() => {
         var g = ie();
-        return c(g, () => rt()(a.value)), T((h) => {
+        return c(g, () => rt()(a.value)), T((u) => {
           var i = e.left - 6, f = a.y;
-          return i !== h.e && r(g, "x", h.e = i), f !== h.t && r(g, "y", h.t = f), h;
+          return i !== u.e && r(g, "x", u.e = i), f !== u.t && r(g, "y", u.t = f), u;
         }, {
           e: void 0,
           t: void 0
         }), g;
       })()
-    })), c(u, $(z, {
+    })), c(h, $(z, {
       get each() {
         return Qt();
       },
       children: (a) => {
-        const g = a.idx === 0, h = a.idx === t.labels.length - 1, i = g ? "start" : h ? "end" : "middle";
+        const g = a.idx === 0, u = a.idx === t.labels.length - 1, i = g ? "start" : u ? "end" : "middle";
         return (() => {
           var f = le();
           return r(f, "text-anchor", i), c(f, () => a.label), T((l) => {
@@ -300,16 +290,16 @@ ${w.join(`
             return t.series;
           },
           children: (a, g) => (() => {
-            var h = ce();
+            var u = ce();
             return T((i) => {
               var f = Nt(a.data, !0), l = W() === "gradient" ? `url(#gradient-${ct}-${g()})` : ft(g(), a), k = W() === "gradient" ? 1 : 0.15, X = kt();
-              return f !== i.e && r(h, "d", i.e = f), l !== i.t && r(h, "fill", i.t = l), k !== i.a && r(h, "fill-opacity", i.a = k), X !== i.o && J(h, "opacity", i.o = X), i;
+              return f !== i.e && r(u, "d", i.e = f), l !== i.t && r(u, "fill", i.t = l), k !== i.a && r(u, "fill-opacity", i.a = k), X !== i.o && J(u, "opacity", i.o = X), i;
             }, {
               e: void 0,
               t: void 0,
               a: void 0,
               o: void 0
-            }), h;
+            }), u;
           })()
         });
       }
@@ -318,11 +308,11 @@ ${w.join(`
         return t.series;
       },
       children: (a, g) => {
-        const h = K(() => Nt(a.data)), i = K(() => h().length * 2);
+        const u = K(() => Nt(a.data)), i = K(() => u().length * 2);
         return (() => {
           var f = de();
           return T((l) => {
-            var k = h(), X = ft(g(), a), j = B() ? i() : "none", m = B() ? i() * (1 - kt()) : 0;
+            var k = u(), X = ft(g(), a), j = B() ? i() : "none", m = B() ? i() * (1 - kt()) : 0;
             return k !== l.e && r(f, "d", l.e = k), X !== l.t && r(f, "stroke", l.t = X), j !== l.a && J(f, "stroke-dasharray", l.a = j), m !== l.o && J(f, "stroke-dashoffset", l.o = m), l;
           }, {
             e: void 0,
@@ -342,22 +332,22 @@ ${w.join(`
             return t.series;
           },
           children: (a, g) => {
-            const h = K(() => (d() - e.left - e.right) / Math.max(1, a.data.length - 1)), i = K(() => (b() - e.top - e.bottom) / at().range);
+            const u = K(() => (d() - e.left - e.right) / Math.max(1, a.data.length - 1)), i = K(() => (b() - e.top - e.bottom) / at().range);
             return $(z, {
               get each() {
                 return a.data;
               },
               children: (f, l) => {
-                const k = () => e.left + l() * h(), X = () => b() - e.bottom - (f - at().min) * i(), j = () => v() === l();
+                const k = () => e.left + l() * u(), X = () => b() - e.bottom - (f - at().min) * i(), j = () => v() === l();
                 return (() => {
-                  var m = ue(), R = m.firstChild;
+                  var m = he(), R = m.firstChild;
                   return c(R, () => `${t.labels[l()] ?? ""}: ${gt()(f, {
                     series: a,
                     seriesIndex: g(),
                     pointIndex: l()
                   })}`), T((N) => {
-                    var lt = k(), tt = X(), ut = j() ? 6 : 4, yt = j() ? ft(g(), a) : "var(--background)", et = ft(g(), a), Ct = kt();
-                    return lt !== N.e && r(m, "cx", N.e = lt), tt !== N.t && r(m, "cy", N.t = tt), ut !== N.a && r(m, "r", N.a = ut), yt !== N.o && r(m, "fill", N.o = yt), et !== N.i && r(m, "stroke", N.i = et), Ct !== N.n && J(m, "opacity", N.n = Ct), N;
+                    var lt = k(), tt = X(), ht = j() ? 6 : 4, yt = j() ? ft(g(), a) : "var(--background)", et = ft(g(), a), Ct = kt();
+                    return lt !== N.e && r(m, "cx", N.e = lt), tt !== N.t && r(m, "cy", N.t = tt), ht !== N.a && r(m, "r", N.a = ht), yt !== N.o && r(m, "fill", N.o = yt), et !== N.i && r(m, "stroke", N.i = et), Ct !== N.n && J(m, "opacity", N.n = Ct), N;
                   }, {
                     e: void 0,
                     t: void 0,
@@ -378,14 +368,14 @@ ${w.join(`
       },
       get children() {
         return (() => {
-          const a = xt(), g = a.idx, h = a.positions, i = a.xPos, f = 18 + t.series.length * 18, l = G(), k = i + 12 + l <= d() - e.right, X = i - 12 - l >= e.left;
+          const a = xt(), g = a.idx, u = a.positions, i = a.xPos, f = 18 + t.series.length * 18, l = G(), k = i + 12 + l <= d() - e.right, X = i - 12 - l >= e.left;
           let j = k ? i + 12 : i - l - 12;
           if (!k && !X) {
             const m = e.left, R = d() - e.right - l;
             j = R > m ? Math.min(Math.max(j, m), R) : m;
           }
           return [(() => {
-            var m = he();
+            var m = ue();
             return r(m, "x1", i), r(m, "x2", i), T((R) => {
               var N = e.top, lt = b() - e.bottom;
               return N !== R.e && r(m, "y1", R.e = N), lt !== R.t && r(m, "y2", R.t = lt), R;
@@ -394,14 +384,14 @@ ${w.join(`
               t: void 0
             }), m;
           })(), $(z, {
-            each: h,
+            each: u,
             children: (m, R) => {
               const N = m[g];
               return N ? (() => {
                 var lt = me();
                 return T((tt) => {
-                  var ut = N.x, yt = N.y, et = ft(R(), t.series[R()]);
-                  return ut !== tt.e && r(lt, "cx", tt.e = ut), yt !== tt.t && r(lt, "cy", tt.t = yt), et !== tt.a && r(lt, "fill", tt.a = et), tt;
+                  var ht = N.x, yt = N.y, et = ft(R(), t.series[R()]);
+                  return ht !== tt.e && r(lt, "cx", tt.e = ht), yt !== tt.t && r(lt, "cy", tt.t = yt), et !== tt.a && r(lt, "fill", tt.a = et), tt;
                 }, {
                   e: void 0,
                   t: void 0,
@@ -414,7 +404,7 @@ ${w.join(`
             return r(m, "x", j), r(m, "width", l), r(m, "height", f), T(() => r(m, "y", e.top)), m;
           })(), (() => {
             var m = ge(), R = O;
-            return typeof R == "function" ? St(R, m) : O = m, r(m, "x", j + M), c(m, () => t.labels[g]), T(() => r(m, "y", e.top + 14)), m;
+            return typeof R == "function" ? St(R, m) : O = m, r(m, "x", j + p), c(m, () => t.labels[g]), T(() => r(m, "y", e.top + 14)), m;
           })(), $(z, {
             get each() {
               return t.series;
@@ -422,16 +412,16 @@ ${w.join(`
             children: (m, R) => {
               const N = m.data[g];
               return (() => {
-                var lt = fe(), tt = lt.firstChild, ut = tt.nextSibling, yt = ut.firstChild;
+                var lt = fe(), tt = lt.firstChild, ht = tt.nextSibling, yt = ht.firstChild;
                 return r(tt, "cx", j + 14), St((et) => {
                   Q[R()] = et;
-                }, ut), r(ut, "x", j + V), c(ut, () => m.name, yt), c(ut, () => gt()(N, {
+                }, ht), r(ht, "x", j + V), c(ht, () => m.name, yt), c(ht, () => gt()(N, {
                   series: m,
                   seriesIndex: R(),
                   pointIndex: g
                 }), null), T((et) => {
                   var Ct = e.top + 28 + R() * 18, Wt = ft(R(), m), Yt = e.top + 32 + R() * 18;
-                  return Ct !== et.e && r(tt, "cy", et.e = Ct), Wt !== et.t && r(tt, "fill", et.t = Wt), Yt !== et.a && r(ut, "y", et.a = Yt), et;
+                  return Ct !== et.e && r(tt, "cy", et.e = Ct), Wt !== et.t && r(tt, "fill", et.t = Wt), Yt !== et.a && r(ht, "y", et.a = Yt), et;
                 }, {
                   e: void 0,
                   t: void 0,
@@ -452,15 +442,15 @@ ${w.join(`
           get each() {
             return t.series;
           },
-          children: (g, h) => (() => {
+          children: (g, u) => (() => {
             var i = xe(), f = i.firstChild, l = f.nextSibling;
-            return c(l, () => g.name), T((k) => J(f, "background", ft(h(), g))), i;
+            return c(l, () => g.name), T((k) => J(f, "background", ft(u(), g))), i;
           })()
         })), a;
       }
     }), null), T((a) => {
-      var g = Tt("chart-container", t.class), h = L(), i = `${b()}px`, f = e.left, l = e.top, k = d() - e.left - e.right, X = b() - e.top - e.bottom;
-      return g !== a.e && Ft(n, a.e = g), h !== a.t && r(o, "viewBox", a.t = h), i !== a.a && J(o, "height", a.a = i), f !== a.o && r(w, "x", a.o = f), l !== a.i && r(w, "y", a.i = l), k !== a.n && r(w, "width", a.n = k), X !== a.s && r(w, "height", a.s = X), a;
+      var g = Tt("chart-container", t.class), u = L(), i = `${b()}px`, f = e.left, l = e.top, k = d() - e.left - e.right, X = b() - e.top - e.bottom;
+      return g !== a.e && Ft(n, a.e = g), u !== a.t && r(o, "viewBox", a.t = u), i !== a.a && J(o, "height", a.a = i), f !== a.o && r(w, "x", a.o = f), l !== a.i && r(w, "y", a.i = l), k !== a.n && r(w, "width", a.n = k), X !== a.s && r(w, "height", a.s = X), a;
     }, {
       e: void 0,
       t: void 0,
@@ -481,52 +471,52 @@ function Ne(U) {
   }));
 }
 function He(U) {
-  const [t] = _t(U, ["data", "height", "showGrid", "showValues", "animate", "variant", "class", "title"]), ct = Xt(), b = () => t.height ?? 200, ht = () => t.showGrid ?? !0, bt = () => t.showValues ?? !0, vt = () => t.animate ?? !0, H = () => t.variant ?? "default", S = {
+  const [t] = _t(U, ["data", "height", "showGrid", "showValues", "animate", "variant", "class", "title"]), ct = Xt(), b = () => t.height ?? 200, ut = () => t.showGrid ?? !0, bt = () => t.showValues ?? !0, vt = () => t.animate ?? !0, H = () => t.variant ?? "default", S = {
     top: 20,
     right: 20,
     bottom: 40,
     left: 45
   }, B = 400, W = () => `0 0 ${B} ${b()}`, nt = K(() => {
-    const v = t.data.map((_) => _.value).filter((_) => Number.isFinite(_)), p = v.length > 0 ? Math.max(...v) : 0;
+    const v = t.data.map((_) => _.value).filter((_) => Number.isFinite(_)), M = v.length > 0 ? Math.max(...v) : 0;
     return {
-      max: Math.max(p, 0)
+      max: Math.max(M, 0)
     };
-  }), [st, rt] = pt(vt() ? 0 : 1);
+  }), [st, rt] = Mt(vt() ? 0 : 1);
   wt(() => {
     if (!vt()) {
       rt(1);
       return;
     }
-    let v, p;
+    let v, M;
     const _ = (Z) => {
       v || (v = Z);
-      const M = Z - v, V = Math.min(M / 600, 1), q = 1 - Math.pow(1 - V, 3);
-      rt(q), V < 1 && (p = requestAnimationFrame(_));
+      const p = Z - v, V = Math.min(p / 600, 1), q = 1 - Math.pow(1 - V, 3);
+      rt(q), V < 1 && (M = requestAnimationFrame(_));
     };
-    p = requestAnimationFrame(_), Mt(() => cancelAnimationFrame(p));
+    M = requestAnimationFrame(_), pt(() => cancelAnimationFrame(M));
   });
   const gt = 0.3, C = () => B - S.left - S.right, e = () => Math.max(1, t.data.length), I = () => C() / e(), Y = () => I() * (1 - gt), s = () => b() - S.top - S.bottom, d = () => {
     const v = nt().max;
     return Number.isFinite(v) && v > 0 ? v : 1;
-  }, L = (v, p) => p.color ?? Lt[v % Lt.length];
+  }, L = (v, M) => M.color ?? Lt[v % Lt.length];
   return (() => {
-    var v = be(), p = v.firstChild, _ = p.firstChild, Z = _.nextSibling;
+    var v = be(), M = v.firstChild, _ = M.firstChild, Z = _.nextSibling;
     return c(v, $(ot, {
       get when() {
         return t.title;
       },
       get children() {
-        var M = It();
-        return c(M, () => t.title), M;
+        var p = It();
+        return c(p, () => t.title), p;
       }
-    }), p), c(_, $(z, {
+    }), M), c(_, $(z, {
       get each() {
         return t.data;
       },
-      children: (M, V) => (() => {
+      children: (p, V) => (() => {
         var q = $e(), G = q.firstChild, E = G.nextSibling;
         return T((O) => {
-          var Q = `bar-gradient-${ct}-${V()}`, it = L(V(), M), mt = L(V(), M);
+          var Q = `bar-gradient-${ct}-${V()}`, it = L(V(), p), mt = L(V(), p);
           return Q !== O.e && r(q, "id", O.e = Q), it !== O.t && J(G, "stop-color", O.t = it), mt !== O.a && J(E, "stop-color", O.a = mt), O;
         }, {
           e: void 0,
@@ -534,13 +524,13 @@ function He(U) {
           a: void 0
         }), q;
       })()
-    })), c(p, $(ot, {
+    })), c(M, $(ot, {
       get when() {
-        return ht();
+        return ut();
       },
       get children() {
-        var M = Et();
-        return c(M, $(z, {
+        var p = Et();
+        return c(p, $(z, {
           each: [0.25, 0.5, 0.75, 1],
           children: (V) => {
             const q = b() - S.bottom - V * (b() - S.top - S.bottom);
@@ -555,17 +545,17 @@ function He(U) {
               }), G;
             })();
           }
-        })), M;
+        })), p;
       }
-    }), Z), c(p, $(z, {
+    }), Z), c(M, $(z, {
       get each() {
         return t.data;
       },
-      children: (M, V) => {
-        const q = () => Number.isFinite(M.value) ? Math.max(0, M.value) : 0, G = () => S.left + V() * I() + (I() - Y()) / 2, E = () => q() / d() * s() * st(), O = () => b() - S.bottom - E();
+      children: (p, V) => {
+        const q = () => Number.isFinite(p.value) ? Math.max(0, p.value) : 0, G = () => S.left + V() * I() + (I() - Y()) / 2, E = () => q() / d() * s() * st(), O = () => b() - S.bottom - E();
         return (() => {
-          var Q = pe(), it = Q.firstChild, mt = it.firstChild;
-          return c(mt, () => `${M.label}: ${q()}`), c(Q, $(ot, {
+          var Q = Me(), it = Q.firstChild, mt = it.firstChild;
+          return c(mt, () => `${p.label}: ${q()}`), c(Q, $(ot, {
             get when() {
               return Bt(() => !!bt())() && st() > 0.8;
             },
@@ -580,7 +570,7 @@ function He(U) {
               }), D;
             }
           }), null), T((D) => {
-            var at = G(), $t = O(), xt = Y(), dt = E(), At = H() === "gradient" ? `url(#bar-gradient-${ct}-${V()})` : L(V(), M);
+            var at = G(), $t = O(), xt = Y(), dt = E(), At = H() === "gradient" ? `url(#bar-gradient-${ct}-${V()})` : L(V(), p);
             return at !== D.e && r(it, "x", D.e = at), $t !== D.t && r(it, "y", D.t = $t), xt !== D.a && r(it, "width", D.a = xt), dt !== D.o && r(it, "height", D.o = dt), At !== D.i && r(it, "fill", D.i = At), D;
           }, {
             e: void 0,
@@ -595,11 +585,11 @@ function He(U) {
       get each() {
         return t.data;
       },
-      children: (M, V) => {
+      children: (p, V) => {
         const q = () => S.left + V() * I() + I() / 2;
         return (() => {
-          var G = Me();
-          return c(G, () => M.label), T((E) => {
+          var G = pe();
+          return c(G, () => p.label), T((E) => {
             var O = q(), Q = b() - S.bottom + 14;
             return O !== E.e && r(G, "x", E.e = O), Q !== E.t && r(G, "y", E.t = Q), E;
           }, {
@@ -608,9 +598,9 @@ function He(U) {
           }), G;
         })();
       }
-    })), T((M) => {
+    })), T((p) => {
       var V = Tt("chart-container", t.class), q = W(), G = `${b()}px`;
-      return V !== M.e && Ft(v, M.e = V), q !== M.t && r(p, "viewBox", M.t = q), G !== M.a && J(p, "height", M.a = G), M;
+      return V !== p.e && Ft(v, p.e = V), q !== p.t && r(M, "viewBox", p.t = q), G !== p.a && J(M, "height", p.a = G), p;
     }, {
       e: void 0,
       t: void 0,
@@ -619,7 +609,7 @@ function He(U) {
   })();
 }
 function Oe(U) {
-  const [t] = _t(U, ["data", "size", "innerRadius", "showLegend", "animate", "class", "title"]), ct = Xt(), b = () => t.size ?? 200, ht = () => t.innerRadius ?? 0, bt = () => t.showLegend ?? !0, vt = () => t.animate ?? !0, H = () => b() / 2, S = () => b() / 2 * 0.85, B = () => S() * ht(), W = K(() => t.data.reduce((C, e) => C + e.value, 0)), nt = K(() => {
+  const [t] = _t(U, ["data", "size", "innerRadius", "showLegend", "animate", "class", "title"]), ct = Xt(), b = () => t.size ?? 200, ut = () => t.innerRadius ?? 0, bt = () => t.showLegend ?? !0, vt = () => t.animate ?? !0, H = () => b() / 2, S = () => b() / 2 * 0.85, B = () => S() * ut(), W = K(() => t.data.reduce((C, e) => C + e.value, 0)), nt = K(() => {
     let C = -Math.PI / 2;
     return t.data.map((e, I) => {
       const Y = e.value / W(), s = Y * Math.PI * 2, d = {
@@ -631,7 +621,7 @@ function Oe(U) {
       };
       return C += s, d;
     });
-  }), [st, rt] = pt(vt() ? 0 : 1);
+  }), [st, rt] = Mt(vt() ? 0 : 1);
   wt(() => {
     if (!vt()) {
       rt(1);
@@ -643,7 +633,7 @@ function Oe(U) {
       const s = Y - C, d = Math.min(s / 800, 1), L = 1 - Math.pow(1 - d, 2);
       rt(L), d < 1 && (e = requestAnimationFrame(I));
     };
-    e = requestAnimationFrame(I), Mt(() => cancelAnimationFrame(e));
+    e = requestAnimationFrame(I), pt(() => cancelAnimationFrame(e));
   });
   const gt = (C, e) => {
     const I = C + (e - C) * st(), Y = {
@@ -659,7 +649,7 @@ function Oe(U) {
       x: H() + Math.cos(C) * B(),
       y: H() + Math.sin(C) * B()
     }, v = I - C > Math.PI ? 1 : 0;
-    return ht() > 0 ? `
+    return ut() > 0 ? `
         M ${Y.x} ${Y.y}
         A ${S()} ${S()} 0 ${v} 1 ${s.x} ${s.y}
         L ${d.x} ${d.y}
@@ -687,10 +677,10 @@ function Oe(U) {
         return nt();
       },
       children: (s, d) => (() => {
-        var L = _e(), v = L.firstChild, p = v.nextSibling;
+        var L = _e(), v = L.firstChild, M = v.nextSibling;
         return T((_) => {
-          var Z = `pie-gradient-${ct}-${d()}`, M = s.color, V = s.color;
-          return Z !== _.e && r(L, "id", _.e = Z), M !== _.t && J(v, "stop-color", _.t = M), V !== _.a && J(p, "stop-color", _.a = V), _;
+          var Z = `pie-gradient-${ct}-${d()}`, p = s.color, V = s.color;
+          return Z !== _.e && r(L, "id", _.e = Z), p !== _.t && J(v, "stop-color", _.t = p), V !== _.a && J(M, "stop-color", _.a = V), _;
         }, {
           e: void 0,
           t: void 0,
@@ -703,9 +693,9 @@ function Oe(U) {
       },
       children: (s, d) => (() => {
         var L = Pe(), v = L.firstChild;
-        return c(v, () => `${s.label}: ${s.value} (${Math.round(s.percentage * 100)}%)`), T((p) => {
+        return c(v, () => `${s.label}: ${s.value} (${Math.round(s.percentage * 100)}%)`), T((M) => {
           var _ = gt(s.startAngle, s.endAngle), Z = `url(#pie-gradient-${ct}-${d()})`;
-          return _ !== p.e && r(L, "d", p.e = _), Z !== p.t && r(L, "fill", p.t = Z), p;
+          return _ !== M.e && r(L, "d", M.e = _), Z !== M.t && r(L, "fill", M.t = Z), M;
         }, {
           e: void 0,
           t: void 0
@@ -713,7 +703,7 @@ function Oe(U) {
       })()
     }), null), c(I, $(ot, {
       get when() {
-        return ht() > 0;
+        return ut() > 0;
       },
       get children() {
         return [(() => {
@@ -747,14 +737,14 @@ function Oe(U) {
             return nt();
           },
           children: (d) => (() => {
-            var L = Se(), v = L.firstChild, p = v.nextSibling, _ = p.nextSibling, Z = _.firstChild;
-            return c(p, () => d.label), c(_, () => Math.round(d.percentage * 100), Z), T((M) => J(v, "background", d.color)), L;
+            var L = Se(), v = L.firstChild, M = v.nextSibling, _ = M.nextSibling, Z = _.firstChild;
+            return c(M, () => d.label), c(_, () => Math.round(d.percentage * 100), Z), T((p) => J(v, "background", d.color)), L;
           })()
         })), s;
       }
     }), null), T((s) => {
-      var d = Tt("chart-container chart-pie-container", t.class), L = `0 0 ${b()} ${b()}`, v = `${b()}px`, p = `${b()}px`;
-      return d !== s.e && Ft(C, s.e = d), L !== s.t && r(I, "viewBox", s.t = L), v !== s.a && J(I, "width", s.a = v), p !== s.o && J(I, "height", s.o = p), s;
+      var d = Tt("chart-container chart-pie-container", t.class), L = `0 0 ${b()} ${b()}`, v = `${b()}px`, M = `${b()}px`;
+      return d !== s.e && Ft(C, s.e = d), L !== s.t && r(I, "viewBox", s.t = L), v !== s.a && J(I, "width", s.a = v), M !== s.o && J(I, "height", s.o = M), s;
     }, {
       e: void 0,
       t: void 0,
@@ -764,17 +754,17 @@ function Oe(U) {
   })();
 }
 function We(U) {
-  const [t] = _t(U, ["series", "labels", "height", "maxPoints", "onUpdate", "updateInterval", "showGrid", "showLegend", "class", "title", "realtime", "smooth", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), ct = () => t.maxPoints ?? 20, b = () => t.updateInterval ?? 2e3, ht = () => t.realtime ?? !1, bt = () => t.smooth ?? !0, [vt, H] = pt(qt(() => t.series.map((W) => ({
+  const [t] = _t(U, ["series", "labels", "height", "maxPoints", "onUpdate", "updateInterval", "showGrid", "showLegend", "class", "title", "realtime", "smooth", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), ct = () => t.maxPoints ?? 20, b = () => t.updateInterval ?? 2e3, ut = () => t.realtime ?? !1, bt = () => t.smooth ?? !0, [vt, H] = Mt(qt(() => t.series.map((W) => ({
     ...W,
     data: [...W.data]
-  })))), [S, B] = pt(qt(() => [...t.labels]));
+  })))), [S, B] = Mt(qt(() => [...t.labels]));
   return wt(() => {
-    ht() || (H(t.series.map((W) => ({
+    ut() || (H(t.series.map((W) => ({
       ...W,
       data: [...W.data]
     }))), B([...t.labels]));
   }), wt(() => {
-    if (!ht() || !t.onUpdate) return;
+    if (!ut() || !t.onUpdate) return;
     const W = setInterval(() => {
       const nt = t.onUpdate();
       nt && (H((st) => st.map((rt, gt) => {
@@ -788,7 +778,7 @@ function We(U) {
         return rt.length > ct() && rt.shift(), rt;
       }));
     }, b());
-    Mt(() => clearInterval(W));
+    pt(() => clearInterval(W));
   }), (() => {
     var W = Te(), nt = W.firstChild;
     return c(nt, $(ot, {
@@ -801,7 +791,7 @@ function We(U) {
       }
     }), null), c(nt, $(ot, {
       get when() {
-        return ht();
+        return ut();
       },
       get children() {
         return Fe();