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

package/dist/{vue-ui-sparkbar-D1FXZyQE.js → vue-ui-sparkbar-DgHvA8ra.js}

@@ -1,12 +1,13 @@
-import { defineAsyncComponent as Z, useSlots as ee, onMounted as B, ref as x, toRefs as te, computed as w, watch as E, nextTick as le, createElementBlock as i, openBlock as n, normalizeStyle as d, unref as o, renderSlot as D, createCommentVNode as c, createBlock as ae, normalizeProps as oe, mergeProps as M, createElementVNode as v, toDisplayString as y, Fragment as P, renderList as se, createVNode as ne } from "vue";
-import { u as ue, c as ie, t as re, a as ve, p as C, b as de, d as ce, o as pe, f as V, g as fe, e as ye, s as I, k as _, i as A, X as ge, x as me } from "./index-Lg17rmB1.js";
-import { u as O } from "./useNestedProp-DpwLJMsW.js";
+import { defineAsyncComponent as Z, useSlots as ee, onMounted as F, ref as x, toRefs as te, computed as w, watch as B, nextTick as le, createElementBlock as i, openBlock as n, normalizeStyle as d, unref as a, renderSlot as $, createCommentVNode as p, createBlock as ae, normalizeProps as oe, mergeProps as E, createElementVNode as v, toDisplayString as y, Fragment as M, renderList as se, createVNode as ne } from "vue";
+import { c as ue, t as ie, b as re, p as _, e as ve, o as ce, f as P, g as de, h as pe, s as D, a as C, d as A, X as fe, i as ye } from "./lib-p5pfHmOX.js";
+import { u as ge, a as V } from "./useNestedProp-DF7e2h1z.js";
+import { t as me } from "./themes-D3cUNuKw.js";
 import { u as he, B as xe } from "./BaseScanner-BgWxam9d.js";
-const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], Ce = ["id"], _e = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
+const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], _e = ["id"], Ce = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, Fe = {
+}, Be = {
   __name: "vue-ui-sparkbar",
   props: {
     config: {
@@ -30,21 +31,21 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
     }
   },
   emits: ["selectDatapoint"],
-  setup(S, { emit: j }) {
-    const U = Z(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_sparkbar: R } = ue(), f = S, W = ee();
-    B(() => {
+  setup(O, { emit: j }) {
+    const U = Z(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_sparkbar: R } = ge(), f = O, W = ee();
+    F(() => {
       W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });
-    const L = x(ie()), e = x($()), { loading: k, FINAL_DATASET: p } = he({
+    const I = x(ue()), e = x(S()), { loading: k, FINAL_DATASET: c } = he({
       ...te(f),
       FINAL_CONFIG: e,
-      prepareConfig: $,
+      prepareConfig: S,
       skeletonDataset: [
         { name: "_", value: 21, target: 25, color: "#808080" },
         { name: "_", value: 13, target: 25, color: "#ADADAD" },
         { name: "_", value: 8, target: 25, color: "#DBDBDB" }
       ],
-      skeletonConfig: re({
+      skeletonConfig: ie({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -63,109 +64,109 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           }
         }
       })
-    }), T = w(() => !!e.value.debug);
-    function $() {
-      const t = O({
+    }), L = w(() => !!e.value.debug);
+    function S() {
+      const t = V({
         userConfig: f.config,
         defaultConfig: R
       });
       return t.theme ? {
-        ...O({
-          userConfig: de.vue_ui_sparkbar[t.theme] || f.config,
+        ...V({
+          userConfig: me.vue_ui_sparkbar[t.theme] || f.config,
           defaultConfig: t
         }),
-        customPalette: ve[t.theme] || C
+        customPalette: re[t.theme] || _
       } : t;
     }
-    E(() => f.config, (t) => {
-      e.value = $();
+    B(() => f.config, (t) => {
+      e.value = S();
     }, { deep: !0 });
-    const G = w(() => ce(e.value.customPalette)), g = x(p.value.map((t) => ({
+    const G = w(() => ve(e.value.customPalette)), g = x(c.value.map((t) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       formatter: t.formatter || null
-    }))), z = x(null);
-    B(async () => {
-      pe(f.dataset) && V({
+    }))), T = x(null);
+    F(async () => {
+      ce(f.dataset) && P({
         componentName: "VueUiSparkbar",
         type: "dataset",
-        debug: T.value
-      }), N();
+        debug: L.value
+      }), z();
     });
-    function N() {
+    function z() {
       if (e.value.style.animation.show) {
         let h = function() {
           s += l / t, s < l ? (g.value = g.value.map((u, b) => ({
             ...u,
-            value: u.value += a[b]
-          })), z.value = requestAnimationFrame(h)) : g.value = p.value.map((u) => ({
+            value: u.value += o[b]
+          })), T.value = requestAnimationFrame(h)) : g.value = c.value.map((u) => ({
             ...u,
             value: u.value || 0,
             formatter: u.formatter || null
           }));
         };
-        const t = e.value.style.animation.animationFrames, a = p.value.map((u, b) => u.value / t), l = p.value.map((u) => u.value || 0).reduce((u, b) => u + b, 0);
+        const t = e.value.style.animation.animationFrames, o = c.value.map((u, b) => u.value / t), l = c.value.map((u) => u.value || 0).reduce((u, b) => u + b, 0);
         let s = 0;
         h();
       }
     }
-    E(() => p.value, async (t) => {
-      cancelAnimationFrame(z.value), g.value = p.value.map((a) => ({
-        ...a,
-        value: e.value.style.animation.show ? 0 : a.value || 0,
-        formatter: a.formatter || null
-      })), le(N);
+    B(() => c.value, async (t) => {
+      cancelAnimationFrame(T.value), g.value = c.value.map((o) => ({
+        ...o,
+        value: e.value.style.animation.show ? 0 : o.value || 0,
+        formatter: o.formatter || null
+      })), le(z);
     }, { deep: !0 });
     const r = x({
       width: 500,
       height: 16
-    }), q = w(() => Math.max(...p.value.map((t) => t.value))), H = w(() => (p.value.forEach((t, a) => {
-      fe({
+    }), q = w(() => Math.max(...c.value.map((t) => t.value))), H = w(() => (c.value.forEach((t, o) => {
+      de({
         datasetObject: t,
         requiredAttributes: ["name", "value"]
       }).forEach((l) => {
-        V({
+        P({
           componentName: "VueUiSparkbar",
           type: "datasetSerieAttribute",
           property: l,
-          index: a,
-          debug: T.value
+          index: o,
+          debug: L.value
         });
       });
-    }), g.value.map((t, a) => ({
+    }), g.value.map((t, o) => ({
       ...t,
       value: t.value || 0,
-      color: ye(t.color) || G.value[a] || C[a] || C[a % C.length]
+      color: pe(t.color) || G.value[o] || _[o] || _[o % _.length]
     }))));
     function X(t) {
       return t / q.value;
     }
-    function F(t) {
+    function N(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 : X(t.value);
     }
     function m(t) {
       return e.value.style.layout.independant && t.target || e.value.style.layout.target;
     }
     const J = j;
-    function K(t, a) {
-      J("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
+    function K(t, o) {
+      J("selectDatapoint", { datapoint: t, index: o }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
     }
-    function Q(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
+    function Q(t, o) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o });
     }
-    function Y(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+    function Y(t, o) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
-    return (t, a) => (n(), i("div", {
+    return (t, o) => (n(), i("div", {
       class: "vue-ui-sparkbar",
       style: d({
         width: "100%",
         position: "relative",
         fontFamily: e.value.style.fontFamily,
-        background: f.backgroundOpacity !== null ? o(I)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
+        background: f.backgroundOpacity !== null ? a(D)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? D(t.$slots, "title", oe(M({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : c("", !0),
+      t.$slots.title ? $(t.$slots, "title", oe(E({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : p("", !0),
       !t.$slots.title && e.value.style.title.text ? (n(), i("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
@@ -191,24 +192,24 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             color: e.value.style.title.subtitle.color,
             fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
           })
-        }, y(e.value.style.title.subtitle.text), 5)) : c("", !0)
-      ], 4)) : c("", !0),
-      (n(!0), i(P, null, se(H.value, (l, s) => (n(), i("div", {
-        style: d(`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;${S.dataset.length > 0 && s !== S.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+        }, y(e.value.style.title.subtitle.text), 5)) : p("", !0)
+      ], 4)) : p("", !0),
+      (n(!0), i(M, null, se(H.value, (l, s) => (n(), i("div", {
+        style: d(`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;${a(c).length > 0 && s !== a(c).length - 1 ? "margin-bottom:6px" : ""}`),
         onClick: (h) => K(l, s),
         onMouseenter: (h) => Q(l, s),
         onMouseleave: (h) => Y(l, s)
       }, [
-        o(k) ? c("", !0) : D(t.$slots, "data-label", M({
+        a(k) ? p("", !0) : $(t.$slots, "data-label", E({
           key: 0,
           ref_for: !0
         }, { bar: {
           ...l,
           target: m(l),
-          valueLabel: o(_)(
+          valueLabel: a(C)(
             l.formatter,
             l.value,
-            o(A)({
+            a(A)({
               p: l.prefix || "",
               v: l.value,
               s: l.suffix || "",
@@ -216,10 +217,10 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             }),
             { datapoint: l, seriesIndex: s }
           ),
-          targetLabel: o(_)(
+          targetLabel: a(C)(
             l.formatter,
             m(l),
-            o(A)({
+            a(A)({
               p: l.prefix || "",
               v: m(l),
               s: l.suffix || "",
@@ -228,7 +229,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             { datapoint: l, seriesIndex: s }
           )
         } })),
-        !t.$slots["data-label"] || o(k) ? (n(), i("div", {
+        !t.$slots["data-label"] || a(k) ? (n(), i("div", {
           key: 1,
           style: d({
             display: "flex",
@@ -241,7 +242,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             flexWrap: "wrap"
           })
         }, [
-          o(k) ? (n(), i("div", {
+          a(k) ? (n(), i("div", {
             key: 0,
             class: "vue-ui-sparkbar-skeleton-name",
             style: d({
@@ -260,70 +261,70 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             v("div", {
               style: d({ height: "100%", width: "15px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
             }, null, 4)
-          ], 4)) : (n(), i(P, { key: 1 }, [
+          ], 4)) : (n(), i(M, { key: 1 }, [
             v("span", null, y(l.name), 1),
             e.value.style.labels.value.show ? (n(), i("span", {
               key: 0,
               style: d(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
-            }, ": " + y(o(_)(
+            }, ": " + y(a(C)(
               l.formatter,
               l.value,
-              o(A)({
+              a(A)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
               { datapoint: l, seriesIndex: s }
-            )), 5)) : c("", !0),
-            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(o(_)(
+            )), 5)) : p("", !0),
+            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(a(C)(
               l.formatter,
               m(l),
-              o(A)({
+              a(A)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
               { datapoint: l, seriesIndex: s }
-            )), 1)) : c("", !0)
+            )), 1)) : p("", !0)
           ], 64))
-        ], 4)) : c("", !0),
+        ], 4)) : p("", !0),
         (n(), i("svg", {
-          xmlns: o(ge),
+          xmlns: a(fe),
           viewBox: `0 0 ${r.value.width} ${r.value.height}`,
           width: "100%"
         }, [
-          ne(o(U)),
+          ne(a(U)),
           v("defs", null, [
             v("linearGradient", {
               x1: "0%",
               y1: "0%",
               x2: "100%",
               y2: "0%",
-              id: `sparkbar_gradient_${s}_${L.value}`
+              id: `sparkbar_gradient_${s}_${I.value}`
             }, [
               v("stop", {
                 offset: "0%",
-                "stop-color": o(I)(o(me)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-              }, null, 8, _e),
+                "stop-color": a(D)(a(ye)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+              }, null, 8, Ce),
               v("stop", {
                 offset: "100%",
                 "stop-color": l.color
               }, null, 8, Ae)
-            ], 8, Ce)
+            ], 8, _e)
           ]),
           v("rect", {
             height: r.value.height,
             width: r.value.width,
             x: 0,
             y: 0,
-            fill: o(I)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+            fill: a(D)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
             rx: r.value.height / 2
           }, null, 8, Se),
           v("rect", {
             height: r.value.height,
-            width: r.value.width * F(l),
+            width: r.value.width * N(l),
             x: 0,
             y: 0,
             fill: e.value.style.bar.gradient.underlayerColor,
@@ -331,21 +332,21 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           }, null, 8, $e),
           v("rect", {
             height: r.value.height,
-            width: r.value.width * F(l),
+            width: r.value.width * N(l),
             x: 0,
             y: 0,
-            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${L.value})` : l.color,
+            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${I.value})` : l.color,
             rx: r.value.height / 2
           }, null, 8, De)
         ], 8, we))
       ], 44, ke))), 256)),
       t.$slots.source ? (n(), i("div", Ie, [
-        D(t.$slots, "source")
-      ], 512)) : c("", !0),
-      o(k) ? (n(), ae(xe, { key: 3 })) : c("", !0)
+        $(t.$slots, "source")
+      ], 512)) : p("", !0),
+      a(k) ? (n(), ae(xe, { key: 3 })) : p("", !0)
     ], 4));
   }
 };
 export {
-  Fe as default
+  Be as default
 };

package/dist/{vue-ui-sparkgauge-CHbbxg13.js → vue-ui-sparkgauge-BpMUqIL6.js}

@@ -1,13 +1,14 @@
-import { defineAsyncComponent as P, ref as b, toRefs as T, onMounted as N, computed as s, watch as M, createElementBlock as r, openBlock as u, normalizeStyle as g, createCommentVNode as d, createBlock as U, toDisplayString as k, unref as i, createVNode as q, createElementVNode as y, renderSlot as F, normalizeClass as V } from "vue";
-import { u as B } from "./useNestedProp-DpwLJMsW.js";
-import { u as X, c as Y, t as H, b as J, o as K, f as E, g as Q, P as W, X as Z, k as ee, h as x, i as te } from "./index-Lg17rmB1.js";
-import { u as ae, B as le } from "./BaseScanner-BgWxam9d.js";
-import { u as oe } from "./useChartAccessibility-9icAAmYg.js";
-const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["stop-color"], re = ["stop-color"], ve = ["d", "stroke", "stroke-linecap"], ce = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], de = ["x", "y", "width", "height"], fe = ["x", "y", "font-size", "fill", "font-weight"], ye = {
+import { defineAsyncComponent as T, ref as b, toRefs as U, onMounted as N, computed as s, watch as M, createElementBlock as r, openBlock as u, normalizeStyle as g, createCommentVNode as d, createBlock as q, toDisplayString as k, unref as i, createVNode as P, createElementVNode as m, renderSlot as F, normalizeClass as V } from "vue";
+import { u as X, a as B } from "./useNestedProp-DF7e2h1z.js";
+import { c as Y, t as H, o as J, f as E, g as K, a2 as Q, X as W, a as Z, q as x, d as ee } from "./lib-p5pfHmOX.js";
+import { u as te, B as ae } from "./BaseScanner-BgWxam9d.js";
+import { u as le } from "./useChartAccessibility-9icAAmYg.js";
+import { t as oe } from "./themes-D3cUNuKw.js";
+const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["stop-color"], re = ["stop-color"], ve = ["d", "stroke", "stroke-linecap"], ce = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], de = ["x", "y", "width", "height"], fe = ["x", "y", "font-size", "fill", "font-weight"], me = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, ke = {
+}, xe = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -24,8 +25,8 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
     }
   },
   setup(D) {
-    const O = P(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = ae({
-      ...T(c),
+    const O = T(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = te({
+      ...U(c),
       FINAL_CONFIG: e,
       prepareConfig: p,
       skeletonDataset: {
@@ -53,7 +54,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
           }
         }
       })
-    }), { svgRef: I } = oe({ config: { text: c.dataset.title } });
+    }), { svgRef: I } = le({ config: { text: c.dataset?.title || "" } });
     function p() {
       const t = B({
         userConfig: c.config,
@@ -61,7 +62,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
       });
       return t.theme ? {
         ...B({
-          userConfig: J.vue_ui_sparkgauge[t.theme] || c.config,
+          userConfig: oe.vue_ui_sparkgauge[t.theme] || c.config,
           defaultConfig: t
         })
       } : t;
@@ -71,11 +72,11 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
     });
     const w = s(() => e.value.debug);
     function A() {
-      K(c.dataset) ? E({
+      J(c.dataset) ? E({
         componentName: "VueUiSparkgauge",
         type: "dataset",
         debug: w.value
-      }) : Q({
+      }) : K({
         datasetObject: c.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
@@ -115,29 +116,29 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
       }
       n();
     }
-    const m = s(() => v.value.title ?? ""), L = s(() => {
+    const y = s(() => v.value.title ?? ""), L = s(() => {
       const t = o.value.diff;
       if (!isFinite(t) || t === 0) return 0;
       const n = o.value.min, f = R.value;
       return f >= 0 ? (f - n) / t : (Math.abs(n) - Math.abs(f)) / t;
-    }), S = s(() => W(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, a.value)), z = s(() => e.value.style.dataLabel.autoColor ? S.value : e.value.style.dataLabel.color), G = s(() => e.value.style.track.autoColor ? S.value : e.value.style.track.color);
+    }), S = s(() => Q(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, a.value)), z = s(() => e.value.style.dataLabel.autoColor ? S.value : e.value.style.dataLabel.color), G = s(() => e.value.style.track.autoColor ? S.value : e.value.style.track.color);
     return (t, n) => (u(), r("div", {
       class: "vue-ui-sparkgauge",
       style: g(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
-      e.value.style.title.show && m.value && e.value.style.title.position === "top" ? (u(), r("div", {
+      e.value.style.title.show && y.value && e.value.style.title.position === "top" ? (u(), r("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
         style: g(`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}`)
-      }, k(m.value), 5)) : d("", !0),
+      }, k(y.value), 5)) : d("", !0),
       (u(), r("svg", {
         ref_key: "svgRef",
         ref: I,
-        xmlns: i(Z),
+        xmlns: i(W),
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
-        q(i(O)),
+        P(i(O)),
         t.$slots["chart-background"] && !i(h) ? (u(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -150,25 +151,25 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
         }, [
           F(t.$slots, "chart-background")
         ], 8, ue)) : d("", !0),
-        y("defs", null, [
-          y("linearGradient", {
+        m("defs", null, [
+          m("linearGradient", {
             id: `gradient_${_.value}`,
             x1: "-10%",
             y1: "100%",
             x2: "110%",
             y2: "100%"
           }, [
-            y("stop", {
+            m("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
             }, null, 8, ne),
-            y("stop", {
+            m("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
             }, null, 8, re)
           ], 8, ie)
         ]),
-        y("path", {
+        m("path", {
           d: `M10 ${l.value.base} A 1 1 0 1 1 118 ${l.value.base}`,
           stroke: e.value.style.gutter.color,
           "stroke-width": 8,
@@ -203,10 +204,10 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
           "font-size": e.value.style.dataLabel.fontSize,
           fill: z.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, k(i(ee)(
+        }, k(i(Z)(
           e.value.style.dataLabel.formatter,
           i(x)(a.value),
-          i(te)({
+          i(ee)({
             p: e.value.style.dataLabel.prefix,
             v: i(x)(a.value),
             s: e.value.style.dataLabel.suffix,
@@ -215,18 +216,18 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
           { datapoint: i(x)(a.value), color: z.value }
         )), 9, fe))
       ], 8, se)),
-      e.value.style.title.show && m.value && e.value.style.title.position === "bottom" ? (u(), r("div", {
+      e.value.style.title.show && y.value && e.value.style.title.position === "bottom" ? (u(), r("div", {
         key: 1,
         class: "vue-data-ui-sparkgauge-label",
         style: g(`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}`)
-      }, k(m.value), 5)) : d("", !0),
-      t.$slots.source ? (u(), r("div", ye, [
+      }, k(y.value), 5)) : d("", !0),
+      t.$slots.source ? (u(), r("div", me, [
         F(t.$slots, "source")
       ], 512)) : d("", !0),
-      i(h) ? (u(), U(le, { key: 3 })) : d("", !0)
+      i(h) ? (u(), q(ae, { key: 3 })) : d("", !0)
     ], 4));
   }
 };
 export {
-  ke as default
+  xe as default
 };