vue-data-ui 3.10.2 → 3.10.4

package/dist/{vue-ui-spark-trend-CJtfXMSj.js → vue-ui-spark-trend-Bd6UJIRg.js}

@@ -44,7 +44,7 @@ const ae = { style: { arrow: { colors: { positive: "#7FA09B", negative: "#9D7D92
     }
   },
   setup(ce) {
-    const fe = we(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_spark_trend: he } = je(), { isThemeValid: ye, warnInvalidTheme: pe } = Ge(), y = ce, z = c(null), P = c(null), W = c(null), w = c(null), x = c(null), $ = c(!1), p = c(null), L = c(Ne()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: D } = Oe({
+    const fe = we(() => import("./PackageVersion-B-d6mVAh.js")), { vue_ui_spark_trend: he } = je(), { isThemeValid: ye, warnInvalidTheme: pe } = Ge(), y = ce, z = c(null), P = c(null), W = c(null), w = c(null), x = c(null), $ = c(!1), p = c(null), L = c(Ne()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: D } = Oe({
       ...Le(y),
       FINAL_CONFIG: e,
       prepareConfig: E,

package/dist/{vue-ui-sparkbar-DHJdmNDm.js → vue-ui-sparkbar-tUo47wwo.js}

@@ -56,7 +56,7 @@ const j = {}, V = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundCol
   },
   emits: ["selectDatapoint"],
   setup(J, { emit: K }) {
-    const Q = ce(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkbar: Y } = De(), { isThemeValid: Z, warnInvalidTheme: ee } = Ee(), g = J, te = de();
+    const Q = ce(() => import("./PackageVersion-B-d6mVAh.js")), { vue_ui_sparkbar: Y } = De(), { isThemeValid: Z, warnInvalidTheme: ee } = Ee(), g = J, te = de();
     L(() => {
       te["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-sparkgauge-ANfPLNuD.js → vue-ui-sparkgauge-CiaiO1JX.js}

@@ -46,7 +46,7 @@ const M = { style: { colors: { min: "#9D7D92", max: "#678681" } } }, O = { style
     }
   },
   setup(V) {
-    const q = W(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkgauge: X } = le(), { isThemeValid: Y, warnInvalidTheme: H } = me(), c = V, _ = p(oe()), e = p(h()), { loading: b, FINAL_DATASET: v } = de({
+    const q = W(() => import("./PackageVersion-B-d6mVAh.js")), { vue_ui_sparkgauge: X } = le(), { isThemeValid: Y, warnInvalidTheme: H } = me(), c = V, _ = p(oe()), e = p(h()), { loading: b, FINAL_DATASET: v } = de({
       ...Z(c),
       FINAL_CONFIG: e,
       prepareConfig: h,

package/dist/{vue-ui-sparkhistogram-CIfYUXVZ.js → vue-ui-sparkhistogram-C8DMnroR.js}

@@ -50,7 +50,7 @@ const ee = {}, te = { style: { backgroundColor: "#1A1A1A", labels: { value: { co
     Se((l) => ({
       v47f58673: Ae.value
     }));
-    const ce = ze(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkhistogram: de } = Ve(), { isThemeValid: ye, warnInvalidTheme: he } = Ue(), C = ne, m = h(Ee()), O = h(null), V = h(null), D = h(null), k = h(null), w = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = We({
+    const ce = ze(() => import("./PackageVersion-B-d6mVAh.js")), { vue_ui_sparkhistogram: de } = Ve(), { isThemeValid: ye, warnInvalidTheme: he } = Ue(), C = ne, m = h(Ee()), O = h(null), V = h(null), D = h(null), k = h(null), w = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = We({
       ...Fe(C),
       FINAL_CONFIG: e,
       prepareConfig: M,

package/dist/{vue-ui-sparkline-Bm0OmFUB.js → vue-ui-sparkline-B4bEsyxd.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as he, computed as f, ref as y, toRefs as qe, watch as Q, shallowRef as ye, onMounted as Ze, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as z, renderSlot as D, createCommentVNode as h, createBlock as ge, normalizeProps as be, guardReactiveProps as me, createElementVNode as p, toDisplayString as B, unref as u, createVNode as Ke, Fragment as J, renderList as ee, withCtx as He, createTextVNode as Qe, nextTick as Je } from "vue";
-import { c as et, t as tt, a1 as ke, an as te, o as Ae, g as Ce, l as at, h as E, n as lt, ao as ot, X as rt, s as V, A as xe, C as ut, Q as _e, a as ae, d as le, ap as st } from "./lib-CVHM9FhP.js";
+import { defineAsyncComponent as he, computed as f, ref as y, toRefs as qe, watch as Q, shallowRef as ye, onMounted as Ze, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as S, renderSlot as M, createCommentVNode as h, createBlock as be, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as z, unref as u, createVNode as Ke, Fragment as J, renderList as ee, withCtx as He, createTextVNode as Qe, nextTick as Je } from "vue";
+import { c as et, t as tt, a1 as ke, an as te, o as Ae, g as Ce, l as at, h as B, n as lt, ao as ot, X as rt, s as V, A as xe, C as ut, Q as _e, a as ae, d as le, ap as st } from "./lib-CVHM9FhP.js";
 import { t as nt, u as it } from "./useResponsive-DfdjqQps.js";
 import { u as dt, a as oe } from "./useNestedProp-Ckf_2P_V.js";
 import { u as vt, B as ct } from "./BaseScanner-BMpwQAfz.js";
@@ -7,28 +7,28 @@ import { u as ft } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as ht } from "./useTimeLabels-DKoynYae.js";
 import { u as yt } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, $e = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, Ne = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" } } }, Ie = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" } } }, Me = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" } } }, De = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" } } }, Fe = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" } } }, Se = {
+const we = { style: { line: { color: "#2A2929" }, area: { color: "#65698E" }, bar: { color: "#2A2929" } } }, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, line: { color: "#65698E" }, area: { color: "#8D99AE" }, bar: { color: "#65698E" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, $e = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, Fe = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, Ne = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, Ie = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, Me = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, De = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ee = {
   default: {},
   minimal: we,
   minimalDark: Le,
   dark: $e,
-  celebration: Ne,
-  celebrationNight: Ie,
-  hack: Me,
-  zen: De,
-  concrete: Fe
+  celebration: Fe,
+  celebrationNight: Ne,
+  hack: Ie,
+  zen: Me,
+  concrete: De
 }, Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Ne,
-  celebrationNight: Ie,
-  concrete: Fe,
+  celebration: Fe,
+  celebrationNight: Ne,
+  concrete: De,
   dark: $e,
-  default: Se,
-  hack: Me,
+  default: Ee,
+  hack: Ie,
   minimal: we,
   minimalDark: Le,
-  zen: De
-}, Symbol.toStringTag, { value: "Module" })), gt = ["id"], bt = ["xmlns", "viewBox"], mt = ["width", "height"], kt = ["id"], At = ["stop-color"], Ct = ["stop-color"], xt = ["id"], _t = ["stop-color"], wt = ["stop-color"], Lt = ["id"], $t = ["stop-color"], Nt = ["stop-color"], It = { key: 1 }, Mt = ["d", "fill"], Dt = ["d", "fill"], Ft = ["d", "stroke", "stroke-width"], St = ["d", "stroke", "stroke-width"], zt = ["x", "y", "width", "height", "fill", "rx"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Et = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Tt = ["x", "y", "font-size", "font-weight", "fill"], Rt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Ot = {
+  zen: Me
+}, Symbol.toStringTag, { value: "Module" })), bt = ["id"], gt = ["xmlns", "viewBox"], mt = ["width", "height"], kt = ["id"], At = ["stop-color"], Ct = ["stop-color"], xt = ["id"], _t = ["stop-color"], wt = ["stop-color"], Lt = ["id"], $t = ["stop-color"], Ft = ["stop-color"], Nt = { key: 1 }, It = ["d", "fill"], Mt = ["d", "fill"], Dt = ["d", "stroke", "stroke-width"], Et = ["d", "stroke", "stroke-width"], St = ["x", "y", "width", "height", "fill", "rx"], zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Tt = ["x", "y", "font-size", "font-weight", "fill"], Rt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Ot = {
   __name: "vue-ui-sparkline",
   props: {
     config: {
@@ -61,8 +61,8 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
     }
   },
   emits: ["hoverIndex", "selectDatapoint"],
-  setup(L, { emit: ze }) {
-    const Be = he(() => import("./PackageVersion-CQxJyGQr.js")), Ee = he(() => import("./SparkTooltip-BLTVhvm2.js")), { vue_ui_sparkline: Ve } = dt(), { isThemeValid: Te, warnInvalidTheme: Re } = ft(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(et()), T = y(null), ue = y(null), se = y(null), e = y(P());
+  setup(L, { emit: Se }) {
+    const ze = he(() => import("./PackageVersion-B-d6mVAh.js")), Be = he(() => import("./SparkTooltip-BLTVhvm2.js")), { vue_ui_sparkline: Ve } = dt(), { isThemeValid: Te, warnInvalidTheme: Re } = ft(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), b = y(et()), T = y(null), ue = y(null), se = y(null), e = y(P());
     function Oe(t) {
       return st(t).map((a) => ({ period: "-", value: a }));
     }
@@ -106,7 +106,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           Re(t), a = t;
         else {
           const o = oe({
-            userConfig: Se[l] || s.config,
+            userConfig: Ee[l] || s.config,
             defaultConfig: t
           });
           a = {
@@ -127,7 +127,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
     Q(() => s.config, (t) => {
       R.value || (e.value = P()), de(), r.value.chartWidth = e.value.style.chartWidth;
     }, { deep: !0 }), Q(() => s.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (O.value = !1), b.value = te({
+      Array.isArray(t) && t.length > 0 && (O.value = !1), g.value = te({
         data: $.value.map((a) => ({
           ...a,
           value: [void 0].includes(a.value) ? null : a.value
@@ -135,7 +135,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         threshold: e.value.downsample.threshold
       });
     }, { deep: !0 });
-    const b = y(Pe());
+    const g = y(Pe());
     function Pe() {
       return te({
         data: $.value.map((t) => e.value.style.animation.show && $.value.length > 1 ? {
@@ -148,46 +148,46 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         threshold: e.value.downsample.threshold
       });
     }
-    const m = ye(null), C = ye(null), W = y(!1), N = y(0), j = y([]), G = y(""), U = f(() => {
+    const m = ye(null), C = ye(null), W = y(!1), F = y(0), j = y([]), G = y(""), U = f(() => {
       const a = (A.value || []).map((o) => `${o.period}::${Number.isFinite(o.value) ? o.value : 0}`).join("|"), l = e.value?.style?.animation || {};
       return `${a}#${!!l.show}#${l.animationFrames || 0}`;
     });
-    function F() {
-      N.value && (cancelAnimationFrame(N.value), N.value = 0), j.value.forEach((t) => clearTimeout(t)), j.value = [], W.value = !1;
+    function D() {
+      F.value && (cancelAnimationFrame(F.value), F.value = 0), j.value.forEach((t) => clearTimeout(t)), j.value = [], W.value = !1;
     }
     function X() {
       const t = e.value?.style?.animation || {}, a = A.value || [], l = U.value;
-      if (l && l === G.value && (W.value || b.value.length === a.length))
+      if (l && l === G.value && (W.value || g.value.length === a.length))
         return;
-      if (F(), !t.show || R.value || a.length <= 1) {
-        b.value = a, G.value = l;
+      if (D(), !t.show || R.value || a.length <= 1) {
+        g.value = a, G.value = l;
         return;
       }
-      W.value = !0, G.value = l, b.value = [];
+      W.value = !0, G.value = l, g.value = [];
       const o = Math.max(1, Number(t.animationFrames) || 1), K = Math.max(1, Math.floor(o / a.length));
       let H = 0;
       const fe = () => {
         if (l !== U.value) {
-          F();
+          D();
           return;
         }
         if (H < a.length) {
-          b.value.push(a[H]);
+          g.value.push(a[H]);
           const Ye = setTimeout(() => {
-            N.value = requestAnimationFrame(fe);
+            F.value = requestAnimationFrame(fe);
           }, K);
           j.value.push(Ye), H += 1;
         } else
-          b.value = a, F();
+          g.value = a, D();
       };
-      N.value = requestAnimationFrame(fe);
+      F.value = requestAnimationFrame(fe);
     }
     Q(U, () => {
       X();
     }), Ze(() => {
       de(), X();
     }), pe(() => {
-      F();
+      D();
     });
     const ie = f(() => !!e.value.debug);
     function de() {
@@ -230,7 +230,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
       width: 500,
       chartWidth: e.value.style.chartWidth,
       padding: s.forcedPadding
-    }), Y = ze, i = f(() => {
+    }), Y = Se, i = f(() => {
       const { top: t, right: a, bottom: l, left: o } = e.value.style.padding;
       return {
         top: t,
@@ -241,30 +241,30 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         width: s.showInfo && e.value.style.dataLabel.show ? r.value.chartWidth - o - a : r.value.width - r.value.padding - o - a,
         height: r.value.height - t - l
       };
-    }), q = f(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...b.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), We = f(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...b.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), I = f(() => {
+    }), q = f(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...g.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), We = f(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...g.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), N = f(() => {
       const t = q.value >= 0 ? 0 : q.value;
       return Math.abs(t);
-    }), ve = f(() => We.value + I.value), x = f(() => i.value.bottom - i.value.height * Z(I.value));
+    }), ve = f(() => We.value + N.value), x = f(() => i.value.bottom - i.value.height * Z(N.value));
     function Z(t) {
       return isNaN(t / ve.value) ? 0 : t / ve.value;
     }
-    const _ = f(() => A.value.length - 1 || 1), S = f(() => ht({
+    const _ = f(() => A.value.length - 1 || 1), E = f(() => ht({
       values: A.value.map((t) => t.period),
       maxDatapoints: A.value.length,
       formatter: e.value.style.dataLabel.datetimeFormatter,
       start: 0,
       end: A.value.length
-    })), v = f(() => b.value.map((t, a) => {
+    })), v = f(() => g.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, o = i.value.width / _.value;
       return {
         absoluteValue: l,
-        period: S.value && S.value[a] && S.value[a].text ? S.value[a].text : t.period,
-        plotValue: l + I.value,
-        toMax: Z(l + I.value),
+        period: E.value && E.value[a] && E.value[a].text ? E.value[a].text : t.period,
+        plotValue: l + N.value,
+        toMax: Z(l + N.value),
         x: i.value.start + a * o,
-        y: i.value.bottom - i.value.height * Z(l + I.value),
-        id: `plot_${g.value}_${a}`,
-        color: M.value ? e.value.style.bar.color : e.value.style.area.useGradient ? E(e.value.style.line.color, 0.05 * (1 - a / _.value)) : e.value.style.line.color,
+        y: i.value.bottom - i.value.height * Z(l + N.value),
+        id: `plot_${b.value}_${a}`,
+        color: I.value ? e.value.style.bar.color : e.value.style.area.useGradient ? B(e.value.style.line.color, 0.05 * (1 - a / _.value)) : e.value.style.line.color,
         width: o
       };
     })), je = f(() => {
@@ -301,7 +301,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           median: null,
           trend: null
         };
-    }), ce = f(() => re.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), M = f(() => e.value.type && e.value.type === "bar");
+    }), ce = f(() => re.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 = f(() => e.value.type && e.value.type === "bar");
     function Xe(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), Y("selectDatapoint", { datapoint: t, index: a });
     }
@@ -309,10 +309,10 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
       ref_key: "sparklineChart",
       ref: T,
       class: "vue-data-ui-component vue-ui-sparkline",
-      id: g.value,
-      style: z(`width:100%;font-family:${e.value.style.fontFamily};`)
+      id: b.value,
+      style: S(`width:100%;font-family:${e.value.style.fontFamily};`)
     }, [
-      D(t.$slots, "before", be(me({
+      M(t.$slots, "before", ge(me({
         selected: d.value,
         latest: k.value.latest,
         sum: k.value.sum,
@@ -325,21 +325,21 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         ref_key: "chartTitle",
         ref: ue,
         class: "vue-ui-sparkline-title",
-        style: z(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
+        style: S(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
       }, [
         p("span", {
-          style: z(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, B(d.value ? d.value.period : e.value.style.title.text), 5)
+          style: S(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
+        }, z(d.value ? d.value.period : e.value.style.title.text), 5)
       ], 4)) : h("", !0),
       (n(), c("svg", {
         ref_key: "svgRef",
         ref: ne,
         xmlns: u(rt),
         viewBox: `0 0 ${r.value.width} ${r.value.height}`,
-        style: z(`background:${e.value.style.backgroundColor};overflow:visible`),
+        style: S(`background:${e.value.style.backgroundColor};overflow:visible`),
         onMouseleave: a[0] || (a[0] = (l) => w.value = void 0)
       }, [
-        Ke(u(Be)),
+        Ke(u(ze)),
         t.$slots["chart-background"] ? (n(), c("foreignObject", {
           key: 0,
           x: 0,
@@ -350,7 +350,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
             pointerEvents: "none"
           }
         }, [
-          D(t.$slots, "chart-background", {}, void 0, !0)
+          M(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, mt)) : h("", !0),
         p("defs", null, [
           p("linearGradient", {
@@ -358,11 +358,11 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
             y1: "0%",
             x2: "100%",
             y2: "0%",
-            id: `sparkline_gradient_${g.value}`
+            id: `sparkline_gradient_${b.value}`
           }, [
             p("stop", {
               offset: "0%",
-              "stop-color": u(V)(u(E)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
+              "stop-color": u(V)(u(B)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
             }, null, 8, At),
             p("stop", {
               offset: "100%",
@@ -372,7 +372,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           p("linearGradient", {
             x2: "0%",
             y2: "100%",
-            id: `sparkline_bar_gradient_pos_${g.value}`
+            id: `sparkline_bar_gradient_pos_${b.value}`
           }, [
             p("stop", {
               offset: "0%",
@@ -380,40 +380,40 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
             }, null, 8, _t),
             p("stop", {
               offset: "100%",
-              "stop-color": u(E)(e.value.style.bar.color, 0.05)
+              "stop-color": u(B)(e.value.style.bar.color, 0.05)
             }, null, 8, wt)
           ], 8, xt),
           p("linearGradient", {
             x2: "0%",
             y2: "100%",
-            id: `sparkline_bar_gradient_neg_${g.value}`
+            id: `sparkline_bar_gradient_neg_${b.value}`
           }, [
             p("stop", {
               offset: "0%",
-              "stop-color": u(E)(e.value.style.bar.color, 0.05)
+              "stop-color": u(B)(e.value.style.bar.color, 0.05)
             }, null, 8, $t),
             p("stop", {
               offset: "100%",
               "stop-color": e.value.style.bar.color
-            }, null, 8, Nt)
+            }, null, 8, Ft)
           ], 8, Lt)
         ]),
-        e.value.style.area.show && !M.value && v.value[0] && v.value.length > 1 ? (n(), c("g", It, [
+        e.value.style.area.show && !I.value && v.value[0] && v.value.length > 1 ? (n(), c("g", Nt, [
           e.value.style.line.smooth ? (n(), c("path", {
             key: 0,
             d: `M ${v.value[0].x},${i.value.bottom} ${u(xe)(v.value)} L ${v.value.at(-1).x},${i.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Mt)) : (n(), c("path", {
+          }, null, 8, It)) : (n(), c("path", {
             key: 1,
             d: `M${je.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Dt))
+          }, null, 8, Mt))
         ])) : h("", !0),
-        e.value.style.line.smooth && !M.value ? (n(), c("path", {
+        e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 2,
           d: `M ${u(xe)(v.value) || "0,0"}`,
           stroke: e.value.style.line.color,
@@ -421,8 +421,8 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Ft)) : h("", !0),
-        !e.value.style.line.smooth && !M.value ? (n(), c("path", {
+        }, null, 8, Dt)) : h("", !0),
+        !e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 3,
           d: `M ${u(ut)(v.value) || "0,0"}`,
           stroke: e.value.style.line.color,
@@ -430,17 +430,17 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, St)) : h("", !0),
+        }, null, 8, Et)) : h("", !0),
         (n(!0), c(J, null, ee(v.value, (l, o) => (n(), c("g", null, [
-          M.value ? (n(), c("rect", {
+          I.value ? (n(), c("rect", {
             key: 0,
             x: l.x - l.width / 2,
             y: isNaN(l.absoluteValue > 0 ? l.y : x.value) ? 0 : l.absoluteValue > 0 ? l.y : x.value,
             width: l.width,
             height: isNaN(Math.abs(l.y - x.value)) ? 0 : Math.abs(l.y - x.value),
-            fill: l.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${g.value})` : `url(#sparkline_bar_gradient_neg_${g.value})`,
+            fill: l.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${b.value})` : `url(#sparkline_bar_gradient_neg_${b.value})`,
             rx: e.value.style.bar.borderRadius
-          }, null, 8, zt)) : h("", !0),
+          }, null, 8, St)) : h("", !0),
           e.value.style.verticalIndicator.show && (d.value && l.id === d.value.id || L.selectedIndex === o) ? (n(), c("line", {
             key: 1,
             x1: l.x,
@@ -451,7 +451,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
             "stroke-width": e.value.style.verticalIndicator.strokeWidth,
             "stroke-linecap": "round",
             "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
-          }, null, 8, Bt)) : h("", !0)
+          }, null, 8, zt)) : h("", !0)
         ]))), 256)),
         q.value < 0 ? (n(), c("line", {
           key: 4,
@@ -463,7 +463,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
           "stroke-width": e.value.style.zeroLine.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Et)) : h("", !0),
+        }, null, 8, Bt)) : h("", !0),
         e.value.style.plot.show ? (n(!0), c(J, { key: 5 }, ee(v.value, (l, o) => (n(), c("g", null, [
           d.value && l.id === d.value.id || L.selectedIndex === o || u($).length === 1 ? (n(), c("circle", {
             key: 0,
@@ -482,7 +482,7 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           "font-size": e.value.style.dataLabel.fontSize,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
           fill: e.value.style.dataLabel.color
-        }, B(d.value ? u(ae)(
+        }, z(d.value ? u(ae)(
           e.value.style.dataLabel.formatter,
           d.value.absoluteValue,
           u(le)({ p: e.value.style.dataLabel.prefix, v: d.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
@@ -502,9 +502,9 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
           onMouseleave: () => Ue(l, o),
           onClick: () => Xe(l, o)
         }, null, 40, Rt))), 256)),
-        D(t.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 44, bt)),
-      d.value && e.value.style.tooltip.show ? (n(), ge(u(Ee), {
+        M(t.$slots, "svg", { svg: r.value }, void 0, !0)
+      ], 44, gt)),
+      d.value && e.value.style.tooltip.show ? (n(), be(u(Be), {
         key: 1,
         x: d.value.x,
         y: d.value.y,
@@ -521,8 +521,8 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity
       }, {
         default: He(() => [
-          D(t.$slots, "tooltip", be(me({ ...d.value })), () => [
-            Qe(B(d.value.period) + ": " + B(u(ae)(
+          M(t.$slots, "tooltip", ge(me({ ...d.value })), () => [
+            Qe(z(d.value.period) + ": " + z(u(ae)(
               e.value.style.dataLabel.formatter,
               d.value.absoluteValue,
               u(le)({
@@ -543,10 +543,10 @@ const we = {}, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#
         ref: se,
         dir: "auto"
       }, [
-        D(t.$slots, "source", {}, void 0, !0)
+        M(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      u(R) ? (n(), ge(ct, { key: 3 })) : h("", !0)
-    ], 12, gt));
+      u(R) ? (n(), be(ct, { key: 3 })) : h("", !0)
+    ], 12, bt));
   }
 }, Pt = /* @__PURE__ */ pt(Ot, [["__scopeId", "data-v-a90be8f4"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,