vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-sparkbar-9N1FU9-J.js → vue-ui-sparkbar-ChtFIugH.js}

@@ -1,13 +1,11 @@
-import { useSlots as J, onMounted as L, computed as g, ref as k, watch as O, nextTick as K, createElementBlock as c, openBlock as r, normalizeStyle as f, unref as s, renderSlot as C, createCommentVNode as v, createBlock as Q, normalizeProps as R, mergeProps as P, createElementVNode as d, toDisplayString as p, Fragment as T, renderList as Y, createVNode as Z } from "vue";
-import { u as ee, c as te, t as le, p as x, a as ae, b as oe, o as se, e as V, g as ue, d as re, s as $, i as b, f as w, X as ne, w as ie } from "./index-BFzQMJda.js";
-import { u as E } from "./useNestedProp-v7KPpwuP.js";
-import ce from "./vue-ui-skeleton-B_YI7Yuc.js";
-import { _ as ve } from "./PackageVersion-BjrblLPQ.js";
-const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"], me = ["stop-color"], ge = ["stop-color"], he = ["height", "width", "fill", "rx"], ke = ["height", "width", "fill", "rx"], xe = ["height", "width", "fill", "rx"], be = {
+import { defineAsyncComponent as V, useSlots as R, onMounted as z, computed as g, ref as k, watch as L, nextTick as Y, createElementBlock as c, openBlock as u, normalizeStyle as p, unref as o, renderSlot as _, createCommentVNode as v, createBlock as Z, normalizeProps as ee, mergeProps as O, createElementVNode as d, toDisplayString as f, Fragment as T, renderList as te, createVNode as le } from "vue";
+import { u as ae, c as oe, t as se, p as x, a as ne, b as ue, o as re, e as E, g as ie, d as ce, s as $, i as b, f as w, X as ve, w as de } from "./index-BiHmNd1-.js";
+import { u as B } from "./useNestedProp-tRqS0ZAM.js";
+const pe = ["onClick"], fe = { key: 1 }, ye = ["xmlns", "viewBox"], me = ["id"], ge = ["stop-color"], he = ["stop-color"], ke = ["height", "width", "fill", "rx"], xe = ["height", "width", "fill", "rx"], be = ["height", "width", "fill", "rx"], we = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, Ae = {
+}, Se = {
   __name: "vue-ui-sparkbar",
   props: {
     config: {
@@ -31,112 +29,112 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
     }
   },
   emits: ["selectDatapoint"],
-  setup(_, { emit: B }) {
-    const { vue_ui_sparkbar: M } = ee(), a = _, U = J();
-    L(() => {
-      U["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+  setup(C, { emit: M }) {
+    const U = V(() => import("./PackageVersion-CLY-udAA.js")), j = V(() => import("./vue-ui-skeleton-CbYQYRvD.js")), { vue_ui_sparkbar: G } = ae(), a = C, W = R();
+    z(() => {
+      W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });
-    const S = g(() => !!a.dataset && a.dataset.length), A = k(te()), e = g({
+    const S = g(() => !!a.dataset && a.dataset.length), A = k(oe()), e = g({
       get: () => N(),
       set: (t) => t
     });
     function N() {
-      const t = E({
+      const t = B({
         userConfig: a.config,
-        defaultConfig: M
+        defaultConfig: G
       });
       return t.theme ? {
-        ...E({
-          userConfig: ae.vue_ui_sparkbar[t.theme] || a.config,
+        ...B({
+          userConfig: ne.vue_ui_sparkbar[t.theme] || a.config,
           defaultConfig: t
         }),
-        customPalette: le[t.theme] || x
+        customPalette: se[t.theme] || x
       } : t;
     }
-    O(() => a.config, (t) => {
+    L(() => a.config, (t) => {
       e.value = N();
     }, { deep: !0 });
-    const j = g(() => oe(e.value.customPalette)), y = k(a.dataset.map((t) => ({
+    const q = g(() => ue(e.value.customPalette)), y = k(a.dataset.map((t) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       formatter: t.formatter || null
     }))), D = k(null);
-    L(async () => {
-      se(a.dataset) && V({
+    z(async () => {
+      re(a.dataset) && E({
         componentName: "VueUiSparkbar",
         type: "dataset"
       }), F();
     });
     function F() {
       if (e.value.style.animation.show) {
-        let z = function() {
-          i += l / t, i < l ? (y.value = y.value.map((u, h) => ({
-            ...u,
-            value: u.value += o[h]
-          })), D.value = requestAnimationFrame(z)) : y.value = a.dataset.map((u) => ({
-            ...u,
-            value: u.value || 0,
-            formatter: u.formatter || null
+        let P = function() {
+          i += l / t, i < l ? (y.value = y.value.map((n, h) => ({
+            ...n,
+            value: n.value += s[h]
+          })), D.value = requestAnimationFrame(P)) : y.value = a.dataset.map((n) => ({
+            ...n,
+            value: n.value || 0,
+            formatter: n.formatter || null
           }));
         };
-        const t = e.value.style.animation.animationFrames, o = a.dataset.map((u, h) => u.value / t), l = a.dataset.map((u) => u.value || 0).reduce((u, h) => u + h, 0);
+        const t = e.value.style.animation.animationFrames, s = a.dataset.map((n, h) => n.value / t), l = a.dataset.map((n) => n.value || 0).reduce((n, h) => n + h, 0);
         let i = 0;
-        z();
+        P();
       }
     }
-    O(() => a.dataset, async (t) => {
-      cancelAnimationFrame(D.value), y.value = a.dataset.map((o) => ({
-        ...o,
-        value: e.value.style.animation.show ? 0 : o.value || 0,
-        formatter: o.formatter || null
-      })), K(F);
+    L(() => a.dataset, async (t) => {
+      cancelAnimationFrame(D.value), y.value = a.dataset.map((s) => ({
+        ...s,
+        value: e.value.style.animation.show ? 0 : s.value || 0,
+        formatter: s.formatter || null
+      })), Y(F);
     }, { deep: !0 });
-    const n = k({
+    const r = k({
       width: 500,
       height: 16
-    }), G = g(() => Math.max(...a.dataset.map((t) => t.value))), W = g(() => (a.dataset.forEach((t, o) => {
-      ue({
+    }), H = g(() => Math.max(...a.dataset.map((t) => t.value))), X = g(() => (a.dataset.forEach((t, s) => {
+      ie({
         datasetObject: t,
         requiredAttributes: ["name", "value"]
       }).forEach((l) => {
-        V({
+        E({
           componentName: "VueUiSparkbar",
           type: "datasetSerieAttribute",
           property: l,
-          index: o
+          index: s
         });
       });
-    }), y.value.map((t, o) => ({
+    }), y.value.map((t, s) => ({
       ...t,
       value: t.value || 0,
-      color: re(t.color) || j.value[o] || x[o] || x[o % x.length]
+      color: ce(t.color) || q.value[s] || x[s] || x[s % x.length]
     }))));
-    function q(t) {
-      return t / G.value;
+    function J(t) {
+      return t / H.value;
     }
     function I(t) {
-      return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : q(t.value);
+      return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : J(t.value);
     }
     function m(t) {
       return e.value.style.layout.independant && t.target || e.value.style.layout.target;
     }
-    const H = B;
-    function X(t, o) {
-      H("selectDatapoint", { datapoint: t, index: o });
+    const K = M;
+    function Q(t, s) {
+      K("selectDatapoint", { datapoint: t, index: s });
     }
-    return (t, o) => (r(), c("div", {
+    return (t, s) => (u(), c("div", {
       class: "vue-ui-sparkbar",
-      style: f({
+      style: p({
         width: "100%",
         fontFamily: e.value.style.fontFamily,
-        background: a.backgroundOpacity !== null ? s($)(e.value.style.backgroundColor, a.backgroundOpacity) : e.value.style.backgroundColor
+        background: a.backgroundOpacity !== null ? o($)(e.value.style.backgroundColor, a.backgroundOpacity) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? C(t.$slots, "title", R(P({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : v("", !0),
-      !t.$slots.title && e.value.style.title.text ? (r(), c("div", {
+      t.$slots.title ? _(t.$slots, "title", ee(O({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : v("", !0),
+      !t.$slots.title && e.value.style.title.text ? (u(), c("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
-        style: f({
+        style: p({
           background: e.value.style.title.backgroundColor,
           margin: e.value.style.title.margin,
           textAlign: e.value.style.title.textAlign
@@ -144,35 +142,35 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
       }, [
         d("div", {
           class: "vue-ui-sparkbar-title",
-          style: f({
+          style: p({
             fontSize: e.value.style.title.fontSize + "px",
             color: e.value.style.title.color,
             fontWeight: e.value.style.title.bold ? "bold" : "normal"
           })
-        }, p(e.value.style.title.text), 5),
-        e.value.style.title.subtitle.text ? (r(), c("div", {
+        }, f(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (u(), c("div", {
           key: 0,
           class: "vue-ui-sparkbar-subtitle",
-          style: f({
+          style: p({
             fontSize: e.value.style.title.subtitle.fontSize + "px",
             color: e.value.style.title.subtitle.color,
             fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
           })
-        }, p(e.value.style.title.subtitle.text), 5)) : v("", !0)
+        }, f(e.value.style.title.subtitle.text), 5)) : v("", !0)
       ], 4)) : v("", !0),
-      (r(!0), c(T, null, Y(W.value, (l, i) => (r(), c(T, null, [
-        S.value ? (r(), c("div", {
+      (u(!0), c(T, null, te(X.value, (l, i) => (u(), c(T, null, [
+        S.value ? (u(), c("div", {
           key: 0,
-          style: f(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${_.dataset.length > 0 && i !== _.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
-          onClick: () => X(l, i)
+          style: p(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${C.dataset.length > 0 && i !== C.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+          onClick: () => Q(l, i)
         }, [
-          C(t.$slots, "data-label", P({ ref_for: !0 }, { bar: {
+          _(t.$slots, "data-label", O({ ref_for: !0 }, { bar: {
             ...l,
             target: m(l),
-            valueLabel: s(b)(
+            valueLabel: o(b)(
               l.formatter,
               l.value,
-              s(w)({
+              o(w)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
@@ -180,10 +178,10 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               }),
               { datapoint: l, seriesIndex: i }
             ),
-            targetLabel: s(b)(
+            targetLabel: o(b)(
               l.formatter,
               m(l),
-              s(w)({
+              o(w)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
@@ -192,9 +190,9 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               { datapoint: l, seriesIndex: i }
             )
           } })),
-          t.$slots["data-label"] ? v("", !0) : (r(), c("div", {
+          t.$slots["data-label"] ? v("", !0) : (u(), c("div", {
             key: 0,
-            style: f({
+            style: p({
               width: e.value.style.labels.name.width,
               color: e.value.style.labels.name.color,
               fontSize: e.value.style.labels.fontSize + "px",
@@ -202,14 +200,14 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               textAlign: ["left", "right"].includes(e.value.style.labels.name.position) || ["top", "top-left"].includes(e.value.style.labels.name.position) ? "left" : e.value.style.labels.name.position === "top-center" ? "center" : "right"
             })
           }, [
-            d("span", null, p(l.name), 1),
-            e.value.style.labels.value.show ? (r(), c("span", {
+            d("span", null, f(l.name), 1),
+            e.value.style.labels.value.show ? (u(), c("span", {
               key: 0,
-              style: f(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
-            }, ": " + p(s(b)(
+              style: p(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
+            }, ": " + f(o(b)(
               l.formatter,
               l.value,
-              s(w)({
+              o(w)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
@@ -217,10 +215,10 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               }),
               { datapoint: l, seriesIndex: i }
             )), 5)) : v("", !0),
-            e.value.style.layout.showTargetValue ? (r(), c("span", fe, p(" " + e.value.style.layout.targetValueText) + " " + p(s(b)(
+            e.value.style.layout.showTargetValue ? (u(), c("span", fe, f(" " + e.value.style.layout.targetValueText) + " " + f(o(b)(
               l.formatter,
               m(l),
-              s(w)({
+              o(w)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
@@ -229,12 +227,12 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               { datapoint: l, seriesIndex: i }
             )), 1)) : v("", !0)
           ], 4)),
-          (r(), c("svg", {
-            xmlns: s(ne),
-            viewBox: `0 0 ${n.value.width} ${n.value.height}`,
+          (u(), c("svg", {
+            xmlns: o(ve),
+            viewBox: `0 0 ${r.value.width} ${r.value.height}`,
             width: "100%"
           }, [
-            Z(ve),
+            le(o(U)),
             d("defs", null, [
               d("linearGradient", {
                 x1: "0%",
@@ -245,45 +243,45 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
               }, [
                 d("stop", {
                   offset: "0%",
-                  "stop-color": s($)(s(ie)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-                }, null, 8, me),
+                  "stop-color": o($)(o(de)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+                }, null, 8, ge),
                 d("stop", {
                   offset: "100%",
                   "stop-color": l.color
-                }, null, 8, ge)
-              ], 8, ye)
+                }, null, 8, he)
+              ], 8, me)
             ]),
             d("rect", {
-              height: n.value.height,
-              width: n.value.width,
+              height: r.value.height,
+              width: r.value.width,
               x: 0,
               y: 0,
-              fill: s($)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
-              rx: n.value.height / 2
-            }, null, 8, he),
+              fill: o($)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+              rx: r.value.height / 2
+            }, null, 8, ke),
             d("rect", {
-              height: n.value.height,
-              width: n.value.width * I(l),
+              height: r.value.height,
+              width: r.value.width * I(l),
               x: 0,
               y: 0,
               fill: e.value.style.bar.gradient.underlayerColor,
-              rx: n.value.height / 2
-            }, null, 8, ke),
+              rx: r.value.height / 2
+            }, null, 8, xe),
             d("rect", {
-              height: n.value.height,
-              width: n.value.width * I(l),
+              height: r.value.height,
+              width: r.value.width * I(l),
               x: 0,
               y: 0,
               fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${i}_${A.value})` : l.color,
-              rx: n.value.height / 2
-            }, null, 8, xe)
-          ], 8, pe))
-        ], 12, de)) : v("", !0)
+              rx: r.value.height / 2
+            }, null, 8, be)
+          ], 8, ye))
+        ], 12, pe)) : v("", !0)
       ], 64))), 256)),
-      t.$slots.source ? (r(), c("div", be, [
-        C(t.$slots, "source")
+      t.$slots.source ? (u(), c("div", we, [
+        _(t.$slots, "source")
       ], 512)) : v("", !0),
-      S.value ? v("", !0) : (r(), Q(ce, {
+      S.value ? v("", !0) : (u(), Z(o(j), {
         key: 3,
         config: {
           type: "sparkbar",
@@ -299,5 +297,5 @@ const de = ["onClick"], fe = { key: 1 }, pe = ["xmlns", "viewBox"], ye = ["id"],
   }
 };
 export {
-  Ae as default
+  Se as default
 };

package/dist/{vue-ui-sparkgauge-_9ntq4EK.js → vue-ui-sparkgauge-DtpODCww.js}

@@ -1,14 +1,12 @@
-import { computed as s, onMounted as A, ref as N, watch as M, createElementBlock as n, openBlock as i, normalizeStyle as m, createCommentVNode as r, createBlock as G, toDisplayString as y, unref as c, createVNode as I, createElementVNode as d, renderSlot as S, normalizeClass as R } from "vue";
-import { u as U, o as q, e as z, g as P, c as T, a as X, O as H, X as V, i as Y, v as g, f as J } from "./index-BFzQMJda.js";
-import { u as O } from "./useNestedProp-v7KPpwuP.js";
-import K from "./vue-ui-skeleton-B_YI7Yuc.js";
-import { _ as Q } from "./PackageVersion-BjrblLPQ.js";
-import { u as W } from "./useChartAccessibility-BWojgys7.js";
-const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["stop-color"], le = ["stop-color"], oe = ["d", "stroke", "stroke-linecap"], se = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ue = ["x", "y", "font-size", "fill", "font-weight"], ie = {
+import { defineAsyncComponent as A, computed as s, onMounted as N, ref as M, watch as S, createElementBlock as r, openBlock as n, normalizeStyle as y, createCommentVNode as v, createBlock as U, toDisplayString as g, unref as i, createVNode as P, createElementVNode as d, renderSlot as z, normalizeClass as q } from "vue";
+import { u as O } from "./useNestedProp-tRqS0ZAM.js";
+import { u as T, o as V, e as j, g as X, c as H, a as Y, O as J, X as K, i as Q, v as m, f as W } from "./index-BiHmNd1-.js";
+import { u as Z } from "./useChartAccessibility-9icAAmYg.js";
+const ee = ["xmlns", "viewBox"], te = ["width", "height"], ae = ["id"], le = ["stop-color"], oe = ["stop-color"], se = ["d", "stroke", "stroke-linecap"], ue = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ne = ["x", "y", "font-size", "fill", "font-weight"], ie = {
   key: 4,
   ref: "source",
   dir: "auto"
-}, me = {
+}, fe = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -24,90 +22,90 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
       }
     }
   },
-  setup(j) {
-    const { vue_ui_sparkgauge: E } = U(), a = j, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
-    A(() => {
+  setup(E) {
+    const F = A(() => import("./PackageVersion-CLY-udAA.js")), B = A(() => import("./vue-ui-skeleton-CbYQYRvD.js")), { vue_ui_sparkgauge: D } = T(), a = E, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
+    N(() => {
       h();
     });
     function h() {
-      q(a.dataset) ? z({
+      V(a.dataset) ? j({
         componentName: "VueUiSparkgauge",
         type: "dataset"
-      }) : P({
+      }) : X({
         datasetObject: a.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
-        z({
+        j({
           componentName: "VueUiSparkgauge",
           type: "datasetAttribute",
           property: t
         });
       });
     }
-    const b = N(T()), e = s({
-      get: () => k(),
+    const k = M(H()), e = s({
+      get: () => b(),
       set: (t) => t
-    }), { svgRef: F } = W({ config: { text: a.dataset.title } });
-    function k() {
+    }), { svgRef: G } = Z({ config: { text: a.dataset.title } });
+    function b() {
       const t = O({
         userConfig: a.config,
-        defaultConfig: E
+        defaultConfig: D
       });
       return t.theme ? {
         ...O({
-          userConfig: X.vue_ui_sparkgauge[t.theme] || a.config,
+          userConfig: Y.vue_ui_sparkgauge[t.theme] || a.config,
           defaultConfig: t
         })
       } : t;
     }
-    M(() => a.config, (t) => {
-      e.value = k(), h();
+    S(() => a.config, (t) => {
+      e.value = b(), h();
     }, { deep: !0 });
     const u = s(() => ({
       height: e.value.style.height,
       width: 128,
       base: e.value.style.basePosition
     })), o = s(() => {
-      const t = a.dataset.min ?? 0, v = a.dataset.max ?? 0, D = v - t;
+      const t = a.dataset.min ?? 0, c = a.dataset.max ?? 0, R = c - t;
       return {
         min: t,
-        max: v,
-        diff: D
+        max: c,
+        diff: R
       };
-    }), l = N(e.value.style.animation.show ? o.value.min : a.dataset.value);
-    M(() => a.dataset.value, () => {
-      x(a.dataset.value || 0);
+    }), l = M(e.value.style.animation.show ? o.value.min : a.dataset.value);
+    S(() => a.dataset.value, () => {
+      C(a.dataset.value || 0);
     });
-    const _ = s(() => l.value > o.value.max ? o.value.max : l.value < o.value.min ? o.value.min : l.value), $ = s(() => o.value.diff / e.value.style.animation.speedMs);
-    A(() => {
-      x(a.dataset.value || 0);
+    const _ = s(() => l.value > o.value.max ? o.value.max : l.value < o.value.min ? o.value.min : l.value), x = s(() => o.value.diff / e.value.style.animation.speedMs);
+    N(() => {
+      C(a.dataset.value || 0);
     });
-    function x(t) {
-      function v() {
-        l.value < t ? l.value = Math.min(l.value + $.value, t) : l.value > t && (l.value = Math.max(l.value - $.value, t)), l.value !== t && requestAnimationFrame(v);
+    function C(t) {
+      function c() {
+        l.value < t ? l.value = Math.min(l.value + x.value, t) : l.value > t && (l.value = Math.max(l.value - x.value, t)), l.value !== t && requestAnimationFrame(c);
       }
-      v();
+      c();
     }
-    const f = s(() => a.dataset.title ?? ""), C = s(() => l.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), w = s(() => H(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, l.value)), L = s(() => e.value.style.dataLabel.autoColor ? w.value : e.value.style.dataLabel.color), B = s(() => e.value.style.track.autoColor ? w.value : e.value.style.track.color);
-    return (t, v) => (i(), n("div", {
+    const f = s(() => a.dataset.title ?? ""), $ = s(() => l.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), w = s(() => J(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, l.value)), L = s(() => e.value.style.dataLabel.autoColor ? w.value : e.value.style.dataLabel.color), I = s(() => e.value.style.track.autoColor ? w.value : e.value.style.track.color);
+    return (t, c) => (n(), r("div", {
       class: "vue-ui-sparkgauge",
-      style: m(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
+      style: y(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
-      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (i(), n("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (n(), r("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
-        style: m(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
-      }, y(f.value), 5)) : r("", !0),
-      p.value ? (i(), n("svg", {
+        style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
+      }, g(f.value), 5)) : v("", !0),
+      p.value ? (n(), r("svg", {
         key: 1,
         ref_key: "svgRef",
-        ref: F,
-        xmlns: c(V),
+        ref: G,
+        xmlns: i(K),
         viewBox: `0 0 ${u.value.width} ${u.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
-        I(Q),
-        t.$slots["chart-background"] ? (i(), n("foreignObject", {
+        P(i(F)),
+        t.$slots["chart-background"] ? (n(), r("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -117,11 +115,11 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
             pointerEvents: "none"
           }
         }, [
-          S(t.$slots, "chart-background")
-        ], 8, ee)) : r("", !0),
+          z(t.$slots, "chart-background")
+        ], 8, te)) : v("", !0),
         d("defs", null, [
           d("linearGradient", {
-            id: `gradient_${b.value}`,
+            id: `gradient_${k.value}`,
             x1: "-10%",
             y1: "100%",
             x2: "110%",
@@ -130,12 +128,12 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
             d("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
-            }, null, 8, ae),
+            }, null, 8, le),
             d("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
-            }, null, 8, le)
-          ], 8, te)
+            }, null, 8, oe)
+          ], 8, ae)
         ]),
         d("path", {
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
@@ -143,19 +141,19 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
           "stroke-width": 8,
           "stroke-linecap": e.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, oe),
-        C.value !== 0 ? (i(), n("path", {
+        }, null, 8, se),
+        $.value !== 0 ? (n(), r("path", {
           key: 1,
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
-          stroke: e.value.style.colors.showGradient ? `url(#gradient_${b.value})` : B.value,
+          stroke: e.value.style.colors.showGradient ? `url(#gradient_${k.value})` : I.value,
           "stroke-width": 8,
           "stroke-linecap": e.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * C.value,
-          class: R({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
-          style: m(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, se)) : r("", !0),
+          "stroke-dashoffset": 169.5 - 169.5 * $.value,
+          class: q({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
+          style: y(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
+        }, null, 14, ue)) : v("", !0),
         d("text", {
           "text-anchor": "middle",
           x: u.value.width / 2,
@@ -163,19 +161,19 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
           "font-size": e.value.style.dataLabel.fontSize,
           fill: L.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, y(c(Y)(
+        }, g(i(Q)(
           e.value.style.dataLabel.formatter,
-          c(g)(l.value),
-          c(J)({
+          i(m)(l.value),
+          i(W)({
             p: e.value.style.dataLabel.prefix,
-            v: c(g)(l.value),
+            v: i(m)(l.value),
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
-          { datapoint: c(g)(l.value), color: L.value }
-        )), 9, ue)
-      ], 8, Z)) : r("", !0),
-      p.value ? r("", !0) : (i(), G(K, {
+          { datapoint: i(m)(l.value), color: L.value }
+        )), 9, ne)
+      ], 8, ee)) : v("", !0),
+      p.value ? v("", !0) : (n(), U(i(B), {
         key: 2,
         config: {
           type: "gauge",
@@ -187,17 +185,17 @@ const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["st
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (i(), n("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (n(), r("div", {
         key: 3,
         class: "vue-data-ui-sparkgauge-label",
-        style: m(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
-      }, y(f.value), 5)) : r("", !0),
-      t.$slots.source ? (i(), n("div", ie, [
-        S(t.$slots, "source")
-      ], 512)) : r("", !0)
+        style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
+      }, g(f.value), 5)) : v("", !0),
+      t.$slots.source ? (n(), r("div", ie, [
+        z(t.$slots, "source")
+      ], 512)) : v("", !0)
     ], 4));
   }
 };
 export {
-  me as default
+  fe as default
 };