vue-data-ui 2.0.38 → 2.0.39

package/dist/{index-bf03bace.js → index-30be0f4a.js}

@@ -12820,7 +12820,7 @@ function(e) {
  */
 function(e) {
   function t() {
-    return (dt.canvg ? Promise.resolve(dt.canvg) : import("./index.es-f3244216.js")).catch(function(l) {
+    return (dt.canvg ? Promise.resolve(dt.canvg) : import("./index.es-fdc14917.js")).catch(function(l) {
       return Promise.reject(new Error("Could not load canvg: " + l));
     }).then(function(l) {
       return l.default ? l.default : l;
@@ -14182,7 +14182,7 @@ function Gc(e) {
     ""
   );
 }
-function St() {
+function Ft() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
@@ -17633,7 +17633,8 @@ const iw = {
     },
     colors: {
       min: "#FF0000",
-      max: "#00FF00"
+      max: "#00FF00",
+      showGradient: !0
     },
     track: {
       autoColor: !0,
@@ -17645,7 +17646,7 @@ const iw = {
       strokeLinecap: "round"
     }
   }
-}, Ft = {
+}, St = {
   vue_ui_table: iw,
   vue_ui_xy: sw,
   vue_ui_donut: Aw,
@@ -18378,7 +18379,7 @@ const um = ["id"], cm = ["viewBox"], dm = ["id"], hm = ["stop-color"], fm = ["st
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(e, { emit: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_sparkline), a = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_sparkline), a = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), n = O({
@@ -18611,7 +18612,7 @@ const Mm = ["id"], Em = { style: { "z-index": "1", "padding-right": "24px" } },
     Oo((J) => ({
       "19dd02fe": J.tdo
     }));
-    const r = O(St()), o = O(0), a = O(Ft.vue_ui_table_sparkline), n = O(!1), s = O(!1), u = ve(() => Mt({
+    const r = O(Ft()), o = O(0), a = O(St.vue_ui_table_sparkline), n = O(!1), s = O(!1), u = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: a.value
     })), A = O(null), d = O(!1), y = ve(() => u.value.responsiveBreakpoint);
@@ -18961,7 +18962,7 @@ const Mm = ["id"], Em = { style: { "z-index": "1", "padding-right": "24px" } },
     ], 10, Mm));
   }
 }, $v = /* @__PURE__ */ Ut(Vm, [["__scopeId", "data-v-537ece60"]]);
-const Km = St(), jm = {
+const Km = Ft(), jm = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -18997,7 +18998,7 @@ const Km = St(), jm = {
       opacity: je,
       useSafeValues: !0,
       palette: qe,
-      defaultConfig: Ft.vue_ui_xy,
+      defaultConfig: St.vue_ui_xy,
       clientPosition: {
         x: 0,
         y: 0
@@ -19027,7 +19028,7 @@ const Km = St(), jm = {
       selectedSerieIndex: null,
       selectedRowIndex: null,
       segregatedSeries: [],
-      uniqueId: St(),
+      uniqueId: Ft(),
       step: 0,
       slicer: t,
       __to__: null,
@@ -20688,7 +20689,7 @@ const Dx = {
   data() {
     return {
       uid: `vue-ui-table-${Math.random()}`,
-      defaultConfig: Ft.vue_ui_table,
+      defaultConfig: St.vue_ui_table,
       bodyCopy: JSON.parse(JSON.stringify(this.dataset.body)).map((t, l) => ({
         ...t,
         absoluteIndex: l
@@ -22164,7 +22165,7 @@ const hk = ["id"], fk = ["viewBox"], vk = ["id"], gk = ["stop-color"], yk = ["st
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_donut), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_donut), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), c = O({
@@ -22654,7 +22655,7 @@ const Kk = ["id"], jk = ["viewBox"], Gk = ["id"], Wk = ["stop-color"], Xk = ["st
   },
   emits: ["selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_waffle), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_waffle), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), c = O({
@@ -23113,7 +23114,7 @@ const Kk = ["id"], jk = ["viewBox"], Gk = ["id"], Wk = ["stop-color"], Xk = ["st
   },
   emits: ["selectDatapoint"],
   setup(e, { emit: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_sparkbar), a = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_sparkbar), a = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), n = O({
@@ -23224,7 +23225,7 @@ const k4 = ["id"], _4 = ["viewBox"], F4 = ["id"], S4 = ["stop-color"], L4 = ["st
   },
   emits: ["selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_radar), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0), i = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_radar), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0), i = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), f = O({
@@ -23688,7 +23689,7 @@ const q4 = ["id"], Y4 = ["viewBox", "id"], J4 = ["id"], Z4 = ["stop-color"], e3
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_quadrant), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0);
+    const r = e, o = O(Ft()), a = O(St.vue_ui_quadrant), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0);
     za(() => {
       i();
     });
@@ -23808,7 +23809,7 @@ const q4 = ["id"], Y4 = ["viewBox", "id"], J4 = ["id"], Z4 = ["stop-color"], e3
         categoryName: ae.name,
         shape: ae.shape,
         color: ae.color,
-        uid: St()
+        uid: Ft()
       }))
     })));
     function ce(ae) {
@@ -24402,7 +24403,7 @@ const H3 = ["id"], D3 = ["viewBox"], P3 = ["id"], z3 = ["stop-color"], O3 = ["st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_gauge), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(0), d = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_gauge), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(0), d = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), y = O({
@@ -24804,7 +24805,7 @@ const A_ = ["id"], u_ = ["viewBox"], c_ = { key: 0 }, d_ = ["fill", "font-weight
     Oo(($) => ({
       "3e9ee32a": $.tdo
     }));
-    const o = O(St()), a = O(Ft.vue_ui_chestnut), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(0), y = ve(() => Mt({
+    const o = O(Ft()), a = O(St.vue_ui_chestnut), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(0), y = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), w = O({
@@ -25719,7 +25720,7 @@ const f6 = ["id"], v6 = ["viewBox"], g6 = ["id"], y6 = ["stop-color"], p6 = ["st
   },
   emits: ["selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_onion), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(0), y = O(!1), w = O(""), i = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_onion), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(0), y = O(!1), w = O(""), i = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), f = O({
@@ -26137,7 +26138,7 @@ const N6 = ["id"], T6 = ["onClick"], H6 = ["viewBox"], D6 = ["id"], P6 = ["stop-
     Oo((W) => ({
       "477eb532": W.tdo
     }));
-    const o = O(St()), a = O(Ft.vue_ui_vertical_bar), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0), i = O(null), f = O(0), c = ve(() => Mt({
+    const o = O(Ft()), a = O(St.vue_ui_vertical_bar), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(0), i = O(null), f = O(0), c = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), x = O(null), C = O(!1), S = ve(() => c.value.table.responsiveBreakpoint);
@@ -26715,7 +26716,7 @@ const N6 = ["id"], T6 = ["onClick"], H6 = ["viewBox"], D6 = ["id"], P6 = ["stop-
   },
   emits: ["postImage"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(`vue-ui-screenshot-${Math.random()}`), a = O(Ft.vue_ui_screenshot), n = ve(() => {
+    const r = e, o = O(`vue-ui-screenshot-${Math.random()}`), a = O(St.vue_ui_screenshot), n = ve(() => {
       if (!Object.keys(r.config || {}).length)
         return a.value;
       const F = zn({
@@ -26883,7 +26884,7 @@ const x8 = {
   },
   emits: ["rate"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_rating), n = O(!1), s = O(void 0), u = O([]), A = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_rating), n = O(!1), s = O(void 0), u = O([]), A = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), d = ve(() => typeof r.dataset.rating == "object" && !Array.isArray(r.dataset.rating) ? c(r.dataset.rating) : r.dataset.rating), y = ve(() => typeof r.dataset.rating == "object" && !Array.isArray(r.dataset.rating)), w = O(d.value), i = O(A.value.type === "image"), f = O(A.value.readonly);
@@ -27166,7 +27167,7 @@ const Ro = (e) => (Hn("data-v-3e4ab216"), e = e(), Dn(), e), P8 = ["id"], z8 = [
     }
   },
   setup(e) {
-    const t = e, l = O(`vue-ui-skeleton-${Math.random()}`), r = O(Ft.vue_ui_skeleton), o = ve(() => Mt({
+    const t = e, l = O(`vue-ui-skeleton-${Math.random()}`), r = O(St.vue_ui_skeleton), o = ve(() => Mt({
       userConfig: t.config,
       defaultConfig: r.value
     })), a = ve(() => o.value.style.animated), n = ve(() => o.value.type), s = O([60, 50, 55, 36, 40, 25, 26, 12]), u = ve(() => _a({
@@ -28336,7 +28337,7 @@ const tQ = ["id"], aQ = ["viewBox"], lQ = { key: 0 }, oQ = ["font-size", "fill",
     Oo((E) => ({
       "7d42cfd0": E.tdo
     }));
-    const r = O(St()), o = O(Ft.vue_ui_heatmap), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(void 0), w = O(0), i = O(null), f = O(!1), c = ve(() => Mt({
+    const r = O(Ft()), o = O(St.vue_ui_heatmap), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(void 0), w = O(0), i = O(null), f = O(!1), c = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), x = O({
@@ -28386,7 +28387,7 @@ const tQ = ["id"], aQ = ["viewBox"], lQ = { key: 0 }, oQ = ["font-size", "fill",
         value: I,
         yAxisName: E.name,
         xAxisName: V.value.xLabels[H],
-        id: `vue-data-ui-heatmap-cell-${St()}`
+        id: `vue-data-ui-heatmap-cell-${Ft()}`
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(I) / Math.abs(ge.value)) > 1 ? 1 : Math.abs(1 - Math.abs(I) / Math.abs(ge.value)),
@@ -28394,7 +28395,7 @@ const tQ = ["id"], aQ = ["viewBox"], lQ = { key: 0 }, oQ = ["font-size", "fill",
         value: I,
         yAxisName: E.name,
         xAxisName: V.value.xLabels[H],
-        id: `vue-data-ui-heatmap-cell-${St()}`
+        id: `vue-data-ui-heatmap-cell-${Ft()}`
       })
     }))), te = O(null);
     function xe(E, I) {
@@ -28805,7 +28806,7 @@ const PQ = ["id"], zQ = ["viewBox"], OQ = { key: 0 }, RQ = ["font-size", "fill",
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_scatter), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(0);
+    const l = e, r = O(Ft()), o = O(St.vue_ui_scatter), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(0);
     za(() => {
       const k = document.getElementById(`vue-ui-scatter-xAxis-label-${r.value}`);
       if (k) {
@@ -29311,7 +29312,7 @@ const bU = ["id"], wU = ["viewBox"], mU = { key: 0 }, xU = ["id"], CU = ["stop-c
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_candlestick), a = O(!1), n = O(!1), s = O(null), u = O(!1), A = O(""), d = O(null), y = O(void 0), w = O(0);
+    const l = e, r = O(Ft()), o = O(St.vue_ui_candlestick), a = O(!1), n = O(!1), s = O(null), u = O(!1), A = O(""), d = O(null), y = O(void 0), w = O(0);
     za(() => {
       const U = document.getElementById(`start_${r.value}`), _ = document.getElementById(`end_${r.value}`);
       let N = 0;
@@ -29819,7 +29820,7 @@ const i7 = ["id"], s7 = ["viewBox"], A7 = ["id"], u7 = ["stop-color"], c7 = ["st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_age_pyramid), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(null), w = O(0), i = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_age_pyramid), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(!1), d = O(""), y = O(null), w = O(0), i = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), f = O({
@@ -30323,7 +30324,7 @@ const D7 = (e) => (Hn("data-v-5f9a401a"), e = e(), Dn(), e), P7 = {
       "75ab387a": P.value,
       "99f5c3c0": V.value
     }));
-    const o = O(Ft.vue_ui_dashboard), a = ve(() => Mt({
+    const o = O(St.vue_ui_dashboard), a = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: o.value
     })), n = O(`vue-ui-dashboard-${Math.random()}`), s = O(r.dataset), u = O(null), A = O(null), d = O({ x: 0, y: 0 }), y = O({ x: 0, y: 0 }), w = O(null), i = O(!1), f = O(null), c = O(!1);
@@ -30552,7 +30553,7 @@ const tI = {
         }
       },
       currentTarget: void 0,
-      defaultConfig: Ft.vue_ui_annotator,
+      defaultConfig: St.vue_ui_annotator,
       hoveredShapeId: void 0,
       isBold: !1,
       isBulletTextMode: !1,
@@ -32784,7 +32785,7 @@ const Oa = (e) => (Hn("data-v-cf667590"), e = e(), Dn(), e), UM = {
   },
   emits: ["rate"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(Ft.vue_ui_smiley), a = O(!1), n = O(void 0), s = ve(() => Mt({
+    const r = e, o = O(St.vue_ui_smiley), a = O(!1), n = O(void 0), s = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: o.value
     })), u = ve(() => typeof r.dataset.rating == "object" && !Array.isArray(r.dataset.rating) ? w(r.dataset.rating) : r.dataset.rating || null), A = ve(() => typeof r.dataset.rating == "object" && !Array.isArray(r.dataset.rating)), d = O(u.value), y = O(s.value.readonly);
@@ -33444,7 +33445,7 @@ const x$ = ["id"], C$ = ["viewBox"], B$ = { key: 0 }, k$ = ["font-size", "fill",
       "194fc11f": K.value,
       d99bde7e: oe.value
     }));
-    const r = O(St()), o = O(Ft.vue_ui_relation_circle), a = O(!1), n = O(!1), s = O(null), u = O(0), A = ve(() => Mt({
+    const r = O(Ft()), o = O(St.vue_ui_relation_circle), a = O(!1), n = O(!1), s = O(null), u = O(0), A = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), d = O([]), y = ve(() => A.value.style.size * A.value.style.circle.radiusProportion), w = O([]), i = O({}), f = O([]), c = O(0), x = ve(() => l.dataset.slice(0, A.value.style.limit)), C = ve(() => A.value.style.size), S = ve(() => ({
@@ -33712,7 +33713,7 @@ const N$ = ["id"], T$ = {
       "67d859cc": ie.value,
       "56cf6687": oe.value
     }));
-    const r = O(St()), o = O(Ft.vue_ui_thermometer), a = O(!1), n = O(!1), s = O(null), u = O(0), A = ve(() => Mt({
+    const r = O(Ft()), o = O(St.vue_ui_thermometer), a = O(!1), n = O(!1), s = O(null), u = O(0), A = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), d = ve(() => A.value.style.chart.thermometer.width), y = O({
@@ -34070,7 +34071,7 @@ const N$ = ["id"], T$ = {
   },
   emits: ["selectDatapoint"],
   setup(e, { emit: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_sparkstackbar), a = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_sparkstackbar), a = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), n = O({
@@ -34220,7 +34221,7 @@ const N$ = ["id"], T$ = {
   },
   emits: ["selectDatapoint"],
   setup(e, { emit: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_sparkhistogram), a = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_sparkhistogram), a = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), n = ve(() => {
@@ -34407,7 +34408,7 @@ const P9 = ["id"], z9 = ["viewBox"], O9 = ["id"], R9 = ["stop-color"], V9 = ["st
   },
   emits: ["selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_rings), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_rings), n = O(!1), s = O(!1), u = O(null), A = O(null), d = O(!1), y = O(""), w = O(null), i = O(0), f = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), c = O({
@@ -34435,7 +34436,7 @@ const P9 = ["id"], z9 = ["viewBox"], O9 = ["id"], R9 = ["stop-color"], V9 = ["st
         name: _,
         color: N || _t(N) || qe[E] || qe[E % qe.length],
         value: I,
-        uid: St()
+        uid: Ft()
       };
     })), oe = ve(() => R.value.map((U) => ({
       ...U,
@@ -34766,7 +34767,7 @@ const eN = ["id"], tN = ["viewBox"], aN = ["x1", "x2", "y1", "y2", "stroke", "st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_wheel), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(0), d = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_wheel), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(0), d = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), y = O({
@@ -34945,7 +34946,7 @@ const iN = ["id"], sN = ["viewBox"], AN = { key: 0 }, uN = ["d", "stroke-width",
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_tiremarks), a = O(null), n = O(!1), s = O(!1), u = O(0), A = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_tiremarks), a = O(null), n = O(!1), s = O(!1), u = O(0), A = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), d = O(A.value.style.chart.animation.use ? 0 : l.dataset.percentage);
@@ -35168,7 +35169,7 @@ const gN = ["id"], yN = ["viewBox"], pN = ["id"], bN = ["stop-color"], wN = ["st
   },
   emits: ["selectLegend"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_donut_evolution), n = O(!1), s = O(!1), u = O([]), A = O(null), d = O(null), y = O(!1), w = O(null), i = O(null), f = O(0), c = ve(() => Mt({
+    const r = e, o = O(Ft()), a = O(St.vue_ui_donut_evolution), n = O(!1), s = O(!1), u = O([]), A = O(null), d = O(null), y = O(!1), w = O(null), i = O(null), f = O(0), c = ve(() => Mt({
       userConfig: r.config,
       defaultConfig: a.value
     })), x = O({
@@ -35192,7 +35193,7 @@ const gN = ["id"], yN = ["viewBox"], pN = ["id"], bN = ["stop-color"], wN = ["st
       ...z,
       color: _t(z.color) || qe[W] || qe[W % qe.length],
       length: z.values.length,
-      uid: St()
+      uid: Ft()
     }))), K = ve(() => G.value.filter((z) => !u.value.includes(z.uid))), R = ve(() => Math.max(...K.value.map((z) => z.length))), oe = ve(() => S.value.width / R.value), ie = ve(() => {
       const z = [];
       for (let ee = 0; ee < R.value; ee += 1) {
@@ -35826,7 +35827,7 @@ const pT = ["id"], bT = ["viewBox"], wT = ["id"], mT = ["stop-color"], xT = ["st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_mood_radar), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(null), d = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_mood_radar), a = O(!1), n = O(!1), s = O(null), u = O(null), A = O(null), d = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), y = O({
@@ -36288,7 +36289,7 @@ const jT = ["id"], GT = ["viewBox"], WT = ["id"], XT = ["stop-color"], qT = ["st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_3d_bar), a = O(!1), n = O(!1), s = O(null), u = O(null), A = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_3d_bar), a = O(!1), n = O(!1), s = O(null), u = O(null), A = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), d = ve(() => ({
@@ -36722,7 +36723,7 @@ const jT = ["id"], GT = ["viewBox"], WT = ["id"], XT = ["stop-color"], qT = ["st
     }
   },
   setup(e) {
-    const t = e, l = O(Ft.vue_ui_digits), r = ve(() => Mt({
+    const t = e, l = O(St.vue_ui_digits), r = ve(() => Mt({
       userConfig: t.config,
       defaultConfig: l.value
     })), o = ve(() => {
@@ -37019,7 +37020,7 @@ const GH = ["id"], WH = ["viewBox"], XH = ["id"], qH = ["stop-color"], YH = ["st
     }
   },
   setup(e, { expose: t }) {
-    const l = e, r = O(St()), o = O(Ft.vue_ui_molecule), a = O(!1), n = O(!1), s = O(null), u = O(!1), A = O(""), d = O(null), y = O(null), w = O(!1), i = O(null), f = O(null), c = O(0), x = ve(() => Mt({
+    const l = e, r = O(Ft()), o = O(St.vue_ui_molecule), a = O(!1), n = O(!1), s = O(null), u = O(!1), A = O(""), d = O(null), y = O(null), w = O(!1), i = O(null), f = O(null), c = O(0), x = ve(() => Mt({
       userConfig: l.config,
       defaultConfig: o.value
     })), C = O({
@@ -37053,7 +37054,7 @@ const GH = ["id"], WH = ["viewBox"], XH = ["id"], qH = ["stop-color"], YH = ["st
           let lt;
           if (Ee.parentNode ? Ee.parentNode.parentNode ? lt = Ee.parentNode.color || ne : (lt = qe[Se] || ne, Se += 1) : lt = ne, Ee.polygonPath = {
             coordinates: [Oe]
-          }, Ee.circleRadius = ee, Ee.color = lt, Ee.uid = St(), Ee.nodes && Ee.nodes.length > 0) {
+          }, Ee.circleRadius = ee, Ee.color = lt, Ee.uid = Ft(), Ee.nodes && Ee.nodes.length > 0) {
             const ht = !Ee.parentNode || !Ee.parentNode.parentNode ? Se : 0;
             Ee.nodes = oe(
               Ee.nodes,
@@ -37385,7 +37386,7 @@ const GH = ["id"], WH = ["viewBox"], XH = ["id"], qH = ["stop-color"], YH = ["st
       ], 4)) : Q("", !0)
     ], 46, GH));
   }
-}, eD = /* @__PURE__ */ Ut(ZH, [["__scopeId", "data-v-fb96971e"]]), tD = { class: "vue-ui-element-arrow" }, aD = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], lD = ["d", "fill"], oD = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], rD = ["d", "fill"], nD = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], GD = {
+}, eD = /* @__PURE__ */ Ut(ZH, [["__scopeId", "data-v-fb96971e"]]), tD = { class: "vue-ui-element-arrow" }, aD = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], lD = ["d", "fill"], oD = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], rD = ["d", "fill"], nD = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], qD = {
   __name: "Arrow",
   props: {
     markerEnd: {
@@ -37434,7 +37435,7 @@ const GH = ["id"], WH = ["viewBox"], XH = ["id"], qH = ["stop-color"], YH = ["st
     }
   },
   setup(e) {
-    const t = e, l = St(), r = ve(() => `0 0 ${t.markerSize} ${t.markerSize}`), o = ve(() => t.markerSize / 2), a = ve(() => o.value + t.markerSize / 10);
+    const t = e, l = Ft(), r = ve(() => `0 0 ${t.markerSize} ${t.markerSize}`), o = ve(() => t.markerSize / 2), a = ve(() => o.value + t.markerSize / 10);
     return (n, s) => (v(), g("g", tD, [
       b("defs", null, [
         b("marker", {
@@ -37503,8 +37504,8 @@ const iD = ["viewBox"], sD = { key: 0 }, AD = ["stroke"], uD = ["stroke"], cD =
       "64733c83": u.value,
       "7a342c2a": A.value,
       "0ebf7b8b": d.value
-    })), O(St());
-    const l = O(Ft.vue_ui_mini_loader), r = ve(() => Mt({
+    })), O(Ft());
+    const l = O(St.vue_ui_mini_loader), r = ve(() => Mt({
       userConfig: t.config,
       defaultConfig: l.value
     })), o = O({
@@ -37610,8 +37611,8 @@ const iD = ["viewBox"], sD = { key: 0 }, AD = ["stroke"], uD = ["stroke"], cD =
     ], 8, iD));
   }
 }, yD = /* @__PURE__ */ Ut(gD, [["__scopeId", "data-v-9bfe5e12"]]);
-function WD(e) {
-  return Ft[e];
+function YD(e) {
+  return St[e];
 }
 const Tv = (e) => (Hn("data-v-5d2e0dc8"), e = e(), Dn(), e), pD = ["id"], bD = ["viewBox"], wD = ["d", "fill", "stroke", "stroke-width"], mD = ["id", "fr"], xD = /* @__PURE__ */ Tv(() => /* @__PURE__ */ b("stop", {
   offset: "0%",
@@ -37642,7 +37643,7 @@ const Tv = (e) => (Hn("data-v-5d2e0dc8"), e = e(), Dn(), e), pD = ["id"], bD = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(e, { expose: t, emit: l }) {
-    const r = e, o = O(St()), a = O(Ft.vue_ui_nested_donuts), n = O(!1), s = O(!1), u = O(null), A = O(!1), d = O(""), y = O(null), w = O(0), i = O(!1);
+    const r = e, o = O(Ft()), a = O(St.vue_ui_nested_donuts), n = O(!1), s = O(!1), u = O(null), A = O(!1), d = O(""), y = O(null), w = O(0), i = O(!1);
     function f(E) {
       i.value = E, w.value += 1;
     }
@@ -38105,7 +38106,7 @@ const Tv = (e) => (Hn("data-v-5d2e0dc8"), e = e(), Dn(), e), pD = ["id"], bD = [
     ], 14, pD));
   }
 }, HD = /* @__PURE__ */ Ut(TD, [["__scopeId", "data-v-5d2e0dc8"]]);
-const DD = ["viewBox"], PD = ["d", "stroke", "stroke-linecap"], zD = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], OD = ["x", "y", "font-size", "fill", "font-weight"], RD = {
+const DD = ["viewBox"], PD = ["id"], zD = ["stop-color"], OD = ["stop-color"], RD = ["d", "stroke", "stroke-linecap"], VD = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], KD = ["x", "y", "font-size", "fill", "font-weight"], jD = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -38122,79 +38123,97 @@ const DD = ["viewBox"], PD = ["d", "stroke", "stroke-linecap"], zD = ["d", "stro
     }
   },
   setup(e) {
-    const t = e, l = O(Ft.vue_ui_sparkgauge), r = ve(() => Mt({
+    const t = e, l = O(Ft()), r = O(St.vue_ui_sparkgauge), o = ve(() => Mt({
       userConfig: t.config,
-      defaultConfig: l.value
-    })), o = ve(() => ({
-      height: r.value.style.height,
+      defaultConfig: r.value
+    })), a = ve(() => ({
+      height: o.value.style.height,
       width: 128,
-      base: r.value.style.basePosition
-    })), a = ve(() => {
-      const f = t.dataset.min ?? 0, c = t.dataset.max ?? 0, x = c - f;
+      base: o.value.style.basePosition
+    })), n = ve(() => {
+      const c = t.dataset.min ?? 0, x = t.dataset.max ?? 0, C = x - c;
       return {
-        min: f,
-        max: c,
-        diff: x
+        min: c,
+        max: x,
+        diff: C
       };
-    }), n = O(r.value.style.animation.show ? a.value.min : t.dataset.value), s = ve(() => n.value > a.value.max ? a.value.max : n.value < a.value.min ? a.value.min : n.value), u = ve(() => a.value.diff / r.value.style.animation.speedMs);
+    }), s = O(o.value.style.animation.show ? n.value.min : t.dataset.value), u = ve(() => s.value > n.value.max ? n.value.max : s.value < n.value.min ? n.value.min : s.value), A = ve(() => n.value.diff / o.value.style.animation.speedMs);
     za(() => {
-      function f() {
-        n.value += u.value, n.value < t.dataset.value ? requestAnimationFrame(f) : n.value = t.dataset.value;
+      function c() {
+        s.value += A.value, s.value < t.dataset.value ? requestAnimationFrame(c) : s.value = t.dataset.value;
       }
-      r.value.style.animation.show && (n.value = a.value.min, f());
+      o.value.style.animation.show && (s.value = n.value.min, c());
     });
-    const A = ve(() => t.dataset.title ?? ""), d = ve(() => n.value >= 0 ? (s.value - a.value.min) / a.value.diff : (Math.abs(a.value.min) - Math.abs(s.value)) / a.value.diff), y = ve(() => gA(r.value.style.colors.min, r.value.style.colors.max, a.value.min, a.value.max, n.value)), w = ve(() => r.value.style.dataLabel.autoColor ? y.value : r.value.style.dataLabel.color), i = ve(() => r.value.style.track.autoColor ? y.value : r.value.style.track.color);
-    return (f, c) => (v(), g("div", {
-      style: T(`font-family:${r.value.style.fontFamily};width: 100%; background:${r.value.style.background}`)
+    const d = ve(() => t.dataset.title ?? ""), y = ve(() => s.value >= 0 ? (u.value - n.value.min) / n.value.diff : (Math.abs(n.value.min) - Math.abs(u.value)) / n.value.diff), w = ve(() => gA(o.value.style.colors.min, o.value.style.colors.max, n.value.min, n.value.max, s.value)), i = ve(() => o.value.style.dataLabel.autoColor ? w.value : o.value.style.dataLabel.color), f = ve(() => o.value.style.track.autoColor ? w.value : o.value.style.track.color);
+    return (c, x) => (v(), g("div", {
+      style: T(`font-family:${o.value.style.fontFamily};width: 100%; background:${o.value.style.background}`)
     }, [
-      r.value.style.title.show && A.value && r.value.style.title.position === "top" ? (v(), g("div", {
+      o.value.style.title.show && d.value && o.value.style.title.position === "top" ? (v(), g("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
-        style: T(`font-size:${r.value.style.title.fontSize}px;text-align:${r.value.style.title.textAlign};font-weight:${r.value.style.title.bold ? "bold" : "normal"};color:${r.value.style.title.color}`)
-      }, M(A.value), 5)) : Q("", !0),
+        style: T(`font-size:${o.value.style.title.fontSize}px;text-align:${o.value.style.title.textAlign};font-weight:${o.value.style.title.bold ? "bold" : "normal"};color:${o.value.style.title.color}`)
+      }, M(d.value), 5)) : Q("", !0),
       (v(), g("svg", {
-        viewBox: `0 0 ${o.value.width} ${o.value.height}`,
-        style: T(`overflow: visible; background:${r.value.style.background}; width:100%;`)
+        viewBox: `0 0 ${a.value.width} ${a.value.height}`,
+        style: T(`overflow: visible; background:${o.value.style.background}; width:100%;`)
       }, [
+        b("defs", null, [
+          b("linearGradient", {
+            id: `gradient_${l.value}`,
+            x1: "-10%",
+            y1: "100%",
+            x2: "110%",
+            y2: "100%"
+          }, [
+            b("stop", {
+              offset: "0%",
+              "stop-color": o.value.style.colors.min
+            }, null, 8, zD),
+            b("stop", {
+              offset: "100%",
+              "stop-color": o.value.style.colors.max
+            }, null, 8, OD)
+          ], 8, PD)
+        ]),
         b("path", {
-          d: `M10 ${o.value.base} A 1 1 0 1 1 118 ${o.value.base}`,
-          stroke: r.value.style.gutter.color,
+          d: `M10 ${a.value.base} A 1 1 0 1 1 118 ${a.value.base}`,
+          stroke: o.value.style.gutter.color,
           "stroke-width": 8,
-          "stroke-linecap": r.value.style.gutter.strokeLinecap,
+          "stroke-linecap": o.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, PD),
-        d.value !== 0 ? (v(), g("path", {
+        }, null, 8, RD),
+        y.value !== 0 ? (v(), g("path", {
           key: 0,
-          d: `M10 ${o.value.base} A 1 1 0 1 1 118 ${o.value.base}`,
-          stroke: i.value,
+          d: `M10 ${a.value.base} A 1 1 0 1 1 118 ${a.value.base}`,
+          stroke: o.value.style.colors.showGradient ? `url(#gradient_${l.value})` : f.value,
           "stroke-width": 8,
-          "stroke-linecap": r.value.style.track.strokeLinecap,
+          "stroke-linecap": o.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * d.value,
-          class: $e({ "vue-ui-sparkgauge-track": r.value.style.animation.show }),
-          style: T(r.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${r.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, zD)) : Q("", !0),
+          "stroke-dashoffset": 169.5 - 169.5 * y.value,
+          class: $e({ "vue-ui-sparkgauge-track": o.value.style.animation.show }),
+          style: T(o.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${o.value.style.animation.speedMs}ms ease-in;` : "")
+        }, null, 14, VD)) : Q("", !0),
         b("text", {
           "text-anchor": "middle",
-          x: o.value.width / 2,
-          y: o.value.base + 6 + r.value.style.dataLabel.offsetY,
-          "font-size": r.value.style.dataLabel.fontSize,
-          fill: w.value,
-          "font-weight": r.value.style.dataLabel.bold ? "bold" : "normal"
-        }, M(Ce(kt)({ p: r.value.style.dataLabel.prefix, v: n.value, s: r.value.style.dataLabel.suffix, r: r.value.style.dataLabel.rounding })), 9, OD)
+          x: a.value.width / 2,
+          y: a.value.base + 6 + o.value.style.dataLabel.offsetY,
+          "font-size": o.value.style.dataLabel.fontSize,
+          fill: i.value,
+          "font-weight": o.value.style.dataLabel.bold ? "bold" : "normal"
+        }, M(Ce(kt)({ p: o.value.style.dataLabel.prefix, v: s.value, s: o.value.style.dataLabel.suffix, r: o.value.style.dataLabel.rounding })), 9, KD)
       ], 12, DD)),
-      r.value.style.title.show && A.value && r.value.style.title.position === "bottom" ? (v(), g("div", {
+      o.value.style.title.show && d.value && o.value.style.title.position === "bottom" ? (v(), g("div", {
         key: 1,
         class: "vue-data-ui-sparkgauge-label",
-        style: T(`font-size:${r.value.style.title.fontSize}px;text-align:${r.value.style.title.textAlign};font-weight:${r.value.style.title.bold ? "bold" : "normal"};font-weight:${r.value.style.title.bold ? "bold" : "normal"};color:${r.value.style.title.color}`)
-      }, M(A.value), 5)) : Q("", !0)
+        style: T(`font-size:${o.value.style.title.fontSize}px;text-align:${o.value.style.title.textAlign};font-weight:${o.value.style.title.bold ? "bold" : "normal"};font-weight:${o.value.style.title.bold ? "bold" : "normal"};color:${o.value.style.title.color}`)
+      }, M(d.value), 5)) : Q("", !0)
     ], 4));
   }
-}, VD = {
+}, GD = {
   key: 0,
   style: { width: "100%", display: "flex", gap: "6px", "align-items": "center", color: "#FF0000" }
-}, KD = { style: { width: "36px" } }, XD = {
+}, WD = { style: { width: "36px" } }, JD = {
   __name: "vue-data-ui",
   props: {
     component: { type: String },
@@ -38281,8 +38300,8 @@ Available components:
       restoreOrder: ee,
       recalculateHeight: $
     }), (Se, ne) => (v(), g(me, null, [
-      o.value ? (v(), g("div", VD, [
-        b("div", KD, [
+      o.value ? (v(), g("div", GD, [
+        b("div", WD, [
           Je(la, {
             name: "chartDonut",
             stroke: "#FF0000"
@@ -38592,7 +38611,7 @@ Available components:
         ref_key: "vue_ui_sparkbar",
         ref: te
       }, null, 8, ["config", "dataset"])) : Q("", !0),
-      e.component === "VueUiSparkgauge" ? (v(), Ve(RD, {
+      e.component === "VueUiSparkgauge" ? (v(), Ve(jD, {
         key: 27,
         config: e.config,
         dataset: e.dataset,
@@ -38732,12 +38751,12 @@ export {
   TH as G,
   eD as H,
   $v as I,
-  GD as J,
+  qD as J,
   yD as K,
-  WD as L,
+  YD as L,
   HD as M,
-  RD as N,
-  XD as O,
+  jD as N,
+  JD as O,
   Hx as V,
   Vt as _,
   Ak as a,

package/dist/{index.es-f3244216.js → index.es-fdc14917.js}

@@ -1,4 +1,4 @@
-import { _ as Ha } from "./index-bf03bace.js";
+import { _ as Ha } from "./index-30be0f4a.js";
 import "vue";
 var Tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Vo(a) {

package/dist/types/vue-data-ui.d.ts

@@ -10,7 +10,7 @@ declare module 'vue-data-ui' {
         config?: VueUi3dBarConfig | VueUiAgePyramidConfig | VueUiAnnotatorConfig | VueUiCandlestickConfig | VueUiChestnutConfig | VueUiDashboardConfig | VueUiDigitsConfig | VueUiDonutEvolutionConfig | VueUiDonutConfig | VueUiGaugeConfig | VueUiHeatmapConfig | VueUiMiniLoaderConfig | VueUiMoleculeConfig | VueUiMoodRadarConfig | VueUiNestedDonutsConfig | VueUiOnionConfig | VueUiQuadrantConfig | VueUiRadarConfig | VueUiRatingConfig | VueUiRelationCircleConfig | VueUiRingsConfig | VueUiScatterConfig | VueUiScreenshotConfig | VueUiSkeletonConfig | VueUiSmileyConfig | VueUiSparkbarConfig | VueUiSparkgaugeConfig | VueUiSparkHistogramConfig | VueUiSparklineConfig | VueUiSparkStackBarConfig | VueUiTableSparklineConfig | VueUiTableConfig | VueUiThermometerConfig | VueUiTiremarksConfig | VueUiVerticalBarConfig | VueUiWaffleConfig | VueUiWheelConfig | VueUiXyConfig
     }>
 
-    export type VueUiTooltipParams<TDatapoint, TSeries, TConfig, TBar, TLine, TPlot> = {
+    export type VueUiTooltipParams<TDatapoint, TSeries, TConfig, TBar=any, TLine=any, TPlot=any> = {
         seriesIndex?: number;
         series?: TSeries;
         datapoint?: TDatapoint;
@@ -58,6 +58,7 @@ declare module 'vue-data-ui' {
             colors?: {
                 min?: string;
                 max?: string;
+                showGradient?: boolean;
             };
             track?: {
                 autoColor?: boolean;
@@ -105,7 +106,7 @@ declare module 'vue-data-ui' {
     }
 
     export const VueUiMiniLoader: DefineComponent<{
-        config?: VueUiMiniLoaderConfig;
+        config?: VueUiMiniLoaderConfig
     }>
 
     export const Arrow: DefineComponent<{
@@ -471,11 +472,11 @@ declare module 'vue-data-ui' {
     export type VueUiIconName = "annotator" | "chart3bar" | "chartAgePyramid" | "chartBar" | "chartCandlestick" | "chartChestnut" | "chartDonut" | "chartDonutEvolution" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartMoodbar" | "chartOnion" | "chartQuadrant" | "chartRadar" | "chartRelationCircle" | "chartRings" | "chartScatter" | "chartSparkHistogram" | "chartSparkStackbar" | "chartTable" | "chartThermometer" | "chartTiremarks" | "chartVerticalBar" | "chartWaffle" | "chartWheel" | "close" | "dashboard" | "digit0" | "digit1" | "digit2" | "digit3" | "digit4" | "digit5" | "digit6" | "digit7" | "digit8" | "digit9" | "excel" | "image" | "labelClose" | "labelOpen" | "menu" | "moodFlat" | "moodHappy" | "moodNeutral" | "moodSad" | "pdf" | "screenshot" | "skeleton" | "smiley" | "sort" | "spin" | "star" | "tableClose" | "tableOpen" | "chartNestedDonuts";
 
     export const VueUiIcon: DefineComponent<{
-        name: VueUiIconName;
-        stroke?: string;
-        strokeWidth?: number;
-        size?: number;
-        isSpin?: boolean;
+        name: VueUiIconName,
+        stroke?: string,
+        strokeWidth?: number,
+        size?: number,
+        isSpin?: boolean
     }>;
 
     export type VueUiDonutEvolutionConfig = {
@@ -779,7 +780,7 @@ declare module 'vue-data-ui' {
                     showPercentage?: boolean;
                     roundingValue?: number;
                     roundingPercentage?: number;
-                    customFormat?: (params: VueUiTooltipParams<VueUiRingsDatpoint, VueUiRingsDatapoint[], VueUiRingsConfig>) => string;
+                    customFormat?: (params: VueUiTooltipParams<VueUiRingsDatapoint, VueUiRingsDatapoint[], VueUiRingsConfig>) => string;
                 };
             };
         };
@@ -907,9 +908,6 @@ declare module 'vue-data-ui' {
     };
 
     export type VueUiSparkHistogramDatasetItem = {
-        value: number;
-        valueLabel?: string;
-        timeLabel?: string;
         intensity?: number & { 0: 0; 1: 1 };
         gradient?: string;
         height?: number;
@@ -985,7 +983,6 @@ declare module 'vue-data-ui' {
 
     export type VueUiSparkStackBarDatasetItem = {
         name: string;
-        value: number;
         color?: string;
         proportion?: number;
         proportionLabel?: string;
@@ -1217,8 +1214,8 @@ declare module 'vue-data-ui' {
     export type VueUiAnnotatorDataset = VueUiUnknownObj;
 
     export const VueUiAnnotator: DefineComponent<{
-        config?: VueUiAnnotatorConfig;
-        dataset: VueUiAnnotatorDataset;
+        config?: VueUiAnnotatorConfig,
+        dataset: VueUiAnnotatorDataset
     }>
 
     export type VueUiDashboardConfig = {
@@ -1255,8 +1252,8 @@ declare module 'vue-data-ui' {
     }
 
     export const VueUiDashboard: DefineComponent<{
-        config?: VueUiDashboardConfig;
-        dataset: VueUiDashboardElement[];
+        config?: VueUiDashboardConfig,
+        dataset: VueUiDashboardElement[]
     }>;
 
     export type VueUiSparkbarDatasetItem = {
@@ -1600,7 +1597,7 @@ declare module 'vue-data-ui' {
     export type VueUiCandlestickDatapoint = {
         high: { x: number; y: number; value: number };
         isBullish: boolean;
-        last: { x: number; y: number; value: numbr };
+        last: { x: number; y: number; value: number };
         low: { x: number; y: number; value: number };
         open: { x: number; y: number; value: number };
         period: string | undefined;
@@ -2179,7 +2176,7 @@ declare module 'vue-data-ui' {
 
     export const VueUiXy: DefineComponent<{
         component: "VueUi3dBar" | "VueUiAgePyramid" | "VueUiAnnotator" | "VueUiCandlestick" | "VueUiChestnut" | "VueUiDashboard" | "VueUiDigits" | "VueUiDonutEvolution" | "VueUiDonut" | "VueUiGauge" | "VueUiHeatmap" | "VueUiMiniLoader" | "VueUiMolecule" | "VueUiMoodRadar" | "VueUiNestedDonuts" | "VueUiOnion" | "VueUiQuadrant" | "VueUiRadar" | "VueUiRating" | "VueUiRelationCircle" | "VueUiRings" | "VueUiScatter" | "VueUiScreenshot" | "VueUiSkeleton" | "VueUiSmiley" | "VueUiSparkbar" | "VueUiSparkgauge" | "VueUiSparkHistogram" | "VueUiSparkline" | "VueUiSparkStackbar" | "VueUiTableSparkline" | "VueUiTable" | "VueUiThermometer" | "VueUiTiremarks" | "VueUiVerticalBar" | "VueUiWaffle" | "VueUiWheel" | "VueUiXy",
-        config?: VueUiXyConfig
+        config?: VueUiXyConfig,
         dataset: VueUiXyDatasetItem[]
     }>
 

package/dist/vue-data-ui.js

@@ -1,4 +1,4 @@
-import { J as s, O as u, F as V, q as U, t as r, p as t, g as o, s as n, G as l, b as d, C as g, f as k, n as S, D as m, K as p, H as c, E as D, M as b, h, e as f, d as C, k as R, v as y, z as A, o as M, j as T, l as B, u as H, y as v, x as w, r as x, N as E, m as G, a as I, I as L, w as N, B as O, i as W, c as j, A as q, V as z, L as F } from "./index-bf03bace.js";
+import { J as s, O as u, F as V, q as U, t as r, p as t, g as o, s as n, G as l, b as d, C as g, f as k, n as S, D as m, K as p, H as c, E as D, M as b, h, e as f, d as C, k as R, v as y, z as A, o as M, j as T, l as B, u as H, y as v, x as w, r as x, N as E, m as G, a as I, I as L, w as N, B as O, i as W, c as j, A as q, V as z, L as F } from "./index-30be0f4a.js";
 import "vue";
 export {
   s as Arrow,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.0.38",
+  "version": "2.0.39",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [