vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-skeleton-DJ5KAbfV.js → vue-ui-skeleton-BOHwJSdz.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { D as t, Ft as n, P as r, t as i } from "./lib-CXicicWN.js";
-import { t as ee } from "./useConfig-Bf_EBbe3.js";
-import { t as te } from "./useNestedProp-APyFoLCQ.js";
+import { I as t, Lt as n, k as r, t as i } from "./lib-CuwHGt1j.js";
+import { t as ee } from "./useConfig-pVLia3dt.js";
+import { t as te } from "./useNestedProp-BjkuFaz1.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as o } from "./PackageVersion-Dx81ZIAL.js";
+import { n as o } from "./PackageVersion-Cm-3hwIF.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createStaticVNode as f, createVNode as p, normalizeClass as ne, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
 //#region src/components/vue-ui-skeleton.vue
 var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae = { transform: "translate(300, 300)" }, oe = [
@@ -171,28 +171,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			25,
 			26,
 			12
-		]), Ei = c(() => t({
+		]), Ei = c(() => r({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Di = c(() => t({
+		}).path), Di = c(() => r({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), Oi = c(() => t({
+		}).path), Oi = c(() => r({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), ki = c(() => t({
+		}).path), ki = c(() => r({
 			plot: {
 				x: 50,
 				y: 50
@@ -482,7 +482,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			"M31.72923485708112,177.1814201754354A180,180 0 0 1 10.52695260675986,179.69191208514374Q0,0 171.96279754157493,-53.1864292999193A180,180 0 0 1 179.7057615540709,10.287821162491808Q0,0 31.72923485708112,177.1814201754354Z",
 			"M172.90759179321483,50.02963821846996A180,180 0 0 1 112.88946799894526,140.199743276923Q0,0 172.90759179321483,50.02963821846996A180,180 0 0 1 112.88946799894526,140.199743276923Q0,0 172.90759179321483,50.02963821846996Z"
 		]);
-		return (e, t) => (h(), u("div", {
+		return (e, r) => (h(), u("div", {
 			id: K.value,
 			class: ne({
 				"vue-data-ui-component": !0,
@@ -2358,7 +2358,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					fill: "none"
 				}, [
 					p(o),
-					t[0] ||= d("path", {
+					r[0] ||= d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
@@ -2378,7 +2378,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-633331e3></path>", 5)]], 12, ai)),
+				}, [...r[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-633331e3></path>", 5)]], 12, ai)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 2,
 					xmlns: v(i),
@@ -2389,7 +2389,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[2] ||= d("path", {
+				}, [r[2] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2407,7 +2407,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9 15l6 0\" data-v-633331e3></path>", 5)]], 12, ci)),
+				}, [...r[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9 15l6 0\" data-v-633331e3></path>", 5)]], 12, ci)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 4,
 					xmlns: v(i),
@@ -2418,7 +2418,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[4] ||= d("path", {
+				}, [r[4] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2436,7 +2436,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[5] ||= [
+				}, [...r[5] ||= [
 					d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
@@ -2456,7 +2456,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[6] ||= d("path", {
+				}, [r[6] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2474,7 +2474,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-633331e3></path>", 5)]], 12, mi)),
+				}, [...r[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-633331e3></path>", 5)]], 12, mi)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 8,
 					xmlns: v(i),
@@ -2485,7 +2485,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[8] ||= d("path", {
+				}, [r[8] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2503,17 +2503,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 9l.01 0\" data-v-633331e3></path><path d=\"M15 9l.01 0\" data-v-633331e3></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-633331e3></path>", 5)]], 12, _i))
+				}, [...r[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 9l.01 0\" data-v-633331e3></path><path d=\"M15 9l.01 0\" data-v-633331e3></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-633331e3></path>", 5)]], 12, _i))
 			], 4)) : (h(), u("svg", {
 				key: 1,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 30",
 				style: m(`background:${q.value.style.backgroundColor};max-width:${q.value.style.rating.maxWidth}px`)
-			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
-				points: v(r)({
+			}, [p(o), (h(), u(s, null, _(5, (e, n) => d("polygon", {
+				points: v(t)({
 					plot: {
-						x: 10 + t * 20,
+						x: 10 + n * 20,
 						y: 15
 					},
 					radius: 6

package/dist/{vue-ui-smiley-fFrNX-Gl.js → vue-ui-smiley-BTvDy8Fm.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, G as n, It as r, X as i, i as a, t as o } from "./lib-CXicicWN.js";
-import { t as s } from "./useConfig-Bf_EBbe3.js";
-import { t as c } from "./useNestedProp-APyFoLCQ.js";
+import { Ot as t, Q as n, Rt as r, i, q as a, t as o } from "./lib-CuwHGt1j.js";
+import { t as s } from "./useConfig-pVLia3dt.js";
+import { t as c } from "./useNestedProp-BjkuFaz1.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, normalizeClass as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useSlots as E, watch as D, withCtx as O, withKeys as k } from "vue";
 //#region src/atoms/BaseSmilingUnit.vue
@@ -179,7 +179,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 			C["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
 		function A() {
-			(!Object.hasOwn(_.dataset, "rating") || t(_.dataset)) && i({
+			(!Object.hasOwn(_.dataset, "rating") || t(_.dataset)) && n({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating"
@@ -260,7 +260,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		function q(e) {
 			return j.value.readonly ? j.value.style.colors.inactive[e] : I.value === e + 1 || k.value !== null && k.value === e ? j.value.style.icons.useGradient && j.value.style.icons.filled ? `url(#vueUiSmiley${e})` : j.value.style.colors.active[e] : j.value.style.colors.inactive[e];
 		}
-		let J = d(() => ({ value: e, tooltip: t = !1 }) => a(t ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, n({
+		let J = d(() => ({ value: e, tooltip: t = !1 }) => i(t ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, a({
 			v: e,
 			r: t ? j.value.style.tooltip.roundingValue : j.value.style.rating.roundingValue
 		}), j.value));

package/dist/{vue-ui-spark-trend-D6OBWxmg.js → vue-ui-spark-trend-OgSFIFh0.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, Ft as n, G as r, H as i, Ut as a, X as ee, i as o, k as te, m as ne, t as re, v as s, xt as c } from "./lib-CXicicWN.js";
-import { t as ie } from "./useConfig-Bf_EBbe3.js";
+import { Ct as t, Gt as n, Lt as r, Ot as i, Q as a, W as ee, i as o, j as te, m as ne, q as s, t as re, v as c } from "./lib-CuwHGt1j.js";
+import { t as ie } from "./useConfig-pVLia3dt.js";
 import { n as ae, t as oe } from "./BaseScanner-DZvpgOjM.js";
-import { t as l } from "./useNestedProp-APyFoLCQ.js";
+import { t as l } from "./useNestedProp-BjkuFaz1.js";
 import { t as se } from "./useThemeCheck-C43Tcqmk.js";
 import { t as u } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ce } from "./canvas-lib-BOP_HS11.js";
@@ -63,7 +63,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let u = he(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), { vue_ui_spark_trend: S } = ie(), { isThemeValid: C, warnInvalidTheme: Le } = se(), w = ue(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(i()), M = _(I()), Be = d(() => a({
+		let u = he(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), { vue_ui_spark_trend: S } = ie(), { isThemeValid: C, warnInvalidTheme: Le } = se(), w = ue(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(ee()), M = _(I()), Be = d(() => n({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",
@@ -96,7 +96,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				144,
 				233
 			],
-			skeletonConfig: a({
+			skeletonConfig: n({
 				defaultConfig: M.value,
 				userConfig: Be.value
 			})
@@ -117,7 +117,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				defaultConfig: n
 			});
 		}
-		let L = d(() => c({
+		let L = d(() => t({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}));
@@ -125,9 +125,9 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			M.value = I(), H.value = M.value.style.width, U.value = M.value.style.height, V();
 		}, { deep: !0 });
 		function R(e) {
-			return e.map((e) => s(e));
+			return e.map((e) => c(e));
 		}
-		let z = _(c({
+		let z = _(t({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}).map((e) => M.value.style.animation.show && !w.value || [
@@ -148,7 +148,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			deep: !0,
 			immediate: !0
 		}), x(() => JSON.stringify(T.dataset), () => {
-			A.value &&= (cancelAnimationFrame(A.value), null), F.value = t(T.dataset);
+			A.value &&= (cancelAnimationFrame(A.value), null), F.value = i(T.dataset);
 			let e = L.value;
 			z.value = M.value.style.animation.show && !w.value ? Array(e.length).fill(null) : e.map((e) => Number.isFinite(e) ? e : null), B(), h(() => $(".vue-ui-sparktrend-progress-label", 6));
 		}, {
@@ -173,11 +173,11 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 		});
 		let Ve = d(() => M.value.debug);
 		function V() {
-			if (t(T.dataset) && (ee({
+			if (i(T.dataset) && (a({
 				componentName: "VueUiSparkTrend",
 				type: "dataset",
 				debug: Ve.value
-			}), F.value = !0), t(T.dataset) || (F.value = !1), M.value.responsive) {
+			}), F.value = !0), i(T.dataset) || (F.value = !1), M.value.responsive) {
 				let e = ce(() => {
 					let { width: e, height: t } = le({
 						chart: E.value,
@@ -242,12 +242,12 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				-Infinity
 			].includes(e) ? 0 : e || 0;
 			return {
-				value: s(e),
-				absoluteValue: s(n),
-				plotValue: s(n + q.value),
+				value: c(e),
+				absoluteValue: c(n),
+				plotValue: c(n + q.value),
 				toMax: We(n + q.value),
-				x: G.value.left + s(t * (G.value.width / (Ge.value - 1))) - M.value.style.padding.right,
-				y: G.value.bottom - s(G.value.height * We(n + q.value))
+				x: G.value.left + c(t * (G.value.width / (Ge.value - 1))) - M.value.style.padding.right,
+				y: G.value.bottom - c(G.value.height * We(n + q.value))
 			};
 		})), Y = d(() => {
 			let e = R(L.value);
@@ -280,18 +280,18 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 			fontSize: M.value.style.trendLabel.fontSize
 		}), Je = d(() => {
 			if (N.value || k.value) return "Trend chart loading";
-			let e = J.value?.at(-1), t = e?.value, n = r({
+			let e = J.value?.at(-1), t = e?.value, n = s({
 				p: Y.value > 0 ? "+" : "",
 				v: Y.value,
 				s: "%",
 				r: M.value.style.trendLabel.rounding
-			}), i = t == null ? "not available" : o(M.value.style.dataLabel.formatter, t, r({
+			}), r = t == null ? "not available" : o(M.value.style.dataLabel.formatter, t, s({
 				p: M.value.style.dataLabel.prefix,
 				v: t,
 				s: M.value.style.dataLabel.suffix,
 				r: M.value.style.dataLabel.rounding
 			}), { datapoint: e });
-			return `Progression ${X.value === "positive" ? `up ${n}` : X.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${i}.`;
+			return `Progression ${X.value === "positive" ? `up ${n}` : X.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${r}.`;
 		}), Ye = d(() => `sparktrend-a11y-${j.value}`);
 		return (e, t) => (g(), p("div", {
 			ref_key: "sparkTrendChart",
@@ -333,7 +333,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					id: `pill_gradient_${j.value}`
 				}, [m("stop", {
 					offset: "0%",
-					"stop-color": b(n)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity)
+					"stop-color": b(r)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity)
 				}, null, 8, we), m("stop", {
 					offset: "100%",
 					"stop-color": M.value.style.backgroundColor
@@ -341,12 +341,12 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 				M.value.style.area.show && J.value[0] ? (g(), p("g", Ee, [M.value.style.line.smooth ? (g(), p("path", {
 					key: 0,
 					d: `M ${J.value[0].x},${G.value.bottom} ${b(te)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,
-					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(n)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
+					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(r)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
 					stroke: "none"
 				}, null, 8, De)) : (g(), p("path", {
 					key: 1,
 					d: `M${Ke.value}Z`,
-					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(n)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
+					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(r)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
 					stroke: "none"
 				}, null, 8, Oe))])) : f("", !0),
 				M.value.style.line.smooth && J.value.length ? (g(), p("path", {
@@ -394,7 +394,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					fill: M.value.style.trendLabel.useColorTrend ? Z.value : M.value.style.trendLabel.color,
 					"font-size": M.value.style.trendLabel.fontSize,
 					"font-weight": M.value.style.trendLabel.bold ? "bold" : "normal"
-				}, y(b(r)({
+				}, y(b(s)({
 					p: Y.value > 0 ? "+" : "",
 					v: Y.value,
 					s: "%",
@@ -417,7 +417,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), ye = ["id", "aria-describedby"]
 					"font-size": M.value.style.dataLabel.fontSize,
 					fill: M.value.style.dataLabel.useColorTrend ? Z.value : M.value.style.dataLabel.color,
 					"font-weight": M.value.style.dataLabel.bold ? "bold" : "normal"
-				}, y(b(o)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(r)({
+				}, y(b(o)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(s)({
 					p: M.value.style.dataLabel.prefix,
 					v: J.value.at(-1).value,
 					s: M.value.style.dataLabel.suffix,

package/dist/{vue-ui-sparkbar-CtCP8O44.js → vue-ui-sparkbar-D8FdqMB_.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, Ft as n, G as r, H as i, It as a, Ut as o, Vt as ee, X as s, ct as te, i as c, kt as l, t as ne, x as re, y as ie } from "./lib-CXicicWN.js";
-import { t as ae } from "./useConfig-Bf_EBbe3.js";
+import { Gt as t, Lt as n, Ot as r, Q as i, Rt as a, S as ee, Ut as te, W as ne, b as o, i as s, jt as c, q as l, t as re, ut as ie } from "./lib-CuwHGt1j.js";
+import { t as ae } from "./useConfig-pVLia3dt.js";
 import { n as oe, t as se } from "./BaseScanner-DZvpgOjM.js";
-import { t as u } from "./useNestedProp-APyFoLCQ.js";
+import { t as u } from "./useNestedProp-BjkuFaz1.js";
 import { t as ce } from "./useThemeCheck-C43Tcqmk.js";
 import { t as le } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as ue } from "./vue_ui_sparkbar-z6qO--Kf.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as de, defineAsyncComponent as fe, mergeProps as _, nextTick as pe, normalizeProps as me, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as he, renderSlot as S, toDisplayString as C, toRefs as ge, unref as w, useSlots as T, watch as E } from "vue";
+import { t as d } from "./vue_ui_sparkbar-z6qO--Kf.js";
+import { Fragment as f, computed as p, createBlock as ue, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as de, defineAsyncComponent as fe, mergeProps as _, nextTick as pe, normalizeProps as me, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as he, renderSlot as S, toDisplayString as C, toRefs as ge, unref as w, useSlots as T, watch as E } from "vue";
 //#region src/components/vue-ui-sparkbar.vue
 var D = /* @__PURE__ */ e({ default: () => R }), O = [
 	"onClick",
@@ -56,11 +56,11 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: D }) {
-		let R = fe(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ae(), { isThemeValid: ve, warnInvalidTheme: ye } = ce(), z = le(), B = e, be = T();
+		let R = fe(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = ae(), { isThemeValid: ve, warnInvalidTheme: ye } = ce(), z = le(), B = e, be = T();
 		y(() => {
 			be["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
 		});
-		let V = x(i()), H = x(K()), xe = f(() => o({
+		let V = x(ne()), H = x(K()), xe = p(() => t({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -96,11 +96,11 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: o({
+			skeletonConfig: t({
 				defaultConfig: H.value,
 				userConfig: xe.value
 			})
-		}), G = f(() => !!H.value.debug);
+		}), G = p(() => !!H.value.debug);
 		function K() {
 			let e = u({
 				userConfig: B.config,
@@ -109,7 +109,7 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 			if (!t) return e;
 			if (!ve.value(e)) return ye(e), e;
 			let n = u({
-				userConfig: ue[t] || B.config,
+				userConfig: d[t] || B.config,
 				defaultConfig: e
 			}), r = u({
 				userConfig: B.config,
@@ -117,19 +117,19 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || l
+				customPalette: r.customPalette.length ? r.customPalette : te[t] || c
 			};
 		}
 		E(() => B.config, (e) => {
 			H.value = K();
 		}, { deep: !0 });
-		let Ce = f(() => re(H.value.customPalette)), q = x(W.value.map((e) => ({
+		let Ce = p(() => ee(H.value.customPalette)), q = x(W.value.map((e) => ({
 			...e,
 			value: H.value.style.animation.show ? 0 : e.value || 0,
 			formatter: e.formatter || null
 		}))), J = x(null);
 		y(async () => {
-			t(B.dataset) && s({
+			r(B.dataset) && i({
 				componentName: "VueUiSparkbar",
 				type: "dataset",
 				debug: G.value
@@ -161,12 +161,12 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 		let X = x({
 			width: 500,
 			height: 16
-		}), we = f(() => Math.max(...W.value.map((e) => e.value))), Te = f(() => (W.value.forEach((e, t) => {
-			te({
+		}), we = p(() => Math.max(...W.value.map((e) => e.value))), Te = p(() => (W.value.forEach((e, t) => {
+			ie({
 				datasetObject: e,
 				requiredAttributes: ["name", "value"]
 			}).forEach((e) => {
-				s({
+				i({
 					componentName: "VueUiSparkbar",
 					type: "datasetSerieAttribute",
 					property: e,
@@ -177,7 +177,7 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 		}), q.value.map((e, t) => ({
 			...e,
 			value: e.value || 0,
-			color: ie(e.color) || Ce.value[t] || l[t] || l[t % l.length]
+			color: o(e.color) || Ce.value[t] || c[t] || c[t % c.length]
 		}))));
 		function Z(e) {
 			return e / we.value;
@@ -248,11 +248,11 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 					fontWeight: H.value.style.title.subtitle.bold ? "bold" : "normal"
 				})
 			}, C(H.value.style.title.subtitle.text), 5)) : m("", !0)], 4)) : m("", !0),
-			(b(!0), h(d, null, he(Te.value, (t, i) => (b(), h("div", {
-				style: v(`display:flex !important;${["left", "right"].includes(H.value.style.labels.name.position) ? `flex-direction: ${H.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${H.value.style.gap}px !important;align-items:center;${w(W).length > 0 && i !== w(W).length - 1 ? "margin-bottom:6px" : ""}`),
-				onClick: (e) => De(t, i),
-				onMouseenter: (e) => Oe(t, i),
-				onMouseleave: (e) => ke(t, i)
+			(b(!0), h(f, null, he(Te.value, (t, r) => (b(), h("div", {
+				style: v(`display:flex !important;${["left", "right"].includes(H.value.style.labels.name.position) ? `flex-direction: ${H.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${H.value.style.gap}px !important;align-items:center;${w(W).length > 0 && r !== w(W).length - 1 ? "margin-bottom:6px" : ""}`),
+				onClick: (e) => De(t, r),
+				onMouseenter: (e) => Oe(t, r),
+				onMouseleave: (e) => ke(t, r)
 			}, [
 				w(U) ? m("", !0) : S(e.$slots, "data-label", _({
 					key: 0,
@@ -260,23 +260,23 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 				}, { bar: {
 					...t,
 					target: $(t),
-					valueLabel: w(c)(t.formatter, t.value, w(r)({
+					valueLabel: w(s)(t.formatter, t.value, w(l)({
 						p: t.prefix || "",
 						v: t.value,
 						s: t.suffix || "",
 						r: t.rounding || 0
 					}), {
 						datapoint: t,
-						seriesIndex: i
+						seriesIndex: r
 					}),
-					targetLabel: w(c)(t.formatter, $(t), w(r)({
+					targetLabel: w(s)(t.formatter, $(t), w(l)({
 						p: t.prefix || "",
 						v: $(t),
 						s: t.suffix || "",
 						r: t.rounding || 0
 					}), {
 						datapoint: t,
-						seriesIndex: i
+						seriesIndex: r
 					})
 				} })),
 				!e.$slots["data-label"] || w(U) ? (b(), h("div", {
@@ -313,34 +313,34 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 					width: "15px",
 					borderRadius: H.value.style.labels.fontSize / 4 + "px",
 					backgroundColor: "#6A6A6A80"
-				}) }, null, 4)], 4)) : (b(), h(d, { key: 1 }, [
+				}) }, null, 4)], 4)) : (b(), h(f, { key: 1 }, [
 					g("span", null, C(t.name), 1),
 					H.value.style.labels.value.show ? (b(), h("span", {
 						key: 0,
 						style: v(`font-weight:${H.value.style.labels.value.bold ? "bold" : "normal"}`),
 						class: "vue-ui-sparkbar-datapoint-name"
-					}, ": " + C(w(c)(t.formatter, t.value, w(r)({
+					}, ": " + C(w(s)(t.formatter, t.value, w(l)({
 						p: t.prefix || "",
 						v: t.value,
 						s: t.suffix || "",
 						r: t.rounding || 0
 					}), {
 						datapoint: t,
-						seriesIndex: i
+						seriesIndex: r
 					})), 5)) : m("", !0),
-					H.value.style.layout.showTargetValue ? (b(), h("span", k, C(" " + H.value.style.layout.targetValueText) + " " + C(w(c)(t.formatter, $(t), w(r)({
+					H.value.style.layout.showTargetValue ? (b(), h("span", k, C(" " + H.value.style.layout.targetValueText) + " " + C(w(s)(t.formatter, $(t), w(l)({
 						p: t.prefix || "",
 						v: $(t),
 						s: t.suffix || "",
 						r: t.rounding || 0
 					}), {
 						datapoint: t,
-						seriesIndex: i
+						seriesIndex: r
 					})), 1)) : m("", !0)
 				], 64))], 4)) : m("", !0),
 				(b(), h("svg", {
 					role: "img",
-					xmlns: w(ne),
+					xmlns: w(re),
 					viewBox: `0 0 ${X.value.width} ${X.value.height}`,
 					width: "100%"
 				}, [
@@ -350,7 +350,7 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 						y1: "0%",
 						x2: "100%",
 						y2: "0%",
-						id: `sparkbar_gradient_${i}_${V.value}`
+						id: `sparkbar_gradient_${r}_${V.value}`
 					}, [g("stop", {
 						offset: "0%",
 						"stop-color": w(n)(w(a)(t.color, .03), 100 - H.value.style.bar.gradient.intensity)
@@ -379,13 +379,13 @@ var D = /* @__PURE__ */ e({ default: () => R }), O = [
 						width: X.value.width * Q(t),
 						x: 0,
 						y: 0,
-						fill: H.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${i}_${V.value})` : t.color,
+						fill: H.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${r}_${V.value})` : t.color,
 						rx: X.value.height / 2
 					}, null, 8, I)
 				], 8, A))
 			], 44, O))), 256)),
 			e.$slots.source ? (b(), h("div", L, [S(e.$slots, "source")], 512)) : m("", !0),
-			w(U) ? (b(), p(se, { key: 3 })) : m("", !0)
+			w(U) ? (b(), ue(se, { key: 3 })) : m("", !0)
 		], 4));
 	}
 };