vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-sparkhistogram-BxYes64D.js → vue-ui-sparkhistogram-IhGjmoUF.js}

@@ -1,11 +1,12 @@
 import { useCssVars as pe, computed as k, defineAsyncComponent as me, ref as y, toRefs as be, onMounted as U, watch as X, nextTick as j, createElementBlock as s, openBlock as a, normalizeStyle as S, createCommentVNode as c, createBlock as G, createElementVNode as g, createTextVNode as _e, toDisplayString as p, unref as n, createVNode as xe, renderSlot as q, Fragment as d, renderList as h, normalizeClass as Y } from "vue";
-import { u as ke, c as Ce, t as Ae, b as we, o as $e, f as P, g as Le, s as m, k as J, i as K, X as ze, x as D } from "./index-Lg17rmB1.js";
-import { t as Se, u as Me } from "./useResponsive-DfdjqQps.js";
-import { u as Fe, B as Ie } from "./BaseScanner-BgWxam9d.js";
-import { u as Te } from "./useFitSvgText-2crs6Fv5.js";
-import { u as Q } from "./useNestedProp-DpwLJMsW.js";
-import { u as Ee } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ne } from "./Shape-6PexQroB.js";
+import { c as ke, t as Ce, o as Ae, f as P, g as we, s as m, a as J, d as K, X as $e, i as D } from "./lib-p5pfHmOX.js";
+import { t as Le, u as ze } from "./useResponsive-DfdjqQps.js";
+import { u as Se, a as Q } from "./useNestedProp-DF7e2h1z.js";
+import { u as Me, B as Fe } from "./BaseScanner-BgWxam9d.js";
+import { u as Ie } from "./useFitSvgText-2crs6Fv5.js";
+import { u as Te } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as Ee } from "./Shape-BDy56-wS.js";
+import { t as Ne } from "./themes-D3cUNuKw.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width", "height"], Re = ["id"], Be = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], Ge = ["stop-color"], qe = ["id"], Ye = ["stop-color"], Pe = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
   __name: "vue-ui-sparkhistogram",
@@ -28,7 +29,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     pe((l) => ({
       c8e2d1ee: ve.value
     }));
-    const te = me(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_sparkhistogram: le } = ke(), b = Z, _ = y(Ce()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Fe({
+    const te = me(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_sparkhistogram: le } = Se(), b = Z, _ = y(ke()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Me({
       ...be(b),
       FINAL_CONFIG: e,
       prepareConfig: T,
@@ -47,7 +48,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
         { value: 2, intensity: 0.3, color: "#CACACA" },
         { value: 1, intensity: 0.2, color: "#CACACA" }
       ],
-      skeletonConfig: Ae({
+      skeletonConfig: Ce({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -56,7 +57,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           }
         }
       })
-    }), F = y(e.value.style.layout.width), I = y(e.value.style.layout.height), { svgRef: O } = Ee({ config: e.value.style.title });
+    }), F = y(e.value.style.layout.width), I = y(e.value.style.layout.height), { svgRef: O } = Te({ config: e.value.style.title });
     function T() {
       const l = Q({
         userConfig: b.config,
@@ -64,7 +65,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
       });
       return l.theme ? {
         ...Q({
-          userConfig: we.vue_ui_sparkhistogram[l.theme] || b.config,
+          userConfig: Ne.vue_ui_sparkhistogram[l.theme] || b.config,
           defaultConfig: l
         })
       } : l;
@@ -74,12 +75,12 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     });
     const R = k(() => !!e.value.debug);
     function B() {
-      if ($e(b.dataset) ? P({
+      if (Ae(b.dataset) ? P({
         componentName: "VueUiSparkHistogram",
         type: "dataset",
         debug: R.value
       }) : b.dataset.forEach((l, o) => {
-        Le({
+        we({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
@@ -92,8 +93,8 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           });
         });
       }), e.value.responsive) {
-        const l = Se(() => {
-          const { width: o, height: t } = Me({
+        const l = Le(() => {
+          const { width: o, height: t } = ze({
             chart: M.value,
             title: e.value.style.title.text ? V.value : null,
             source: W.value
@@ -166,7 +167,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     function re(l, o) {
       r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
     }
-    const ve = k(() => `${e.value.style.animation.speedMs}ms`), ce = k(() => v.value.drawingWidth / A.value.length * 0.9), { fitText: x } = Te({
+    const ve = k(() => `${e.value.style.animation.speedMs}ms`), ce = k(() => v.value.drawingWidth / A.value.length * 0.9), { fitText: x } = Ie({
       svgRef: O,
       unitWidth: ce
     });
@@ -212,7 +213,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
       (a(), s("svg", {
         ref_key: "svgRef",
         ref: O,
-        xmlns: n(ze),
+        xmlns: n($e),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: { overflow: "visible" }
       }, [
@@ -309,7 +310,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
             class: Y({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
           }, null, 10, Qe))), 256))
         ])) : (a(), s("g", Ze, [
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), G(Ne, {
+          (a(!0), s(d, null, h(u.value, (t, i) => (a(), G(Ee, {
             plot: { x: t.x + t.width / 2, y: t.y + t.height / 2 },
             color: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
             shape: e.value.style.bars.shape,
@@ -371,10 +372,10 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
       }, [
         q(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      n(H) ? (a(), G(Ie, { key: 2 })) : c("", !0)
+      n(H) ? (a(), G(Fe, { key: 2 })) : c("", !0)
     ], 36));
   }
-}, ht = /* @__PURE__ */ De(st, [["__scopeId", "data-v-f8e879db"]]);
+}, ft = /* @__PURE__ */ De(st, [["__scopeId", "data-v-f8e879db"]]);
 export {
-  ht as default
+  ft as default
 };

package/dist/{vue-ui-sparkline-CS3F5TFN.js → vue-ui-sparkline-BSGiRpQ9.js}

@@ -1,9 +1,10 @@
-import { defineAsyncComponent as he, computed as h, ref as y, toRefs as Pe, watch as J, shallowRef as fe, onMounted as Re, onBeforeUnmount as ye, createElementBlock as c, openBlock as s, normalizeStyle as D, renderSlot as I, createCommentVNode as f, createBlock as pe, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as T, unref as n, createVNode as Fe, Fragment as Q, renderList as ee, withCtx as Ee, createTextVNode as Oe, nextTick as Be } from "vue";
-import { u as Ge, c as je, t as Ue, b as Xe, C as be, a9 as te, o as ke, f as xe, g as Ye, x as W, aa as qe, ab as Ze, X as Ke, s as P, V as _e, U as He, ac as we, k as ae, i as le, ad as Je } from "./index-Lg17rmB1.js";
-import { u as Le } from "./useNestedProp-DpwLJMsW.js";
-import { t as Qe, u as et } from "./useResponsive-DfdjqQps.js";
-import { u as tt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as at, B as lt } from "./BaseScanner-BgWxam9d.js";
+import { defineAsyncComponent as he, computed as h, ref as y, toRefs as Pe, watch as J, shallowRef as fe, onMounted as Re, onBeforeUnmount as ye, createElementBlock as c, openBlock as n, normalizeStyle as D, renderSlot as S, createCommentVNode as f, createBlock as pe, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as W, unref as s, createVNode as Fe, Fragment as Q, renderList as ee, withCtx as Ee, createTextVNode as Oe, nextTick as Be } from "vue";
+import { c as Ge, t as je, D as be, a3 as te, o as ke, f as xe, g as Ue, i as T, a4 as Xe, a5 as Ye, X as qe, s as P, W as _e, V as Ze, a6 as we, a as ae, d as le, a7 as Ke } from "./lib-p5pfHmOX.js";
+import { u as He, a as Le } from "./useNestedProp-DF7e2h1z.js";
+import { t as Je, u as Qe } from "./useResponsive-DfdjqQps.js";
+import { u as et } from "./useChartAccessibility-9icAAmYg.js";
+import { u as tt, B as at } from "./BaseScanner-BgWxam9d.js";
+import { t as lt } from "./themes-D3cUNuKw.js";
 import { u as ut } from "./useTimeLabels-BGFjWgrv.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["id"], vt = ["stop-color"], dt = ["stop-color"], ct = ["id"], ht = ["stop-color"], ft = ["stop-color"], yt = ["id"], pt = ["stop-color"], gt = ["stop-color"], mt = { key: 1 }, bt = ["d", "fill"], kt = ["d", "fill"], xt = ["d", "stroke", "stroke-width"], _t = ["d", "stroke", "stroke-width"], wt = ["x", "y", "width", "height", "fill", "rx"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], $t = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Nt = ["x", "y", "font-size", "font-weight", "fill"], Mt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Ct = {
@@ -39,12 +40,12 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
     }
   },
   emits: ["hoverIndex", "selectDatapoint"],
-  setup(x, { emit: Ae }) {
-    const $e = he(() => import("./PackageVersion-D1HToLlZ.js")), Ne = he(() => import("./SparkTooltip-BtO1j0i1.js")), { vue_ui_sparkline: Me } = Ge(), r = x, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(je()), R = y(null), oe = y(null), se = y(null), e = y(O());
+  setup($, { emit: Ae }) {
+    const $e = he(() => import("./PackageVersion-DRpg18lg.js")), Ne = he(() => import("./SparkTooltip-DOFGBHJ-.js")), { vue_ui_sparkline: Me } = He(), r = $, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(Ge()), R = y(null), oe = y(null), se = y(null), e = y(O());
     function Ce(t) {
-      return Je(t).map((a) => ({ period: "-", value: a }));
+      return Ke(t).map((a) => ({ period: "-", value: a }));
     }
-    const { loading: F, FINAL_DATASET: S, manualLoading: E } = at({
+    const { loading: F, FINAL_DATASET: N, manualLoading: E } = tt({
       ...Pe(r),
       FINAL_CONFIG: e,
       prepareConfig: O,
@@ -54,7 +55,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         });
       },
       skeletonDataset: Ce(12),
-      skeletonConfig: Ue({
+      skeletonConfig: je({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -71,7 +72,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           }
         }
       })
-    }), { svgRef: ne } = tt({ config: e.value.style.title });
+    }), { svgRef: ne } = et({ config: e.value.style.title });
     function O() {
       const t = Le({
         userConfig: r.config,
@@ -80,20 +81,20 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
       let a = {};
       return t.theme ? a = {
         ...Le({
-          userConfig: Xe.vue_ui_sparkline[t.theme] || r.config,
+          userConfig: lt.vue_ui_sparkline[t.theme] || r.config,
           defaultConfig: t
         })
       } : a = t, r.config && be(r.config, "style.scaleMin") ? a.style.scaleMin = r.config.style.scaleMin : a.style.scaleMin = null, r.config && be(r.config, "style.scaleMax") ? a.style.scaleMax = r.config.style.scaleMax : a.style.scaleMax = null, a;
     }
-    const _ = h(() => te({
-      data: S.value,
+    const x = h(() => te({
+      data: N.value,
       threshold: e.value.downsample.threshold
     }));
     J(() => r.config, (t) => {
       F.value || (e.value = O()), ie(), o.value.chartWidth = e.value.style.chartWidth;
     }, { deep: !0 }), J(() => r.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (E.value = !1), m.value = te({
-        data: S.value.map((a) => ({
+        data: N.value.map((a) => ({
           ...a,
           value: [void 0].includes(a.value) ? null : a.value
         })),
@@ -103,7 +104,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
     const m = y(Ie());
     function Ie() {
       return te({
-        data: S.value.map((t) => e.value.style.animation.show && S.value.length > 1 ? {
+        data: N.value.map((t) => e.value.style.animation.show && N.value.length > 1 ? {
           ...t,
           value: null
         } : {
@@ -113,15 +114,15 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         threshold: e.value.downsample.threshold
       });
     }
-    const b = fe(null), w = fe(null), B = y(!1), N = y(0), G = y([]), j = y(""), U = h(() => {
-      const a = (_.value || []).map((u) => `${u.period}::${Number.isFinite(u.value) ? u.value : 0}`).join("|"), l = e.value?.style?.animation || {};
+    const b = fe(null), _ = fe(null), B = y(!1), M = y(0), G = y([]), j = y(""), U = h(() => {
+      const a = (x.value || []).map((u) => `${u.period}::${Number.isFinite(u.value) ? u.value : 0}`).join("|"), l = e.value?.style?.animation || {};
       return `${a}#${!!l.show}#${l.animationFrames || 0}`;
     });
     function V() {
-      N.value && (cancelAnimationFrame(N.value), N.value = 0), G.value.forEach((t) => clearTimeout(t)), G.value = [], B.value = !1;
+      M.value && (cancelAnimationFrame(M.value), M.value = 0), G.value.forEach((t) => clearTimeout(t)), G.value = [], B.value = !1;
     }
     function X() {
-      const t = e.value?.style?.animation || {}, a = _.value || [], l = U.value;
+      const t = e.value?.style?.animation || {}, a = x.value || [], l = U.value;
       if (l && l === j.value && (B.value || m.value.length === a.length))
         return;
       if (V(), !t.show || F.value || a.length <= 1) {
@@ -138,14 +139,14 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         }
         if (H < a.length) {
           m.value.push(a[H]);
-          const We = setTimeout(() => {
-            N.value = requestAnimationFrame(ce);
+          const Te = setTimeout(() => {
+            M.value = requestAnimationFrame(ce);
           }, K);
-          G.value.push(We), H += 1;
+          G.value.push(Te), H += 1;
         } else
           m.value = a, V();
       };
-      N.value = requestAnimationFrame(ce);
+      M.value = requestAnimationFrame(ce);
     }
     J(U, () => {
       X();
@@ -161,7 +162,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         type: "dataset",
         debug: re.value
       }), E.value = !0) : r.dataset.forEach((t, a) => {
-        Ye({
+        Ue({
           datasetObject: t,
           requiredAttributes: ["period", "value"]
         }).forEach((l) => {
@@ -174,8 +175,8 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           });
         });
       }), ke(r.dataset) || (E.value = e.value.loading), e.value.responsive) {
-        const t = Qe(() => {
-          const { width: a, height: l } = et({
+        const t = Je(() => {
+          const { width: a, height: l } = Qe({
             chart: R.value,
             title: e.value.style.title.show && r.showInfo ? oe.value : null,
             source: se.value
@@ -184,11 +185,11 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             o.value.width = a, o.value.height = l, o.value.chartWidth = e.value.style.chartWidth / 500 * a, o.value.padding = r.forcedPadding / 500 * a;
           });
         });
-        b.value && (w.value && b.value.unobserve(w.value), b.value.disconnect()), b.value = new ResizeObserver(t), w.value = R.value.parentNode, b.value.observe(w.value);
+        b.value && (_.value && b.value.unobserve(_.value), b.value.disconnect()), b.value = new ResizeObserver(t), _.value = R.value.parentNode, b.value.observe(_.value);
       }
     }
     ye(() => {
-      b.value && (w.value && b.value.unobserve(w.value), b.value.disconnect());
+      b.value && (_.value && b.value.unobserve(_.value), b.value.disconnect());
     });
     const o = y({
       height: 80 * r.heightRatio,
@@ -206,30 +207,30 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         width: r.showInfo && e.value.style.dataLabel.show ? o.value.chartWidth - u - a : o.value.width - o.value.padding - u - a,
         height: o.value.height - t - l
       };
-    }), q = h(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...m.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), Se = h(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...m.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), M = h(() => {
+    }), q = h(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...m.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), Se = h(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...m.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), C = h(() => {
       const t = q.value >= 0 ? 0 : q.value;
       return Math.abs(t);
-    }), ve = h(() => Se.value + M.value), L = h(() => i.value.bottom - i.value.height * Z(M.value));
+    }), ve = h(() => Se.value + C.value), w = h(() => i.value.bottom - i.value.height * Z(C.value));
     function Z(t) {
       return isNaN(t / ve.value) ? 0 : t / ve.value;
     }
-    const A = h(() => _.value.length - 1 || 1), z = h(() => ut({
-      values: _.value.map((t) => t.period),
-      maxDatapoints: _.value.length,
+    const L = h(() => x.value.length - 1 || 1), z = h(() => ut({
+      values: x.value.map((t) => t.period),
+      maxDatapoints: x.value.length,
       formatter: e.value.style.dataLabel.datetimeFormatter,
       start: 0,
-      end: _.value.length
+      end: x.value.length
     })), d = h(() => m.value.map((t, a) => {
-      const l = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, u = i.value.width / A.value;
+      const l = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, u = i.value.width / L.value;
       return {
         absoluteValue: l,
         period: z.value && z.value[a] && z.value[a].text ? z.value[a].text : t.period,
-        plotValue: l + M.value,
-        toMax: Z(l + M.value),
+        plotValue: l + C.value,
+        toMax: Z(l + C.value),
         x: i.value.start + a * u,
-        y: i.value.bottom - i.value.height * Z(l + M.value),
+        y: i.value.bottom - i.value.height * Z(l + C.value),
         id: `plot_${g.value}_${a}`,
-        color: C.value ? e.value.style.bar.color : e.value.style.area.useGradient ? W(e.value.style.line.color, 0.05 * (1 - a / A.value)) : e.value.style.line.color,
+        color: I.value ? e.value.style.bar.color : e.value.style.area.useGradient ? T(e.value.style.line.color, 0.05 * (1 - a / L.value)) : e.value.style.line.color,
         width: u
       };
     })), Ve = h(() => {
@@ -237,12 +238,12 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
       return d.value.forEach((u) => {
         l.push(`${u.x || 0},${u.y || 0} `);
       }), [t.x, t.y, ...l, a.x, a.y].toString();
-    }), v = y(void 0), $ = y(void 0);
+    }), v = y(void 0), A = y(void 0);
     function ze(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), v.value = t, $.value || ($.value = t), Y("hoverIndex", { index: a });
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), v.value = t, A.value || (A.value = t), Y("hoverIndex", { index: a });
     }
     function De(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), $.value = v.value, v.value = void 0, Y("hoverIndex", { index: void 0 });
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), A.value = v.value, v.value = void 0, Y("hoverIndex", { index: void 0 });
     }
     const k = h(() => {
       if (ue.value) {
@@ -251,8 +252,8 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           latest: d.value[d.value.length - 1] ? d.value[d.value.length - 1].absoluteValue : 0,
           sum: a,
           average: a / d.value.length,
-          median: Ze(t),
-          trend: qe(d.value.map(({ x: l, y: u, absoluteValue: K }) => ({
+          median: Ye(t),
+          trend: Xe(d.value.map(({ x: l, y: u, absoluteValue: K }) => ({
             x: l,
             y: u,
             value: K
@@ -266,18 +267,18 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           median: null,
           trend: null
         };
-    }), de = h(() => ue.value ? e.value.style.dataLabel.valueType === "latest" ? k.value.latest : e.value.style.dataLabel.valueType === "sum" ? k.value.sum : e.value.style.dataLabel.valueType === "average" ? k.value.average : 0 : 0), C = h(() => e.value.type && e.value.type === "bar");
-    function Te(t, a) {
+    }), de = h(() => ue.value ? e.value.style.dataLabel.valueType === "latest" ? k.value.latest : e.value.style.dataLabel.valueType === "sum" ? k.value.sum : e.value.style.dataLabel.valueType === "average" ? k.value.average : 0 : 0), I = h(() => e.value.type && e.value.type === "bar");
+    function We(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), Y("selectDatapoint", { datapoint: t, index: a });
     }
-    return (t, a) => (s(), c("div", {
+    return (t, a) => (n(), c("div", {
       ref_key: "sparklineChart",
       ref: R,
       class: "vue-ui-sparkline",
       id: g.value,
       style: D(`width:100%;font-family:${e.value.style.fontFamily};`)
     }, [
-      I(t.$slots, "before", ge(me({
+      S(t.$slots, "before", ge(me({
         selected: v.value,
         latest: k.value.latest,
         sum: k.value.sum,
@@ -285,7 +286,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         median: k.value.median,
         trend: k.value.trend
       })), void 0, !0),
-      e.value.style.title.show && x.showInfo ? (s(), c("div", {
+      e.value.style.title.show && $.showInfo ? (n(), c("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: oe,
@@ -294,18 +295,18 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
       }, [
         p("span", {
           style: D(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, T(v.value ? v.value.period : e.value.style.title.text), 5)
+        }, W(v.value ? v.value.period : e.value.style.title.text), 5)
       ], 4)) : f("", !0),
-      (s(), c("svg", {
+      (n(), c("svg", {
         ref_key: "svgRef",
         ref: ne,
-        xmlns: n(Ke),
+        xmlns: s(qe),
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: D(`background:${e.value.style.backgroundColor};overflow:visible`),
-        onMouseleave: a[0] || (a[0] = (l) => $.value = void 0)
+        onMouseleave: a[0] || (a[0] = (l) => A.value = void 0)
       }, [
-        Fe(n($e)),
-        t.$slots["chart-background"] ? (s(), c("foreignObject", {
+        Fe(s($e)),
+        t.$slots["chart-background"] ? (n(), c("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -315,7 +316,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             pointerEvents: "none"
           }
         }, [
-          I(t.$slots, "chart-background", {}, void 0, !0)
+          S(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, rt)) : f("", !0),
         p("defs", null, [
           p("linearGradient", {
@@ -327,11 +328,11 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           }, [
             p("stop", {
               offset: "0%",
-              "stop-color": n(P)(n(W)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
+              "stop-color": s(P)(s(T)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
             }, null, 8, vt),
             p("stop", {
               offset: "100%",
-              "stop-color": n(P)(e.value.style.area.color, e.value.style.area.opacity)
+              "stop-color": s(P)(e.value.style.area.color, e.value.style.area.opacity)
             }, null, 8, dt)
           ], 8, it),
           p("linearGradient", {
@@ -345,7 +346,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             }, null, 8, ht),
             p("stop", {
               offset: "100%",
-              "stop-color": n(W)(e.value.style.bar.color, 0.05)
+              "stop-color": s(T)(e.value.style.bar.color, 0.05)
             }, null, 8, ft)
           ], 8, ct),
           p("linearGradient", {
@@ -355,7 +356,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
           }, [
             p("stop", {
               offset: "0%",
-              "stop-color": n(W)(e.value.style.bar.color, 0.05)
+              "stop-color": s(T)(e.value.style.bar.color, 0.05)
             }, null, 8, pt),
             p("stop", {
               offset: "100%",
@@ -363,44 +364,44 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             }, null, 8, gt)
           ], 8, yt)
         ]),
-        e.value.style.area.show && !C.value && d.value[0] && d.value.length > 1 ? (s(), c("g", mt, [
-          e.value.style.line.smooth ? (s(), c("path", {
+        e.value.style.area.show && !I.value && d.value[0] && d.value.length > 1 ? (n(), c("g", mt, [
+          e.value.style.line.smooth ? (n(), c("path", {
             key: 0,
-            d: `M ${d.value[0].x},${i.value.bottom} ${n(_e)(d.value)} L ${d.value.at(-1).x},${i.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : n(P)(e.value.style.area.color, e.value.style.area.opacity)
-          }, null, 8, bt)) : (s(), c("path", {
+            d: `M ${d.value[0].x},${i.value.bottom} ${s(_e)(d.value)} L ${d.value.at(-1).x},${i.value.bottom} Z`,
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : s(P)(e.value.style.area.color, e.value.style.area.opacity)
+          }, null, 8, bt)) : (n(), c("path", {
             key: 1,
             d: `M${Ve.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : n(P)(e.value.style.area.color, e.value.style.area.opacity)
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : s(P)(e.value.style.area.color, e.value.style.area.opacity)
           }, null, 8, kt))
         ])) : f("", !0),
-        e.value.style.line.smooth && !C.value ? (s(), c("path", {
+        e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 2,
-          d: `M ${n(_e)(d.value) || "0,0"}`,
+          d: `M ${s(_e)(d.value) || "0,0"}`,
           stroke: e.value.style.line.color,
           fill: "none",
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, xt)) : f("", !0),
-        !e.value.style.line.smooth && !C.value ? (s(), c("path", {
+        !e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 3,
-          d: `M ${n(He)(d.value) || "0,0"}`,
+          d: `M ${s(Ze)(d.value) || "0,0"}`,
           stroke: e.value.style.line.color,
           fill: "none",
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, _t)) : f("", !0),
-        (s(!0), c(Q, null, ee(d.value, (l, u) => (s(), c("g", null, [
-          C.value ? (s(), c("rect", {
+        (n(!0), c(Q, null, ee(d.value, (l, u) => (n(), c("g", null, [
+          I.value ? (n(), c("rect", {
             key: 0,
             x: l.x - l.width / 2,
-            y: isNaN(l.absoluteValue > 0 ? l.y : L.value) ? 0 : l.absoluteValue > 0 ? l.y : L.value,
+            y: isNaN(l.absoluteValue > 0 ? l.y : w.value) ? 0 : l.absoluteValue > 0 ? l.y : w.value,
             width: l.width,
-            height: isNaN(Math.abs(l.y - L.value)) ? 0 : Math.abs(l.y - L.value),
+            height: isNaN(Math.abs(l.y - w.value)) ? 0 : Math.abs(l.y - w.value),
             fill: l.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${g.value})` : `url(#sparkline_bar_gradient_neg_${g.value})`,
             rx: e.value.style.bar.borderRadius
           }, null, 8, wt)) : f("", !0),
-          e.value.style.verticalIndicator.show && (v.value && l.id === v.value.id || x.selectedIndex === u) ? (s(), c("line", {
+          e.value.style.verticalIndicator.show && (v.value && l.id === v.value.id || $.selectedIndex === u) ? (n(), c("line", {
             key: 1,
             x1: l.x,
             x2: l.x,
@@ -412,19 +413,19 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
           }, null, 8, Lt)) : f("", !0)
         ]))), 256)),
-        q.value < 0 ? (s(), c("line", {
+        q.value < 0 ? (n(), c("line", {
           key: 4,
           x1: i.value.start,
           x2: i.value.start + i.value.width,
-          y1: n(we)(L.value, i.value.bottom),
-          y2: n(we)(L.value, i.value.bottom),
+          y1: s(we)(w.value, i.value.bottom),
+          y2: s(we)(w.value, i.value.bottom),
           stroke: e.value.style.zeroLine.color,
           "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
           "stroke-width": e.value.style.zeroLine.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, At)) : f("", !0),
-        e.value.style.plot.show ? (s(!0), c(Q, { key: 5 }, ee(d.value, (l, u) => (s(), c("g", null, [
-          v.value && l.id === v.value.id || x.selectedIndex === u || x.dataset.length === 1 ? (s(), c("circle", {
+        e.value.style.plot.show ? (n(!0), c(Q, { key: 5 }, ee(d.value, (l, u) => (n(), c("g", null, [
+          v.value && l.id === v.value.id || $.selectedIndex === u || s(N).length === 1 ? (n(), c("circle", {
             key: 0,
             cx: l.x,
             cy: l.y,
@@ -434,43 +435,43 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
             "stroke-width": e.value.style.plot.strokeWidth
           }, null, 8, $t)) : f("", !0)
         ]))), 256)) : f("", !0),
-        x.showInfo && e.value.style.dataLabel.show ? (s(), c("text", {
+        $.showInfo && e.value.style.dataLabel.show ? (n(), c("text", {
           key: 6,
           x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : i.value.width + 12 + e.value.style.dataLabel.offsetX,
           y: o.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
           "font-size": e.value.style.dataLabel.fontSize,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
           fill: e.value.style.dataLabel.color
-        }, T(v.value ? n(ae)(
+        }, W(v.value ? s(ae)(
           e.value.style.dataLabel.formatter,
           v.value.absoluteValue,
-          n(le)({ p: e.value.style.dataLabel.prefix, v: v.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
+          s(le)({ p: e.value.style.dataLabel.prefix, v: v.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
           { datapoint: v.value }
-        ) : n(ae)(
+        ) : s(ae)(
           e.value.style.dataLabel.formatter,
           de.value,
-          n(le)({ p: e.value.style.dataLabel.prefix, v: de.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
+          s(le)({ p: e.value.style.dataLabel.prefix, v: de.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
         )), 9, Nt)) : f("", !0),
-        (s(!0), c(Q, null, ee(d.value, (l, u) => (s(), c("rect", {
-          x: l.x - (i.value.width / (A.value + 1) > o.value.padding ? o.value.padding : i.value.width / (A.value + 1)) / 2,
+        (n(!0), c(Q, null, ee(d.value, (l, u) => (n(), c("rect", {
+          x: l.x - (i.value.width / (L.value + 1) > o.value.padding ? o.value.padding : i.value.width / (L.value + 1)) / 2,
           y: i.value.top - 6,
           height: i.value.height + 6,
-          width: i.value.width / (A.value + 1) > o.value.padding ? o.value.padding : i.value.width / (A.value + 1),
+          width: i.value.width / (L.value + 1) > o.value.padding ? o.value.padding : i.value.width / (L.value + 1),
           fill: "transparent",
           onMouseenter: () => ze(l, u),
           onMouseleave: () => De(l, u),
-          onClick: () => Te(l, u)
+          onClick: () => We(l, u)
         }, null, 40, Mt))), 256)),
-        I(t.$slots, "svg", { svg: o.value }, void 0, !0)
+        S(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 44, nt)),
-      v.value && e.value.style.tooltip.show ? (s(), pe(n(Ne), {
+      v.value && e.value.style.tooltip.show ? (n(), pe(s(Ne), {
         key: 1,
         x: v.value.x,
         y: v.value.y,
-        prevX: $.value.x,
-        prevY: $.value.y,
+        prevX: A.value.x,
+        prevY: A.value.y,
         offsetY: e.value.style.plot.radius * 3 + e.value.style.tooltip.offsetY,
-        svgRef: n(ne),
+        svgRef: s(ne),
         background: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         fontSize: e.value.style.tooltip.fontSize,
@@ -480,11 +481,11 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity
       }, {
         default: Ee(() => [
-          I(t.$slots, "tooltip", ge(me({ ...v.value })), () => [
-            Oe(T(v.value.period) + ": " + T(n(ae)(
+          S(t.$slots, "tooltip", ge(me({ ...v.value })), () => [
+            Oe(W(v.value.period) + ": " + W(s(ae)(
               e.value.style.dataLabel.formatter,
               v.value.absoluteValue,
-              n(le)({
+              s(le)({
                 p: e.value.style.dataLabel.prefix,
                 v: v.value.absoluteValue,
                 s: e.value.style.dataLabel.suffix,
@@ -496,18 +497,18 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
         ]),
         _: 3
       }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : f("", !0),
-      t.$slots.source ? (s(), c("div", {
+      t.$slots.source ? (n(), c("div", {
         key: 2,
         ref_key: "source",
         ref: se,
         dir: "auto"
       }, [
-        I(t.$slots, "source", {}, void 0, !0)
+        S(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      n(F) ? (s(), pe(lt, { key: 3 })) : f("", !0)
+      s(F) ? (n(), pe(at, { key: 3 })) : f("", !0)
     ], 12, st));
   }
-}, Rt = /* @__PURE__ */ ot(Ct, [["__scopeId", "data-v-12334391"]]);
+}, Ft = /* @__PURE__ */ ot(Ct, [["__scopeId", "data-v-9bb1ae10"]]);
 export {
-  Rt as default
+  Ft as default
 };