vue-data-ui 3.2.7 → 3.3.0

package/dist/{vue-ui-sparkbar-BUPDw_qR.js → vue-ui-sparkbar-BkdcYrmg.js}

@@ -1,6 +1,6 @@
-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-BEpWEyMm.js";
-import { u as ge, a as V } from "./useNestedProp-BOk-tPdu.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 s, 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 ne, createVNode as se } 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-GIYcnm0E.js";
+import { u as ge, a as V } from "./useNestedProp-mxyyqd0B.js";
 import { t as me } from "./themes-Dw-dDudK.js";
 import { u as he, B as xe } from "./BaseScanner-BgWxam9d.js";
 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 = {
@@ -32,7 +32,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
   },
   emits: ["selectDatapoint"],
   setup(O, { emit: j }) {
-    const U = Z(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_sparkbar: R } = ge(), f = O, W = ee();
+    const U = Z(() => import("./PackageVersion-C9oklnuy.js")), { vue_ui_sparkbar: R } = ge(), f = O, W = ee();
     F(() => {
       W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });
@@ -96,7 +96,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
     function z() {
       if (e.value.style.animation.show) {
         let h = function() {
-          s += l / t, s < l ? (g.value = g.value.map((u, b) => ({
+          n += l / t, n < l ? (g.value = g.value.map((u, b) => ({
             ...u,
             value: u.value += o[b]
           })), T.value = requestAnimationFrame(h)) : g.value = c.value.map((u) => ({
@@ -106,7 +106,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           }));
         };
         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;
+        let n = 0;
         h();
       }
     }
@@ -157,8 +157,8 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
     function Y(t, o) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
-    return (t, o) => (n(), i("div", {
-      class: "vue-ui-sparkbar",
+    return (t, o) => (s(), i("div", {
+      class: "vue-data-ui-component vue-ui-sparkbar",
       style: d({
         width: "100%",
         position: "relative",
@@ -167,7 +167,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
       })
     }, [
       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", {
+      !t.$slots.title && e.value.style.title.text ? (s(), i("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
         style: d({
@@ -184,7 +184,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             fontWeight: e.value.style.title.bold ? "bold" : "normal"
           })
         }, y(e.value.style.title.text), 5),
-        e.value.style.title.subtitle.text ? (n(), i("div", {
+        e.value.style.title.subtitle.text ? (s(), i("div", {
           key: 0,
           class: "vue-ui-sparkbar-subtitle",
           style: d({
@@ -194,11 +194,11 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           })
         }, 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)
+      (s(!0), i(M, null, ne(H.value, (l, n) => (s(), 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 && n !== a(c).length - 1 ? "margin-bottom:6px" : ""}`),
+        onClick: (h) => K(l, n),
+        onMouseenter: (h) => Q(l, n),
+        onMouseleave: (h) => Y(l, n)
       }, [
         a(k) ? p("", !0) : $(t.$slots, "data-label", E({
           key: 0,
@@ -215,7 +215,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
               s: l.suffix || "",
               r: l.rounding || 0
             }),
-            { datapoint: l, seriesIndex: s }
+            { datapoint: l, seriesIndex: n }
           ),
           targetLabel: a(C)(
             l.formatter,
@@ -226,10 +226,10 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
               s: l.suffix || "",
               r: l.rounding || 0
             }),
-            { datapoint: l, seriesIndex: s }
+            { datapoint: l, seriesIndex: n }
           )
         } })),
-        !t.$slots["data-label"] || a(k) ? (n(), i("div", {
+        !t.$slots["data-label"] || a(k) ? (s(), i("div", {
           key: 1,
           style: d({
             display: "flex",
@@ -242,7 +242,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             flexWrap: "wrap"
           })
         }, [
-          a(k) ? (n(), i("div", {
+          a(k) ? (s(), i("div", {
             key: 0,
             class: "vue-ui-sparkbar-skeleton-name",
             style: d({
@@ -261,9 +261,9 @@ 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(M, { key: 1 }, [
+          ], 4)) : (s(), i(M, { key: 1 }, [
             v("span", null, y(l.name), 1),
-            e.value.style.labels.value.show ? (n(), i("span", {
+            e.value.style.labels.value.show ? (s(), i("span", {
               key: 0,
               style: d(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
             }, ": " + y(a(C)(
@@ -275,9 +275,9 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: s }
+              { datapoint: l, seriesIndex: n }
             )), 5)) : p("", !0),
-            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(a(C)(
+            e.value.style.layout.showTargetValue ? (s(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(a(C)(
               l.formatter,
               m(l),
               a(A)({
@@ -286,23 +286,23 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
-              { datapoint: l, seriesIndex: s }
+              { datapoint: l, seriesIndex: n }
             )), 1)) : p("", !0)
           ], 64))
         ], 4)) : p("", !0),
-        (n(), i("svg", {
+        (s(), i("svg", {
           xmlns: a(fe),
           viewBox: `0 0 ${r.value.width} ${r.value.height}`,
           width: "100%"
         }, [
-          ne(a(U)),
+          se(a(U)),
           v("defs", null, [
             v("linearGradient", {
               x1: "0%",
               y1: "0%",
               x2: "100%",
               y2: "0%",
-              id: `sparkbar_gradient_${s}_${I.value}`
+              id: `sparkbar_gradient_${n}_${I.value}`
             }, [
               v("stop", {
                 offset: "0%",
@@ -335,15 +335,15 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             width: r.value.width * N(l),
             x: 0,
             y: 0,
-            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${I.value})` : l.color,
+            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${n}_${I.value})` : l.color,
             rx: r.value.height / 2
           }, null, 8, De)
         ], 8, we))
       ], 44, ke))), 256)),
-      t.$slots.source ? (n(), i("div", Ie, [
+      t.$slots.source ? (s(), i("div", Ie, [
         $(t.$slots, "source")
       ], 512)) : p("", !0),
-      a(k) ? (n(), ae(xe, { key: 3 })) : p("", !0)
+      a(k) ? (s(), ae(xe, { key: 3 })) : p("", !0)
     ], 4));
   }
 };

package/dist/{vue-ui-sparkgauge-DufAZyFK.js → vue-ui-sparkgauge-C6Kq_OGV.js}

@@ -1,6 +1,6 @@
 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-BOk-tPdu.js";
-import { c as Y, t as H, o as J, f as E, g as K, a0 as Q, X as W, a as Z, q as x, d as ee } from "./lib-BEpWEyMm.js";
+import { u as X, a as B } from "./useNestedProp-mxyyqd0B.js";
+import { c as Y, t as H, o as J, f as E, g as K, a0 as Q, X as W, a as Z, q as x, d as ee } from "./lib-GIYcnm0E.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-Dw-dDudK.js";
@@ -25,7 +25,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
     }
   },
   setup(D) {
-    const O = T(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = te({
+    const O = T(() => import("./PackageVersion-C9oklnuy.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,
@@ -123,7 +123,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
       return f >= 0 ? (f - n) / t : (Math.abs(n) - Math.abs(f)) / t;
     }), 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",
+      class: "vue-data-ui-component vue-ui-sparkgauge",
       style: g(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
       e.value.style.title.show && y.value && e.value.style.title.position === "top" ? (u(), r("div", {

package/dist/{vue-ui-sparkhistogram-DDunWMKu.js → vue-ui-sparkhistogram-CjB33yXB.js}

@@ -1,11 +1,11 @@
 import { useCssVars as pe, computed as k, defineAsyncComponent as me, ref as y, toRefs as be, onMounted as U, watch as X, nextTick as j, createElementBlock as s, openBlock as a, normalizeStyle as S, createCommentVNode as c, createBlock as G, createElementVNode as g, createTextVNode as _e, toDisplayString as p, unref as n, createVNode as xe, renderSlot as q, Fragment as d, renderList as h, normalizeClass as Y } from "vue";
-import { c as ke, t as Ce, o as Ae, f as P, g as we, s as m, a as J, d as K, X as $e, i as D } from "./lib-BEpWEyMm.js";
+import { c as ke, t as Ce, o as Ae, f as P, g as we, s as m, a as J, d as K, X as $e, i as D } from "./lib-GIYcnm0E.js";
 import { t as Le, u as ze } from "./useResponsive-DfdjqQps.js";
-import { u as Se, a as Q } from "./useNestedProp-BOk-tPdu.js";
+import { u as Se, a as Q } from "./useNestedProp-mxyyqd0B.js";
 import { u as Me, B as Fe } from "./BaseScanner-BgWxam9d.js";
 import { u as Ie } from "./useFitSvgText-2crs6Fv5.js";
 import { u as Te } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ee } from "./Shape-C_C_OmqR.js";
+import { _ as Ee } from "./Shape-DJG2zW7b.js";
 import { t as Ne } from "./themes-Dw-dDudK.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width", "height"], Re = ["id"], Be = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], Ge = ["stop-color"], qe = ["id"], Ye = ["stop-color"], Pe = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
@@ -27,9 +27,9 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
   emits: ["selectDatapoint"],
   setup(Z, { emit: ee }) {
     pe((l) => ({
-      c8e2d1ee: ve.value
+      v693dff61: ve.value
     }));
-    const te = me(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_sparkhistogram: le } = Se(), b = Z, _ = y(ke()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Me({
+    const te = me(() => import("./PackageVersion-C9oklnuy.js")), { vue_ui_sparkhistogram: le } = Se(), b = Z, _ = y(ke()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Me({
       ...be(b),
       FINAL_CONFIG: e,
       prepareConfig: T,
@@ -176,7 +176,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     }), X([F, I, () => A.value], async () => {
       await j(), x(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), x(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), x(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
     }), (l, o) => (a(), s("div", {
-      class: "vue-ui-spark-histogram",
+      class: "vue-data-ui-component vue-ui-spark-histogram",
       ref_key: "histogramChart",
       ref: M,
       style: S(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
@@ -375,7 +375,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
       n(H) ? (a(), G(Fe, { key: 2 })) : c("", !0)
     ], 36));
   }
-}, ft = /* @__PURE__ */ De(st, [["__scopeId", "data-v-f8e879db"]]);
+}, ft = /* @__PURE__ */ De(st, [["__scopeId", "data-v-df871618"]]);
 export {
   ft as default
 };

package/dist/{vue-ui-sparkline-lRx2nNde.js → vue-ui-sparkline-DcH4yIEd.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as he, computed as h, ref as y, toRefs as Pe, watch as J, shallowRef as fe, onMounted as Re, onBeforeUnmount as ye, createElementBlock as c, openBlock as n, normalizeStyle as T, renderSlot as S, createCommentVNode as f, createBlock as pe, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as D, unref as s, createVNode as Fe, Fragment as Q, renderList as ee, withCtx as Ee, createTextVNode as Be, nextTick as Oe } from "vue";
-import { c as Ge, t as je, B as be, a1 as te, o as ke, f as xe, g as Ue, i as W, a2 as Xe, a3 as Ye, X as qe, s as P, U as _e, T as Ze, a4 as we, a as ae, d as le, a5 as Ke } from "./lib-BEpWEyMm.js";
-import { u as He, a as Le } from "./useNestedProp-BOk-tPdu.js";
+import { c as Ge, t as je, B as be, a1 as te, o as ke, f as xe, g as Ue, i as W, a2 as Xe, a3 as Ye, X as qe, s as P, U as _e, T as Ze, a4 as we, a as ae, d as le, a5 as Ke } from "./lib-GIYcnm0E.js";
+import { u as He, a as Le } from "./useNestedProp-mxyyqd0B.js";
 import { t as Je, u as Qe } from "./useResponsive-DfdjqQps.js";
 import { u as et } from "./useChartAccessibility-9icAAmYg.js";
 import { u as tt, B as at } from "./BaseScanner-BgWxam9d.js";
@@ -41,7 +41,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup($, { emit: Ae }) {
-    const $e = he(() => import("./PackageVersion-Cwrh45ON.js")), Ne = he(() => import("./SparkTooltip-Dz1PDE_h.js")), { vue_ui_sparkline: Me } = He(), r = $, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(Ge()), R = y(null), oe = y(null), se = y(null), e = y(B());
+    const $e = he(() => import("./PackageVersion-C9oklnuy.js")), Ne = he(() => import("./SparkTooltip-Cp0G9giW.js")), { vue_ui_sparkline: Me } = He(), r = $, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(Ge()), R = y(null), oe = y(null), se = y(null), e = y(B());
     function Ce(t) {
       return Ke(t).map((a) => ({ period: "-", value: a }));
     }
@@ -274,7 +274,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
     return (t, a) => (n(), c("div", {
       ref_key: "sparklineChart",
       ref: R,
-      class: "vue-ui-sparkline",
+      class: "vue-data-ui-component vue-ui-sparkline",
       id: g.value,
       style: T(`width:100%;font-family:${e.value.style.fontFamily};`)
     }, [
@@ -508,7 +508,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
       s(F) ? (n(), pe(at, { key: 3 })) : f("", !0)
     ], 12, st));
   }
-}, Ft = /* @__PURE__ */ ot(Ct, [["__scopeId", "data-v-9bb1ae10"]]);
+}, Ft = /* @__PURE__ */ ot(Ct, [["__scopeId", "data-v-cc569021"]]);
 export {
   Ft as default
 };

package/dist/{vue-ui-sparkstackbar-CB6WHJHd.js → vue-ui-sparkstackbar-MKr2u_pO.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as X, useSlots as be, onMounted as J, ref as v, toRefs as ke, watch as K, computed as $, createElementBlock as r, openBlock as s, normalizeStyle as p, createCommentVNode as f, createVNode as Q, createBlock as _e, createElementVNode as d, toDisplayString as F, unref as c, Fragment as k, renderList as A, normalizeClass as N, withCtx as Z, renderSlot as R, normalizeProps as ee, guardReactiveProps as te } from "vue";
-import { c as le, t as xe, b as we, p as i, h as D, e as Ce, o as $e, f as oe, g as Se, d as U, X as Fe, s as ae, i as se, a as re, z as Ae } from "./lib-BEpWEyMm.js";
-import { u as De, a as ne } from "./useNestedProp-BOk-tPdu.js";
+import { c as le, t as xe, b as we, p as i, h as D, e as Ce, o as $e, f as oe, g as Se, d as U, X as Fe, s as ae, i as se, a as re, z as Ae } from "./lib-GIYcnm0E.js";
+import { u as De, a as ne } from "./useNestedProp-mxyyqd0B.js";
 import { u as Ie } from "./useChartAccessibility-9icAAmYg.js";
 import { t as ze } from "./themes-Dw-dDudK.js";
 import { u as Pe, B as Be } from "./BaseScanner-BgWxam9d.js";
@@ -33,7 +33,7 @@ const Ne = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], Me = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(ue, { emit: ie }) {
-    const ce = X(() => import("./PackageVersion-Cwrh45ON.js")), de = X(() => import("./Tooltip-BOXz8skU.js")), { vue_ui_sparkstackbar: ve } = De(), _ = ue, pe = be();
+    const ce = X(() => import("./PackageVersion-C9oklnuy.js")), de = X(() => import("./Tooltip-CtVdvbZi.js")), { vue_ui_sparkstackbar: ve } = De(), _ = ue, pe = be();
     J(() => {
       pe["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });
@@ -207,7 +207,7 @@ const Ne = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], Me = ["stop-c
       }
     }
     return (t, a) => (s(), r("div", {
-      class: "vue-ui-spark-stackbar",
+      class: "vue-data-ui-component vue-ui-spark-stackbar",
       ref_key: "sparkstackbarChart",
       ref: j,
       style: p(`width:100%; background:${e.value.style.backgroundColor}`)
@@ -418,7 +418,7 @@ const Ne = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], Me = ["stop-c
       c(x) ? (s(), _e(Be, { key: 3 })) : f("", !0)
     ], 4));
   }
-}, it = /* @__PURE__ */ Le(tt, [["__scopeId", "data-v-8f002f98"]]);
+}, it = /* @__PURE__ */ Le(tt, [["__scopeId", "data-v-ae2ae4f4"]]);
 export {
   it as default
 };