vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-smiley-M5Gn70_Z.js → vue-ui-smiley-BLMl69Ca.js}

@@ -1,7 +1,7 @@
 import { openBlock as i, createElementBlock as s, withKeys as K, normalizeStyle as r, normalizeClass as T, createElementVNode as a, toDisplayString as v, renderSlot as $, createCommentVNode as f, unref as M, useSlots as q, ref as x, onMounted as N, computed as w, watch as V, Fragment as H, renderList as J, createVNode as Q, withCtx as z, createTextVNode as W } from "vue";
-import { X as j, v as U, k as Z, l as _, o as ee, q as te } from "./lib-DBptbyyI.js";
-import { u as le } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ae } from "./useConfig-C40HvGpD.js";
+import { X as j, v as U, k as Z, l as _, o as ee, q as te } from "./lib-DMzrGQHK.js";
+import { u as le } from "./useNestedProp-DH0BEVVS.js";
+import { u as ae } from "./useConfig-DTHxOX6V.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-color"], ue = ["stroke"], ce = ["xmlns", "viewBox", "stroke"], de = ["id"], ye = ["stop-color"], fe = ["stop-color"], ve = ["viewBox", "stroke"], ge = {
   __name: "BaseSmilingUnit",
@@ -21,7 +21,9 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
     const S = t, g = R;
     return (o, c) => (i(), s("div", {
       tabindex: "0",
-      class: T({ "vue-ui-smiley-rated": !t.config.readonly && t.currentRating === t.unit }),
+      class: T({
+        "vue-ui-smiley-rated": !t.config.readonly && t.currentRating === t.unit
+      }),
       style: r({
         cursor: t.config.readonly ? "default" : S.isCursorPointer ? "pointer" : "default",
         height: t.config.style.itemSize + "px",
@@ -133,7 +135,10 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
           }, [
             a("stop", {
               offset: "0%",
-              "stop-color": M(U)(t.config.style.colors.activeReadonly[t.unit - 1], 0.05)
+              "stop-color": M(U)(
+                t.config.style.colors.activeReadonly[t.unit - 1],
+                0.05
+              )
             }, null, 8, ye),
             a("stop", {
               offset: "100%",
@@ -158,7 +163,7 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
       ], 8, ve)) : f("", !0)
     ], 38));
   }
-}, me = /* @__PURE__ */ oe(ge, [["__scopeId", "data-v-843c3372"]]), he = {
+}, me = /* @__PURE__ */ oe(ge, [["__scopeId", "data-v-e3093b6c"]]), he = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
@@ -182,7 +187,9 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
   setup(t, { expose: R, emit: S }) {
     const { vue_ui_smiley: g } = ae(), o = t, c = q(), h = S, m = x(null);
     N(() => {
-      c["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+      c["chart-background"] && console.warn(
+        "VueUiSmiley does not support the #chart-background slot."
+      );
     });
     function C() {
       (!Object.hasOwn(o.dataset, "rating") || ee(o.dataset)) && te({
@@ -199,19 +206,20 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
         defaultConfig: g
       });
     }
-    V(() => o.config, (l) => {
-      e.value = I(), k.value = e.value.readonly, C();
-    }, { deep: !0 });
+    V(
+      () => o.config,
+      (l) => {
+        e.value = I(), k.value = e.value.readonly, C();
+      },
+      { deep: !0 }
+    );
     const F = w(() => {
       const l = o.dataset.rating;
       return l && typeof l == "object" && !Array.isArray(l) ? P(l) : l ?? null;
     }), G = w(() => typeof o.dataset.rating == "object" && !Array.isArray(o.dataset.rating)), d = x(F.value);
-    V(
-      F,
-      (l) => {
-        d.value = l;
-      }
-    );
+    V(F, (l) => {
+      d.value = l;
+    });
     const k = x(e.value.readonly), O = [
       {
         key: "smiley_0",
@@ -335,7 +343,10 @@ const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-co
           onRate: (b) => L(y + 1)
         }, {
           rating: z(() => [
-            W(v(p.value({ value: o.dataset.rating[String(y + 1)], tooltip: !0 })), 1)
+            W(v(p.value({
+              value: o.dataset.rating[String(y + 1)],
+              tooltip: !0
+            })), 1)
           ]),
           "path-icon-filled": z(() => [
             a("path", {

package/dist/{vue-ui-spark-trend-CbtI2yPI.js → vue-ui-spark-trend-Bkxd18l5.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as _e, ref as c, computed as s, toRefs as $e, watch as P, nextTick as le, onMounted as we, openBlock as o, createElementBlock as r, normalizeStyle as xe, createElementVNode as N, toDisplayString as Z, unref as i, createVNode as Le, renderSlot as H, createCommentVNode as y, createBlock as Ce } from "vue";
-import { j as Te, t as ae, H as ne, o as W, q as Ae, K as L, an as Ne, l as I, k as ue, X as Se, u as q, c as se } from "./lib-DBptbyyI.js";
+import { j as Te, t as ae, H as ne, o as W, q as Ae, K as L, an as Ne, l as I, k as ue, X as Se, u as q, c as se } from "./lib-DMzrGQHK.js";
 import { t as ze, u as Fe } from "./useResponsive-DfdjqQps.js";
-import { u as Me } from "./useConfig-C40HvGpD.js";
-import { u as Ie, B as Ve } from "./BaseScanner-BhhkKVoj.js";
+import { u as Me } from "./useConfig-DTHxOX6V.js";
+import { u as Ie, B as Ve } from "./BaseScanner-BON3d_Sx.js";
 import { u as je } from "./useFitSvgText-2crs6Fv5.js";
-import { u as U } from "./useNestedProp-Bf5XFbs8.js";
-import { u as De } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Ee } from "./usePrefersMotion-CUKm8_t8.js";
+import { u as U } from "./useNestedProp-DH0BEVVS.js";
+import { u as De } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Ee } from "./usePrefersMotion-Co0nj1eS.js";
 import Be from "./vue_ui_spark_trend-3BjrSprO.js";
 import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Ze = ["width", "height"], He = ["id"], We = ["stop-color"], qe = ["stop-color"], Ue = { key: 1 }, Ke = ["d", "fill"], Xe = ["d", "fill"], Je = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ut = {
@@ -26,7 +26,9 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
     }
   },
   setup(oe) {
-    const re = _e(() => import("./PackageVersion-PjmqM4wb.js")), { vue_ui_spark_trend: ie } = Me(), { isThemeValid: ve, warnInvalidTheme: de } = De(), S = Ee(), h = oe, V = c(null), K = c(null), X = c(null), C = c(null), z = c(null), T = c(!1), p = c(null), $ = c(Te()), e = c(E()), fe = s(() => ae({
+    const re = _e(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_spark_trend: ie } = Me(), { isThemeValid: ve, warnInvalidTheme: de } = De(), S = Ee(), h = oe, V = c(null), K = c(null), X = c(null), C = c(null), z = c(null), T = c(!1), p = c(null), $ = c(Te()), e = c(E()), fe = s(() => ae({
       defaultConfig: {
         style: {
           animation: { show: !1 },
@@ -35,7 +37,11 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
             stroke: "#6A6A6A",
             useColorTrend: !1
           },
-          dataLabel: { show: !1, useColorTrend: !1, color: "#6A6A6A" }
+          dataLabel: {
+            show: !1,
+            useColorTrend: !1,
+            color: "#6A6A6A"
+          }
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
@@ -43,7 +49,20 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
       ...$e(h),
       FINAL_CONFIG: e,
       prepareConfig: E,
-      skeletonDataset: h.config?.skeletonDataset ?? [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
+      skeletonDataset: h.config?.skeletonDataset ?? [
+        1,
+        2,
+        3,
+        5,
+        8,
+        13,
+        21,
+        34,
+        55,
+        89,
+        144,
+        233
+      ],
       skeletonConfig: ae({
         defaultConfig: e.value,
         userConfig: fe.value
@@ -66,25 +85,37 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
         defaultConfig: n
       });
     }
-    const g = s(() => ne({
-      data: j.value,
-      threshold: e.value.downsample.threshold
-    }));
-    P(() => h.config, (t) => {
-      e.value = E(), R.value = e.value.style.width, w.value = e.value.style.height, J();
-    }, { deep: !0 });
+    const g = s(
+      () => ne({
+        data: j.value,
+        threshold: e.value.downsample.threshold
+      })
+    );
+    P(
+      () => h.config,
+      (t) => {
+        e.value = E(), R.value = e.value.style.width, w.value = e.value.style.height, J();
+      },
+      { deep: !0 }
+    );
     function B(t) {
       return t.map((l) => L(l));
     }
-    const _ = c(ne({
-      data: j.value,
-      threshold: e.value.downsample.threshold
-    }).map((t) => e.value.style.animation.show && !S.value || [void 0, 1 / 0, -1 / 0, null, NaN].includes(t) ? null : t));
-    P(g, (t) => {
-      p.value && (cancelAnimationFrame(p.value), p.value = null), e.value.style.animation.show && !S.value ? _.value = Array(t.length).fill(null) : _.value = t.map(
-        (l) => ![void 0, 1 / 0, -1 / 0, null].includes(l) && !Number.isNaN(l) ? l : null
-      ), O(), le(() => M(".vue-ui-sparktrend-progress-label", 6));
-    }, { deep: !0, immediate: !0 }), P(
+    const _ = c(
+      ne({
+        data: j.value,
+        threshold: e.value.downsample.threshold
+      }).map((t) => e.value.style.animation.show && !S.value || [void 0, 1 / 0, -1 / 0, null, NaN].includes(t) ? null : t)
+    );
+    P(
+      g,
+      (t) => {
+        p.value && (cancelAnimationFrame(p.value), p.value = null), e.value.style.animation.show && !S.value ? _.value = Array(t.length).fill(null) : _.value = t.map(
+          (l) => ![void 0, 1 / 0, -1 / 0, null].includes(l) && !Number.isNaN(l) ? l : null
+        ), O(), le(() => M(".vue-ui-sparktrend-progress-label", 6));
+      },
+      { deep: !0, immediate: !0 }
+    ), P(
       () => JSON.stringify(h.dataset),
       () => {
         p.value && (cancelAnimationFrame(p.value), p.value = null), D.value = W(h.dataset);
@@ -172,13 +203,18 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
         plotValue: L(n + F.value),
         toMax: Q(n + F.value),
         x: u.value.left + L(l * (u.value.width / (pe.value - 1))) - e.value.style.padding.right,
-        y: u.value.bottom - L(u.value.height * Q(n + F.value))
+        y: u.value.bottom - L(
+          u.value.height * Q(n + F.value)
+        )
       };
     })), x = s(() => {
       const t = B(g.value);
       return e.value.style.trendLabel.trendType === "global" ? Ne(t) : e.value.style.trendLabel.trendType === "n-1" && t.length > 1 ? (t.at(-1) / t.at(-2) - 1) * 100 : e.value.style.trendLabel.trendType === "lastToFirst" ? (t.at(-1) / t[0] - 1) * 100 : 0;
     }), A = s(() => T.value || x.value === 0 ? "neutral" : x.value > 0 ? "positive" : "negative"), m = s(() => e.value.style.arrow.colors[A.value]), ge = s(() => {
-      const t = { x: a.value[0].x, y: d.value.height - 6 }, l = { x: a.value[a.value.length - 1].x, y: d.value.height - 6 }, n = [];
+      const t = { x: a.value[0].x, y: d.value.height - 6 }, l = {
+        x: a.value[a.value.length - 1].x,
+        y: d.value.height - 6
+      }, n = [];
       return a.value.forEach((v) => {
         n.push(`${v.x},${v.y} `);
       }), [t.x, t.y, ...n, l.x, l.y].toString();
@@ -258,7 +294,10 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
           }, [
             N("stop", {
               offset: "0%",
-              "stop-color": i(q)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity)
+              "stop-color": i(q)(
+                e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
+                e.value.style.area.opacity
+              )
             }, null, 8, We),
             N("stop", {
               offset: "100%",
@@ -270,12 +309,18 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
           e.value.style.line.smooth ? (o(), r("path", {
             key: 0,
             d: `M ${a.value[0].x},${u.value.bottom} ${i(se)(a.value)} L ${a.value.at(-1).x},${u.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${$.value})` : i(q)(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_${$.value})` : i(q)(
+              e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
+              e.value.style.area.opacity
+            ),
             stroke: "none"
           }, null, 8, Ke)) : (o(), r("path", {
             key: 1,
             d: `M${ge.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${$.value})` : i(q)(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_${$.value})` : i(q)(
+              e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
+              e.value.style.area.opacity
+            ),
             stroke: "none"
           }, null, 8, Xe))
         ])) : y("", !0),
@@ -372,7 +417,7 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
       ], !0)
     ], 12, Re));
   }
-}, gt = /* @__PURE__ */ Oe(ut, [["__scopeId", "data-v-53283176"]]);
+}, gt = /* @__PURE__ */ Oe(ut, [["__scopeId", "data-v-90a4c498"]]);
 export {
   gt as default
 };

package/dist/{vue-ui-sparkbar-DgrwoANx.js → vue-ui-sparkbar-D2abFa-u.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as oe, useSlots as ne, onMounted as M, ref as k, computed as x, toRefs as se, watch as B, nextTick as ue, openBlock as s, createElementBlock as i, normalizeStyle as d, unref as o, renderSlot as $, normalizeProps as ie, mergeProps as E, createCommentVNode as p, createElementVNode as v, toDisplayString as g, Fragment as V, renderList as re, createVNode as ve, createBlock as ce } from "vue";
-import { j as de, t as O, m as fe, p as w, n as pe, o as ge, q as j, r as me, s as ye, u as D, k as _, l as A, X as he, v as ke } from "./lib-DBptbyyI.js";
-import { u as xe } from "./useConfig-C40HvGpD.js";
-import { u as be, B as Ce } from "./BaseScanner-BhhkKVoj.js";
-import { u as I } from "./useNestedProp-Bf5XFbs8.js";
-import { u as we } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as _e } from "./usePrefersMotion-CUKm8_t8.js";
+import { j as de, t as O, m as fe, p as w, n as pe, o as ge, q as j, r as me, s as ye, u as D, k as _, l as A, X as he, v as ke } from "./lib-DMzrGQHK.js";
+import { u as xe } from "./useConfig-DTHxOX6V.js";
+import { u as be, B as Ce } from "./BaseScanner-BON3d_Sx.js";
+import { u as I } from "./useNestedProp-DH0BEVVS.js";
+import { u as we } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as _e } from "./usePrefersMotion-Co0nj1eS.js";
 import Ae from "./vue_ui_sparkbar-BsMzz5Um.js";
 const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
   key: 1,
@@ -38,9 +38,13 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
   },
   emits: ["selectDatapoint"],
   setup(R, { emit: U }) {
-    const W = oe(() => import("./PackageVersion-PjmqM4wb.js")), { vue_ui_sparkbar: q } = xe(), { isThemeValid: G, warnInvalidTheme: H } = we(), T = _e(), f = R, X = ne();
+    const W = oe(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_sparkbar: q } = xe(), { isThemeValid: G, warnInvalidTheme: H } = we(), T = _e(), f = R, X = ne();
     M(() => {
-      X["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+      X["chart-background"] && console.warn(
+        "VueUiSparkbar does not support the #chart-background slot."
+      );
     });
     const L = k(de()), e = k(S()), J = x(() => O({
       defaultConfig: {
@@ -94,14 +98,20 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
         customPalette: n.customPalette.length ? n.customPalette : fe[a] || w
       };
     }
-    B(() => f.config, (t) => {
-      e.value = S();
-    }, { deep: !0 });
-    const K = x(() => pe(e.value.customPalette)), m = k(c.value.map((t) => ({
-      ...t,
-      value: e.value.style.animation.show ? 0 : t.value || 0,
-      formatter: t.formatter || null
-    }))), N = k(null);
+    B(
+      () => f.config,
+      (t) => {
+        e.value = S();
+      },
+      { deep: !0 }
+    );
+    const K = x(() => pe(e.value.customPalette)), m = k(
+      c.value.map((t) => ({
+        ...t,
+        value: e.value.style.animation.show ? 0 : t.value || 0,
+        formatter: t.formatter || null
+      }))
+    ), N = k(null);
     M(async () => {
       ge(f.dataset) && j({
         componentName: "VueUiSparkbar",
@@ -126,13 +136,17 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
         h();
       }
     }
-    B(() => c.value, async (t) => {
-      cancelAnimationFrame(N.value), m.value = c.value.map((a) => ({
-        ...a,
-        value: e.value.style.animation.show && !T.value ? 0 : a.value || 0,
-        formatter: a.formatter || null
-      })), ue(P);
-    }, { deep: !0 });
+    B(
+      () => c.value,
+      async (t) => {
+        cancelAnimationFrame(N.value), m.value = c.value.map((a) => ({
+          ...a,
+          value: e.value.style.animation.show && !T.value ? 0 : a.value || 0,
+          formatter: a.formatter || null
+        })), ue(P);
+      },
+      { deep: !0 }
+    );
     const r = k({
       width: 500,
       height: 16
@@ -165,13 +179,22 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
     }
     const ee = U;
     function te(t, a) {
-      ee("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
+      ee("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: t,
+        seriesIndex: a
+      });
     }
     function le(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: a
+      });
     }
     function ae(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: t,
+        seriesIndex: a
+      });
     }
     return (t, a) => (s(), i("div", {
       class: "vue-data-ui-component vue-ui-sparkbar",
@@ -179,10 +202,19 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
         width: "100%",
         position: "relative",
         fontFamily: e.value.style.fontFamily,
-        background: f.backgroundOpacity !== null ? o(D)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
+        background: f.backgroundOpacity !== null ? o(D)(
+          e.value.style.backgroundColor,
+          f.backgroundOpacity
+        ) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? $(t.$slots, "title", ie(E({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : p("", !0),
+      t.$slots.title ? $(t.$slots, "title", ie(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 ? (s(), i("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
@@ -219,37 +251,43 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
         o(b) ? p("", !0) : $(t.$slots, "data-label", E({
           key: 0,
           ref_for: !0
-        }, { bar: {
-          ...l,
-          target: y(l),
-          valueLabel: o(_)(
-            l.formatter,
-            l.value,
-            o(A)({
-              p: l.prefix || "",
-              v: l.value,
-              s: l.suffix || "",
-              r: l.rounding || 0
-            }),
-            { datapoint: l, seriesIndex: n }
-          ),
-          targetLabel: o(_)(
-            l.formatter,
-            y(l),
-            o(A)({
-              p: l.prefix || "",
-              v: y(l),
-              s: l.suffix || "",
-              r: l.rounding || 0
-            }),
-            { datapoint: l, seriesIndex: n }
-          )
-        } })),
+        }, {
+          bar: {
+            ...l,
+            target: y(l),
+            valueLabel: o(_)(
+              l.formatter,
+              l.value,
+              o(A)({
+                p: l.prefix || "",
+                v: l.value,
+                s: l.suffix || "",
+                r: l.rounding || 0
+              }),
+              { datapoint: l, seriesIndex: n }
+            ),
+            targetLabel: o(_)(
+              l.formatter,
+              y(l),
+              o(A)({
+                p: l.prefix || "",
+                v: y(l),
+                s: l.suffix || "",
+                r: l.rounding || 0
+              }),
+              { datapoint: l, seriesIndex: n }
+            )
+          }
+        })),
         !t.$slots["data-label"] || o(b) ? (s(), i("div", {
           key: 1,
           style: d({
             display: "flex",
-            justifyContent: ["right", "top-right"].includes(e.value.style.labels.name.position) ? "flex-end" : ["top-center"].includes(e.value.style.labels.name.position) ? "center" : "flex-start",
+            justifyContent: ["right", "top-right"].includes(
+              e.value.style.labels.name.position
+            ) ? "flex-end" : ["top-center"].includes(
+              e.value.style.labels.name.position
+            ) ? "center" : "flex-start",
             alignItems: "center",
             width: e.value.style.labels.name.width,
             color: e.value.style.labels.name.color,
@@ -272,10 +310,20 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
             })
           }, [
             v("div", {
-              style: d({ height: "100%", width: "40px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
+              style: d({
+                height: "100%",
+                width: "40px",
+                borderRadius: e.value.style.labels.fontSize / 4 + "px",
+                backgroundColor: "#6A6A6A80"
+              })
             }, null, 4),
             v("div", {
-              style: d({ height: "100%", width: "15px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
+              style: d({
+                height: "100%",
+                width: "15px",
+                borderRadius: e.value.style.labels.fontSize / 4 + "px",
+                backgroundColor: "#6A6A6A80"
+              })
             }, null, 4)
           ], 4)) : (s(), i(V, { key: 1 }, [
             v("span", null, g(l.name), 1),
@@ -324,7 +372,10 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
             }, [
               v("stop", {
                 offset: "0%",
-                "stop-color": o(D)(o(ke)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+                "stop-color": o(D)(
+                  o(ke)(l.color, 0.03),
+                  100 - e.value.style.bar.gradient.intensity
+                )
               }, null, 8, Te),
               v("stop", {
                 offset: "100%",
@@ -337,7 +388,10 @@ const Se = ["onClick", "onMouseenter", "onMouseleave"], $e = {
             width: r.value.width,
             x: 0,
             y: 0,
-            fill: o(D)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+            fill: o(D)(
+              e.value.style.gutter.backgroundColor,
+              e.value.style.gutter.opacity
+            ),
             rx: r.value.height / 2
           }, null, 8, ze),
           v("rect", {

package/dist/{vue-ui-sparkgauge-CepspA5J.js → vue-ui-sparkgauge-D6IF3ZQR.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as H, ref as p, computed as s, toRefs as K, onMounted as D, watch as E, onBeforeUnmount as J, openBlock as i, createElementBlock as c, normalizeStyle as b, toDisplayString as x, createCommentVNode as m, unref as r, createVNode as Q, renderSlot as A, createElementVNode as g, normalizeClass as W, createBlock as Z } from "vue";
-import { u as w } from "./useNestedProp-Bf5XFbs8.js";
-import { j as ee, t as I, o as te, q as R, r as ae, ao as le, X as oe, k as se, K as _, l as ne } from "./lib-DBptbyyI.js";
-import { u as ue } from "./useConfig-C40HvGpD.js";
-import { u as ie, B as re } from "./BaseScanner-BhhkKVoj.js";
-import { u as ve } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ce } from "./useChartAccessibility-9icAAmYg.js";
-import { u as fe } from "./usePrefersMotion-CUKm8_t8.js";
+import { u as w } from "./useNestedProp-DH0BEVVS.js";
+import { j as ee, t as I, o as te, q as R, r as ae, ao as le, X as oe, k as se, K as _, l as ne } from "./lib-DMzrGQHK.js";
+import { u as ue } from "./useConfig-DTHxOX6V.js";
+import { u as ie, B as re } from "./BaseScanner-BON3d_Sx.js";
+import { u as ve } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ce } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as fe } from "./usePrefersMotion-Co0nj1eS.js";
 import de from "./vue_ui_sparkgauge-KnjASOZs.js";
 const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["stop-color"], pe = ["stop-color"], be = ["d", "stroke", "stroke-linecap"], ke = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], Ce = ["x", "y", "width", "height"], xe = ["x", "y", "font-size", "fill", "font-weight"], Ae = {
   key: 2,
@@ -28,7 +28,9 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
     }
   },
   setup(T) {
-    const j = H(() => import("./PackageVersion-PjmqM4wb.js")), { vue_ui_sparkgauge: O } = ue(), { isThemeValid: U, warnInvalidTheme: G } = ve(), P = fe(), f = p(null), v = T, $ = p(ee()), e = p(C()), y = s(() => e.value.style.animation.show && !P.value), q = s(() => I({
+    const j = H(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_sparkgauge: O } = ue(), { isThemeValid: U, warnInvalidTheme: G } = ve(), P = fe(), f = p(null), v = T, $ = p(ee()), e = p(C()), y = s(() => e.value.style.animation.show && !P.value), q = s(() => I({
       defaultConfig: {
         style: {
           animation: { show: !1 },
@@ -67,7 +69,9 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
         max: l,
         diff: u
       };
-    }), L = s(() => n.value.diff / e.value.style.animation.speedMs), { svgRef: V } = ce({ config: { text: v.dataset?.title || "" } });
+    }), L = s(() => n.value.diff / e.value.style.animation.speedMs), { svgRef: V } = ce({
+      config: { text: v.dataset?.title || "" }
+    });
     function C() {
       const t = w({
         userConfig: v.config,
@@ -106,14 +110,20 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
         });
       });
     }
-    E(() => v.config, () => {
-      e.value = C(), a.value = y.value ? n.value.min : d.value.value, z();
-    }, { deep: !0 });
+    E(
+      () => v.config,
+      () => {
+        e.value = C(), a.value = y.value ? n.value.min : d.value.value, z();
+      },
+      { deep: !0 }
+    );
     const o = s(() => ({
       height: e.value.style.height,
       width: 128,
       base: e.value.style.basePosition
-    })), a = p(y.value ? n.value.min : d.value.value);
+    })), a = p(
+      y.value ? n.value.min : d.value.value
+    );
     E(
       [() => d.value.value, y],
       ([t, l]) => {
@@ -131,7 +141,13 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
         return;
       }
       function u() {
-        a.value < t ? a.value = Math.min(a.value + L.value, t) : a.value > t && (a.value = Math.max(a.value - L.value, t)), a.value !== t ? f.value = requestAnimationFrame(u) : f.value = null;
+        a.value < t ? a.value = Math.min(
+          a.value + L.value,
+          t
+        ) : a.value > t && (a.value = Math.max(
+          a.value - L.value,
+          t
+        )), a.value !== t ? f.value = requestAnimationFrame(u) : f.value = null;
       }
       u();
     }
@@ -140,7 +156,13 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
       if (!isFinite(t) || t === 0) return 0;
       const l = n.value.min, u = X.value;
       return u >= 0 ? (u - l) / t : (Math.abs(l) - Math.abs(u)) / t;
-    }), F = s(() => le(e.value.style.colors.min, e.value.style.colors.max, n.value.min, n.value.max, a.value)), B = s(() => e.value.style.dataLabel.autoColor ? F.value : e.value.style.dataLabel.color), Y = s(() => e.value.style.track.autoColor ? F.value : e.value.style.track.color);
+    }), F = s(() => le(
+      e.value.style.colors.min,
+      e.value.style.colors.max,
+      n.value.min,
+      n.value.max,
+      a.value
+    )), B = s(() => e.value.style.dataLabel.autoColor ? F.value : e.value.style.dataLabel.color), Y = s(() => e.value.style.track.autoColor ? F.value : e.value.style.track.color);
     return J(() => {
       f.value && cancelAnimationFrame(f.value);
     }), (t, l) => (i(), c("div", {
@@ -206,8 +228,12 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
           fill: "none",
           "stroke-dasharray": 169.5,
           "stroke-dashoffset": 169.5 - 169.5 * N.value,
-          class: W({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
-          style: b(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
+          class: W({
+            "vue-ui-sparkgauge-track": e.value.style.animation.show
+          }),
+          style: b(
+            e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : ""
+          )
         }, null, 14, ke)) : m("", !0),
         r(k) ? (i(), c("rect", {
           key: 2,
@@ -234,7 +260,10 @@ const me = ["xmlns", "viewBox"], ge = ["width", "height"], ye = ["id"], he = ["s
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
-          { datapoint: r(_)(a.value), color: B.value }
+          {
+            datapoint: r(_)(a.value),
+            color: B.value
+          }
         )), 9, xe))
       ], 8, me)),
       e.value.style.title.show && h.value && e.value.style.title.position === "bottom" ? (i(), c("div", {