vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-sparkline-BMcsfaUW.js → vue-ui-sparkline-BY05SDNv.js}

@@ -1,15 +1,15 @@
 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 { j as Yt, t as wt, aC 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, aD as aa } from "./lib-DMzrGQHK.js";
 import { t as la, u as na } from "./useResponsive-DfdjqQps.js";
-import { u as ra } from "./useConfig-C40HvGpD.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 { u as ra } from "./useConfig-DTHxOX6V.js";
+import { u as ua, B as oa } from "./BaseScanner-BON3d_Sx.js";
+import { u as at } from "./useNestedProp-DH0BEVVS.js";
+import { u as sa } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ia } from "./useTimeLabels-Cv0tD9In.js";
+import { u as da } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as ca } from "./usePrefersMotion-Co0nj1eS.js";
 import va from "./vue_ui_sparkline-CQ8DJVJx.js";
-import { A as ha } from "./A11yDataTable-KcVAX2cP.js";
+import { A as ha } from "./A11yDataTable-BpmuNomI.js";
 import { _ as fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const pa = {
   key: 0,
@@ -140,7 +140,9 @@ const pa = {
 };
 function Ma() {
   if (typeof document > "u")
-    throw new Error("color-utils: document is not available (browser-only).");
+    throw new Error(
+      "color-utils: document is not available (browser-only)."
+    );
   if (!qe.canvas) {
     const e = document.createElement("canvas");
     e.width = 1, e.height = 1;
@@ -163,11 +165,16 @@ function Ca(e, a = null) {
   const n = e.trim();
   if (n.toLowerCase() === "transparent")
     return { red: 0, green: 0, blue: 0, alpha: 0 };
-  const s = La(n, a), o = Ma();
+  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 && !_a(s))
-    throw new Error(`colorToRgba: unsupported or invalid color "${e}".`);
+    throw new Error(
+      `colorToRgba: unsupported or invalid color "${e}".`
+    );
   o.fillRect(0, 0, 1, 1);
   const m = o.getImageData(0, 0, 1, 1).data;
   return {
@@ -248,7 +255,9 @@ function Na(e, a, n, s = !0) {
 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).");
+    throw new Error(
+      "SvgPathGradientAsync: document is not available (browser-only implementation)."
+    );
   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(Lt, "path");
@@ -321,8 +330,14 @@ 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], 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);
+  for (; d < e.length - 2 && o > e[d + 1].position; )
+    d += 1;
+  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 Va(e, a, n, s) {
@@ -382,14 +397,18 @@ function qa(e) {
   for (const s of Object.keys(e.segmentAttributeMap)) {
     if (s === "stroke" || s === "d") continue;
     const o = e.segmentAttributeMap[s];
-    a.push(`${s}="${le(o)}"`);
+    a.push(
+      `${s}="${le(o)}"`
+    );
   }
   return `<path d="${le(e.pathData)}" ${a.join(" ")} />`;
 }
 function Pt(e, a) {
   const n = [];
   for (const o of Object.keys(a))
-    n.push(`${o}="${le(a[o])}"`);
+    n.push(
+      `${o}="${le(a[o])}"`
+    );
   return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
 }
 function le(e) {
@@ -400,13 +419,21 @@ function Ga(e, a = null, n = {}) {
     let d = null;
     try {
       if (!e || typeof e != "string")
-        throw new Error("SvgPathGradientAsync: pathData must be a non-empty string.");
+        throw new Error(
+          "SvgPathGradientAsync: pathData must be a non-empty string."
+        );
       const h = n.temperatureMode ?? null;
       if (h === null && (!Array.isArray(a) || a.length === 0))
-        throw new Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
+        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, 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;
+        throw new Error(
+          'SvgPathGradientAsync: only returnMode="string" is supported for the async version.'
+        );
+      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)) {
@@ -427,14 +454,30 @@ function Ga(e, a = null, n = {}) {
       if (h !== null) {
         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.");
+          throw new Error(
+            "SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled."
+          );
       }
-      const Pe = h !== null ? At(n.temperatureColors, n.colorReferenceElement) : null, P = h === null ? (() => {
+      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 };
+          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;
+      })() : [], 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);
@@ -476,7 +519,11 @@ function Ga(e, a = null, n = {}) {
                 Ne
               );
               ye.push(
-                _t(U, K, ce)
+                _t(
+                  U,
+                  K,
+                  ce
+                )
               );
             }
           Y += 1;
@@ -494,9 +541,23 @@ function Ga(e, a = null, n = {}) {
           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];
+            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)
+              _t(
+                fe,
+                Te,
+                ce
+              )
             );
           }
         }
@@ -592,9 +653,16 @@ const Oa = ["innerHTML"], ja = {
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(e, { emit: a }) {
-    const n = mt(() => import("./PackageVersion-PjmqM4wb.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());
+    const n = mt(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), s = mt(
+      () => import("./SparkTooltip-D4bM-kfz.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 }));
+      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 Pe = g(() => wt({
       defaultConfig: {
@@ -605,7 +673,11 @@ const Oa = ["innerHTML"], ja = {
           scaleMin: 0,
           scaleMax: null,
           animation: { show: !1 },
-          line: { color: "#AAAAAA", pulse: { show: !1 }, dashIndices: [] },
+          line: {
+            color: "#AAAAAA",
+            pulse: { show: !1 },
+            dashIndices: []
+          },
           bar: { color: "#AAAAAA" },
           area: { color: "#CACACA" },
           zeroLine: { color: "#6A6A6A" },
@@ -628,7 +700,9 @@ const Oa = ["innerHTML"], ja = {
         defaultConfig: t.value,
         userConfig: Pe.value
       })
-    }), { svgRef: X } = da({ config: t.value.style.title });
+    }), { svgRef: X } = da({
+      config: t.value.style.title
+    });
     function re() {
       const l = at({
         userConfig: i.config,
@@ -655,7 +729,9 @@ const Oa = ["innerHTML"], ja = {
         u = l;
       return u;
     }
-    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);
+    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;
@@ -711,17 +787,25 @@ const Oa = ["innerHTML"], ja = {
       data: de.value,
       threshold: t.value.downsample.threshold
     }));
-    z(() => i.config, (l) => {
-      P.value || (t.value = re()), vt(), $.value.chartWidth = t.value.style.chartWidth;
-    }, { deep: !0 }), z(() => i.dataset, (l) => {
-      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 });
+    z(
+      () => i.config,
+      (l) => {
+        P.value || (t.value = re()), vt(), $.value.chartWidth = t.value.style.chartWidth;
+      },
+      { deep: !0 }
+    ), z(
+      () => i.dataset,
+      (l) => {
+        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 V = L(ue());
     function ue() {
       return Qe({
@@ -834,7 +918,12 @@ const Oa = ["innerHTML"], ja = {
       chartWidth: t.value.style.chartWidth,
       padding: i.forcedPadding
     }), Re = a, C = g(() => {
-      const { top: l, right: u, bottom: r, left: c } = t.value.style.padding;
+      const {
+        top: l,
+        right: u,
+        bottom: r,
+        left: c
+      } = t.value.style.padding;
       return {
         top: l,
         left: c,
@@ -844,7 +933,19 @@ const Oa = ["innerHTML"], ja = {
         width: i.showInfo && t.value.style.dataLabel.show ? $.value.chartWidth - c - u : $.value.width - $.value.padding - c - u,
         height: $.value.height - l - r
       };
-    }), 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(() => {
+    }), 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);
     }), ht = g(() => Nt.value + Ae.value), ke = g(() => C.value.bottom - C.value.height * ze(Ae.value));
@@ -877,20 +978,35 @@ const Oa = ["innerHTML"], ja = {
         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 ? Ve(t.value.style.line.color, 0.05 * (1 - u / we.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 = 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 = [];
+      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();
     }), 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 });
+      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 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 });
+      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 se = g(() => {
       if (S.value) {
@@ -900,11 +1016,13 @@ const Oa = ["innerHTML"], ja = {
           sum: u,
           average: u / p.value.length,
           median: Ut(l),
-          trend: Kt(p.value.map(({ x: r, y: c, absoluteValue: w }) => ({
-            x: r,
-            y: c,
-            value: w
-          }))).trend
+          trend: Kt(
+            p.value.map(({ x: r, y: c, absoluteValue: w }) => ({
+              x: r,
+              y: c,
+              value: w
+            }))
+          ).trend
         };
       } else
         return {
@@ -916,7 +1034,10 @@ const Oa = ["innerHTML"], ja = {
         };
     }), 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 });
+      t.value.events.datapointClick && t.value.events.datapointClick({
+        datapoint: l,
+        seriesIndex: u
+      }), Re("selectDatapoint", { datapoint: l, index: u });
     }
     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,
@@ -924,7 +1045,9 @@ const Oa = ["innerHTML"], ja = {
     )), Dt = g(() => O.value || !Be.value ? [] : Jt(
       p.value,
       t.value.style.line.dashIndices
-    )), 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)));
+    )), 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(
       () => [
         Y.value,
@@ -972,7 +1095,10 @@ const Oa = ["innerHTML"], ja = {
           return;
         }
       }
-      E.value = null, !k.value && p.value.length && Ye(p.value.at(-1), p.value.length - 1), De.value = !0;
+      E.value = null, !k.value && p.value.length && Ye(
+        p.value.at(-1),
+        p.value.length - 1
+      ), De.value = !0;
     }
     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;
@@ -986,7 +1112,9 @@ const Oa = ["innerHTML"], ja = {
       if (!c) return;
       l.preventDefault(), l.stopPropagation();
       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;
+      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));
@@ -1073,11 +1201,20 @@ const Oa = ["innerHTML"], ja = {
             }, [
               M("stop", {
                 offset: "0%",
-                "stop-color": b(We)(b(Ve)(t.value.style.area.color, 0.05), t.value.style.area.opacity)
+                "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(We)(t.value.style.area.color, t.value.style.area.opacity)
+                "stop-color": b(We)(
+                  t.value.style.area.color,
+                  t.value.style.area.opacity
+                )
               }, null, 8, Ja)
             ], 8, Ha),
             M("linearGradient", {
@@ -1143,7 +1280,10 @@ const Oa = ["innerHTML"], ja = {
               key: 0,
               class: "vue-ui-sparkline-area",
               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),
+              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({
@@ -1153,7 +1293,10 @@ const Oa = ["innerHTML"], ja = {
               key: 1,
               class: "vue-ui-sparkline-area",
               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),
+              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({
@@ -1267,7 +1410,9 @@ const Oa = ["innerHTML"], ja = {
             O.value ? (f(), y("rect", {
               key: 0,
               x: r.x - r.width / 2,
-              y: isNaN(r.absoluteValue > 0 ? r.y : ke.value) ? 0 : r.absoluteValue > 0 ? r.y : ke.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 - 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})`,
@@ -1317,12 +1462,22 @@ const Oa = ["innerHTML"], ja = {
           }, Le(k.value ? b(et)(
             t.value.style.dataLabel.formatter,
             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 }),
+            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,
             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 })
+            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,
@@ -1337,7 +1492,10 @@ const Oa = ["innerHTML"], ja = {
           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)
+          pe(l.$slots, "hint", Ze(Je({
+            hint: t.value.a11y.translations.keyboardNavigation,
+            isVisible: De.value
+          })), void 0, !0)
         ])) : _("", !0)
       ]),
       k.value && t.value.style.tooltip.show ? (f(), _e(b(s), {
@@ -1386,7 +1544,7 @@ const Oa = ["innerHTML"], ja = {
       ], !0)
     ], 12, za));
   }
-}, Fl = /* @__PURE__ */ fa(Sl, [["__scopeId", "data-v-5e51bb77"]]);
+}, Fl = /* @__PURE__ */ fa(Sl, [["__scopeId", "data-v-66022e99"]]);
 export {
   Fl as default
 };