vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-skeleton-CdpD_Zjk.js → vue-ui-skeleton-Bg1akQqn.js}

@@ -1,7 +1,7 @@
 import { ref as w, computed as g, createElementBlock as e, openBlock as o, normalizeStyle as n, normalizeClass as N, createCommentVNode as a, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as h, createStaticVNode as $ } from "vue";
-import { e as B, X as c, s as v, b as F } from "./lib-2iaAPQ_c.js";
-import { u as O, a as V } from "./useNestedProp-BCt4DMkT.js";
-import y from "./PackageVersion-C-JOGZBL.js";
+import { e as B, X as c, s as v, b as F } from "./lib-CVHM9FhP.js";
+import { u as O, a as V } from "./useNestedProp-Ckf_2P_V.js";
+import y from "./PackageVersion-CQxJyGQr.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], c1 = ["stroke"], u1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], cl = ["stroke", "fill"], ul = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], c0 = ["stroke"], u0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ct = ["stroke", "stroke-width"], ut = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ce = ["x", "y", "fill"], ue = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",

package/dist/{vue-ui-smiley-CTeSlfZa.js → vue-ui-smiley-B23r7AWp.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as i, openBlock as s, withKeys as K, normalizeStyle as r, normalizeClass as T, createCommentVNode as y, createElementVNode as a, toDisplayString as f, renderSlot as $, unref as M, useSlots as H, ref as x, onMounted as B, watch as N, computed as R, Fragment as P, renderList as q, createVNode as J, withCtx as z, createTextVNode as Q } from "vue";
-import { X as V, h as j, a as W, d as Z, o as _, g as ee } from "./lib-2iaAPQ_c.js";
-import { u as te, a as le } from "./useNestedProp-BCt4DMkT.js";
+import { X as V, h as j, a as W, d as Z, o as _, g as ee } from "./lib-CVHM9FhP.js";
+import { u as te, a as le } from "./useNestedProp-Ckf_2P_V.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const oe = ["xmlns", "stroke"], ne = ["id"], ie = ["stop-color"], se = ["stop-color"], re = ["stroke"], ue = ["xmlns", "viewBox", "stroke"], de = ["id"], ce = ["stop-color"], ye = ["stop-color"], fe = ["viewBox", "stroke"], ve = {
   __name: "BaseSmilingUnit",

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

@@ -1,29 +1,33 @@
-import { defineAsyncComponent as _e, ref as c, toRefs as we, computed as u, watch as R, nextTick as K, onMounted as Le, createElementBlock as r, openBlock as s, normalizeStyle as Ae, createCommentVNode as h, createBlock as xe, unref as i, createVNode as $e, createElementVNode as F, renderSlot as Q, toDisplayString as Y } from "vue";
-import { c as Te, t as Se, R as ee, o as G, g as Ne, U as w, al as Fe, X as ze, s as U, A as le, d as te, a as Be } from "./lib-2iaAPQ_c.js";
-import { t as Ee, u as Me } from "./useResponsive-DfdjqQps.js";
-import { u as De, a as Z } from "./useNestedProp-BCt4DMkT.js";
-import { u as Ie, B as je } from "./BaseScanner-BMpwQAfz.js";
-import { u as Oe } from "./useFitSvgText-2crs6Fv5.js";
-import { u as Ve } from "./useThemeCheck-DGJ31Vi5.js";
-import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC" }, trendLabel: { color: "#CCCCCC" } } }, ne = { style: { backgroundColor: "#FFF8E1", line: { smooth: !1 }, dataLabel: { color: "#424242" }, trendLabel: { color: "#424242" } } }, oe = { style: { backgroundColor: "#1E1E1E", line: { smooth: !1 }, dataLabel: { color: "#BDBDBD" }, trendLabel: { color: "#BDBDBD" } } }, ue = { style: { backgroundColor: "#1A1A1A", line: { stroke: "#00FF00", smooth: !1 }, dataLabel: { color: "#AACCAA" }, trendLabel: { color: "#99CC99" }, arrow: { colors: { positive: "#66CC66", negative: "#196619" } } } }, se = { style: { backgroundColor: "#fbfafa", line: { stroke: "#B9B99D" }, dataLabel: { color: "#8A9892" }, trendLabel: { color: "#99CC99" }, arrow: { colors: { positive: "#B9B99D", negative: "#C09E85", neutral: "#A5AFC1" } } } }, re = { style: { backgroundColor: "#f6f6fb", line: { stroke: "#4A6A75" }, dataLabel: { color: "#61747E" }, trendLabel: { color: "#8A9892" }, arrow: { colors: { positive: "#4A6A75", negative: "#C09E85", neutral: "#ABB1BC" } } } }, ie = {
+import { defineAsyncComponent as we, ref as c, toRefs as Le, computed as s, watch as R, nextTick as K, onMounted as xe, createElementBlock as r, openBlock as u, normalizeStyle as $e, createCommentVNode as h, createBlock as Te, unref as i, createVNode as Se, createElementVNode as F, renderSlot as Q, toDisplayString as Y } from "vue";
+import { c as Ne, t as Fe, R as ee, o as G, g as ze, U as A, al as Be, X as De, s as U, A as le, d as te, a as Ee } from "./lib-CVHM9FhP.js";
+import { t as Me, u as Ie } from "./useResponsive-DfdjqQps.js";
+import { u as je, a as Z } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Oe, B as Ve } from "./BaseScanner-BMpwQAfz.js";
+import { u as Re } from "./useFitSvgText-2crs6Fv5.js";
+import { u as Ge } from "./useThemeCheck-D1ZYXUwG.js";
+import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ae = { style: { arrow: { colors: { positive: "#7FA09B", negative: "#9D7D92" } } } }, ne = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC" }, trendLabel: { color: "#CCCCCC" }, arrow: { colors: { positive: "#7FA09B", negative: "#9D7D92" } } } }, oe = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC" }, trendLabel: { color: "#CCCCCC" } } }, se = { style: { backgroundColor: "#FFF8E1", line: { smooth: !1 }, dataLabel: { color: "#424242" }, trendLabel: { color: "#424242" } } }, ue = { style: { backgroundColor: "#1E1E1E", line: { smooth: !1 }, dataLabel: { color: "#BDBDBD" }, trendLabel: { color: "#BDBDBD" } } }, re = { style: { backgroundColor: "#1A1A1A", line: { stroke: "#00FF00", smooth: !1 }, dataLabel: { color: "#AACCAA" }, trendLabel: { color: "#99CC99" }, arrow: { colors: { positive: "#66CC66", negative: "#196619" } } } }, ie = { style: { backgroundColor: "#fbfafa", line: { stroke: "#B9B99D" }, dataLabel: { color: "#8A9892" }, trendLabel: { color: "#99CC99" }, arrow: { colors: { positive: "#B9B99D", negative: "#C09E85", neutral: "#A5AFC1" } } } }, ve = { style: { backgroundColor: "#f6f6fb", line: { stroke: "#4A6A75" }, dataLabel: { color: "#61747E" }, trendLabel: { color: "#8A9892" }, arrow: { colors: { positive: "#4A6A75", negative: "#C09E85", neutral: "#ABB1BC" } } } }, de = {
   default: {},
-  dark: ae,
-  celebration: ne,
-  celebrationNight: oe,
-  hack: ue,
-  zen: se,
-  concrete: re
-}, yl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ae,
+  minimalDark: ne,
+  dark: oe,
+  celebration: se,
+  celebrationNight: ue,
+  hack: re,
+  zen: ie,
+  concrete: ve
+}, gl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: ne,
-  celebrationNight: oe,
-  concrete: re,
-  dark: ae,
-  default: ie,
-  hack: ue,
-  zen: se
-}, Symbol.toStringTag, { value: "Module" })), Ge = ["id"], Ue = ["xmlns", "viewBox"], Ze = ["width", "height"], Pe = ["id"], We = ["stop-color"], He = ["stop-color"], qe = { key: 1 }, Xe = ["d", "fill"], Je = ["d", "fill"], Ke = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], el = ["fill", "d"], ll = ["x", "y", "width", "height"], tl = ["x", "y", "fill", "font-size", "font-weight"], al = ["stroke", "cx", "cy", "fill"], nl = ["x", "y", "font-size", "fill", "font-weight"], ol = {
+  celebration: se,
+  celebrationNight: ue,
+  concrete: ve,
+  dark: oe,
+  default: de,
+  hack: re,
+  minimal: ae,
+  minimalDark: ne,
+  zen: ie
+}, Symbol.toStringTag, { value: "Module" })), Ze = ["id"], Pe = ["xmlns", "viewBox"], We = ["width", "height"], He = ["id"], qe = ["stop-color"], Xe = ["stop-color"], Je = { key: 1 }, Ke = ["d", "fill"], Qe = ["d", "fill"], Ye = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], el = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], ll = ["d"], tl = ["fill", "d"], al = ["x", "y", "width", "height"], nl = ["x", "y", "fill", "font-size", "font-weight"], ol = ["stroke", "cx", "cy", "fill"], sl = ["x", "y", "font-size", "fill", "font-weight"], ul = {
   __name: "vue-ui-spark-trend",
   props: {
     config: {
@@ -39,13 +43,13 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       }
     }
   },
-  setup(ve) {
-    const de = _e(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, z = c(null), P = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(M()), { loading: C, FINAL_DATASET: B, manualLoading: E } = Ie({
-      ...we(y),
+  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({
+      ...Le(y),
       FINAL_CONFIG: e,
-      prepareConfig: M,
+      prepareConfig: E,
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
-      skeletonConfig: Se({
+      skeletonConfig: Fe({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -60,16 +64,16 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         }
       })
     });
-    function M() {
+    function E() {
       const l = Z({
         userConfig: y.config,
-        defaultConfig: ce
+        defaultConfig: he
       }), t = l.theme;
       if (!t) return l;
-      if (!fe.value(l))
-        return he(l), l;
+      if (!ye.value(l))
+        return pe(l), l;
       const o = Z({
-        userConfig: ie[t] || y.config,
+        userConfig: de[t] || y.config,
         defaultConfig: l
       });
       return Z({
@@ -77,15 +81,15 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         defaultConfig: o
       });
     }
-    const g = u(() => ee({
+    const g = s(() => ee({
       data: B.value,
       threshold: e.value.downsample.threshold
     }));
     R(() => y.config, (l) => {
-      e.value = M(), j.value = e.value.style.width, _.value = e.value.style.height, H();
+      e.value = E(), j.value = e.value.style.width, _.value = e.value.style.height, H();
     }, { deep: !0 });
-    function D(l) {
-      return l.map((t) => w(t));
+    function M(l) {
+      return l.map((t) => A(t));
     }
     const k = c(ee({
       data: B.value,
@@ -98,7 +102,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }, { deep: !0, immediate: !0 }), R(
       () => JSON.stringify(y.dataset),
       () => {
-        p.value && (cancelAnimationFrame(p.value), p.value = null), E.value = G(y.dataset);
+        p.value && (cancelAnimationFrame(p.value), p.value = null), D.value = G(y.dataset);
         const l = g.value;
         k.value = e.value.style.animation.show ? Array(l.length).fill(null) : l.map((t) => Number.isFinite(t) ? t : null), I(), K(() => N(".vue-ui-sparktrend-progress-label", 6));
       },
@@ -110,25 +114,25 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         let b = function() {
           $.value = !0;
           let X = performance.now(), J = X - o;
-          J > t ? (o = X - J % t, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = D(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
+          J > t ? (o = X - J % t, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = M(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
         };
         k.value = [];
         let f = 0;
         b();
       }
     }
-    Le(() => {
+    xe(() => {
       H();
     });
-    const ye = u(() => e.value.debug);
+    const ge = s(() => e.value.debug);
     function H() {
-      if (G(y.dataset) && (Ne({
+      if (G(y.dataset) && (ze({
         componentName: "VueUiSparkTrend",
         type: "dataset",
-        debug: ye.value
-      }), E.value = !0), G(y.dataset) || (E.value = !1), e.value.responsive) {
-        const l = Ee(() => {
-          const { width: t, height: o } = Me({
+        debug: ge.value
+      }), D.value = !0), G(y.dataset) || (D.value = !1), e.value.responsive) {
+        const l = Me(() => {
+          const { width: t, height: o } = Ie({
             chart: z.value,
             source: W.value
           });
@@ -136,22 +140,22 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
             j.value = t, _.value = o;
           });
         });
-        L.value && (x.value && L.value.unobserve(x.value), L.value.disconnect()), L.value = new ResizeObserver(l), x.value = z.value.parentNode, L.value.observe(x.value);
+        w.value && (x.value && w.value.unobserve(x.value), w.value.disconnect()), w.value = new ResizeObserver(l), x.value = z.value.parentNode, w.value.observe(x.value);
       }
       I(), N(".vue-ui-sparktrend-progress-label", 6);
     }
-    const j = c(e.value.style.width), _ = c(e.value.style.height), v = u(() => ({
+    const j = c(e.value.style.width), _ = c(e.value.style.height), v = s(() => ({
       height: _.value,
       width: j.value
-    })), n = u(() => ({
+    })), n = s(() => ({
       top: e.value.style.padding.top,
       left: e.value.style.padding.left,
       right: v.value.width - e.value.style.padding.right,
       bottom: v.value.height - e.value.style.padding.bottom,
       height: v.value.height - (e.value.style.padding.top + e.value.style.padding.bottom) - (e.value.style.dataLabel.show ? e.value.style.dataLabel.fontSize : 0),
       width: v.value.width - (e.value.style.padding.left + e.value.style.padding.right)
-    })), O = u(() => {
-      const l = D(g.value).filter(Number.isFinite);
+    })), O = s(() => {
+      const l = M(g.value).filter(Number.isFinite);
       if (!l.length) return { max: 0, min: 0 };
       let t = l[0], o = l[0];
       for (let f = 1; f < l.length; f++) {
@@ -159,67 +163,67 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         b > t && (t = b), b < o && (o = b);
       }
       return { max: t, min: o };
-    }), pe = u(() => {
+    }), me = s(() => {
       const l = g.value, t = l.length ? l[l.length - 1] : "x";
       return [
-        A.value,
+        L.value,
         l.length,
         Number.isFinite(t) ? t : "x",
         e.value.downsample.threshold,
         e.value.style.line.smooth ? "s" : "l"
       ].join("-");
-    }), T = u(() => {
+    }), T = s(() => {
       const l = O.value.min >= 0 ? 0 : O.value.min;
       return Math.abs(l);
-    }), ge = u(() => O.value.max + T.value);
+    }), be = s(() => O.value.max + T.value);
     function q(l) {
-      return l / ge.value;
+      return l / be.value;
     }
-    const me = u(() => g.value.length), a = u(() => k.value.map((l, t) => {
+    const ke = s(() => g.value.length), a = s(() => k.value.map((l, t) => {
       const o = isNaN(l) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l) ? 0 : l || 0;
       return {
-        value: w(l),
-        absoluteValue: w(o),
-        plotValue: w(o + T.value),
+        value: A(l),
+        absoluteValue: A(o),
+        plotValue: A(o + T.value),
         toMax: q(o + T.value),
-        x: n.value.left + w(t * (n.value.width / (me.value - 1))) - e.value.style.padding.right,
-        y: n.value.bottom - w(n.value.height * q(o + T.value))
+        x: n.value.left + A(t * (n.value.width / (ke.value - 1))) - e.value.style.padding.right,
+        y: n.value.bottom - A(n.value.height * q(o + T.value))
       };
-    })), S = u(() => {
-      const l = D(g.value);
-      return e.value.style.trendLabel.trendType === "global" ? Fe(l) : e.value.style.trendLabel.trendType === "n-1" && l.length > 1 ? (l.at(-1) / l.at(-2) - 1) * 100 : e.value.style.trendLabel.trendType === "lastToFirst" ? (l.at(-1) / l[0] - 1) * 100 : 0;
-    }), V = u(() => $.value || S.value === 0 ? "neutral" : S.value > 0 ? "positive" : "negative"), m = u(() => e.value.style.arrow.colors[V.value]), be = u(() => {
+    })), S = s(() => {
+      const l = M(g.value);
+      return e.value.style.trendLabel.trendType === "global" ? Be(l) : e.value.style.trendLabel.trendType === "n-1" && l.length > 1 ? (l.at(-1) / l.at(-2) - 1) * 100 : e.value.style.trendLabel.trendType === "lastToFirst" ? (l.at(-1) / l[0] - 1) * 100 : 0;
+    }), V = s(() => $.value || S.value === 0 ? "neutral" : S.value > 0 ? "positive" : "negative"), m = s(() => e.value.style.arrow.colors[V.value]), Ce = s(() => {
       const l = { x: a.value[0].x, y: v.value.height - 6 }, t = { x: a.value[a.value.length - 1].x, y: v.value.height - 6 }, o = [];
       return a.value.forEach((f) => {
         o.push(`${f.x},${f.y} `);
       }), [l.x, l.y, ...o, t.x, t.y].toString();
-    }), ke = u(() => {
+    }), _e = s(() => {
       let l = [];
       return a.value.forEach((t) => {
         l.push(`${t.x},${t.y} `);
       }), `M ${l.toString()}`;
-    }), d = u(() => _.value / 2 - e.value.style.trendLabel.fontSize), Ce = u(() => n.value.left * 0.8), { fitText: N } = Oe({
+    }), d = s(() => _.value / 2 - e.value.style.trendLabel.fontSize), Ae = s(() => n.value.left * 0.8), { fitText: N } = Re({
       svgRef: P,
-      unitWidth: Ce,
+      unitWidth: Ae,
       fontSize: e.value.style.trendLabel.fontSize
     });
-    return (l, t) => (s(), r("div", {
+    return (l, t) => (u(), r("div", {
       ref_key: "sparkTrendChart",
       ref: z,
       class: "vue-data-ui-component vue-ui-spark-trend",
-      id: A.value,
-      style: Ae(`width:100%;font-family:${e.value.style.fontFamily};background:${e.value.style.backgroundColor}`)
+      id: L.value,
+      style: $e(`width:100%;font-family:${e.value.style.fontFamily};background:${e.value.style.backgroundColor}`)
     }, [
-      (s(), r("svg", {
-        key: pe.value,
+      (u(), r("svg", {
+        key: me.value,
         ref_key: "svgRef",
         ref: P,
-        xmlns: i(ze),
+        xmlns: i(De),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: "width:100%;background:transparent;overflow:visible"
       }, [
-        $e(i(de)),
-        l.$slots["chart-background"] ? (s(), r("foreignObject", {
+        Se(i(fe)),
+        l.$slots["chart-background"] ? (u(), r("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -230,39 +234,39 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           }
         }, [
           Q(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ze)) : h("", !0),
+        ], 8, We)) : h("", !0),
         F("defs", null, [
           F("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
-            id: `pill_gradient_${A.value}`
+            id: `pill_gradient_${L.value}`
           }, [
             F("stop", {
               offset: "0%",
               "stop-color": i(U)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity)
-            }, null, 8, We),
+            }, null, 8, qe),
             F("stop", {
               offset: "100%",
               "stop-color": e.value.style.backgroundColor
-            }, null, 8, He)
-          ], 8, Pe)
+            }, null, 8, Xe)
+          ], 8, He)
         ]),
-        e.value.style.area.show && a.value[0] ? (s(), r("g", qe, [
-          e.value.style.line.smooth ? (s(), r("path", {
+        e.value.style.area.show && a.value[0] ? (u(), r("g", Je, [
+          e.value.style.line.smooth ? (u(), r("path", {
             key: 0,
             d: `M ${a.value[0].x},${n.value.bottom} ${i(le)(a.value)} L ${a.value.at(-1).x},${n.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(U)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${L.value})` : i(U)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Xe)) : (s(), r("path", {
+          }, null, 8, Ke)) : (u(), r("path", {
             key: 1,
-            d: `M${be.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(U)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            d: `M${Ce.value}Z`,
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${L.value})` : i(U)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Je))
+          }, null, 8, Qe))
         ])) : h("", !0),
-        e.value.style.line.smooth && a.value.length ? (s(), r("path", {
+        e.value.style.line.smooth && a.value.length ? (u(), r("path", {
           key: 2,
           d: `M ${i(le)(a.value)}`,
           stroke: e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
@@ -270,26 +274,26 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": e.value.style.line.strokeLinecap,
           "stroke-linejoin": e.value.style.line.strokeLinejoin
-        }, null, 8, Ke)) : h("", !0),
-        !e.value.style.line.smooth && a.value.length ? (s(), r("path", {
+        }, null, 8, Ye)) : h("", !0),
+        !e.value.style.line.smooth && a.value.length ? (u(), r("path", {
           key: 3,
-          d: ke.value,
+          d: _e.value,
           stroke: e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
           fill: "none",
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": e.value.style.line.strokeLinecap,
           "stroke-linejoin": e.value.style.line.strokeLinejoin
-        }, null, 8, Qe)) : h("", !0),
-        i(C) ? (s(), r("path", {
+        }, null, 8, el)) : h("", !0),
+        i(C) ? (u(), r("path", {
           key: 4,
           fill: "#6A6A6A",
           d: `M ${n.value.left / 2 + 6}, ${d.value + 7} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 14} Z`
-        }, null, 8, Ye)) : (s(), r("path", {
+        }, null, 8, ll)) : (u(), r("path", {
           key: 5,
           fill: m.value,
           d: V.value === "positive" ? `M ${n.value.left / 2}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 12} ${n.value.left / 2 + 7}, ${d.value + 12} Z` : V.value === "negative" ? `M ${n.value.left / 2}, ${d.value + 12} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 + 7}, ${d.value} Z` : `M ${n.value.left / 2 + 6}, ${d.value + 7} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 14} Z`
-        }, null, 8, el)),
-        i(C) ? (s(), r("rect", {
+        }, null, 8, tl)),
+        i(C) ? (u(), r("rect", {
           key: 6,
           x: n.value.left / 2 - e.value.style.trendLabel.fontSize - 2,
           y: _.value / 2 + e.value.style.trendLabel.fontSize - 2,
@@ -297,8 +301,8 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           height: e.value.style.trendLabel.fontSize,
           fill: "#6A6A6A80",
           rx: "3"
-        }, null, 8, ll)) : h("", !0),
-        !$.value && !i(C) ? (s(), r("text", {
+        }, null, 8, al)) : h("", !0),
+        !$.value && !i(C) ? (u(), r("text", {
           key: 7,
           class: "vue-ui-sparktrend-progress-label",
           x: n.value.left / 2,
@@ -312,8 +316,8 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           v: S.value,
           s: "%",
           r: e.value.style.trendLabel.rounding
-        })), 9, tl)) : h("", !0),
-        a.value.length && a.value.at(-1).x !== void 0 ? (s(), r("circle", {
+        })), 9, nl)) : h("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 ? (u(), r("circle", {
           key: 8,
           stroke: e.value.style.backgroundColor,
           "stroke-width": 2,
@@ -321,8 +325,8 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           cy: a.value.at(-1).y,
           r: 4,
           fill: i(C) ? "#6A6A6A" : m.value
-        }, null, 8, al)) : h("", !0),
-        a.value.length && a.value.at(-1).x !== void 0 && e.value.style.dataLabel.show ? (s(), r("text", {
+        }, null, 8, ol)) : h("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 && e.value.style.dataLabel.show ? (u(), r("text", {
           key: 9,
           "text-anchor": "middle",
           x: a.value.at(-1).x,
@@ -330,7 +334,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
           "font-size": e.value.style.dataLabel.fontSize,
           fill: e.value.style.dataLabel.useColorTrend ? m.value : e.value.style.dataLabel.color,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, Y(i(Be)(
+        }, Y(i(Ee)(
           e.value.style.dataLabel.formatter,
           a.value.at(-1).value,
           i(te)({
@@ -340,9 +344,9 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
             r: e.value.style.dataLabel.rounding
           }),
           { datapoint: a.value.at(-1) }
-        )), 9, nl)) : h("", !0)
-      ], 8, Ue)),
-      l.$slots.source ? (s(), r("div", {
+        )), 9, sl)) : h("", !0)
+      ], 8, Pe)),
+      l.$slots.source ? (u(), r("div", {
         key: 0,
         ref_key: "source",
         ref: W,
@@ -350,15 +354,15 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       }, [
         Q(l.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      i(C) ? (s(), xe(je, { key: 1 })) : h("", !0)
-    ], 12, Ge));
+      i(C) ? (u(), Te(Ve, { key: 1 })) : h("", !0)
+    ], 12, Ze));
   }
-}, ul = /* @__PURE__ */ Re(ol, [["__scopeId", "data-v-74429f5b"]]), pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, rl = /* @__PURE__ */ Ue(ul, [["__scopeId", "data-v-74429f5b"]]), ml = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ul
+  default: rl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  yl as a,
-  pl as b,
-  ul as v
+  gl as a,
+  ml as b,
+  rl as v
 };