vue-data-ui 3.24.0 → 3.25.0

package/dist/{vue-ui-xy-B9S7cAhC.js → vue-ui-xy-BTh5QolL.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, A as n, B as r, Ct as i, D as a, Dt as o, G as s, H as c, Ht as l, I as u, It as d, Jt as ee, L as te, M as f, N as ne, Nt as re, P as ie, S as ae, St as oe, U as se, Ut as ce, V as le, Vt as ue, W as de, X as p, Xt as fe, Yt as pe, _ as m, b as h, c as me, d as he, ft as ge, i as g, k as _e, l as ve, n as ye, nt as be, o as xe, q as Se, qt as Ce, r as we, st as _, v as Te, w as Ee, wt as v, yt as De, z as Oe, zt as ke } from "./lib-DfMn_3jf.js";
+import { $ as t, A as n, B as r, Ct as i, D as a, Dt as o, G as s, H as c, Ht as l, I as u, It as d, Jt as ee, L as te, M as f, N as ne, Nt as re, P as ie, S as ae, St as oe, U as se, Ut as ce, V as le, Vt as ue, W as de, X as p, Xt as fe, Yt as pe, _ as m, b as h, c as me, d as he, ft as ge, i as g, k as _e, l as ve, n as ye, nt as be, o as xe, q as Se, qt as Ce, r as we, st as _, v as Te, w as Ee, wt as v, yt as De, z as Oe, zt as ke } from "./lib-DurLxjMz.js";
 import { n as Ae, t as je } from "./useHints-Dq_w2E8B.js";
 import { n as Me, r as Ne, t as Pe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as Fe } from "./useConfig-BtJSJ6AK.js";
-import { t as Ie } from "./usePrinter-Daqyj6c7.js";
+import { t as Fe } from "./useConfig-CyCVHo81.js";
+import { t as Ie } from "./usePrinter-D53IAxB2.js";
 import { n as Le, t as Re } from "./BaseScanner-DZvpgOjM.js";
-import { t as ze } from "./useNestedProp-CLEe1P5W.js";
+import { t as ze } from "./useNestedProp-B3XMQAL1.js";
 import { t as Be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ve } from "./useChartExport-iwOqiIWX.js";
 import { t as He } from "./useTransitions-g_zBREk2.js";
 import { t as Ue } from "./useStableElementSize-C7KADDKj.js";
 import { t as We } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ge } from "./img-DRq3Equ5.js";
-import { n as Ke } from "./Title-C5ytqOnj.js";
+import { t as Ge } from "./img-D3Ck2d_T.js";
+import { n as Ke } from "./Title-y2KUSK-I.js";
 import { t as qe } from "./vue_ui_xy-BA3-_LCx.js";
-import { t as Je } from "./Shape-BV_BCG2F.js";
+import { t as Je } from "./Shape-Dqpgbk7w.js";
 import { t as Ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Xe } from "./DefGrad-DVBqDjhO.js";
-import { t as Ze } from "./SlicerPreview-CsFT236o.js";
-import { t as Qe } from "./vue-ui-accordion-BhOSscZB.js";
-import { t as $e } from "./BaseLegendToggle-B_wibe7d.js";
+import { t as Ze } from "./SlicerPreview-BSjcCjhA.js";
+import { t as Qe } from "./vue-ui-accordion-D2W-dY3E.js";
+import { t as $e } from "./BaseLegendToggle-Dj1a_tSb.js";
 import { t as et } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as y, Teleport as tt, computed as b, createBlock as nt, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as rt, createTextVNode as it, createVNode as at, defineAsyncComponent as ot, getCurrentInstance as st, guardReactiveProps as ct, mergeProps as lt, nextTick as ut, normalizeClass as w, normalizeProps as dt, normalizeStyle as T, onBeforeUnmount as ft, onMounted as pt, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as mt, shallowRef as ht, toDisplayString as A, toRefs as gt, unref as j, useSlots as _t, vModelCheckbox as vt, watch as yt, watchEffect as bt, withCtx as M, withDirectives as xt } from "vue";
 //#region src/utils/xy.js
@@ -407,6 +407,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 	"text-anchor",
 	"font-size",
 	"fill",
+	"stroke",
 	"transform",
 	"onClick"
 ], Er = [
@@ -568,7 +569,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 		"copyAlt"
 	],
 	setup(e, { expose: Ye, emit: jt }) {
-		let N = e, ui = ot(() => import("./DataTable-1Lsn9w61.js")), di = ot(() => import("./Tooltip-CTgk02J6.js")), fi = ot(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-U0y1Y7dC.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-C12IgrZG.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-CrLLZ567.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-ktbpEc-t.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-9RMU4zIz.js").then((e) => e.n)), vi = jt, yi = _t(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), P = D(null), zi = D(!0), Bi = D(600), F = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
+		let N = e, ui = ot(() => import("./DataTable-D6vq6n14.js")), di = ot(() => import("./Tooltip-CLpW5URN.js")), fi = ot(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-Dmgd8MfJ.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-B4V_s9rK.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-CU9Hflo-.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-CD5tlFYh.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-obpncsqR.js").then((e) => e.n)), vi = jt, yi = _t(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), P = D(null), zi = D(!0), Bi = D(600), F = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
 			x: 0,
 			y: 0
 		}), Ui = D({
@@ -646,7 +647,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			})) : e.chart.highlightArea = Ma({
 				defaultConfig: xi.chart.highlightArea,
 				userConfig: N.config.chart.highlightArea
-			}));
+			})), N.config && De(N.config, "chart.grid.labels.xAxisLabels.showFirstAndLast") && (e.chart.grid.labels.xAxisLabels.showFirstAndLast = !!N.config.chart.grid.labels.xAxisLabels.showFirstAndLast);
 			let t = e.theme;
 			if (!t) return e;
 			if (!Si.value(e)) return Ci(e), e;
@@ -1199,11 +1200,18 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			})();
 		});
 		let qo = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels.modulo;
-			return Z.value.length ? Math.min(e, [...new Set(Z.value.map((e) => e.text))].length) : e;
+			let e = Math.max(1, Math.floor(Number(H.value.chart.grid.labels.xAxisLabels.modulo) || 1)), t = Wo.value.length, n = Z.value.length;
+			if (!t || !n) return e;
+			let r = Math.max(1, Math.ceil(t / e));
+			return Math.max(1, Math.round(n / r));
 		}), Jo = b(() => {
-			let e = H.value.chart.grid.labels.xAxisLabels, t = Z.value || [], n = Wo.value || [], r = W.value.start ?? 0, i = z.value, a = Q.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? "");
-			return me(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, qo.value || 1), o, s, r, i, a);
+			let e = H.value.chart.grid.labels.xAxisLabels, t = Z.value || [], n = Wo.value || [], r = W.value.start ?? 0, i = z.value, a = Q.value, o = t.map((e) => e?.text ?? ""), s = n.map((e) => e?.text ?? ""), c = me(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, qo.value, o, s, r, i, a);
+			if (!e.showFirstAndLast || !e.showOnlyAtModulo || e.showOnlyFirstAndLast || !c.length) return c;
+			let l = c.length - 1;
+			return c.map((e, t) => t !== 0 && t !== l ? e : {
+				...e,
+				text: o[t] ?? ""
+			});
 		}), Yo = b(() => (Jo.value || []).map((e) => e?.text ?? "").join("|"));
 		pt(() => {
 			requestAnimationFrame(() => {
@@ -4656,6 +4664,7 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 							content: String(e.text),
 							fontSize: V.value.xAxis,
 							fill: H.value.chart.grid.labels.xAxisLabels.color,
+							stroke: H.value.chart.backgroundColor,
 							x: 0,
 							y: 0
 						}),
@@ -4666,6 +4675,11 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 						"text-anchor": H.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : H.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 						"font-size": V.value.xAxis,
 						fill: H.value.chart.grid.labels.xAxisLabels.color,
+						stroke: H.value.chart.backgroundColor,
+						"stroke-width": "3",
+						"stroke-linejoin": "round",
+						"stroke-linecap": "round",
+						"paint-order": "stroke fill",
 						transform: `translate(${fl(e, t)}, ${X.value?.bottom + V.value.xAxis * 1.5}), rotate(${H.value.chart.grid.labels.xAxisLabels.rotation})`,
 						style: T({ cursor: Fo() && Fa.value ? "pointer" : "default" }),
 						onClick: (n) => Xo(e, t)
@@ -5258,6 +5272,6 @@ var jt = /* @__PURE__ */ e({ default: () => N }), Mt = ["id"], Nt = ["id"], Pt =
 			k(t.$slots, "skeleton", {}, () => [j(Ba) ? (E(), nt(Re, { key: 0 })) : x("", !0)], !0)
 		], 46, Mt));
 	}
-}, [["__scopeId", "data-v-cce012bf"]]);
+}, [["__scopeId", "data-v-cba76256"]]);
 //#endregion
 export { jt as n, N as t };

package/dist/{vue-ui-xy-canvas-Hk0x8dd_.js → vue-ui-xy-canvas-BzbNRbft.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, Bt as r, D as i, Dt as a, Ht as o, It as s, Jt as c, Nt as l, S as u, St as ee, X as te, Xt as ne, _ as re, ft as ie, i as ae, lt as oe, nt as se, o as ce, q as le, w as ue, yt as de } from "./lib-DfMn_3jf.js";
+import { $ as t, At as n, Bt as r, D as i, Dt as a, Ht as o, It as s, Jt as c, Nt as l, S as u, St as ee, X as te, Xt as ne, _ as re, ft as ie, i as ae, lt as oe, nt as se, o as ce, q as le, w as ue, yt as de } from "./lib-DurLxjMz.js";
 import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
 import { n as me, r as he, t as ge } from "./useTimeLabels-d2f-W1L4.js";
-import { t as _e } from "./useConfig-BtJSJ6AK.js";
-import { t as ve } from "./usePrinter-Daqyj6c7.js";
+import { t as _e } from "./useConfig-CyCVHo81.js";
+import { t as ve } from "./usePrinter-D53IAxB2.js";
 import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
-import { t as xe } from "./useNestedProp-CLEe1P5W.js";
+import { t as xe } from "./useNestedProp-B3XMQAL1.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ce } from "./img-DRq3Equ5.js";
-import { n as we } from "./Title-C5ytqOnj.js";
+import { t as Ce } from "./img-D3Ck2d_T.js";
+import { n as we } from "./Title-y2KUSK-I.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as d, c as f, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me } from "./useResponsive-ZtArZtUf.js";
-import { t as Ne } from "./BaseIcon-U0y1Y7dC.js";
-import { t as Pe } from "./SlicerPreview-CsFT236o.js";
-import { t as Fe } from "./vue-ui-accordion-BhOSscZB.js";
-import { t as Ie } from "./BaseLegendToggle-B_wibe7d.js";
+import { t as Ne } from "./BaseIcon-Dmgd8MfJ.js";
+import { t as Pe } from "./SlicerPreview-BSjcCjhA.js";
+import { t as Fe } from "./vue-ui-accordion-D2W-dY3E.js";
+import { t as Ie } from "./BaseLegendToggle-Dj1a_tSb.js";
 import { t as Le } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Re } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ze } from "./Legend-Cg1jtWxv.js";
+import { t as ze } from "./Legend-Du6YK6gu.js";
 import { t as Be } from "./vue_ui_xy_canvas-Cb6dg3eK.js";
 import { Teleport as Ve, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as He, createElementVNode as g, createSlots as Ue, createTextVNode as We, createVNode as Ge, defineAsyncComponent as Ke, guardReactiveProps as _, mergeProps as qe, nextTick as Je, normalizeClass as Ye, normalizeProps as v, normalizeStyle as Xe, onBeforeUnmount as Ze, onMounted as Qe, openBlock as y, ref as b, renderSlot as x, resolveDynamicComponent as $e, shallowRef as et, toDisplayString as tt, toRefs as nt, unref as S, useSlots as rt, watch as C, watchEffect as it, withCtx as w } from "vue";
 //#region src/components/vue-ui-xy-canvas.vue
@@ -64,7 +64,7 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: at }) {
-		let _t = Ke(() => import("./Tooltip-CTgk02J6.js")), vt = Ke(() => import("./DataTable-1Lsn9w61.js")), yt = Ke(() => import("./UserOptions-DJt-e5q0.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-aCu8CNkj.js")), xt = Ke(() => import("./BaseDraggableDialog-9RMU4zIz.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(le()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
+		let _t = Ke(() => import("./Tooltip-CLpW5URN.js")), vt = Ke(() => import("./DataTable-D6vq6n14.js")), yt = Ke(() => import("./UserOptions-3Qr8es3g.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-DbwjIxnE.js")), xt = Ke(() => import("./BaseDraggableDialog-obpncsqR.js").then((e) => e.n)), { vue_ui_xy_canvas: St } = _e(), { isThemeValid: Ct, warnInvalidTheme: wt } = Se(), T = e, E = b(le()), D = b(null), Tt = b(null), O = b(null), k = b(1), A = b(1), Et = b(!1), j = b(null), Dt = b(""), Ot = b(null), M = b([]), kt = b(1), N = b(!0), P = b(!0), At = b(null), jt = b(0), Mt = b(!1), Nt = b(null), Pt = b(null), F = b(null), Ft = b(null), It = b(0), Lt = b(0), Rt = b(0), I = b(null), zt = b(!1), Bt = b(null), Vt = b(null), Ht = b(!1), Ut = b(!1), Wt = b(!1), L = b(null), Gt = b(!1), Kt = b(!1), qt = b(!1), R = b(null), Jt = b({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray(rn.value) && rn.value.length > 0), Yt = at, Xt = rt(), B = b(un());

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.24.0",
+    "version": "3.25.0",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [
@@ -128,7 +128,7 @@
         "simple-git": "^3.36.0",
         "typescript": "^6.0.2",
         "vite": "^8.2.2",
-        "vitest": "^4.1.8",
-        "vue": "^3.5.41"
+        "vitest": "^5.0.0",
+        "vue": "^3.5.42"
     }
 }

package/dist/vue-ui-sparkbar-Daxkni2h.js

@@ -1,400 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ht as t, It as n, Jt as r, Nt as i, S as a, Ut as ee, X as o, Xt as s, i as c, mt as te, nt as l, q as u, t as ne, w as re } from "./lib-DfMn_3jf.js";
-import { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
-import { t as d } from "./useConfig-BtJSJ6AK.js";
-import { n as f, t as oe } from "./BaseScanner-DZvpgOjM.js";
-import { t as p } from "./useNestedProp-CLEe1P5W.js";
-import { t as se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ce } from "./DefGrad-DVBqDjhO.js";
-import { t as le } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as ue } from "./vue_ui_sparkbar-z6qO--Kf.js";
-import { Fragment as m, computed as h, createBlock as de, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineAsyncComponent as fe, guardReactiveProps as b, mergeProps as x, nextTick as pe, normalizeProps as me, normalizeStyle as S, onMounted as C, openBlock as w, ref as T, renderList as he, renderSlot as E, toDisplayString as D, toRefs as O, unref as k, useSlots as A, watch as j } from "vue";
-//#region src/components/vue-ui-sparkbar.vue
-var M = /* @__PURE__ */ e({ default: () => z }), N = [
-	"onClick",
-	"onMouseenter",
-	"onMouseleave"
-], P = {
-	key: 1,
-	class: "vue-ui-sparkbar-datapoint-value"
-}, F = ["xmlns", "viewBox"], I = [
-	"height",
-	"width",
-	"fill",
-	"rx"
-], L = [
-	"height",
-	"width",
-	"fill",
-	"rx"
-], R = [
-	"height",
-	"width",
-	"fill",
-	"rx"
-], ge = {
-	key: 2,
-	ref: "source",
-	dir: "auto"
-}, z = {
-	__name: "vue-ui-sparkbar",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		backgroundOpacity: {
-			type: Number,
-			default: null
-		}
-	},
-	emits: ["selectDatapoint"],
-	setup(e, { emit: M }) {
-		let z = fe(() => import("./PackageVersion-CrLLZ567.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = d(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), B = le(), V = e, be = A(), H = T(u()), U = T(q()), W = h(() => U.value.debug);
-		C(() => {
-			be["chart-background"] && W.value && console.warn("VueUiSparkbar does not support the #chart-background slot.");
-		}), ie({
-			config: () => U.value,
-			dataset: () => V.dataset,
-			component: "VueUiSparkbar",
-			rules: [ae.noHint]
-		});
-		let xe = h(() => s({
-			defaultConfig: { style: {
-				backgroundColor: "#99999930",
-				animation: { show: !1 },
-				layout: { independant: !0 },
-				gutter: {
-					backgroundColor: "#6A6A6A",
-					opacity: 50
-				},
-				bar: { gradient: { underlayerColor: "#6A6A6A" } }
-			} },
-			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: G, FINAL_DATASET: K, manualLoading: Se } = f({
-			...O(V),
-			FINAL_CONFIG: U,
-			prepareConfig: q,
-			skeletonDataset: V.config?.skeletonDataset ?? [
-				{
-					name: "_",
-					value: 21,
-					target: 25,
-					color: "#808080"
-				},
-				{
-					name: "_",
-					value: 13,
-					target: 25,
-					color: "#ADADAD"
-				},
-				{
-					name: "_",
-					value: 8,
-					target: 25,
-					color: "#DBDBDB"
-				}
-			],
-			skeletonConfig: s({
-				defaultConfig: U.value,
-				userConfig: xe.value
-			})
-		});
-		function q() {
-			let e = p({
-				userConfig: V.config,
-				defaultConfig: _e
-			}), t = e.theme;
-			if (!t) return e;
-			if (!ve.value(e)) return ye(e), e;
-			let i = p({
-				userConfig: ue[t] || V.config,
-				defaultConfig: e
-			}), a = p({
-				userConfig: V.config,
-				defaultConfig: i
-			});
-			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[t] || n
-			};
-		}
-		j(() => V.config, (e) => {
-			U.value = q();
-		}, { deep: !0 });
-		let Ce = h(() => re(U.value.customPalette)), J = T(K.value.map((e) => ({
-			...e,
-			value: U.value.style.animation.show ? 0 : e.value || 0,
-			formatter: e.formatter || null
-		}))), Y = T(null);
-		C(async () => {
-			i(V.dataset) && l({
-				componentName: "VueUiSparkbar",
-				type: "dataset",
-				debug: W.value
-			}), X();
-		});
-		function X() {
-			if (U.value.style.animation.show && !B.value) {
-				let e = U.value.style.animation.animationFrames, t = K.value.map((t, n) => t.value / e), n = K.value.map((e) => e.value || 0).reduce((e, t) => e + t, 0), r = 0;
-				function i() {
-					r += n / e, r < n ? (J.value = J.value.map((e, n) => ({
-						...e,
-						value: e.value += t[n]
-					})), Y.value = requestAnimationFrame(i)) : J.value = K.value.map((e) => ({
-						...e,
-						value: e.value || 0,
-						formatter: e.formatter || null
-					}));
-				}
-				i();
-			}
-		}
-		j(() => K.value, async (e) => {
-			cancelAnimationFrame(Y.value), J.value = K.value.map((e) => ({
-				...e,
-				value: U.value.style.animation.show && !B.value ? 0 : e.value || 0,
-				formatter: e.formatter || null
-			})), pe(X);
-		}, { deep: !0 });
-		let Z = T({
-			width: 500,
-			height: 16
-		}), we = h(() => Math.max(...K.value.map((e) => e.value))), Te = h(() => (W.value && K.value.forEach((e, t) => {
-			te({
-				datasetObject: e,
-				requiredAttributes: ["name", "value"]
-			}).forEach((e) => {
-				l({
-					componentName: "VueUiSparkbar",
-					type: "datasetSerieAttribute",
-					property: e,
-					index: t
-				});
-			});
-		}), J.value.map((e, t) => ({
-			...e,
-			value: e.value || 0,
-			color: a(e.color) || Ce.value[t] || n[t] || n[t % n.length]
-		}))));
-		function Ee(e) {
-			return e / we.value;
-		}
-		function Q(e) {
-			return U.value.style.layout.independant ? e.target ? e.value / e.target : U.value.style.layout.percentage ? e.value > 100 ? 1 : e.value / 100 : U.value.style.layout.target === 0 ? 1 : e.value / U.value.style.layout.target : Ee(e.value);
-		}
-		function $(e) {
-			return U.value.style.layout.independant && e.target || U.value.style.layout.target;
-		}
-		let De = M;
-		function Oe(e, t) {
-			De("selectDatapoint", {
-				datapoint: e,
-				index: t
-			}), U.value.events.datapointClick && U.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function ke(e, t) {
-			U.value.events.datapointEnter && U.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function Ae(e, t) {
-			U.value.events.datapointLeave && U.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		return (e, n) => (w(), _("div", {
-			class: "vue-data-ui-component vue-ui-sparkbar",
-			style: S({
-				width: "100%",
-				position: "relative",
-				fontFamily: U.value.style.fontFamily,
-				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : k(t)(U.value.style.backgroundColor, V.backgroundOpacity)
-			})
-		}, [
-			e.$slots.title ? E(e.$slots, "title", me(b({ title: {
-				...e.title,
-				title: U.value.style.title.text,
-				subtitle: U.value.style.title.subtitle.text
-			} })), void 0, void 0, 0) : g("", !0),
-			!e.$slots.title && U.value.style.title.text ? (w(), _("div", {
-				key: 1,
-				class: "vue-ui-sparkbar-title-container",
-				style: S({
-					background: U.value.style.title.backgroundColor,
-					margin: U.value.style.title.margin,
-					textAlign: U.value.style.title.textAlign
-				})
-			}, [v("div", {
-				class: "vue-ui-sparkbar-title",
-				style: S({
-					fontSize: U.value.style.title.fontSize + "px",
-					color: U.value.style.title.color,
-					fontWeight: U.value.style.title.bold ? "bold" : "normal"
-				})
-			}, D(U.value.style.title.text), 5), U.value.style.title.subtitle.text ? (w(), _("div", {
-				key: 0,
-				class: "vue-ui-sparkbar-subtitle",
-				style: S({
-					fontSize: U.value.style.title.subtitle.fontSize + "px",
-					color: U.value.style.title.subtitle.color,
-					fontWeight: U.value.style.title.subtitle.bold ? "bold" : "normal"
-				})
-			}, D(U.value.style.title.subtitle.text), 5)) : g("", !0)], 4)) : g("", !0),
-			(w(!0), _(m, null, he(Te.value, (n, r) => (w(), _("div", {
-				style: S(`display:flex !important;${["left", "right"].includes(U.value.style.labels.name.position) ? `flex-direction: ${U.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${U.value.style.gap}px !important;align-items:center;${k(K).length > 0 && r !== k(K).length - 1 ? "margin-bottom:6px" : ""}`),
-				onClick: (e) => Oe(n, r),
-				onMouseenter: (e) => ke(n, r),
-				onMouseleave: (e) => Ae(n, r)
-			}, [
-				k(G) ? g("", !0) : E(e.$slots, "data-label", x({ ref_for: !0 }, { bar: {
-					...n,
-					target: $(n),
-					valueLabel: k(c)(n.formatter, n.value, k(o)({
-						p: n.prefix || "",
-						v: n.value,
-						s: n.suffix || "",
-						r: n.rounding || 0
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					}),
-					targetLabel: k(c)(n.formatter, $(n), k(o)({
-						p: n.prefix || "",
-						v: $(n),
-						s: n.suffix || "",
-						r: n.rounding || 0
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})
-				} }), void 0, void 0, 0),
-				!e.$slots["data-label"] || k(G) ? (w(), _("div", {
-					key: 1,
-					style: S({
-						display: "flex",
-						justifyContent: ["right", "top-right"].includes(U.value.style.labels.name.position) ? "flex-end" : ["top-center"].includes(U.value.style.labels.name.position) ? "center" : "flex-start",
-						alignItems: "center",
-						width: U.value.style.labels.name.width,
-						color: U.value.style.labels.name.color,
-						fontSize: U.value.style.labels.fontSize + "px",
-						fontWeight: U.value.style.labels.name.bold ? "bold" : "normal",
-						flexWrap: "wrap"
-					})
-				}, [k(G) ? (w(), _("div", {
-					key: 0,
-					class: "vue-ui-sparkbar-skeleton-name",
-					style: S({
-						width: "60px",
-						height: U.value.style.labels.fontSize + "px",
-						borderRadius: U.value.style.labels.fontSize / 4 + "px",
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						marginTop: "5px"
-					})
-				}, [v("div", { style: S({
-					height: "100%",
-					width: "40px",
-					borderRadius: U.value.style.labels.fontSize / 4 + "px",
-					backgroundColor: "#6A6A6A80"
-				}) }, null, 4), v("div", { style: S({
-					height: "100%",
-					width: "15px",
-					borderRadius: U.value.style.labels.fontSize / 4 + "px",
-					backgroundColor: "#6A6A6A80"
-				}) }, null, 4)], 4)) : (w(), _(m, { key: 1 }, [
-					v("span", null, D(n.name), 1),
-					U.value.style.labels.value.show ? (w(), _("span", {
-						key: 0,
-						style: S(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
-						class: "vue-ui-sparkbar-datapoint-name"
-					}, ": " + D(k(c)(n.formatter, n.value, k(o)({
-						p: n.prefix || "",
-						v: n.value,
-						s: n.suffix || "",
-						r: n.rounding || 0
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})), 5)) : g("", !0),
-					U.value.style.layout.showTargetValue ? (w(), _("span", P, D(" " + U.value.style.layout.targetValueText) + " " + D(k(c)(n.formatter, $(n), k(o)({
-						p: n.prefix || "",
-						v: $(n),
-						s: n.suffix || "",
-						r: n.rounding || 0
-					}), {
-						datapoint: n,
-						seriesIndex: r
-					})), 1)) : g("", !0)
-				], 64))], 4)) : g("", !0),
-				(w(), _("svg", {
-					role: "img",
-					xmlns: k(ne),
-					viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
-					width: "100%"
-				}, [
-					y(k(z)),
-					v("defs", null, [y(ce, {
-						t: "linear",
-						x1: "0%",
-						y1: "0%",
-						x2: "100%",
-						y2: "0%",
-						id: `sparkbar_gradient_${r}_${H.value}`,
-						stops: [[
-							"0%",
-							k(t)(k(ee)(n.color, .03), 100 - U.value.style.bar.gradient.intensity),
-							1
-						], [
-							"100%",
-							n.color,
-							1
-						]]
-					}, null, 8, ["id", "stops"])]),
-					v("rect", {
-						height: Z.value.height,
-						width: Z.value.width,
-						x: 0,
-						y: 0,
-						fill: k(t)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
-						rx: Z.value.height / 2
-					}, null, 8, I),
-					v("rect", {
-						height: Z.value.height,
-						width: Z.value.width * Q(n),
-						x: 0,
-						y: 0,
-						fill: U.value.style.bar.gradient.underlayerColor,
-						rx: Z.value.height / 2
-					}, null, 8, L),
-					v("rect", {
-						height: Z.value.height,
-						width: Z.value.width * Q(n),
-						x: 0,
-						y: 0,
-						fill: U.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${r}_${H.value})` : n.color,
-						rx: Z.value.height / 2
-					}, null, 8, R)
-				], 8, F))
-			], 44, N))), 256)),
-			e.$slots.source ? (w(), _("div", ge, [E(e.$slots, "source")], 512)) : g("", !0),
-			k(G) ? (w(), de(oe, { key: 3 })) : g("", !0)
-		], 4));
-	}
-};
-//#endregion
-export { M as n, z as t };