vue-data-ui 3.16.3 → 3.16.5

package/dist/{vue-ui-sparkline-C4mZ6GmQ.js → vue-ui-sparkline-DNt9nHQ9.js}

@@ -1,20 +1,20 @@
-import { computed as p, watch as z, nextTick as te, onBeforeUnmount as ut, openBlock as f, createElementBlock as g, Fragment as Z, renderList as fe, createElementVNode as S, createCommentVNode as L, ref as C, defineAsyncComponent as gt, toRefs as Vt, shallowRef as yt, onMounted as mt, watchEffect as Wt, normalizeStyle as H, toDisplayString as Le, createBlock as _e, renderSlot as he, normalizeProps as He, guardReactiveProps as Ze, unref as b, createVNode as qt, withCtx as Gt, createTextVNode as Ot } from "vue";
-import { j as jt, t as bt, aD as Je, o as kt, q as wt, r as zt, v as We, Y as Yt, ap as Xt, c as xt, b as Kt, O as Ut, N as Ht, s as Zt, X as Jt, u as qe, V as Qt, G as $t, k as Qe, l as et, aE as ea } from "./lib-DBptbyyI.js";
-import { t as ta, u as aa } from "./useResponsive-DfdjqQps.js";
-import { u as la } from "./useConfig-CpJA0VZa.js";
-import { u as na, B as ra } from "./BaseScanner-BhhkKVoj.js";
-import { u as tt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ua } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as oa } from "./useTimeLabels-C-A2uZKi.js";
-import { u as sa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ia } from "./usePrefersMotion-CUKm8_t8.js";
-import da from "./vue_ui_sparkline-CQ8DJVJx.js";
-import { A as ca } from "./A11yDataTable-KcVAX2cP.js";
-import { _ as va } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ha = {
+import { computed as g, watch as z, nextTick as te, onBeforeUnmount as ot, openBlock as f, createElementBlock as y, Fragment as Z, renderList as ge, createElementVNode as M, createCommentVNode as _, ref as L, defineAsyncComponent as mt, toRefs as qt, shallowRef as bt, onMounted as kt, watchEffect as Gt, normalizeStyle as H, toDisplayString as Le, createBlock as _e, renderSlot as pe, normalizeProps as Ze, guardReactiveProps as Je, unref as b, createVNode as Ot, withCtx as jt, createTextVNode as zt } from "vue";
+import { j as Yt, t as wt, aD as Qe, o as xt, q as $t, r as Xt, v as Ve, Y as Kt, ap as Ut, c as St, b as Ht, O as Zt, N as Jt, s as Qt, X as ea, u as We, V as ta, G as Mt, k as et, l as tt, aE as aa } from "./lib-DBptbyyI.js";
+import { t as la, u as na } from "./useResponsive-DfdjqQps.js";
+import { u as ra } from "./useConfig-CpJA0VZa.js";
+import { u as ua, B as oa } from "./BaseScanner-BhhkKVoj.js";
+import { u as at } from "./useNestedProp-Bf5XFbs8.js";
+import { u as sa } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as ia } from "./useTimeLabels-C-A2uZKi.js";
+import { u as da } from "./useChartAccessibility-9icAAmYg.js";
+import { u as ca } from "./usePrefersMotion-CUKm8_t8.js";
+import va from "./vue_ui_sparkline-CQ8DJVJx.js";
+import { A as ha } from "./A11yDataTable-KcVAX2cP.js";
+import { _ as fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const pa = {
   key: 0,
   style: { "pointer-events": "none" }
-}, fa = ["r", "fill", "filter"], pa = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], ga = ["href"], ya = ["dur", "repeatCount", "fill", "values"], ma = ["r", "fill"], ba = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], ka = ["href"], wa = ["dur", "repeatCount"], xa = {
+}, ga = ["r", "fill", "filter"], ya = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], ma = ["href"], ba = ["dur", "repeatCount", "fill", "values"], ka = ["r", "fill"], wa = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], xa = ["href"], $a = ["dur", "repeatCount"], Sa = {
   __name: "SparklinePulse",
   props: {
     uid: { type: String, required: !0 },
@@ -35,24 +35,24 @@ const ha = {
     isBar: { type: Boolean, required: !0 }
   },
   setup(e) {
-    const a = e, n = p(() => Math.min(a.pulseTrailLength, 45)), s = p(() => !!a.pulse?.show && !a.isBar && !a.prefersReducedMotion && !a.loading && Number(a.pulsePathLength) > 0);
+    const a = e, n = g(() => Math.min(a.pulseTrailLength, 45)), s = g(() => !!a.pulse?.show && !a.isBar && !a.prefersReducedMotion && !a.loading && Number(a.pulsePathLength) > 0);
     function o() {
       const i = a.svgRef?.value;
       i && (typeof i.pauseAnimations == "function" && i.pauseAnimations(), typeof i.setCurrentTime == "function" && i.setCurrentTime(0), typeof i.unpauseAnimations == "function" && i.unpauseAnimations());
     }
-    function d(i, M) {
+    function d(i, S) {
       if (typeof i != "string") return i;
       const v = i.trim().match(/^([\d.]+)\s*(ms|s)$/);
       if (!v) return i;
-      const w = Number(v[1]), _ = v[2];
-      return Number.isNaN(w) ? i : `${w + M}${_}`;
+      const x = Number(v[1]), I = v[2];
+      return Number.isNaN(x) ? i : `${x + S}${I}`;
     }
     function h(i) {
       return (n.value - i) / n.value * a.pulse.radius;
     }
-    function y(i) {
-      const M = a.pulse.trail.opacity, v = (n.value - i) / n.value, w = i === 0 ? 1 : v * M;
-      return `0;${w};${w};0`;
+    function m(i) {
+      const S = a.pulse.trail.opacity, v = (n.value - i) / n.value, x = i === 0 ? 1 : v * S;
+      return `0;${x};${x};0`;
     }
     return z(
       () => a.loading,
@@ -68,19 +68,19 @@ const ha = {
       async () => {
         await te(), o();
       }
-    ), ut(() => {
+    ), ot(() => {
       o();
-    }), (i, M) => s.value ? (f(), g("g", ha, [
-      (f(!0), g(Z, null, fe(n.value, (v, w) => (f(), g(Z, null, [
-        w % 3 === 0 ? (f(), g("circle", {
-          key: `sparkline_dot_${w}_${e.pulsePathId}`,
-          r: h(w),
+    }), (i, S) => s.value ? (f(), y("g", pa, [
+      (f(!0), y(Z, null, ge(n.value, (v, x) => (f(), y(Z, null, [
+        x % 3 === 0 ? (f(), y("circle", {
+          key: `sparkline_dot_${x}_${e.pulsePathId}`,
+          r: h(x),
           fill: e.pulse.color,
           filter: `url(#sparkline_pulse_glow_${e.uid})`,
           opacity: "0"
         }, [
-          S("animateMotion", {
-            begin: d(e.pulseBegin, w * 10),
+          M("animateMotion", {
+            begin: d(e.pulseBegin, x * 10),
             dur: e.pulseDur,
             repeatCount: e.pulseRepeatCount,
             fill: e.pulseFillMode,
@@ -90,27 +90,27 @@ const ha = {
             keyPoints: e.pulseKeyPoints,
             rotate: "auto"
           }, [
-            S("mpath", {
+            M("mpath", {
               href: `#${e.pulsePathId}`
-            }, null, 8, ga)
-          ], 8, pa),
-          S("animate", {
+            }, null, 8, ma)
+          ], 8, ya),
+          M("animate", {
             attributeName: "opacity",
             dur: e.pulseDur,
             repeatCount: e.pulseRepeatCount,
             fill: e.pulseFillMode,
-            values: y(w),
+            values: m(x),
             keyTimes: "0;0.1;0.9;1"
-          }, null, 8, ya)
-        ], 8, fa)) : L("", !0)
+          }, null, 8, ba)
+        ], 8, ga)) : _("", !0)
       ], 64))), 256)),
-      (f(), g("circle", {
+      (f(), y("circle", {
         key: `sparkline_halo_${e.pulsePathId}`,
         r: Math.max(e.pulse.radius * 1.3),
         fill: e.pulse.color,
         opacity: "0"
       }, [
-        S("animateMotion", {
+        M("animateMotion", {
           begin: e.pulseBegin,
           dur: e.pulseDur,
           repeatCount: e.pulseRepeatCount,
@@ -120,95 +120,95 @@ const ha = {
           keyPoints: e.pulseKeyPoints,
           rotate: "auto"
         }, [
-          S("mpath", {
+          M("mpath", {
             href: `#${e.pulsePathId}`
-          }, null, 8, ka)
-        ], 8, ba),
-        S("animate", {
+          }, null, 8, xa)
+        ], 8, wa),
+        M("animate", {
           attributeName: "opacity",
           values: "0;0.35;0.35;0",
           keyTimes: "0;0.15;0.85;1",
           dur: e.pulseDur,
           repeatCount: e.pulseRepeatCount
-        }, null, 8, wa)
-      ], 8, ma))
-    ])) : L("", !0);
+        }, null, 8, $a)
+      ], 8, ka))
+    ])) : _("", !0);
   }
-}, Ge = {
+}, qe = {
   canvas: null,
   ctx: null
 };
-function $a() {
+function Ma() {
   if (typeof document > "u")
     throw new Error("color-utils: document is not available (browser-only).");
-  if (!Ge.canvas) {
+  if (!qe.canvas) {
     const e = document.createElement("canvas");
     e.width = 1, e.height = 1;
     const a = e.getContext("2d", { willReadFrequently: !0 });
     if (!a)
       throw new Error("color-utils: unable to get 2D canvas context.");
-    Ge.canvas = e, Ge.ctx = a;
+    qe.canvas = e, qe.ctx = a;
   }
-  return Ge.ctx;
+  return qe.ctx;
 }
-function Ma(e) {
+function Aa(e) {
   return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
 }
-function st(e) {
+function it(e) {
   return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function Sa(e, a = null) {
+function Ca(e, a = null) {
   if (typeof e != "string" || e.trim().length === 0)
     throw new Error("colorToRgba: inputColor must be a non-empty string.");
   const n = e.trim();
   if (n.toLowerCase() === "transparent")
     return { red: 0, green: 0, blue: 0, alpha: 0 };
-  const s = Aa(n, a), o = $a();
+  const s = La(n, a), o = Ma();
   o.clearRect(0, 0, 1, 1), o.fillStyle = "#000";
   const d = o.fillStyle;
-  if (o.fillStyle = s, o.fillStyle === d && !Ca(s))
+  if (o.fillStyle = s, o.fillStyle === d && !_a(s))
     throw new Error(`colorToRgba: unsupported or invalid color "${e}".`);
   o.fillRect(0, 0, 1, 1);
-  const y = o.getImageData(0, 0, 1, 1).data;
+  const m = o.getImageData(0, 0, 1, 1).data;
   return {
-    red: y[0],
-    green: y[1],
-    blue: y[2],
-    alpha: y[3] / 255
+    red: m[0],
+    green: m[1],
+    blue: m[2],
+    alpha: m[3] / 255
   };
 }
-function Mt(e, a = null) {
+function At(e, a = null) {
   if (!Array.isArray(e) || e.length === 0)
     throw new Error("colorsToRgba: colors must be a non-empty array.");
   const n = new Array(e.length);
   for (let s = 0; s < e.length; s += 1)
-    n[s] = Sa(e[s], a);
+    n[s] = Ca(e[s], a);
   return n;
 }
-function Aa(e, a = null) {
+function La(e, a = null) {
   return e !== "currentColor" || typeof window > "u" || !a ? e : window.getComputedStyle(a).color || e;
 }
-function Ca(e) {
+function _a(e) {
   const a = e.trim().toLowerCase();
   return a === "black" || a === "#000" || a === "#000000" || a === "rgb(0, 0, 0)" || a === "rgba(0, 0, 0, 1)" || a === "rgba(0, 0, 0, 0)";
 }
-function we(e) {
-  const a = st(e / 255);
+function xe(e) {
+  const a = it(e / 255);
   return a <= 0.04045 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
 }
-function at(e) {
-  const a = st(e);
+function lt(e) {
+  const a = it(e);
   let n;
-  return a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055, Ma(n * 255);
+  return a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055, Aa(n * 255);
 }
-function St(e, a, n, s) {
-  const o = st(n);
+function Ct(e, a, n, s) {
+  const o = it(n);
   if (s === "linearRGB") {
-    const d = we(e.red), h = we(e.green), y = we(e.blue), i = we(a.red), M = we(a.green), v = we(a.blue), w = d + (i - d) * o, _ = h + (M - h) * o, T = y + (v - y) * o;
+    const d = xe(e.red), h = xe(e.green), m = xe(e.blue), i = xe(a.red), S = xe(a.green), v = xe(a.blue), x = d + (i - d) * o, I = h + (S - h) * o, B = m + (v - m) * o;
     return {
-      red: at(w),
-      green: at(_),
-      blue: at(T),
+      red: lt(x),
+      green: lt(I),
+      blue: lt(B),
       alpha: e.alpha + (a.alpha - e.alpha) * o
     };
   }
@@ -227,41 +227,41 @@ function ae(e, a) {
   const n = Math.pow(10, a);
   return Math.round(e * n) / n;
 }
-function oe(e) {
+function ie(e) {
   return Number.isFinite(e) ? e.toString() : "0";
 }
-function lt(e) {
+function nt(e) {
   const n = j(e, 0, 255).toString(16);
   return n.length === 1 ? "0" + n : n;
 }
-function La(e) {
+function Pa(e) {
   if (typeof e != "string") return;
   const a = Number.parseFloat(e);
   return Number.isFinite(a) ? a : void 0;
 }
-function _a(e, a, n, s = !0) {
+function Na(e, a, n, s = !0) {
   const o = n - a;
   if (o === 0) return 0;
   const d = (e - a) / o;
   return s ? j(d, 0, 1) : d;
 }
-const At = "http://www.w3.org/2000/svg";
-function Pa(e) {
+const Lt = "http://www.w3.org/2000/svg";
+function Ia(e) {
   if (typeof document > "u")
     throw new Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
-  const a = document.createElementNS(At, "svg");
+  const a = document.createElementNS(Lt, "svg");
   a.setAttribute("width", "0"), a.setAttribute("height", "0"), a.setAttribute("viewBox", "0 0 0 0"), a.style.position = "absolute", a.style.left = "-10000px", a.style.top = "-10000px", a.style.visibility = "hidden", a.style.pointerEvents = "none";
-  const n = document.createElementNS(At, "path");
+  const n = document.createElementNS(Lt, "path");
   return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), a.appendChild(n), document.body.appendChild(a), { svgElement: a, pathElement: n };
 }
-function nt(e) {
+function rt(e) {
   if (e)
     try {
       e.svgElement?.remove?.();
     } catch {
     }
 }
-function Na(e, a, n) {
+function Ta(e, a, n) {
   if (typeof n == "number" && n > 0)
     return n;
   let s = a * 0.75;
@@ -269,70 +269,70 @@ function Na(e, a, n) {
   const o = e / 2;
   return s > o && o > 0 && (s = o), s <= 0 && (s = 1), s;
 }
-function Ta(e, a, n) {
+function Ra(e, a, n) {
   if (typeof a == "number" && a >= 1)
     return Math.floor(a);
   const s = typeof n == "number" && n > 0 ? n : 2, o = Math.ceil(e / s);
   return o < 1 ? 1 : o;
 }
-function Ia(e, a, n, s, o, d) {
+function Ba(e, a, n, s, o, d) {
   const h = n - a;
-  let y = Math.ceil(h / s) + 1;
-  y < 2 && (y = 2), y > d && (y = d);
-  const i = y > 1 ? h / (y - 1) : 0, M = e.getPointAtLength(a);
-  let v = `M ${oe(ae(M.x, o))} ${oe(
-    ae(M.y, o)
+  let m = Math.ceil(h / s) + 1;
+  m < 2 && (m = 2), m > d && (m = d);
+  const i = m > 1 ? h / (m - 1) : 0, S = e.getPointAtLength(a);
+  let v = `M ${ie(ae(S.x, o))} ${ie(
+    ae(S.y, o)
   )}`;
-  for (let w = 1; w < y; w += 1) {
-    const _ = a + w * i, T = e.getPointAtLength(_);
-    v += ` L ${oe(ae(T.x, o))} ${oe(
-      ae(T.y, o)
+  for (let x = 1; x < m; x += 1) {
+    const I = a + x * i, B = e.getPointAtLength(I);
+    v += ` L ${ie(ae(B.x, o))} ${ie(
+      ae(B.y, o)
     )}`;
   }
   return v;
 }
-function Ra(e, a, n, s, o, d) {
+function Da(e, a, n, s, o, d) {
   const h = n - a;
-  let y = Math.ceil(h / s) + 1;
-  y < 2 && (y = 2), y > d && (y = d);
-  const i = y > 1 ? h / (y - 1) : 0, M = e.getPointAtLength(a);
-  let v = M.x, w = M.x, _ = M.y, T = M.y, W = `M ${oe(ae(M.x, o))} ${oe(
-    ae(M.y, o)
+  let m = Math.ceil(h / s) + 1;
+  m < 2 && (m = 2), m > d && (m = d);
+  const i = m > 1 ? h / (m - 1) : 0, S = e.getPointAtLength(a);
+  let v = S.x, x = S.x, I = S.y, B = S.y, E = `M ${ie(ae(S.x, o))} ${ie(
+    ae(S.y, o)
   )}`;
-  for (let t = 1; t < y; t += 1) {
-    const se = a + t * i, D = e.getPointAtLength(se);
-    D.x < v && (v = D.x), D.x > w && (w = D.x), D.y < _ && (_ = D.y), D.y > T && (T = D.y), W += ` L ${oe(ae(D.x, o))} ${oe(
-      ae(D.y, o)
+  for (let A = 1; A < m; A += 1) {
+    const t = a + A * i, F = e.getPointAtLength(t);
+    F.x < v && (v = F.x), F.x > x && (x = F.x), F.y < I && (I = F.y), F.y > B && (B = F.y), E += ` L ${ie(ae(F.x, o))} ${ie(
+      ae(F.y, o)
     )}`;
   }
   return {
-    pathData: W,
-    bounds: { minX: v, maxX: w, minY: _, maxY: T }
+    pathData: E,
+    bounds: { minX: v, maxX: x, minY: I, maxY: B }
   };
 }
-function Ba(e) {
+function Ea(e) {
   if (e.length === 1) return [{ position: 0, rgba: e[0] }];
   const a = new Array(e.length), n = e.length - 1;
   for (let s = 0; s < e.length; s += 1)
     a[s] = { position: s / n, rgba: e[s] };
   return a;
 }
-function Da(e, a, n, s) {
+function Fa(e, a, n, s) {
   const o = j(a, 0, 1);
   let d = s;
   for (d < 0 && (d = 0), d > e.length - 2 && (d = e.length - 2); d > 0 && o < e[d].position; ) d -= 1;
   for (; d < e.length - 2 && o > e[d + 1].position; ) d += 1;
-  const h = e[d], y = e[d + 1], i = y.position - h.position, M = i > 0 ? (o - h.position) / i : 0, v = Ea(h.rgba, y.rgba, M, n);
-  return ot(v);
+  const h = e[d], m = e[d + 1], i = m.position - h.position, S = i > 0 ? (o - h.position) / i : 0, v = Va(h.rgba, m.rgba, S, n);
+  return st(v);
 }
-function Ea(e, a, n, s) {
+function Va(e, a, n, s) {
   const o = j(n, 0, 1);
   if (s === "linearRGB") {
-    const d = xe(e.red), h = xe(e.green), y = xe(e.blue), i = xe(a.red), M = xe(a.green), v = xe(a.blue), w = d + (i - d) * o, _ = h + (M - h) * o, T = y + (v - y) * o;
+    const d = $e(e.red), h = $e(e.green), m = $e(e.blue), i = $e(a.red), S = $e(a.green), v = $e(a.blue), x = d + (i - d) * o, I = h + (S - h) * o, B = m + (v - m) * o;
     return {
-      red: rt(w),
-      green: rt(_),
-      blue: rt(T),
+      red: ut(x),
+      green: ut(I),
+      blue: ut(B),
       alpha: e.alpha + (a.alpha - e.alpha) * o
     };
   }
@@ -343,25 +343,25 @@ function Ea(e, a, n, s) {
     alpha: e.alpha + (a.alpha - e.alpha) * o
   };
 }
-function xe(e) {
+function $e(e) {
   const a = j(e / 255, 0, 1);
   return a <= 0.04045 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
 }
-function rt(e) {
+function ut(e) {
   const a = j(e, 0, 1);
   let n;
   a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055;
   const s = Math.round(n * 255);
   return j(s, 0, 255);
 }
-function ot(e) {
+function st(e) {
   const a = j(e.alpha, 0, 1), n = j(Math.round(e.red), 0, 255), s = j(Math.round(e.green), 0, 255), o = j(Math.round(e.blue), 0, 255);
   if (a >= 1)
-    return `#${lt(n)}${lt(s)}${lt(o)}`;
+    return `#${nt(n)}${nt(s)}${nt(o)}`;
   const d = ae(a, 4).toString();
   return `rgba(${n}, ${s}, ${o}, ${d})`;
 }
-function Fa(e) {
+function Wa(e) {
   const a = e.fill ?? "none";
   let n = `fill="${le(a)}"`;
   const s = Object.keys(e);
@@ -373,10 +373,10 @@ function Fa(e) {
   }
   return n;
 }
-function Ct(e, a, n) {
+function _t(e, a, n) {
   return `<path d="${le(e)}" stroke="${le(a)}" ${n} />`;
 }
-function Va(e) {
+function qa(e) {
   const a = [], n = e.segmentAttributeMap.fill ?? "none";
   a.push(`fill="${le(n)}"`), a.push(`stroke="${le(e.stroke)}"`);
   for (const s of Object.keys(e.segmentAttributeMap)) {
@@ -386,7 +386,7 @@ function Va(e) {
   }
   return `<path d="${le(e.pathData)}" ${a.join(" ")} />`;
 }
-function Lt(e, a) {
+function Pt(e, a) {
   const n = [];
   for (const o of Object.keys(a))
     n.push(`${o}="${le(a[o])}"`);
@@ -395,7 +395,7 @@ function Lt(e, a) {
 function le(e) {
   return String(e).replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
-function Wa(e, a = null, n = {}) {
+function Ga(e, a = null, n = {}) {
   return new Promise((s, o) => {
     let d = null;
     try {
@@ -406,110 +406,110 @@ function Wa(e, a = null, n = {}) {
         throw new Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
       if ((n.returnMode ?? "string") !== "string")
         throw new Error('SvgPathGradientAsync: only returnMode="string" is supported for the async version.');
-      const i = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, M = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : 0.25, v = n.attrs ? { ...n.attrs } : {}, w = n.groupAttrs ? { ...n.groupAttrs } : {}, _ = La(v["stroke-width"]), T = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof _ == "number" && _ > 0 ? _ : 1;
-      d = Pa(e);
-      const W = d.pathElement, t = W.getTotalLength(), se = h === null ? Mt(a, n.colorReferenceElement) : [];
-      if (h === null && (!(t > 0) || se.length === 1)) {
-        const q = ot(se[0]), G = Lt(
+      const i = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, S = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : 0.25, v = n.attrs ? { ...n.attrs } : {}, x = n.groupAttrs ? { ...n.groupAttrs } : {}, I = Pa(v["stroke-width"]), B = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof I == "number" && I > 0 ? I : 1;
+      d = Ia(e);
+      const E = d.pathElement, A = E.getTotalLength(), t = h === null ? At(a, n.colorReferenceElement) : [];
+      if (h === null && (!(A > 0) || t.length === 1)) {
+        const G = st(t[0]), J = Pt(
           [
-            Va({
+            qa({
               pathData: e,
-              stroke: q,
+              stroke: G,
               segmentAttributeMap: v
             })
           ],
-          w
+          x
         );
-        nt(d), s(G);
+        rt(d), s(J);
         return;
       }
-      const D = n.colorSpace ?? "linearRGB";
+      const F = n.colorSpace ?? "linearRGB";
       if (h !== null) {
-        const q = n.temperatureColors;
-        if (!Array.isArray(q) || q.length !== 2)
+        const G = n.temperatureColors;
+        if (!Array.isArray(G) || G.length !== 2)
           throw new Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
       }
-      const P = h !== null ? Mt(n.temperatureColors, n.colorReferenceElement) : null, J = h === null ? (() => {
-        const q = Ba(se), G = new Array(q.length);
-        for (let R = 0; R < q.length; R += 1)
-          G[R] = { position: q[R].position, rgba: q[R].rgba };
-        return G;
-      })() : [], $e = Na(t, T, n.maxSegmentLength), Y = Ta(t, n.segments, $e), ie = t / Y;
-      let I = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : T * 0.5;
-      const Pe = ie * 0.45;
-      I > Pe && (I = Pe);
-      const de = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, Ne = Fa(v), pe = [], Te = h !== null ? [] : null, ce = h !== null ? [] : null;
-      let ge = 0;
-      const Me = h === null ? J.length - 2 : 0;
-      let X = 0;
-      const Ie = () => {
-        const q = performance.now(), G = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
-        for (; X < Y && performance.now() - q < G; ) {
-          const ne = X * ie, V = (X + 1) * ie;
-          let B = ne, E = V;
-          if (X !== 0 && (B = ne - I), X !== Y - 1 && (E = V + I), B = j(B, 0, t), E = j(E, 0, t), E > B)
+      const Pe = h !== null ? At(n.temperatureColors, n.colorReferenceElement) : null, P = h === null ? (() => {
+        const G = Ea(t), J = new Array(G.length);
+        for (let q = 0; q < G.length; q += 1)
+          J[q] = { position: G[q].position, rgba: G[q].rgba };
+        return J;
+      })() : [], de = Ta(A, B, n.maxSegmentLength), ne = Ra(A, n.segments, de), X = A / ne;
+      let re = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : B * 0.5;
+      const W = X * 0.45;
+      re > W && (re = W);
+      const Ne = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ce = Wa(v), ye = [], Ie = h !== null ? [] : null, ve = h !== null ? [] : null;
+      let me = 0;
+      const Ge = h === null ? P.length - 2 : 0;
+      let Y = 0;
+      const be = () => {
+        const G = performance.now(), J = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
+        for (; Y < ne && performance.now() - G < J; ) {
+          const V = Y * X, ue = (Y + 1) * X;
+          let N = V, D = ue;
+          if (Y !== 0 && (N = V - re), Y !== ne - 1 && (D = ue + re), N = j(N, 0, A), D = j(D, 0, A), D > N)
             if (h !== null) {
-              const N = Ra(
-                W,
-                B,
+              const T = Da(
                 E,
-                M,
+                N,
+                D,
+                S,
                 i,
-                de
+                Ne
               );
-              Te.push(N.pathData), ce.push(N.bounds);
+              Ie.push(T.pathData), ve.push(T.bounds);
             } else {
-              const F = (B + E) * 0.5 / t;
-              for (; ge < Me && F > J[ge + 1].position; )
-                ge += 1;
-              const K = Da(
-                J,
+              const R = (N + D) * 0.5 / A;
+              for (; me < Ge && R > P[me + 1].position; )
+                me += 1;
+              const K = Fa(
+                P,
+                R,
                 F,
-                D,
-                ge
-              ), U = Ia(
-                W,
-                B,
+                me
+              ), U = Ba(
                 E,
-                M,
+                N,
+                D,
+                S,
                 i,
-                de
+                Ne
               );
-              pe.push(
-                Ct(U, K, Ne)
+              ye.push(
+                _t(U, K, ce)
               );
             }
-          X += 1;
+          Y += 1;
         }
-        if (X < Y) {
-          requestAnimationFrame(Ie);
+        if (Y < ne) {
+          requestAnimationFrame(be);
           return;
         }
         if (h !== null) {
-          let ne = Number.POSITIVE_INFINITY, V = Number.NEGATIVE_INFINITY;
-          for (let N = 0; N < ce.length; N += 1) {
-            const F = ce[N], K = h === "vertical" ? F.minY : F.minX, U = h === "vertical" ? F.maxY : F.maxX;
-            K < ne && (ne = K), U > V && (V = U);
+          let V = Number.POSITIVE_INFINITY, ue = Number.NEGATIVE_INFINITY;
+          for (let T = 0; T < ve.length; T += 1) {
+            const R = ve[T], K = h === "vertical" ? R.minY : R.minX, U = h === "vertical" ? R.maxY : R.maxX;
+            K < V && (V = K), U > ue && (ue = U);
           }
-          const B = P[0], E = P[1];
-          pe.length = 0;
-          for (let N = 0; N < ce.length; N += 1) {
-            const F = ce[N], K = h === "vertical" ? F.minY : F.minX, U = h === "vertical" ? F.maxY : F.maxX, ye = (K + U) * 0.5, me = _a(ye, ne, V, !0), Re = h === "vertical" ? St(B, E, me, D) : St(E, B, me, D), ve = ot(Re), Se = Te[N];
-            pe.push(
-              Ct(Se, ve, Ne)
+          const N = Pe[0], D = Pe[1];
+          ye.length = 0;
+          for (let T = 0; T < ve.length; T += 1) {
+            const R = ve[T], K = h === "vertical" ? R.minY : R.minX, U = h === "vertical" ? R.maxY : R.maxX, Se = (K + U) * 0.5, he = Na(Se, V, ue, !0), Me = h === "vertical" ? Ct(N, D, he, F) : Ct(D, N, he, F), Te = st(Me), fe = Ie[T];
+            ye.push(
+              _t(fe, Te, ce)
             );
           }
         }
-        const R = Lt(pe, w);
-        nt(d), s(R);
+        const q = Pt(ye, x);
+        rt(d), s(q);
       };
-      requestAnimationFrame(Ie);
+      requestAnimationFrame(be);
     } catch (h) {
-      nt(d), o(h);
+      rt(d), o(h);
     }
   });
 }
-const qa = ["innerHTML"], Ga = {
+const Oa = ["innerHTML"], ja = {
   __name: "SparklineGradientPath",
   props: {
     svgPathData: { type: String, required: !0 },
@@ -520,7 +520,7 @@ const qa = ["innerHTML"], Ga = {
     segments: { type: Number, required: !0 }
   },
   setup(e) {
-    const a = e, n = C("");
+    const a = e, n = L("");
     let s = 0;
     return z(
       () => [
@@ -537,7 +537,7 @@ const qa = ["innerHTML"], Ga = {
           n.value = "";
           return;
         }
-        const h = await Wa(a.svgPathData, null, {
+        const h = await Ga(a.svgPathData, null, {
           segments: a.segments,
           temperatureMode: "vertical",
           temperatureColors: [a.highColor, a.lowColor],
@@ -551,14 +551,14 @@ const qa = ["innerHTML"], Ga = {
         d === s && (n.value = h);
       },
       { immediate: !0 }
-    ), (o, d) => (f(), g("g", { innerHTML: n.value }, null, 8, qa));
+    ), (o, d) => (f(), y("g", { innerHTML: n.value }, null, 8, Oa));
   }
-}, Oa = ["id"], ja = ["id"], za = { style: { position: "relative" } }, Ya = ["xmlns", "viewBox", "aria-describedby"], Xa = ["width", "height"], Ka = ["id"], Ua = ["stop-color"], Ha = ["stop-color"], Za = ["id"], Ja = ["stop-color"], Qa = ["stop-color"], el = ["id"], tl = ["stop-color"], al = ["stop-color"], ll = ["id"], nl = ["id"], rl = ["stop-color", "offset"], ul = { key: 1 }, ol = ["d", "fill"], sl = ["d", "fill"], il = ["id", "d", "stroke-width"], dl = ["d", "stroke", "stroke-width", "stroke-dasharray"], cl = ["d", "stroke", "stroke-width"], vl = ["id", "d", "stroke-width"], hl = ["d", "stroke", "stroke-width", "stroke-dasharray"], fl = ["d", "stroke", "stroke-width"], pl = ["x", "y", "width", "height", "fill", "rx"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ml = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], bl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], wl = {
+}, za = ["id"], Ya = ["id"], Xa = { style: { position: "relative" } }, Ka = ["xmlns", "viewBox", "aria-describedby"], Ua = ["width", "height"], Ha = ["id"], Za = ["stop-color"], Ja = ["stop-color"], Qa = ["id"], el = ["stop-color"], tl = ["stop-color"], al = ["id"], ll = ["stop-color"], nl = ["stop-color"], rl = ["id"], ul = ["id"], ol = ["stop-color", "offset"], sl = { key: 1 }, il = ["d", "fill"], dl = ["d", "fill"], cl = ["id", "d", "stroke-width"], vl = ["d", "stroke", "stroke-width", "stroke-dasharray"], hl = ["d", "stroke", "stroke-width"], fl = ["id", "d", "stroke-width"], pl = ["d", "stroke", "stroke-width", "stroke-dasharray"], gl = ["d", "stroke", "stroke-width"], yl = ["x", "y", "width", "height", "fill", "rx"], ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], kl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], wl = ["x", "y", "font-size", "font-weight", "fill"], xl = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], $l = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
   "aria-hidden": "true"
-}, xl = {
+}, Sl = {
   __name: "vue-ui-sparkline",
   props: {
     config: {
@@ -592,11 +592,11 @@ const qa = ["innerHTML"], Ga = {
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(e, { emit: a }) {
-    const n = gt(() => import("./PackageVersion-DTMK4Sxp.js")), s = gt(() => import("./SparkTooltip-BorBpltj.js")), { vue_ui_sparkline: o } = la(), { isThemeValid: d, warnInvalidTheme: h } = ua(), y = ia(), i = e, M = p(() => Array.isArray(i.dataset) && i.dataset.length > 0), v = C(jt()), w = C(null), _ = C(null), T = C(null), W = C(null), t = C(ie());
-    function se(l) {
-      return i.config?.skeletonDataset && Array.isArray(i.config.skeletonDataset) ? i.config.skeletonDataset.map((u) => ({ period: "-", value: u })) : ea(l).map((u) => ({ period: "-", value: u }));
+    const n = mt(() => import("./PackageVersion-CvtT2-UH.js")), s = mt(() => import("./SparkTooltip-BorBpltj.js")), { vue_ui_sparkline: o } = ra(), { isThemeValid: d, warnInvalidTheme: h } = sa(), m = ca(), i = e, S = g(() => Array.isArray(i.dataset) && i.dataset.length > 0), v = L(Yt()), x = L(null), I = L(null), B = L(null), E = L(null), A = L(null), t = L(re());
+    function F(l) {
+      return i.config?.skeletonDataset && Array.isArray(i.config.skeletonDataset) ? i.config.skeletonDataset.map((u) => ({ period: "-", value: u })) : aa(l).map((u) => ({ period: "-", value: u }));
     }
-    const D = p(() => bt({
+    const Pe = g(() => wt({
       defaultConfig: {
         gradientPath: { show: !1 },
         temperatureColors: { show: !1 },
@@ -614,23 +614,23 @@ const qa = ["innerHTML"], Ga = {
         }
       },
       userConfig: t.value.skeletonConfig ?? {}
-    })), { loading: P, FINAL_DATASET: J, manualLoading: $e } = na({
-      ...Vt(i),
+    })), { loading: P, FINAL_DATASET: de, manualLoading: ne } = ua({
+      ...qt(i),
       FINAL_CONFIG: t,
-      prepareConfig: ie,
+      prepareConfig: re,
       callback: () => {
         Promise.resolve().then(async () => {
-          await te(), me();
+          await te(), Me();
         });
       },
-      skeletonDataset: se(12),
-      skeletonConfig: bt({
+      skeletonDataset: F(12),
+      skeletonConfig: wt({
         defaultConfig: t.value,
-        userConfig: D.value
+        userConfig: Pe.value
       })
-    }), { svgRef: Y } = sa({ config: t.value.style.title });
-    function ie() {
-      const l = tt({
+    }), { svgRef: X } = da({ config: t.value.style.title });
+    function re() {
+      const l = at({
         userConfig: i.config,
         defaultConfig: o
       });
@@ -640,12 +640,12 @@ const qa = ["innerHTML"], Ga = {
         if (!d.value(l))
           h(l), u = l;
         else {
-          const c = tt({
-            userConfig: da[r] || i.config,
+          const c = at({
+            userConfig: va[r] || i.config,
             defaultConfig: l
           });
           u = {
-            ...tt({
+            ...at({
               userConfig: i.config,
               defaultConfig: c
             })
@@ -655,30 +655,30 @@ const qa = ["innerHTML"], Ga = {
         u = l;
       return u;
     }
-    const I = p(() => t.value?.style?.line.pulse || {}), Pe = p(() => `${Math.max(200, Number(I.value.durationMs) || 4e3) / 1e3}s`), de = C(0), Ne = p(() => I.value?.begin || "0ms"), pe = C("0;1"), Te = p(() => I.value?.loop === !1 ? "1" : "indefinite"), ce = p(() => I.value?.loop === !1 ? "freeze" : void 0), ge = p(() => I.value.trail.show && q.value.lengthPx || 1), Me = p(() => !!I.value?.show && !O.value && !y.value && !P.value && (m.value?.length || 0) > 1);
-    function X() {
-      if (!Me.value) {
-        de.value = 0;
+    const W = g(() => t.value?.style?.line.pulse || {}), Ne = g(() => `${Math.max(200, Number(W.value.durationMs) || 4e3) / 1e3}s`), ce = L(0), ye = g(() => W.value?.begin || "0ms"), Ie = L("0;1"), ve = g(() => W.value?.loop === !1 ? "1" : "indefinite"), me = g(() => W.value?.loop === !1 ? "freeze" : void 0), Ge = g(() => W.value.trail.show && J.value.lengthPx || 1), Y = g(() => !!W.value?.show && !O.value && !m.value && !P.value && (p.value?.length || 0) > 1);
+    function be() {
+      if (!Y.value) {
+        ce.value = 0;
         return;
       }
-      const l = Y.value;
+      const l = X.value;
       if (!l) return;
-      const u = `#${ve.value}`, r = l.querySelector?.(u);
+      const u = `#${fe.value}`, r = l.querySelector?.(u);
       if (r && typeof r.getTotalLength == "function") {
         const c = r.getTotalLength();
-        Number.isFinite(c) && c > 0 && (de.value = c);
+        Number.isFinite(c) && c > 0 && (ce.value = c);
         return;
       }
       requestAnimationFrame(() => {
         const c = l.querySelector?.(u);
         if (c && typeof c.getTotalLength == "function") {
-          const k = c.getTotalLength();
-          Number.isFinite(k) && k > 0 && (de.value = k);
+          const w = c.getTotalLength();
+          Number.isFinite(w) && w > 0 && (ce.value = w);
         }
       });
     }
-    const Ie = p(() => {
-      const l = I.value?.easing || "ease-in-out", u = {
+    const G = g(() => {
+      const l = W.value?.easing || "ease-in-out", u = {
         ease: [0.25, 0.1, 0.25, 1],
         "ease-in": [0.42, 0, 1, 1],
         "ease-out": [0, 0, 0.58, 1],
@@ -694,11 +694,11 @@ const qa = ["innerHTML"], Ga = {
         keyTimes: "0;1"
       } : {
         calcMode: "spline",
-        keySplines: (l === "cubic-bezier" ? Array.isArray(I.value?.cubicBezier) && I.value.cubicBezier.length === 4 ? I.value.cubicBezier : [0.4, 0, 0.2, 1] : u[l] || u["ease-in-out"]).join(" "),
+        keySplines: (l === "cubic-bezier" ? Array.isArray(W.value?.cubicBezier) && W.value.cubicBezier.length === 4 ? W.value.cubicBezier : [0.4, 0, 0.2, 1] : u[l] || u["ease-in-out"]).join(" "),
         keyTimes: "0;1"
       };
-    }), q = p(() => {
-      const l = I.value?.trail || {}, u = t.value.style.line.strokeWidth || 1;
+    }), J = g(() => {
+      const l = W.value?.trail || {}, u = t.value.style.line.strokeWidth || 1;
       return {
         show: l.show !== !1,
         lengthPx: l.length,
@@ -707,25 +707,25 @@ const qa = ["innerHTML"], Ga = {
         fadeIn: 0.5,
         fadeOut: 0.2
       };
-    }), G = p(() => Je({
-      data: J.value,
+    }), q = g(() => Qe({
+      data: de.value,
       threshold: t.value.downsample.threshold
     }));
     z(() => i.config, (l) => {
-      P.value || (t.value = ie()), ct(), x.value.chartWidth = t.value.style.chartWidth;
+      P.value || (t.value = re()), vt(), $.value.chartWidth = t.value.style.chartWidth;
     }, { deep: !0 }), z(() => i.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && ($e.value = !1), R.value = Je({
-        data: J.value.map((u) => ({
+      Array.isArray(l) && l.length > 0 && (ne.value = !1), V.value = Qe({
+        data: de.value.map((u) => ({
           ...u,
           value: [void 0].includes(u.value) ? null : u.value
         })),
         threshold: t.value.downsample.threshold
       });
     }, { deep: !0 });
-    const R = C(ne());
-    function ne() {
-      return Je({
-        data: J.value.map((l) => t.value.style.animation.show && J.value.length > 1 ? {
+    const V = L(ue());
+    function ue() {
+      return Qe({
+        data: de.value.map((l) => t.value.style.animation.show && de.value.length > 1 ? {
           ...l,
           value: null
         } : {
@@ -735,175 +735,175 @@ const qa = ["innerHTML"], Ga = {
         threshold: t.value.downsample.threshold
       });
     }
-    const V = yt(null), B = yt(null), E = C(!1), N = C(0), F = C([]), K = C(""), U = p(() => {
-      const u = (G.value || []).map((k) => `${k.period}::${Number.isFinite(k.value) ? k.value : 0}`).join("|"), r = t.value?.style?.animation || {}, c = !!t.value?.gradientPath?.show && !t.value.temperatureColors.show;
+    const N = bt(null), D = bt(null), T = L(!1), R = L(0), K = L([]), U = L(""), Se = g(() => {
+      const u = (q.value || []).map((w) => `${w.period}::${Number.isFinite(w.value) ? w.value : 0}`).join("|"), r = t.value?.style?.animation || {}, c = !!t.value?.gradientPath?.show && !t.value.temperatureColors.show;
       return `${u}#${!!r.show}#${r.animationFrames || 0}#${c}`;
     });
-    function ye() {
-      N.value && (cancelAnimationFrame(N.value), N.value = 0), F.value.forEach((l) => clearTimeout(l)), F.value = [], E.value = !1;
+    function he() {
+      R.value && (cancelAnimationFrame(R.value), R.value = 0), K.value.forEach((l) => clearTimeout(l)), K.value = [], T.value = !1;
     }
-    function me() {
-      const l = t.value?.style?.animation || {}, u = G.value || [], r = U.value, c = !!t.value.gradientPath.show && !t.value.temperatureColors.show;
-      if (r && r === K.value && (E.value || R.value.length === u.length))
+    function Me() {
+      const l = t.value?.style?.animation || {}, u = q.value || [], r = Se.value, c = !!t.value.gradientPath.show && !t.value.temperatureColors.show;
+      if (r && r === U.value && (T.value || V.value.length === u.length))
         return;
-      if (ye(), c || !l.show || P.value || u.length <= 1) {
-        R.value = u, K.value = r;
+      if (he(), c || !l.show || P.value || u.length <= 1) {
+        V.value = u, U.value = r;
         return;
       }
-      E.value = !0, K.value = r, R.value = [];
-      const k = Math.max(1, Number(l.animationFrames) || 1), Ue = Math.max(1, Math.floor(k / u.length));
+      T.value = !0, U.value = r, V.value = [];
+      const w = Math.max(1, Number(l.animationFrames) || 1), He = Math.max(1, Math.floor(w / u.length));
       let ee = 0;
-      const Fe = () => {
-        if (r !== U.value) {
-          ye();
+      const Ee = () => {
+        if (r !== Se.value) {
+          he();
           return;
         }
         if (ee < u.length) {
-          R.value.push(u[ee]);
-          const Ve = setTimeout(() => {
-            N.value = requestAnimationFrame(Fe);
-          }, Ue);
-          F.value.push(Ve), ee += 1;
+          V.value.push(u[ee]);
+          const Fe = setTimeout(() => {
+            R.value = requestAnimationFrame(Ee);
+          }, He);
+          K.value.push(Fe), ee += 1;
         } else
-          R.value = u, ye();
+          V.value = u, he();
       };
-      N.value = requestAnimationFrame(Fe);
+      R.value = requestAnimationFrame(Ee);
     }
-    z(U, () => {
-      me();
-    }), mt(() => {
-      ct(), me();
-    }), ut(() => {
-      ye();
+    z(Se, () => {
+      Me();
+    }), kt(() => {
+      vt(), Me();
+    }), ot(() => {
+      he();
     });
-    const Re = C(0);
+    const Te = L(0);
     z(
       () => P.value,
       async (l) => {
-        l || (await te(), Re.value += 1);
+        l || (await te(), Te.value += 1);
       }
     ), z(
-      () => E.value,
+      () => T.value,
       async (l) => {
-        l || P.value || (await te(), Re.value += 1);
+        l || P.value || (await te(), Te.value += 1);
       }
     );
-    const ve = p(() => `sparkline_line_path_${v.value}`), Se = C(!0);
-    async function it() {
-      Se.value = !1, await te(), Se.value = !0, await te(), X();
+    const fe = g(() => `sparkline_line_path_${v.value}`), Oe = L(!0);
+    async function dt() {
+      Oe.value = !1, await te(), Oe.value = !0, await te(), be();
     }
-    const dt = p(() => !!t.value.debug);
-    function ct() {
-      if (kt(i.dataset) ? (wt({
+    const ct = g(() => !!t.value.debug);
+    function vt() {
+      if (xt(i.dataset) ? ($t({
         componentName: "VueUiSparkline",
         type: "dataset",
-        debug: dt.value
-      }), $e.value = !0) : i.dataset.forEach((l, u) => {
-        zt({
+        debug: ct.value
+      }), ne.value = !0) : i.dataset.forEach((l, u) => {
+        Xt({
           datasetObject: l,
           requiredAttributes: ["period", "value"]
         }).forEach((r) => {
-          wt({
+          $t({
             componentName: "VueUiSparkline",
             type: "datasetSerieAttribute",
             property: r,
             index: u,
-            debug: dt.value
+            debug: ct.value
           });
         });
-      }), kt(i.dataset) || ($e.value = t.value.loading), t.value.responsive) {
-        const l = ta(() => {
-          const { width: u, height: r } = aa({
-            chart: w.value,
-            title: t.value.style.title.show && i.showInfo ? _.value : null,
-            source: T.value
+      }), xt(i.dataset) || (ne.value = t.value.loading), t.value.responsive) {
+        const l = la(() => {
+          const { width: u, height: r } = na({
+            chart: x.value,
+            title: t.value.style.title.show && i.showInfo ? I.value : null,
+            source: B.value
           });
           requestAnimationFrame(() => {
-            x.value.width = u, x.value.height = r, x.value.chartWidth = t.value.style.chartWidth / 500 * u, x.value.padding = i.forcedPadding / 500 * u;
+            $.value.width = u, $.value.height = r, $.value.chartWidth = t.value.style.chartWidth / 500 * u, $.value.padding = i.forcedPadding / 500 * u;
           });
         });
-        V.value && (B.value && V.value.unobserve(B.value), V.value.disconnect()), V.value = new ResizeObserver(l), B.value = w.value.parentNode, V.value.observe(B.value);
+        N.value && (D.value && N.value.unobserve(D.value), N.value.disconnect()), N.value = new ResizeObserver(l), D.value = x.value.parentNode, N.value.observe(D.value);
       }
     }
-    ut(() => {
-      V.value && (B.value && V.value.unobserve(B.value), V.value.disconnect());
+    ot(() => {
+      N.value && (D.value && N.value.unobserve(D.value), N.value.disconnect());
     });
-    const x = C({
+    const $ = L({
       height: 80 * i.heightRatio,
       width: 500,
       chartWidth: t.value.style.chartWidth,
       padding: i.forcedPadding
-    }), Be = a, A = p(() => {
+    }), Re = a, C = g(() => {
       const { top: l, right: u, bottom: r, left: c } = t.value.style.padding;
       return {
         top: l,
         left: c,
-        right: x.value.width - u,
-        bottom: x.value.height - r,
-        start: i.showInfo && t.value.style.dataLabel.show && t.value.style.dataLabel.position === "left" ? x.value.width - x.value.chartWidth + c : x.value.padding + c,
-        width: i.showInfo && t.value.style.dataLabel.show ? x.value.chartWidth - c - u : x.value.width - x.value.padding - c - u,
-        height: x.value.height - l - r
+        right: $.value.width - u,
+        bottom: $.value.height - r,
+        start: i.showInfo && t.value.style.dataLabel.show && t.value.style.dataLabel.position === "left" ? $.value.width - $.value.chartWidth + c : $.value.padding + c,
+        width: i.showInfo && t.value.style.dataLabel.show ? $.value.chartWidth - c - u : $.value.width - $.value.padding - c - u,
+        height: $.value.height - l - r
       };
-    }), Oe = p(() => [null, void 0].includes(t.value.style.scaleMin) ? Math.min(...R.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMin), _t = p(() => [null, void 0].includes(t.value.style.scaleMax) ? Math.max(...R.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMax), Ae = p(() => {
-      const l = Oe.value >= 0 ? 0 : Oe.value;
+    }), je = g(() => [null, void 0].includes(t.value.style.scaleMin) ? Math.min(...V.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMin), Nt = g(() => [null, void 0].includes(t.value.style.scaleMax) ? Math.max(...V.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMax), Ae = g(() => {
+      const l = je.value >= 0 ? 0 : je.value;
       return Math.abs(l);
-    }), vt = p(() => _t.value + Ae.value), be = p(() => A.value.bottom - A.value.height * je(Ae.value));
-    function je(l) {
-      return isNaN(l / vt.value) ? 0 : l / vt.value;
+    }), ht = g(() => Nt.value + Ae.value), ke = g(() => C.value.bottom - C.value.height * ze(Ae.value));
+    function ze(l) {
+      return isNaN(l / ht.value) ? 0 : l / ht.value;
     }
-    const ke = p(() => G.value.length - 1 || 1), Ce = C([]);
-    let ht = 0;
-    Wt(() => {
-      const l = ++ht;
+    const we = g(() => q.value.length - 1 || 1), Ce = L([]);
+    let ft = 0;
+    Gt(() => {
+      const l = ++ft;
       (async () => {
-        const u = await oa({
-          values: G.value.map((r) => r.period),
-          maxDatapoints: G.value.length,
+        const u = await ia({
+          values: q.value.map((r) => r.period),
+          maxDatapoints: q.value.length,
           formatter: t.value.style.dataLabel.datetimeFormatter,
           start: 0,
-          end: G.value.length
+          end: q.value.length
         });
-        l === ht && (Ce.value = u);
+        l === ft && (Ce.value = u);
       })();
     });
-    const m = p(() => R.value.map((l, u) => {
-      const r = isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0, c = A.value.width / ke.value;
+    const p = g(() => V.value.map((l, u) => {
+      const r = isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0, c = C.value.width / we.value;
       return {
         value: l.value,
         absoluteValue: r,
         period: Ce.value && Ce.value[u] && Ce.value[u].text ? Ce.value[u].text : l.period,
         plotValue: r + Ae.value,
-        toMax: je(r + Ae.value),
-        x: A.value.start + u * c,
-        y: A.value.bottom - A.value.height * je(r + Ae.value),
+        toMax: ze(r + Ae.value),
+        x: C.value.start + u * c,
+        y: C.value.bottom - C.value.height * ze(r + Ae.value),
         id: `plot_${v.value}_${u}`,
-        color: O.value ? t.value.style.bar.color : t.value.style.area.useGradient ? We(t.value.style.line.color, 0.05 * (1 - u / ke.value)) : t.value.style.line.color,
+        color: O.value ? t.value.style.bar.color : t.value.style.area.useGradient ? Ve(t.value.style.line.color, 0.05 * (1 - u / we.value)) : t.value.style.line.color,
         width: c
       };
-    })), Pt = p(() => {
-      const l = { x: m.value[0].x || 0, y: (x.value.height || 0) - 6 }, u = { x: m.value[m.value.length - 1].x || 0, y: (x.value.height || 0) - 6 }, r = [];
-      return m.value.forEach((c) => {
+    })), pt = g(() => i.selectedIndex !== void 0 && i.selectedIndex !== null && i.selectedIndex >= 0 && i.selectedIndex < p.value.length ? i.selectedIndex : A.value !== void 0 && A.value !== null && A.value >= 0 && A.value < p.value.length ? A.value : null), It = g(() => {
+      const l = { x: p.value[0].x || 0, y: ($.value.height || 0) - 6 }, u = { x: p.value[p.value.length - 1].x || 0, y: ($.value.height || 0) - 6 }, r = [];
+      return p.value.forEach((c) => {
         r.push(`${c.x || 0},${c.y || 0} `);
       }), [l.x, l.y, ...r, u.x, u.y].toString();
-    }), $ = C(void 0), re = C(void 0);
-    function De(l, u) {
-      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: l, seriesIndex: u }), W.value = u, $.value = l, re.value || (re.value = l), Be("hoverIndex", { index: u });
+    }), k = L(void 0), oe = L(void 0);
+    function Ye(l, u) {
+      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: l, seriesIndex: u }), A.value = u, E.value = u, k.value = l, oe.value || (oe.value = l), Re("hoverIndex", { index: u });
     }
-    function Nt(l, u) {
-      t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: l, seriesIndex: u }), re.value = $.value, $.value = void 0, W.value = null, Be("hoverIndex", { index: void 0 });
+    function Tt(l, u) {
+      t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: l, seriesIndex: u }), oe.value = k.value, k.value = void 0, A.value = null, E.value = null, Re("hoverIndex", { index: void 0 });
     }
-    const ue = p(() => {
-      if (M.value) {
-        const l = m.value.map((r) => r.absoluteValue), u = l.reduce((r, c) => r + c, 0);
+    const se = g(() => {
+      if (S.value) {
+        const l = p.value.map((r) => r.absoluteValue), u = l.reduce((r, c) => r + c, 0);
         return {
-          latest: m.value[m.value.length - 1] ? m.value[m.value.length - 1].absoluteValue : 0,
+          latest: p.value[p.value.length - 1] ? p.value[p.value.length - 1].absoluteValue : 0,
           sum: u,
-          average: u / m.value.length,
-          median: Xt(l),
-          trend: Yt(m.value.map(({ x: r, y: c, absoluteValue: k }) => ({
+          average: u / p.value.length,
+          median: Ut(l),
+          trend: Kt(p.value.map(({ x: r, y: c, absoluteValue: w }) => ({
             x: r,
             y: c,
-            value: k
+            value: w
           }))).trend
         };
       } else
@@ -914,189 +914,201 @@ const qa = ["innerHTML"], Ga = {
           median: null,
           trend: null
         };
-    }), ft = p(() => M.value ? t.value.style.dataLabel.valueType === "latest" ? ue.value.latest : t.value.style.dataLabel.valueType === "sum" ? ue.value.sum : t.value.style.dataLabel.valueType === "average" ? ue.value.average : 0 : 0), O = p(() => t.value.type && t.value.type === "bar");
-    function Tt(l, u) {
-      t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: l, seriesIndex: u }), Be("selectDatapoint", { datapoint: l, index: u });
+    }), gt = g(() => S.value ? t.value.style.dataLabel.valueType === "latest" ? se.value.latest : t.value.style.dataLabel.valueType === "sum" ? se.value.sum : t.value.style.dataLabel.valueType === "average" ? se.value.average : 0 : 0), O = g(() => t.value.type && t.value.type === "bar");
+    function Rt(l, u) {
+      t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: l, seriesIndex: u }), Re("selectDatapoint", { datapoint: l, index: u });
     }
-    const Ee = p(() => Array.isArray(t.value.style.line.dashIndices) && t.value.style.line.dashIndices.length > 0), ze = p(() => O.value ? "" : xt(m.value)), Ye = p(() => O.value ? "" : Kt(m.value)), It = p(() => O.value || !Ee.value ? [] : Ut(
-      m.value,
+    const Be = g(() => Array.isArray(t.value.style.line.dashIndices) && t.value.style.line.dashIndices.length > 0), Xe = g(() => O.value ? "" : St(p.value)), Ke = g(() => O.value ? "" : Ht(p.value)), Bt = g(() => O.value || !Be.value ? [] : Zt(
+      p.value,
       t.value.style.line.dashIndices
-    )), Rt = p(() => O.value || !Ee.value ? [] : Ht(
-      m.value,
+    )), Dt = g(() => O.value || !Be.value ? [] : Jt(
+      p.value,
       t.value.style.line.dashIndices
-    )), pt = p(() => O.value || !t.value.gradientPath.show || t.value.temperatureColors.show ? "" : `M ${(t.value.style.line.smooth ? ze.value : Ye.value) || "0,0"}`), Q = p(() => !t.value.temperatureColors.show || t.value.temperatureColors.colors.length === 0 ? null : t.value.temperatureColors.colors.map((l) => Zt(l)));
+    )), yt = g(() => O.value || !t.value.gradientPath.show || t.value.temperatureColors.show ? "" : `M ${(t.value.style.line.smooth ? Xe.value : Ke.value) || "0,0"}`), Q = g(() => !t.value.temperatureColors.show || t.value.temperatureColors.colors.length === 0 ? null : t.value.temperatureColors.colors.map((l) => Qt(l)));
     z(
       () => [
-        Me.value,
-        ve.value,
-        m.value.length,
-        x.value.width,
-        x.value.height,
+        Y.value,
+        fe.value,
+        p.value.length,
+        $.value.width,
+        $.value.height,
         t.value?.style?.line?.smooth
       ],
       async () => {
-        await te(), X();
+        await te(), be();
       },
       { immediate: !0 }
-    ), mt(async () => {
-      await te(), X();
+    ), kt(async () => {
+      await te(), be();
     }), z(
       () => P.value,
       async (l) => {
-        l || await it();
+        l || await dt();
       }
     ), z(
-      () => E.value,
+      () => T.value,
       async (l) => {
-        l || P.value || await it();
+        l || P.value || await dt();
       }
     ), z(
       () => i.selectedIndex,
       (l) => {
-        if (l == null || l < 0 || l >= m.value.length) return;
-        const u = m.value[l];
-        u && (W.value = l, De(u, l));
+        if (l == null) {
+          A.value = null, E.value = null, k.value = void 0;
+          return;
+        }
+        if (l < 0 || l >= p.value.length) return;
+        const u = p.value[l];
+        u && (A.value = l, E.value = l, k.value = u);
       }
     );
-    const Xe = C(!1);
-    function Bt() {
-      W.value = null, $.value || De(m.value.at(-1), m.value.length - 1), Xe.value = !0;
+    const De = L(!1);
+    function Et() {
+      const l = pt.value;
+      if (l !== null && l >= 0 && l < p.value.length) {
+        const u = p.value[l];
+        if (u) {
+          E.value = l, k.value = u, A.value = l, De.value = !0;
+          return;
+        }
+      }
+      E.value = null, !k.value && p.value.length && Ye(p.value.at(-1), p.value.length - 1), De.value = !0;
     }
-    function Dt() {
-      W.value = null, re.value = $.value, $.value = void 0, Be("hoverIndex", { index: void 0 }), Xe.value = !1;
+    function Ft() {
+      oe.value = k.value, (i.selectedIndex === void 0 || i.selectedIndex === null) && (E.value = null, k.value = void 0, A.value = null, Re("hoverIndex", { index: void 0 })), De.value = !1;
     }
-    function Et(l) {
-      if (!Y.value || document.activeElement !== Y.value) return;
-      re.value = $.value;
+    function Vt(l) {
+      if (!X.value || document.activeElement !== X.value) return;
+      oe.value = k.value;
       const u = l.key === "ArrowLeft", r = l.key === "ArrowRight";
       if (!u && !r) return;
-      const c = m.value.length;
+      const c = p.value.length;
       if (!c) return;
       l.preventDefault(), l.stopPropagation();
-      let k = W.value;
-      const Ue = k !== null && k >= 0 && k < c, ee = $.value ? m.value.findIndex((Ft) => Ft.id === $.value.id) : -1, Fe = ee !== null && ee >= 0 && ee < c;
-      Ue ? r ? (k += 1, k >= c && (k = 0)) : u && (k -= 1, k < 0 && (k = c - 1)) : Fe ? (k = r ? ee + 1 : ee - 1, k >= c && (k = 0), k < 0 && (k = c - 1)) : r ? k = 0 : k = c - 1;
-      const Ve = m.value[k];
-      Ve && (W.value = k, De(Ve, k));
+      let w = E.value;
+      const He = w !== null && w >= 0 && w < c, ee = k.value ? p.value.findIndex((Wt) => Wt.id === k.value.id) : -1, Ee = ee !== null && ee >= 0 && ee < c;
+      He ? r ? (w += 1, w >= c && (w = 0)) : u && (w -= 1, w < 0 && (w = c - 1)) : Ee ? (w = r ? ee + 1 : ee - 1, w >= c && (w = 0), w < 0 && (w = c - 1)) : r ? w = 0 : w = c - 1;
+      const Fe = p.value[w];
+      Fe && (E.value = w, Ye(Fe, w));
     }
-    const Ke = p(() => {
+    const Ue = g(() => {
       const l = [
         t.value.translations.period,
         t.value.translations.value
-      ], u = m.value.map((r) => [r.period, r.absoluteValue]);
+      ], u = p.value.map((r) => [r.period, r.absoluteValue]);
       return { headers: l, rows: u };
     });
-    return (l, u) => (f(), g("div", {
+    return (l, u) => (f(), y("div", {
       ref_key: "sparklineChart",
-      ref: w,
+      ref: x,
       class: "vue-data-ui-component vue-ui-sparkline",
       id: v.value,
       style: H(`width:100%;font-family:${t.value.style.fontFamily};`)
     }, [
-      S("p", {
+      M("p", {
         id: `chart-instructions-${v.value}`,
         class: "sr-only"
-      }, Le(t.value.a11y.translations.keyboardNavigation), 9, ja),
-      Ke.value?.rows?.length ? (f(), _e(ca, {
+      }, Le(t.value.a11y.translations.keyboardNavigation), 9, Ya),
+      Ue.value?.rows?.length ? (f(), _e(ha, {
         key: 0,
         uid: v.value,
-        head: Ke.value.headers,
-        body: Ke.value.rows,
+        head: Ue.value.headers,
+        body: Ue.value.rows,
         notice: t.value.a11y.translations.tableAvailable,
         caption: t.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : L("", !0),
-      he(l.$slots, "before", He(Ze({
-        selected: $.value,
-        latest: ue.value.latest,
-        sum: ue.value.sum,
-        average: ue.value.average,
-        median: ue.value.median,
-        trend: ue.value.trend
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : _("", !0),
+      pe(l.$slots, "before", Ze(Je({
+        selected: k.value,
+        latest: se.value.latest,
+        sum: se.value.sum,
+        average: se.value.average,
+        median: se.value.median,
+        trend: se.value.trend
       })), void 0, !0),
-      t.value.style.title.show && e.showInfo ? (f(), g("div", {
+      t.value.style.title.show && e.showInfo ? (f(), y("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: _,
+        ref: I,
         class: "vue-ui-sparkline-title",
         style: H(`display:flex;align-items:center;width:100%;color:${t.value.style.title.color};background:${t.value.style.backgroundColor};justify-content:${t.value.style.title.textAlign === "left" ? "flex-start" : t.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${t.value.style.title.fontSize * 2}px;font-size:${t.value.style.title.fontSize}px;font-weight:${t.value.style.title.bold ? "bold" : "normal"};`)
       }, [
-        S("span", {
+        M("span", {
           style: H(`padding:${t.value.style.title.textAlign === "left" ? "0 0 0 12px" : t.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, Le($.value ? $.value.period : t.value.style.title.text), 5)
-      ], 4)) : L("", !0),
-      S("div", za, [
-        (f(), g("svg", {
+        }, Le(k.value ? k.value.period : t.value.style.title.text), 5)
+      ], 4)) : _("", !0),
+      M("div", Xa, [
+        (f(), y("svg", {
           ref_key: "svgRef",
-          ref: Y,
-          xmlns: b(Jt),
-          viewBox: `0 0 ${x.value.width} ${x.value.height}`,
+          ref: X,
+          xmlns: b(ea),
+          viewBox: `0 0 ${$.value.width} ${$.value.height}`,
           style: H(`background:${t.value.style.backgroundColor};overflow:visible;direction:ltr`),
           tabindex: "0",
           "aria-describedby": `chart-instructions-${v.value}`,
-          onMouseleave: u[0] || (u[0] = (r) => re.value = void 0),
-          onFocus: Bt,
-          onBlur: Dt,
-          onKeydown: Et
+          onMouseleave: u[0] || (u[0] = (r) => oe.value = void 0),
+          onFocus: Et,
+          onBlur: Ft,
+          onKeydown: Vt
         }, [
-          qt(b(n)),
-          l.$slots["chart-background"] ? (f(), g("foreignObject", {
+          Ot(b(n)),
+          l.$slots["chart-background"] ? (f(), y("foreignObject", {
             key: 0,
             x: 0,
             y: 0,
-            width: x.value.width <= 0 ? 10 : x.value.width,
-            height: x.value.height <= 0 ? 10 : x.value.height,
+            width: $.value.width <= 0 ? 10 : $.value.width,
+            height: $.value.height <= 0 ? 10 : $.value.height,
             style: {
               pointerEvents: "none"
             }
           }, [
-            he(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Xa)) : L("", !0),
-          S("defs", null, [
-            S("linearGradient", {
+            pe(l.$slots, "chart-background", {}, void 0, !0)
+          ], 8, Ua)) : _("", !0),
+          M("defs", null, [
+            M("linearGradient", {
               x1: "0%",
               y1: "0%",
               x2: "100%",
               y2: "0%",
               id: `sparkline_gradient_${v.value}`
             }, [
-              S("stop", {
+              M("stop", {
                 offset: "0%",
-                "stop-color": b(qe)(b(We)(t.value.style.area.color, 0.05), t.value.style.area.opacity)
-              }, null, 8, Ua),
-              S("stop", {
+                "stop-color": b(We)(b(Ve)(t.value.style.area.color, 0.05), t.value.style.area.opacity)
+              }, null, 8, Za),
+              M("stop", {
                 offset: "100%",
-                "stop-color": b(qe)(t.value.style.area.color, t.value.style.area.opacity)
-              }, null, 8, Ha)
-            ], 8, Ka),
-            S("linearGradient", {
+                "stop-color": b(We)(t.value.style.area.color, t.value.style.area.opacity)
+              }, null, 8, Ja)
+            ], 8, Ha),
+            M("linearGradient", {
               x2: "0%",
               y2: "100%",
               id: `sparkline_bar_gradient_pos_${v.value}`
             }, [
-              S("stop", {
+              M("stop", {
                 offset: "0%",
                 "stop-color": t.value.style.bar.color
-              }, null, 8, Ja),
-              S("stop", {
+              }, null, 8, el),
+              M("stop", {
                 offset: "100%",
-                "stop-color": b(We)(t.value.style.bar.color, 0.05)
-              }, null, 8, Qa)
-            ], 8, Za),
-            S("linearGradient", {
+                "stop-color": b(Ve)(t.value.style.bar.color, 0.05)
+              }, null, 8, tl)
+            ], 8, Qa),
+            M("linearGradient", {
               x2: "0%",
               y2: "100%",
               id: `sparkline_bar_gradient_neg_${v.value}`
             }, [
-              S("stop", {
+              M("stop", {
                 offset: "0%",
-                "stop-color": b(We)(t.value.style.bar.color, 0.05)
-              }, null, 8, tl),
-              S("stop", {
+                "stop-color": b(Ve)(t.value.style.bar.color, 0.05)
+              }, null, 8, ll),
+              M("stop", {
                 offset: "100%",
                 "stop-color": t.value.style.bar.color
-              }, null, 8, al)
-            ], 8, el),
-            S("filter", {
+              }, null, 8, nl)
+            ], 8, al),
+            M("filter", {
               id: `sparkline_pulse_glow_${v.value}`,
               filterUnits: "userSpaceOnUse",
               x: "-50",
@@ -1104,62 +1116,62 @@ const qa = ["innerHTML"], Ga = {
               width: "100",
               height: "100"
             }, [...u[1] || (u[1] = [
-              S("feGaussianBlur", {
+              M("feGaussianBlur", {
                 in: "SourceGraphic",
                 stdDeviation: "3",
                 result: "blur"
               }, null, -1),
-              S("feMerge", null, [
-                S("feMergeNode", { in: "blur" }),
-                S("feMergeNode", { in: "SourceGraphic" })
+              M("feMerge", null, [
+                M("feMergeNode", { in: "blur" }),
+                M("feMergeNode", { in: "SourceGraphic" })
               ], -1)
-            ])], 8, ll),
-            t.value.temperatureColors.show && Q.value ? (f(), g("linearGradient", {
+            ])], 8, rl),
+            t.value.temperatureColors.show && Q.value ? (f(), y("linearGradient", {
               key: 0,
               id: `temperature_grad_sparkline_${v.value}`,
               gradientTransform: "rotate(90)"
             }, [
-              (f(!0), g(Z, null, fe(Q.value, (r, c) => (f(), g("stop", {
+              (f(!0), y(Z, null, ge(Q.value, (r, c) => (f(), y("stop", {
                 key: `temperature_grad_stop_${c}_${v.value}`,
                 "stop-color": r,
-                offset: b(Qt)(c, Q.value.length)
-              }, null, 8, rl))), 128))
-            ], 8, nl)) : L("", !0)
+                offset: b(ta)(c, Q.value.length)
+              }, null, 8, ol))), 128))
+            ], 8, ul)) : _("", !0)
           ]),
-          t.value.style.area.show && !O.value && m.value[0] && m.value.length > 1 ? (f(), g("g", ul, [
-            t.value.style.line.smooth ? (f(), g("path", {
+          t.value.style.area.show && !O.value && p.value[0] && p.value.length > 1 ? (f(), y("g", sl, [
+            t.value.style.line.smooth ? (f(), y("path", {
               key: 0,
               class: "vue-ui-sparkline-area",
-              d: `M ${m.value[0].x},${A.value.bottom} ${b(xt)(m.value)} L ${m.value.at(-1).x},${A.value.bottom} Z`,
-              fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${v.value})` : b(qe)(t.value.style.area.color, t.value.style.area.opacity),
+              d: `M ${p.value[0].x},${C.value.bottom} ${b(St)(p.value)} L ${p.value.at(-1).x},${C.value.bottom} Z`,
+              fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${v.value})` : b(We)(t.value.style.area.color, t.value.style.area.opacity),
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, ol)) : (f(), g("path", {
+            }, null, 12, il)) : (f(), y("path", {
               key: 1,
               class: "vue-ui-sparkline-area",
-              d: `M${Pt.value}Z`,
-              fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${v.value})` : b(qe)(t.value.style.area.color, t.value.style.area.opacity),
+              d: `M${It.value}Z`,
+              fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${v.value})` : b(We)(t.value.style.area.color, t.value.style.area.opacity),
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, sl))
-          ])) : L("", !0),
-          t.value.style.line.smooth && !O.value ? (f(), g(Z, { key: 2 }, [
-            S("path", {
-              id: ve.value,
-              d: `M ${ze.value || "0,0"}`,
+            }, null, 12, dl))
+          ])) : _("", !0),
+          t.value.style.line.smooth && !O.value ? (f(), y(Z, { key: 2 }, [
+            M("path", {
+              id: fe.value,
+              d: `M ${Xe.value || "0,0"}`,
               fill: "none",
               stroke: "transparent",
               "stroke-width": t.value.style.line.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, il),
-            Ee.value ? (f(!0), g(Z, { key: 0 }, fe(It.value, (r) => (f(), g("path", {
+            }, null, 8, cl),
+            Be.value ? (f(!0), y(Z, { key: 0 }, ge(Bt.value, (r) => (f(), y("path", {
               key: r.path,
               class: "vue-ui-sparkline-path",
               d: `M ${r.path}`,
@@ -1172,10 +1184,10 @@ const qa = ["innerHTML"], Ga = {
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, dl))), 128)) : (f(), g("path", {
+            }, null, 12, vl))), 128)) : (f(), y("path", {
               key: 1,
               class: "vue-ui-sparkline-path",
-              d: `M ${ze.value || "0,0"}`,
+              d: `M ${Xe.value || "0,0"}`,
               stroke: Q.value ? `url(#temperature_grad_sparkline_${v.value})` : t.value.style.line.color,
               fill: "none",
               "stroke-width": t.value.style.line.strokeWidth,
@@ -1184,19 +1196,19 @@ const qa = ["innerHTML"], Ga = {
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, cl))
-          ], 64)) : L("", !0),
-          !t.value.style.line.smooth && !O.value ? (f(), g(Z, { key: 3 }, [
-            S("path", {
-              id: ve.value,
-              d: `M ${Ye.value || "0,0"}`,
+            }, null, 12, hl))
+          ], 64)) : _("", !0),
+          !t.value.style.line.smooth && !O.value ? (f(), y(Z, { key: 3 }, [
+            M("path", {
+              id: fe.value,
+              d: `M ${Ke.value || "0,0"}`,
               fill: "none",
               stroke: "transparent",
               "stroke-width": t.value.style.line.strokeWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, vl),
-            Ee.value ? (f(!0), g(Z, { key: 0 }, fe(Rt.value, (r) => (f(), g("path", {
+            }, null, 8, fl),
+            Be.value ? (f(!0), y(Z, { key: 0 }, ge(Dt.value, (r) => (f(), y("path", {
               key: r.path,
               class: "vue-ui-sparkline-path",
               d: `M ${r.path}`,
@@ -1209,10 +1221,10 @@ const qa = ["innerHTML"], Ga = {
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, hl))), 128)) : (f(), g("path", {
+            }, null, 12, pl))), 128)) : (f(), y("path", {
               key: 1,
               class: "vue-ui-sparkline-path",
-              d: `M ${Ye.value || "0,0"}`,
+              d: `M ${Ke.value || "0,0"}`,
               stroke: Q.value ? `url(#temperature_grad_sparkline_${v.value})` : t.value.style.line.color,
               fill: "none",
               "stroke-width": t.value.style.line.strokeWidth,
@@ -1221,71 +1233,71 @@ const qa = ["innerHTML"], Ga = {
               style: H({
                 transition: b(P) ? void 0 : "all 0.2s"
               })
-            }, null, 12, fl))
-          ], 64)) : L("", !0),
-          pt.value && !Q.value ? (f(), _e(Ga, {
+            }, null, 12, gl))
+          ], 64)) : _("", !0),
+          yt.value && !Q.value ? (f(), _e(ja, {
             key: 4,
-            svgPathData: pt.value,
+            svgPathData: yt.value,
             enabled: t.value.gradientPath.show && !O.value && !Q.value,
             strokeWidth: t.value.style.line.strokeWidth,
             highColor: t.value.gradientPath.colors.high,
             lowColor: t.value.gradientPath.colors.low,
             segments: t.value.gradientPath.segments
-          }, null, 8, ["svgPathData", "enabled", "strokeWidth", "highColor", "lowColor", "segments"])) : L("", !0),
-          Se.value && Me.value ? (f(), _e(xa, {
+          }, null, 8, ["svgPathData", "enabled", "strokeWidth", "highColor", "lowColor", "segments"])) : _("", !0),
+          Oe.value && Y.value ? (f(), _e(Sa, {
             key: 5,
             uid: v.value,
-            svgRef: b(Y),
-            pulsePathId: ve.value,
-            pulsePathLength: de.value,
-            pulseDur: Pe.value,
-            pulseBegin: Ne.value,
-            pulseRepeatCount: Te.value,
-            pulseFillMode: ce.value,
-            pulseKeyPoints: pe.value,
-            pulseMotion: Ie.value,
-            pulse: I.value,
-            pulseTrail: q.value,
-            pulseTrailLength: ge.value,
-            prefersReducedMotion: b(y),
+            svgRef: b(X),
+            pulsePathId: fe.value,
+            pulsePathLength: ce.value,
+            pulseDur: Ne.value,
+            pulseBegin: ye.value,
+            pulseRepeatCount: ve.value,
+            pulseFillMode: me.value,
+            pulseKeyPoints: Ie.value,
+            pulseMotion: G.value,
+            pulse: W.value,
+            pulseTrail: J.value,
+            pulseTrailLength: Ge.value,
+            prefersReducedMotion: b(m),
             loading: b(P),
             isBar: O.value
-          }, null, 8, ["uid", "svgRef", "pulsePathId", "pulsePathLength", "pulseDur", "pulseBegin", "pulseRepeatCount", "pulseFillMode", "pulseKeyPoints", "pulseMotion", "pulse", "pulseTrail", "pulseTrailLength", "prefersReducedMotion", "loading", "isBar"])) : L("", !0),
-          (f(!0), g(Z, null, fe(m.value, (r, c) => (f(), g("g", null, [
-            O.value ? (f(), g("rect", {
+          }, null, 8, ["uid", "svgRef", "pulsePathId", "pulsePathLength", "pulseDur", "pulseBegin", "pulseRepeatCount", "pulseFillMode", "pulseKeyPoints", "pulseMotion", "pulse", "pulseTrail", "pulseTrailLength", "prefersReducedMotion", "loading", "isBar"])) : _("", !0),
+          (f(!0), y(Z, null, ge(p.value, (r, c) => (f(), y("g", null, [
+            O.value ? (f(), y("rect", {
               key: 0,
               x: r.x - r.width / 2,
-              y: isNaN(r.absoluteValue > 0 ? r.y : be.value) ? 0 : r.absoluteValue > 0 ? r.y : be.value,
+              y: isNaN(r.absoluteValue > 0 ? r.y : ke.value) ? 0 : r.absoluteValue > 0 ? r.y : ke.value,
               width: r.width,
-              height: isNaN(Math.abs(r.y - be.value)) ? 0 : Math.abs(r.y - be.value),
+              height: isNaN(Math.abs(r.y - ke.value)) ? 0 : Math.abs(r.y - ke.value),
               fill: r.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${v.value})` : `url(#sparkline_bar_gradient_neg_${v.value})`,
               rx: t.value.style.bar.borderRadius
-            }, null, 8, pl)) : L("", !0),
-            t.value.style.verticalIndicator.show && ($.value && r.id === $.value.id || e.selectedIndex === c) ? (f(), g("line", {
+            }, null, 8, yl)) : _("", !0),
+            t.value.style.verticalIndicator.show && (k.value && r.id === k.value.id || pt.value === c) ? (f(), y("line", {
               key: 1,
               x1: r.x,
               x2: r.x,
-              y1: A.value.top - 6,
-              y2: A.value.bottom,
+              y1: C.value.top - 6,
+              y2: C.value.bottom,
               stroke: t.value.style.verticalIndicator.color || r.color,
               "stroke-width": t.value.style.verticalIndicator.strokeWidth,
               "stroke-linecap": "round",
               "stroke-dasharray": t.value.style.verticalIndicator.strokeDasharray || 0
-            }, null, 8, gl)) : L("", !0)
+            }, null, 8, ml)) : _("", !0)
           ]))), 256)),
-          Oe.value < 0 ? (f(), g("line", {
+          je.value < 0 ? (f(), y("line", {
             key: 6,
-            x1: A.value.start,
-            x2: A.value.start + A.value.width,
-            y1: b($t)(be.value, A.value.bottom),
-            y2: b($t)(be.value, A.value.bottom),
+            x1: C.value.start,
+            x2: C.value.start + C.value.width,
+            y1: b(Mt)(ke.value, C.value.bottom),
+            y2: b(Mt)(ke.value, C.value.bottom),
             stroke: t.value.style.zeroLine.color,
             "stroke-dasharray": t.value.style.zeroLine.strokeWidth * 2,
             "stroke-width": t.value.style.zeroLine.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, yl)) : L("", !0),
-          t.value.style.plot.show ? (f(!0), g(Z, { key: 7 }, fe(m.value, (r, c) => (f(), g("g", null, [
-            $.value && r.id === $.value.id || e.selectedIndex === c || b(J).length === 1 ? (f(), g("circle", {
+          }, null, 8, bl)) : _("", !0),
+          t.value.style.plot.show ? (f(!0), y(Z, { key: 7 }, ge(p.value, (r, c) => (f(), y("g", null, [
+            k.value && r.id === k.value.id || e.selectedIndex === c || b(de).length === 1 ? (f(), y("circle", {
               key: 0,
               cx: r.x,
               cy: r.y,
@@ -1293,49 +1305,49 @@ const qa = ["innerHTML"], Ga = {
               fill: r.color,
               stroke: t.value.style.plot.stroke,
               "stroke-width": t.value.style.plot.strokeWidth
-            }, null, 8, ml)) : L("", !0)
-          ]))), 256)) : L("", !0),
-          e.showInfo && t.value.style.dataLabel.show ? (f(), g("text", {
+            }, null, 8, kl)) : _("", !0)
+          ]))), 256)) : _("", !0),
+          e.showInfo && t.value.style.dataLabel.show ? (f(), y("text", {
             key: 8,
-            x: t.value.style.dataLabel.position === "left" ? 12 + t.value.style.dataLabel.offsetX : A.value.width + 12 + t.value.style.dataLabel.offsetX,
-            y: x.value.height / 2 + t.value.style.dataLabel.fontSize / 2.5 + t.value.style.dataLabel.offsetY,
+            x: t.value.style.dataLabel.position === "left" ? 12 + t.value.style.dataLabel.offsetX : C.value.width + 12 + t.value.style.dataLabel.offsetX,
+            y: $.value.height / 2 + t.value.style.dataLabel.fontSize / 2.5 + t.value.style.dataLabel.offsetY,
             "font-size": t.value.style.dataLabel.fontSize,
             "font-weight": t.value.style.dataLabel.bold ? "bold" : "normal",
             fill: t.value.style.dataLabel.color
-          }, Le($.value ? b(Qe)(
+          }, Le(k.value ? b(et)(
             t.value.style.dataLabel.formatter,
-            $.value.absoluteValue,
-            b(et)({ p: t.value.style.dataLabel.prefix, v: $.value.absoluteValue, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue }),
-            { datapoint: $.value }
-          ) : b(Qe)(
+            k.value.absoluteValue,
+            b(tt)({ p: t.value.style.dataLabel.prefix, v: k.value.absoluteValue, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue }),
+            { datapoint: k.value }
+          ) : b(et)(
             t.value.style.dataLabel.formatter,
-            ft.value,
-            b(et)({ p: t.value.style.dataLabel.prefix, v: ft.value, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue })
-          )), 9, bl)) : L("", !0),
-          (f(!0), g(Z, null, fe(m.value, (r, c) => (f(), g("rect", {
-            x: r.x - (A.value.width / (ke.value + 1) > x.value.padding ? x.value.padding : A.value.width / (ke.value + 1)) / 2,
-            y: A.value.top - 6,
-            height: A.value.height + 6,
-            width: A.value.width / (ke.value + 1) > x.value.padding ? x.value.padding : A.value.width / (ke.value + 1),
+            gt.value,
+            b(tt)({ p: t.value.style.dataLabel.prefix, v: gt.value, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue })
+          )), 9, wl)) : _("", !0),
+          (f(!0), y(Z, null, ge(p.value, (r, c) => (f(), y("rect", {
+            x: r.x - (C.value.width / (we.value + 1) > $.value.padding ? $.value.padding : C.value.width / (we.value + 1)) / 2,
+            y: C.value.top - 6,
+            height: C.value.height + 6,
+            width: C.value.width / (we.value + 1) > $.value.padding ? $.value.padding : C.value.width / (we.value + 1),
             fill: "transparent",
-            onMouseenter: () => De(r, c),
-            onMouseleave: () => Nt(r, c),
-            onClick: () => Tt(r, c)
-          }, null, 40, kl))), 256)),
-          he(l.$slots, "svg", { svg: x.value }, void 0, !0)
-        ], 44, Ya)),
-        l.$slots.hint ? (f(), g("div", wl, [
-          he(l.$slots, "hint", He(Ze({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: Xe.value })), void 0, !0)
-        ])) : L("", !0)
+            onMouseenter: () => Ye(r, c),
+            onMouseleave: () => Tt(r, c),
+            onClick: () => Rt(r, c)
+          }, null, 40, xl))), 256)),
+          pe(l.$slots, "svg", { svg: $.value }, void 0, !0)
+        ], 44, Ka)),
+        l.$slots.hint ? (f(), y("div", $l, [
+          pe(l.$slots, "hint", Ze(Je({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: De.value })), void 0, !0)
+        ])) : _("", !0)
       ]),
-      $.value && t.value.style.tooltip.show ? (f(), _e(b(s), {
+      k.value && t.value.style.tooltip.show ? (f(), _e(b(s), {
         key: 2,
-        x: $.value.x,
-        y: $.value.y,
-        prevX: re.value.x,
-        prevY: re.value.y,
+        x: k.value.x,
+        y: k.value.y,
+        prevX: oe.value.x,
+        prevY: oe.value.y,
         offsetY: t.value.style.plot.radius * 3 + t.value.style.tooltip.offsetY,
-        svgRef: b(Y),
+        svgRef: b(X),
         background: t.value.style.tooltip.backgroundColor,
         color: t.value.style.tooltip.color,
         fontSize: t.value.style.tooltip.fontSize,
@@ -1344,37 +1356,37 @@ const qa = ["innerHTML"], Ga = {
         borderRadius: t.value.style.tooltip.borderRadius,
         backgroundOpacity: t.value.style.tooltip.backgroundOpacity
       }, {
-        default: Gt(() => [
-          he(l.$slots, "tooltip", He(Ze({ ...$.value })), () => [
-            Ot(Le($.value.period) + ": " + Le(b(Qe)(
+        default: jt(() => [
+          pe(l.$slots, "tooltip", Ze(Je({ ...k.value })), () => [
+            zt(Le(k.value.period) + ": " + Le(b(et)(
               t.value.style.dataLabel.formatter,
-              $.value.absoluteValue,
-              b(et)({
+              k.value.absoluteValue,
+              b(tt)({
                 p: t.value.style.dataLabel.prefix,
-                v: $.value.absoluteValue,
+                v: k.value.absoluteValue,
                 s: t.value.style.dataLabel.suffix,
                 r: t.value.style.dataLabel.roundingValue
               }),
-              { datapoint: $.value }
+              { datapoint: k.value }
             )), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : L("", !0),
-      l.$slots.source ? (f(), g("div", {
+      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : _("", !0),
+      l.$slots.source ? (f(), y("div", {
         key: 3,
         ref_key: "source",
-        ref: T,
+        ref: B,
         dir: "auto"
       }, [
-        he(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : L("", !0),
-      he(l.$slots, "skeleton", {}, () => [
-        b(P) ? (f(), _e(ra, { key: 0 })) : L("", !0)
+        pe(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : _("", !0),
+      pe(l.$slots, "skeleton", {}, () => [
+        b(P) ? (f(), _e(oa, { key: 0 })) : _("", !0)
       ], !0)
-    ], 12, Oa));
+    ], 12, za));
   }
-}, Dl = /* @__PURE__ */ va(xl, [["__scopeId", "data-v-a0d376d4"]]);
+}, Fl = /* @__PURE__ */ fa(Sl, [["__scopeId", "data-v-5e51bb77"]]);
 export {
-  Dl as default
+  Fl as default
 };