vue-data-ui 3.2.7 → 3.2.8

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

@@ -1,4 +1,4 @@
-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 { 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-BEpWEyMm.js";
 import { u as ge, a as V } from "./useNestedProp-BOk-tPdu.js";
 import { t as me } from "./themes-Dw-dDudK.js";
@@ -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-C40g0Rfc.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-BWSykUpn.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-C40g0Rfc.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-BEjxKMG5.js}

@@ -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-C40g0Rfc.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-bFF-ZCCH.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-C40g0Rfc.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());
     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-HtAlEtzK.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-C40g0Rfc.js")), de = X(() => import("./Tooltip-BOXz8skU.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
 };

package/dist/{vue-ui-stackbar-CQ9Zvuxh.js → vue-ui-stackbar-CUIWPgfk.js}

@@ -36,7 +36,7 @@ const rl = ["id"], ol = ["id"], nl = ["xmlns", "viewBox"], il = ["x", "y", "widt
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(Me, { expose: Yt, emit: Xt }) {
-    const Gt = H(() => import("./Tooltip-BOXz8skU.js")), Jt = H(() => import("./BaseIcon-Bz-1GQhu.js")), qt = H(() => import("./vue-ui-accordion-CeMTgpl0.js")), Zt = H(() => import("./DataTable-BvjacRbw.js")), Kt = H(() => import("./PenAndPaper-CR8q353D.js")), Qt = H(() => import("./UserOptions-DsTgvAok.js")), jt = H(() => import("./PackageVersion-Cwrh45ON.js")), ea = H(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_stackbar: ta } = Aa(), aa = Sa(), f = Me, Ae = Xt, ve = p({
+    const Gt = H(() => import("./Tooltip-BOXz8skU.js")), Jt = H(() => import("./BaseIcon-Bz-1GQhu.js")), qt = H(() => import("./vue-ui-accordion-CDIzGCG1.js")), Zt = H(() => import("./DataTable-BvjacRbw.js")), Kt = H(() => import("./PenAndPaper-CR8q353D.js")), Qt = H(() => import("./UserOptions-DsTgvAok.js")), jt = H(() => import("./PackageVersion-C40g0Rfc.js")), ea = H(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_stackbar: ta } = Aa(), aa = Sa(), f = Me, Ae = Xt, ve = p({
       get() {
         return !!f.dataset && f.dataset.length;
       },
@@ -656,7 +656,7 @@ const rl = ["id"], ol = ["id"], nl = ["xmlns", "viewBox"], il = ["x", "y", "widt
       id: `stackbar_${M.value}`,
       ref_key: "stackbarChart",
       ref: O,
-      class: le({ "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": re.value }),
+      class: le({ "vue-data-ui-component": !0, "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": re.value }),
       style: j(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: l[4] || (l[4] = () => v(lt)(!0)),
       onMouseleave: l[5] || (l[5] = () => v(lt)(!1))
@@ -1433,7 +1433,7 @@ const rl = ["id"], ol = ["id"], nl = ["xmlns", "viewBox"], il = ["x", "y", "widt
       v(ne) ? (r(), B(Ga, { key: 7 })) : d("", !0)
     ], 46, rl));
   }
-}, gs = /* @__PURE__ */ sl(Kl, [["__scopeId", "data-v-45f28f70"]]);
+}, gs = /* @__PURE__ */ sl(Kl, [["__scopeId", "data-v-5ca19b0b"]]);
 export {
   gs as default
 };

package/dist/{vue-ui-strip-plot-DW3c82dV.js → vue-ui-strip-plot-DwS52yGc.js}

@@ -33,7 +33,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(lt, { expose: at, emit: ot }) {
-    const st = L(() => import("./Tooltip-BOXz8skU.js")), rt = L(() => import("./BaseIcon-Bz-1GQhu.js")), ut = L(() => import("./vue-ui-accordion-CeMTgpl0.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-Cwrh45ON.js")), ht = L(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_strip_plot: dt } = Yt(), x = lt, pt = ot, G = p({
+    const st = L(() => import("./Tooltip-BOXz8skU.js")), rt = L(() => import("./BaseIcon-Bz-1GQhu.js")), ut = L(() => import("./vue-ui-accordion-CDIzGCG1.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-C40g0Rfc.js")), ht = L(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_strip_plot: dt } = Yt(), x = lt, pt = ot, G = p({
       get() {
         return !!x.dataset && x.dataset.length;
       },
@@ -505,7 +505,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
     }), (t, a) => (r(), n("div", {
       ref_key: "stripPlotChart",
       ref: w,
-      class: E(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: E(`vue-data-ui-component vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: J(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `strip-plot_${Q.value}`,
       onMouseenter: a[1] || (a[1] = () => v($e)(!0)),
@@ -966,7 +966,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       v(se) ? (r(), z(qt, { key: 7 })) : c("", !0)
     ], 46, sl));
   }
-}, Xl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-62aa6d64"]]);
+}, Xl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-09560ff5"]]);
 export {
   Xl as default
 };

package/dist/{vue-ui-table-CEt97z7F.js → vue-ui-table-BYqPx7k4.js}

@@ -1,7 +1,7 @@
 import { a2 as Y, t as W, m as G, y as J, d as K, r as Z, x as q, a6 as Q, h as $, E as ee, s as E, p as te } from "./lib-BEpWEyMm.js";
 import { u as se } from "./useNestedProp-BOk-tPdu.js";
-import ne from "./vue-ui-xy-BxpuE9Ng.js";
-import re from "./vue-ui-donut-a82yzfvT.js";
+import ne from "./vue-ui-xy-Dputm9QT.js";
+import re from "./vue-ui-donut-BFpWEe2s.js";
 import le from "./BaseIcon-Bz-1GQhu.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
 import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -875,15 +875,15 @@ Provide an array of objects of type:
   }
 }, z = () => {
   ie((n) => ({
-    v2185bfdf: n.colorCancelInactive,
-    v75fca41c: n.textColorCancelInactive,
-    v93649c88: n.colorCancelActiveLight,
-    v8b31a10c: n.colorCancelActive,
-    v0d8df368: n.colorCancelActiveOutline,
-    v4677ef86: n.colorButtonSortActiveLight,
-    v77680920: n.colorButtonSortActive,
-    a0b6fcc0: n.colorButtonSortActiveColorText,
-    v3c1fe6b2: n.colorButtonSortActiveOutline
+    v85218ccc: n.colorCancelInactive,
+    v105c5ba6: n.textColorCancelInactive,
+    v5d1a9a21: n.colorCancelActiveLight,
+    v4449dbf5: n.colorCancelActive,
+    v34c2568d: n.colorCancelActiveOutline,
+    v72201d6b: n.colorButtonSortActiveLight,
+    v0bbdf26b: n.colorButtonSortActive,
+    v4e093505: n.colorButtonSortActiveColorText,
+    v1e742f57: n.colorButtonSortActiveOutline
   }));
 }, U = D.setup;
 D.setup = U ? (n, t) => (z(), U(n, t)) : z;
@@ -939,7 +939,7 @@ const ue = ["innerHTML"], he = ["data-is-open"], de = { class: "vue-ui-table-exp
 function es(n, t, r, i, s, e) {
   const m = x("BaseIcon"), f = x("VueUiXy"), w = x("VueUiDonut");
   return c(), u("div", {
-    class: "vue-ui-table-main",
+    class: "vue-data-ui-component vue-ui-table-main",
     style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
   }, [
     e.FINAL_CONFIG.style.exportMenu.show ? (c(), u("div", {
@@ -1676,7 +1676,7 @@ function es(n, t, r, i, s, e) {
     ], 4)) : b("", !0)
   ], 4);
 }
-const cs = /* @__PURE__ */ ce(D, [["render", es], ["__scopeId", "data-v-021d6785"]]);
+const cs = /* @__PURE__ */ ce(D, [["render", es], ["__scopeId", "data-v-8f72e543"]]);
 export {
   cs as default
 };

package/dist/{vue-ui-table-heatmap-DFZCaMxK.js → vue-ui-table-heatmap-CRfjUoa1.js}

@@ -43,8 +43,8 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
   },
   setup(D, { expose: L }) {
     ae((e) => ({
-      v8f8e7142: ee.value,
-      cb3b028c: j.value
+      cea75ac0: ee.value,
+      v98a6fd0a: j.value
     }));
     const X = oe(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_table_heatmap: W } = ge(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     U(() => {
@@ -142,7 +142,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       ref_key: "tableContainer",
       ref: y,
       style: C(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}; ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}; position:relative;`),
-      class: z({ "vue-ui-responsive": d.value }),
+      class: z({ "vue-data-ui-component": !0, "vue-ui-responsive": d.value }),
       id: `table_heatmap_${_.value}`,
       onMouseenter: o[0] || (o[0] = () => i(x)(!0)),
       onMouseleave: o[1] || (o[1] = () => i(x)(!1))
@@ -276,7 +276,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       ], 512)) : v("", !0)
     ], 46, Ie));
   }
-}, He = /* @__PURE__ */ _e(Re, [["__scopeId", "data-v-37974d3f"]]);
+}, He = /* @__PURE__ */ _e(Re, [["__scopeId", "data-v-8e88d7ae"]]);
 export {
   He as default
 };

package/dist/{vue-ui-table-sparkline-RB40-Z1R.js → vue-ui-table-sparkline-Bvf0ZBOi.js}

@@ -42,9 +42,9 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
   },
   setup(ke, { expose: _e }) {
     Fe((t) => ({
-      v3ff44dec: t.tdo
+      v310cbdc6: t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-lRx2nNde.js")), N = J(() => import("./BaseIcon-Bz-1GQhu.js")), xe = J(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-bFF-ZCCH.js")), N = J(() => import("./BaseIcon-Bz-1GQhu.js")), xe = J(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });
@@ -239,7 +239,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     }), (t, l) => (v(), c("div", {
       ref_key: "tableContainer",
       ref: F,
-      class: K({ "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
+      class: K({ "vue-data-ui-component": !0, "vue-ui-table-sparkline": !0, "vue-ui-responsive": L.value }),
       style: { overflow: "hidden" },
       id: `table_${U.value}`,
       onMouseenter: l[3] || (l[3] = () => u(j)(!0)),
@@ -660,7 +660,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
       ], 512)) : g("", !0)
     ], 42, lt));
   }
-}, St = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-a5b69075"]]);
+}, St = /* @__PURE__ */ at(bt, [["__scopeId", "data-v-9e1b786d"]]);
 export {
   St as default
 };

package/dist/{vue-ui-thermometer-fmPzO-eT.js → vue-ui-thermometer-BB7cHec0.js}

@@ -37,11 +37,11 @@ const ht = ["id"], ct = {
   },
   setup(O, { expose: fe }) {
     ze((s) => ({
-      v25439570: Fe.value,
-      v6fd0a11e: Ae.value,
-      v1ea034ea: $e.value
+      a661636e: Fe.value,
+      v4c87f936: Ae.value,
+      v2665a4dc: $e.value
     }));
-    const ge = j(() => import("./PackageVersion-Cwrh45ON.js")), pe = j(() => import("./PenAndPaper-CR8q353D.js")), ke = j(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_thermometer: be } = Ze(), g = O, p = v(qe()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), b = v(null), I = v(null), xe = c(() => !!g.dataset && Object.keys(g.dataset).length);
+    const ge = j(() => import("./PackageVersion-C40g0Rfc.js")), pe = j(() => import("./PenAndPaper-CR8q353D.js")), ke = j(() => import("./UserOptions-DsTgvAok.js")), { vue_ui_thermometer: be } = Ze(), g = O, p = v(qe()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), b = v(null), I = v(null), xe = c(() => !!g.dataset && Object.keys(g.dataset).length);
     We(() => {
       te();
     });
@@ -219,7 +219,7 @@ const ht = ["id"], ct = {
     }), (s, l) => (a(), u("div", {
       ref_key: "thermoChart",
       ref: k,
-      class: z(`vue-ui-thermometer ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: z(`vue-data-ui-component vue-ui-thermometer ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: ve(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${p.value}`,
       onMouseenter: l[0] || (l[0] = () => n(se)(!0)),
@@ -536,7 +536,7 @@ const ht = ["id"], ct = {
       n(Z) ? (a(), W(tt, { key: 6 })) : i("", !0)
     ], 46, ht));
   }
-}, Jt = /* @__PURE__ */ it(Ut, [["__scopeId", "data-v-0a386d4f"]]);
+}, Jt = /* @__PURE__ */ it(Ut, [["__scopeId", "data-v-3dd464a1"]]);
 export {
   Jt as default
 };

package/dist/{vue-ui-timer-qxLpO3HX.js → vue-ui-timer-BVDKvC4v.js}

@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-C40g0Rfc.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });
@@ -255,7 +255,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
     }), (a, u) => (l(), r("div", {
       ref_key: "timerChart",
       ref: $,
-      class: "vue-ui-timer",
+      class: "vue-data-ui-component vue-ui-timer",
       style: w({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
@@ -480,7 +480,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
       ], 4)
     ], 4));
   }
-}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-5e3deab2"]]);
+}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-51afad64"]]);
 export {
   Ge as default
 };

package/dist/{vue-ui-tiremarks-Cxx97FLg.js → vue-ui-tiremarks-CBVuu_Zi.js}

@@ -30,7 +30,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }
   },
   setup(fe, { expose: ye }) {
-    const ge = H(() => import("./PenAndPaper-CR8q353D.js")), pe = H(() => import("./UserOptions-DsTgvAok.js")), me = H(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_tiremarks: ke } = Be(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(ze()), C = v(null), we = v(null), q = v(null), V = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = Ge({
+    const ge = H(() => import("./PenAndPaper-CR8q353D.js")), pe = H(() => import("./UserOptions-DsTgvAok.js")), me = H(() => import("./PackageVersion-C40g0Rfc.js")), { vue_ui_tiremarks: ke } = Be(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(ze()), C = v(null), we = v(null), q = v(null), V = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = Ge({
       ...xe(w),
       FINAL_CONFIG: e,
       prepareConfig: G,
@@ -212,7 +212,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }), (t, l) => (r(), u("div", {
       ref_key: "tiremarksChart",
       ref: C,
-      class: X(`vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: X(`vue-data-ui-component vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: j(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: L.value,
       onMouseenter: l[0] || (l[0] = () => s(K)(!0)),
@@ -401,7 +401,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
       s(J) ? (r(), R(De, { key: 6 })) : g("", !0)
     ], 46, Je));
   }
-}, bt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-758809ae"]]);
+}, bt = /* @__PURE__ */ We(rt, [["__scopeId", "data-v-137308f5"]]);
 export {
   bt as default
 };

package/dist/{vue-ui-treemap-B4-IPDxV.js → vue-ui-treemap-nGgRTw0l.js}

@@ -202,7 +202,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = te(() => import("./DataTable-BvjacRbw.js")), u = te(() => import("./PenAndPaper-CR8q353D.js")), h = te(() => import("./vue-ui-accordion-CeMTgpl0.js")), v = te(() => import("./Tooltip-BOXz8skU.js")), g = te(() => import("./UserOptions-DsTgvAok.js")), f = te(() => import("./PackageVersion-Cwrh45ON.js")), W = te(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_treemap: P } = sl(), k = n, $ = s, w = Wt();
+    const i = te(() => import("./DataTable-BvjacRbw.js")), u = te(() => import("./PenAndPaper-CR8q353D.js")), h = te(() => import("./vue-ui-accordion-CDIzGCG1.js")), v = te(() => import("./Tooltip-BOXz8skU.js")), g = te(() => import("./UserOptions-DsTgvAok.js")), f = te(() => import("./PackageVersion-C40g0Rfc.js")), W = te(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_treemap: P } = sl(), k = n, $ = s, w = Wt();
     yt(() => {
       w["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });
@@ -674,7 +674,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
     }), (t, o) => (d(), y("div", {
       ref_key: "treemapChart",
       ref: V,
-      class: Le(`vue-ui-treemap ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Le(`vue-data-ui-component vue-ui-treemap ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: M(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `treemap_${A.value}`,
       onMouseenter: o[2] || (o[2] = () => c(je)(!0)),
@@ -1095,7 +1095,7 @@ const xl = ["id"], _l = ["id"], Ol = ["tabindex", "onClick", "onKeydown", "data-
       c(re) ? (d(), Z(rl, { key: 9 })) : _("", !0)
     ], 46, xl));
   }
-}, no = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-123da83a"]]);
+}, no = /* @__PURE__ */ gl(Wl, [["__scopeId", "data-v-89ca1b27"]]);
 export {
   no as default
 };

package/dist/{vue-ui-vertical-bar-Y5LefeNg.js → vue-ui-vertical-bar-BJOm2JQh.js}

@@ -9,7 +9,7 @@ import { u as ca } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as da } from "./useChartAccessibility-9icAAmYg.js";
 import { t as ha } from "./themes-Dw-dDudK.js";
 import pt from "./Legend-BpoFJ8fc.js";
-import pa from "./vue-ui-accordion-CeMTgpl0.js";
+import pa from "./vue-ui-accordion-CDIzGCG1.js";
 import fa from "./Title-DG2nloSB.js";
 import { _ as ft } from "./Shape-C_C_OmqR.js";
 import ga from "./img-DjWwQXVS.js";
@@ -36,9 +36,9 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
   emits: ["selectLegend"],
   setup(gt, { expose: yt, emit: bt }) {
     Ut((t) => ({
-      v27fa778f: t.tdo
+      v68285ecd: t.tdo
     }));
-    const mt = K(() => import("./Tooltip-BOXz8skU.js")), Me = K(() => import("./BaseIcon-Bz-1GQhu.js")), kt = K(() => import("./PenAndPaper-CR8q353D.js")), xt = K(() => import("./UserOptions-DsTgvAok.js")), _t = K(() => import("./PackageVersion-Cwrh45ON.js")), wt = K(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_vertical_bar: $t } = ua(), Ct = Xt(), b = gt, fe = y({
+    const mt = K(() => import("./Tooltip-BOXz8skU.js")), Me = K(() => import("./BaseIcon-Bz-1GQhu.js")), kt = K(() => import("./PenAndPaper-CR8q353D.js")), xt = K(() => import("./UserOptions-DsTgvAok.js")), _t = K(() => import("./PackageVersion-C40g0Rfc.js")), wt = K(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_vertical_bar: $t } = ua(), Ct = Xt(), b = gt, fe = y({
       get() {
         return !!b.dataset && b.dataset.length;
       },
@@ -545,7 +545,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       toggleAnnotator: Pe,
       toggleFullscreen: ut
     }), (t, l) => (u(), v("div", {
-      class: U(`vue-ui-vertical-bar ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${e.value.responsive && e.value.autoSize ? "vue-ui-vertical-bar-autosize" : ""}`),
+      class: U(`vue-data-ui-component vue-ui-vertical-bar ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${e.value.responsive && e.value.autoSize ? "vue-ui-vertical-bar-autosize" : ""}`),
       ref_key: "verticalBarChart",
       ref: P,
       id: `vue-ui-vertical-bar_${S.value}`,
@@ -1152,7 +1152,7 @@ const ba = ["id"], ma = ["onClick"], ka = ["xmlns", "viewBox"], xa = ["x", "widt
       s(Xe) ? (u(), X(ra, { key: 9 })) : f("", !0)
     ], 46, ba));
   }
-}, xl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-d553ecc0"]]);
+}, xl = /* @__PURE__ */ ya(ol, [["__scopeId", "data-v-aa90f80c"]]);
 export {
   xl as default
 };