vue-data-ui 3.23.14 → 3.24.1

package/dist/{vue-ui-xy-Dyb14cfx.js → vue-ui-xy-DqSbxddV.js}

@@ -1,8 +1,8 @@
-import { A as e, B as t, G as n, H as r, Ht as i, I as a, It as o, Jt as s, L as c, N as l, P as u, S as d, U as f, Ut as p, V as m, Vt as h, X as g, Xt as _, _ as v, c as y, i as b, k as x, l as S, o as ee, q as C, rt as w, t as te, v as T, yt as E } from "./lib-Dqr_-I6Y.js";
+import { A as e, B as t, G as n, H as r, Ht as i, I as a, It as o, Jt as s, L as c, N as l, P as u, S as d, U as f, Ut as p, V as m, Vt as h, X as g, Xt as _, _ as v, c as y, i as b, k as x, l as S, o as ee, q as C, rt as w, t as te, v as T, yt as E } from "./lib-DfMn_3jf.js";
 import { t as D } from "./useTimeLabels-d2f-W1L4.js";
-import { t as O } from "./useConfig-DwdGsXTx.js";
+import { t as O } from "./useConfig-DcMi9POF.js";
 import { t as ne } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-BIlL8QxZ.js";
+import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-CSapi1Tq.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {

package/dist/{vue-ui-xy-canvas-8JpYZTA8.js → vue-ui-xy-canvas-Bs_O-0UT.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-Dqr_-I6Y.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 { 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-DwdGsXTx.js";
-import { t as ve } from "./usePrinter-CEiH1b6R.js";
+import { t as _e } from "./useConfig-DcMi9POF.js";
+import { t as ve } from "./usePrinter-Daqyj6c7.js";
 import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
-import { t as xe } from "./useNestedProp-CulPqtou.js";
+import { t as xe } from "./useNestedProp-CLEe1P5W.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Ce } from "./img-Bkzj3lDD.js";
-import { n as we } from "./Title-CaVA8EIw.js";
+import { t as Ce } from "./img-DRq3Equ5.js";
+import { n as we } from "./Title-C5ytqOnj.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-BbElSC8_.js";
-import { t as Pe } from "./SlicerPreview-BGtbrAz9.js";
-import { t as Fe } from "./vue-ui-accordion-C6L7glHU.js";
-import { t as Ie } from "./BaseLegendToggle-CtEdLr4R.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-JvX3LRnx.js";
+import { t as Ie } from "./BaseLegendToggle-B_wibe7d.js";
 import { t as Le } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Re } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ze } from "./Legend-BJtY2RA9.js";
+import { t as ze } from "./Legend-Cg1jtWxv.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-CVxJe3UW.js")), vt = Ke(() => import("./DataTable-CmyEubtT.js")), yt = Ke(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), bt = Ke(() => import("./NonSvgPenAndPaper-DmxzHJtV.js")), xt = Ke(() => import("./BaseDraggableDialog-Dr_Q6Yt5.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-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({
 			x: 0,
 			y: 0
 		}), z = p(() => Array.isArray(rn.value) && rn.value.length > 0), Yt = at, Xt = rt(), B = b(un());
@@ -202,21 +202,22 @@ var at = /* @__PURE__ */ e({ default: () => _t }), ot = ["id"], st = ["id"], ct
 				userConfig: T.config,
 				defaultConfig: St
 			}), t = {}, n = e.theme;
-			if (n) if (!Ct.value(e)) wt(e), t = e;
-			else {
-				let r = xe({
-					userConfig: Be[n] || T.config,
-					defaultConfig: e
-				});
-				t = {
-					...xe({
-						userConfig: T.config,
-						defaultConfig: r
-					}),
-					customPalette: e.customPalette.length ? e.customPalette : c[n] || s
-				};
-			}
-			else t = e;
+			if (n) {
+				if (!Ct.value(e)) wt(e), t = e;
+				else {
+					let r = xe({
+						userConfig: Be[n] || T.config,
+						defaultConfig: e
+					});
+					t = {
+						...xe({
+							userConfig: T.config,
+							defaultConfig: r
+						}),
+						customPalette: e.customPalette.length ? e.customPalette : c[n] || s
+					};
+				}
+			} else t = e;
 			return T.config && de(T.config, "style.chart.grid.y.timeLabels") && (console.warn("VueUiXyCanvas: you are using the deprecated config.style.chart.grid.y.timeLabels. It is recommended to move this configuration to config.style.chart.grid.x.timeLabels."), t.style.chart.grid.x.timeLabels = xe({
 				defaultConfig: t.style.chart.grid.x.timeLabels,
 				userConfig: T.config.style.chart.grid.y.timeLabels

package/dist/vue_ui_label-B0QoxQrJ.js

@@ -0,0 +1,115 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/themes/vue_ui_label.json
+var t = /* @__PURE__ */ e({
+	celebration: () => a,
+	celebrationNight: () => o,
+	concrete: () => l,
+	dark: () => i,
+	default: () => u,
+	hack: () => s,
+	minimal: () => n,
+	minimalDark: () => r,
+	zen: () => c
+}), n = { drag: { showSeparator: !1 } }, r = {
+	drag: {
+		showSeparator: !1,
+		iconColor: "#CCCCCC"
+	},
+	title: { color: "#CCCCCC" },
+	content: { color: "#CCCCCC" },
+	link: {
+		stroke: "#CCCCCC",
+		targetPlot: { stroke: "#1A1A1A" }
+	},
+	box: {
+		backgroundColor: "#1A1A1ADD",
+		borderColor: "#CCCCCC"
+	}
+}, i = {
+	drag: { iconColor: "#CCCCCC" },
+	title: { color: "#CCCCCC" },
+	content: { color: "#CCCCCC" },
+	link: {
+		stroke: "#CCCCCC",
+		targetPlot: { stroke: "#1A1A1A" }
+	},
+	box: {
+		backgroundColor: "#1A1A1ADD",
+		borderColor: "#CCCCCC"
+	}
+}, a = {
+	drag: { iconColor: "#5D4037" },
+	title: { color: "#424242" },
+	content: { color: "#424242" },
+	link: {
+		stroke: "#5D4037",
+		targetPlot: { stroke: "#FFF8E1" }
+	},
+	box: {
+		backgroundColor: "#FFF8E1DD",
+		borderColor: "#5D4037"
+	}
+}, o = {
+	drag: { iconColor: "#BDBDBD" },
+	title: { color: "#BDBDBD" },
+	content: { color: "#BDBDBD" },
+	link: {
+		stroke: "#FF8A65",
+		targetPlot: { stroke: "#1E1E1E" }
+	},
+	box: {
+		backgroundColor: "#1E1E1EDD",
+		borderColor: "#FF8A65"
+	}
+}, s = {
+	drag: { iconColor: "#99AA99" },
+	title: { color: "#66CC66" },
+	content: { color: "#99AA99" },
+	link: {
+		stroke: "#99AA99",
+		targetPlot: { stroke: "#2A2F2A" }
+	},
+	box: {
+		backgroundColor: "#2A2F2ADD",
+		borderColor: "#99AA99"
+	}
+}, c = {
+	drag: { iconColor: "#8A9892" },
+	title: { color: "#8A9892" },
+	content: { color: "#8A9892" },
+	link: {
+		stroke: "#8A9892",
+		targetPlot: { stroke: "#fbfafa" }
+	},
+	box: {
+		backgroundColor: "#fbfafaDD",
+		borderColor: "#99AA99"
+	}
+}, l = {
+	drag: {
+		iconColor: "#829C98",
+		showSeparator: !0
+	},
+	title: { color: "#50606C" },
+	content: { color: "#50606C" },
+	link: {
+		stroke: "#829C98",
+		targetPlot: { stroke: "#f6f6fb" }
+	},
+	box: {
+		backgroundColor: "#f6f6fbDD",
+		borderColor: "#829C98"
+	}
+}, u = {
+	default: {},
+	minimal: n,
+	minimalDark: r,
+	dark: i,
+	celebration: a,
+	celebrationNight: o,
+	hack: s,
+	zen: c,
+	concrete: l
+};
+//#endregion
+export { t as n, u as t };

package/package.json

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

package/dist/vue-ui-sparkbar-BygKCOYg.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-Dqr_-I6Y.js";
-import { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
-import { t as d } from "./useConfig-DwdGsXTx.js";
-import { n as f, t as oe } from "./BaseScanner-DZvpgOjM.js";
-import { t as p } from "./useNestedProp-CulPqtou.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-D_ULhZan.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 };