vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-skeleton-Drk48XZi.js → vue-ui-skeleton-GA4wzjXV.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, M as n, q as r, t as i, z as ee } from "./lib-Bttd6u5E.js";
+import { Ht as t, M as n, q as r, t as i, z as ee } from "./lib-Dqr_-I6Y.js";
 import { n as te, t as ne } from "./useHints-Dq_w2E8B.js";
 import { t as re } from "./useConfig-DwdGsXTx.js";
-import { t as ie } from "./useNestedProp-vPNvh7rV.js";
+import { t as ie } from "./useNestedProp-CulPqtou.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ae } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-B629oKuX.js";
+import { n as o } from "./PackageVersion-C0b7KAMa.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 oe, 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 }), se = ["id"], ce = ["xmlns"], le = { transform: "translate(300, 300)" }, b = [

package/dist/{vue-ui-smiley-BQuXRW4o.js → vue-ui-smiley-D1pW2Fdy.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Vt as t, X as n, i as r, jt as i, t as a, tt as o } from "./lib-Bttd6u5E.js";
+import { Nt as t, Ut as n, X as r, i, nt as a, t as o } from "./lib-Dqr_-I6Y.js";
 import { n as s, t as c } from "./useHints-Dq_w2E8B.js";
 import { t as l } from "./useConfig-DwdGsXTx.js";
-import { t as u } from "./useNestedProp-vPNvh7rV.js";
+import { t as u } from "./useNestedProp-CulPqtou.js";
 import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as f } from "./DefGrad-DVBqDjhO.js";
 import { Fragment as p, computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, normalizeClass as b, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withKeys as M } from "vue";
@@ -29,9 +29,9 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 		"mouseenter",
 		"mouseleave"
 	],
-	setup(e, { emit: n }) {
-		let r = e, i = n;
-		return (n, o) => (C(), g("div", {
+	setup(e, { emit: t }) {
+		let r = e, i = t;
+		return (t, a) => (C(), g("div", {
 			tabindex: "0",
 			class: b({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
 			style: x({
@@ -40,10 +40,10 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				aspectRatio: "1/1",
 				position: "relative"
 			}),
-			onMouseenter: o[0] ||= (e) => i("mouseenter"),
-			onMouseleave: o[1] ||= (e) => i("mouseleave"),
-			onClick: o[2] ||= (t) => i("rate", e.unit),
-			onKeyup: o[3] ||= M((t) => i("rate", e.unit), ["enter"])
+			onMouseenter: a[0] ||= (e) => i("mouseenter"),
+			onMouseleave: a[1] ||= (e) => i("mouseleave"),
+			onClick: a[2] ||= (t) => i("rate", e.unit),
+			onKeyup: a[3] ||= M((t) => i("rate", e.unit), ["enter"])
 		}, [
 			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (C(), g("div", {
 				key: 0,
@@ -72,12 +72,12 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				color: e.config.style.tooltip.color
 			}) }, [
 				_("span", { style: x(`font-size:${e.config.style.tooltip.fontSize}px`) }, D(e.unit) + ":", 5),
-				_("span", { style: x(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [E(n.$slots, "rating", {}, void 0, !0)], 4),
+				_("span", { style: x(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [E(t.$slots, "rating", {}, void 0, !0)], 4),
 				_("div", { style: x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
 			], 4)], 4)) : h("", !0),
 			e.config.style.icons.filled ? (C(), g("svg", {
 				key: 1,
-				xmlns: O(a),
+				xmlns: O(o),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -96,14 +96,14 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				id: `vueUiSmiley${e.unit - 1}`,
 				stops: [[
 					"0%",
-					O(t)(e.config.style.colors.active[e.unit - 1], .05),
+					O(n)(e.config.style.colors.active[e.unit - 1], .05),
 					1
 				], [
 					"100%",
 					e.config.style.colors.active[e.unit - 1],
 					1
 				]]
-			}, null, 8, ["id", "stops"])]), E(n.$slots, "path-icon-filled", {}, void 0, !0)], 8, N)) : (C(), g("svg", {
+			}, null, 8, ["id", "stops"])]), E(t.$slots, "path-icon-filled", {}, void 0, !0)], 8, N)) : (C(), g("svg", {
 				key: 2,
 				style: {
 					position: "absolute",
@@ -118,10 +118,10 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [E(n.$slots, "path-icon", {}, void 0, !0)], 8, P)),
+			}, [E(t.$slots, "path-icon", {}, void 0, !0)], 8, P)),
 			e.config.style.icons.filled && e.isReadonly ? (C(), g("svg", {
 				key: 3,
-				xmlns: O(a),
+				xmlns: O(o),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -140,14 +140,14 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				id: `vueUiSmiley${e.unit - 1}`,
 				stops: [[
 					"0%",
-					O(t)(e.config.style.colors.activeReadonly[e.unit - 1], .05),
+					O(n)(e.config.style.colors.activeReadonly[e.unit - 1], .05),
 					1
 				], [
 					"100%",
 					e.config.style.colors.activeReadonly[e.unit - 1],
 					1
 				]]
-			}, null, 8, ["id", "stops"])]), E(n.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : h("", !0),
+			}, null, 8, ["id", "stops"])]), E(t.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : h("", !0),
 			!e.config.style.icons.filled && e.isReadonly ? (C(), g("svg", {
 				key: 4,
 				style: {
@@ -163,7 +163,7 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [E(n.$slots, "path-icon-readonly", {}, void 0, !0)], 8, I)) : h("", !0)
+			}, [E(t.$slots, "path-icon-readonly", {}, void 0, !0)], 8, I)) : h("", !0)
 		], 38));
 	}
 }, [["__scopeId", "data-v-9734e83c"]]), R = /* @__PURE__ */ e({ default: () => W }), z = {
@@ -187,13 +187,13 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 		}
 	},
 	emits: ["rate"],
-	setup(e, { expose: t, emit: a }) {
-		let { vue_ui_smiley: d } = l(), f = e, b = k(), E = a, O = w(null), M = w(I()), N = m(() => M.value.debug);
+	setup(e, { expose: n, emit: o }) {
+		let { vue_ui_smiley: d } = l(), f = e, b = k(), E = o, O = w(null), M = w(I()), N = m(() => M.value.debug);
 		S(() => {
 			b["chart-background"] && N.value && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
 		function P() {
-			(!Object.hasOwn(f.dataset, "rating") || i(f.dataset)) && o({
+			(!Object.hasOwn(f.dataset, "rating") || t(f.dataset)) && a({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating",
@@ -280,7 +280,7 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 		function X(e) {
 			return M.value.readonly ? M.value.style.colors.inactive[e] : G.value === e + 1 || O.value !== null && O.value === e ? M.value.style.icons.useGradient && M.value.style.icons.filled ? `url(#vueUiSmiley${e})` : M.value.style.colors.active[e] : M.value.style.colors.inactive[e];
 		}
-		let Z = m(() => ({ value: e, tooltip: t = !1 }) => r(t ? M.value.style.tooltip.formatter : M.value.style.rating.formatter, e, n({
+		let Z = m(() => ({ value: e, tooltip: t = !1 }) => i(t ? M.value.style.tooltip.formatter : M.value.style.rating.formatter, e, r({
 			v: e,
 			r: t ? M.value.style.tooltip.roundingValue : M.value.style.rating.roundingValue
 		}), M.value));
@@ -293,7 +293,7 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 		function ee(e = !0) {
 			K.value = e;
 		}
-		return t({
+		return n({
 			getData: $,
 			toggleReadonly: ee
 		}), (e, t) => (C(), g("div", {

package/dist/{vue-ui-spark-trend-CYcS6-FN.js → vue-ui-spark-trend-BXRGMn5-.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Et as n, Jt as r, P as i, X as a, b as o, g as ee, i as s, jt as c, q as te, t as ne, tt as re } from "./lib-Bttd6u5E.js";
+import { Dt as t, Ht as n, Nt as r, P as i, X as a, Xt as o, b as s, g as ee, i as c, nt as te, q as ne, t as re } from "./lib-Dqr_-I6Y.js";
 import { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
 import { t as oe } from "./useConfig-DwdGsXTx.js";
 import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
-import { t as l } from "./useNestedProp-vPNvh7rV.js";
+import { t as l } from "./useNestedProp-CulPqtou.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
 import { t as u } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ue, t as de } from "./useResponsive-ZtArZtUf.js";
@@ -64,7 +64,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let u = ve(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), { vue_ui_spark_trend: S } = oe(), { isThemeValid: C, warnInvalidTheme: Le } = le(), w = pe(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(te()), M = _(I());
+		let u = ve(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), { vue_ui_spark_trend: S } = oe(), { isThemeValid: C, warnInvalidTheme: Le } = le(), w = pe(), T = e, E = _(null), Re = _(null), ze = _(null), D = _(null), O = _(null), k = _(!1), A = _(null), j = _(ne()), M = _(I());
 		ie({
 			config: () => M.value,
 			dataset: () => T.dataset,
@@ -78,7 +78,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				]
 			}]
 		});
-		let Be = d(() => r({
+		let Be = d(() => o({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",
@@ -111,7 +111,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				144,
 				233
 			],
-			skeletonConfig: r({
+			skeletonConfig: o({
 				defaultConfig: M.value,
 				userConfig: Be.value
 			})
@@ -132,7 +132,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				defaultConfig: n
 			});
 		}
-		let L = d(() => n({
+		let L = d(() => t({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}));
@@ -140,9 +140,9 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["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) => o(e));
+			return e.map((e) => s(e));
 		}
-		let z = _(n({
+		let z = _(t({
 			data: P.value,
 			threshold: M.value.downsample.threshold
 		}).map((e) => M.value.style.animation.show && !w.value || [
@@ -163,7 +163,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 			deep: !0,
 			immediate: !0
 		}), x(() => JSON.stringify(T.dataset), () => {
-			A.value &&= (cancelAnimationFrame(A.value), null), F.value = c(T.dataset);
+			A.value &&= (cancelAnimationFrame(A.value), null), F.value = r(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));
 		}, {
@@ -188,11 +188,11 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 		});
 		let Ve = d(() => M.value.debug);
 		function V() {
-			if (c(T.dataset) && (re({
+			if (r(T.dataset) && (te({
 				componentName: "VueUiSparkTrend",
 				type: "dataset",
 				debug: Ve.value
-			}), F.value = !0), c(T.dataset) || (F.value = !1), M.value.responsive) {
+			}), F.value = !0), r(T.dataset) || (F.value = !1), M.value.responsive) {
 				let e = ue(() => {
 					let { width: e, height: t } = de({
 						chart: E.value,
@@ -257,12 +257,12 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				-Infinity
 			].includes(e) ? 0 : e || 0;
 			return {
-				value: o(e),
-				absoluteValue: o(n),
-				plotValue: o(n + q.value),
+				value: s(e),
+				absoluteValue: s(n),
+				plotValue: s(n + q.value),
 				toMax: We(n + q.value),
-				x: G.value.left + o(t * (G.value.width / (Ge.value - 1))) - M.value.style.padding.right,
-				y: G.value.bottom - o(G.value.height * 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))
 			};
 		})), Y = d(() => {
 			let e = R(L.value);
@@ -300,7 +300,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				v: Y.value,
 				s: "%",
 				r: M.value.style.trendLabel.rounding
-			}), r = t == null ? "not available" : s(M.value.style.dataLabel.formatter, t, a({
+			}), r = t == null ? "not available" : c(M.value.style.dataLabel.formatter, t, a({
 				p: M.value.style.dataLabel.prefix,
 				v: t,
 				s: M.value.style.dataLabel.suffix,
@@ -308,7 +308,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 			}), { datapoint: e });
 			return `Progression ${X.value === "positive" ? `up ${n}` : X.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${r}.`;
 		}), Xe = d(() => `sparktrend-a11y-${j.value}`);
-		return (e, n) => (g(), p("div", {
+		return (e, t) => (g(), p("div", {
 			ref_key: "sparkTrendChart",
 			ref: E,
 			class: "vue-data-ui-component vue-ui-spark-trend",
@@ -326,7 +326,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				key: He.value,
 				ref_key: "svgRef",
 				ref: Re,
-				xmlns: b(ne),
+				xmlns: b(re),
 				viewBox: `0 0 ${W.value.width} ${W.value.height}`,
 				style: "width:100%;background:transparent;overflow:visible",
 				"aria-hidden": "true"
@@ -349,7 +349,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 					id: `pill_gradient_${j.value}`,
 					stops: [[
 						"0%",
-						b(t)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
+						b(n)(M.value.style.line.useColorTrend ? Z.value : M.value.style.line.stroke, M.value.style.area.opacity),
 						1
 					], [
 						"100%",
@@ -360,12 +360,12 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["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(i)(J.value)} L ${J.value.at(-1).x},${G.value.bottom} Z`,
-					fill: M.value.style.area.useGradient ? `url(#pill_gradient_${j.value})` : b(t)(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(n)(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(t)(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(n)(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", {
@@ -436,7 +436,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["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(s)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(a)({
+				}, y(b(c)(M.value.style.dataLabel.formatter, J.value.at(-1).value, b(a)({
 					p: M.value.style.dataLabel.prefix,
 					v: J.value.at(-1).value,
 					s: M.value.style.dataLabel.suffix,

package/dist/{vue-ui-sparkbar-eqLrT50j.js → vue-ui-sparkbar-96D0eR-o.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Jt as n, Kt as r, Pt as i, S as a, Vt as ee, X as o, i as s, jt as te, pt as ne, q as re, t as c, tt as l, w as ie } from "./lib-Bttd6u5E.js";
-import { n as ae, t as u } from "./useHints-Dq_w2E8B.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-vPNvh7rV.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 pe, mergeProps as b, nextTick as x, 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";
+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",
@@ -58,16 +58,16 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: M }) {
-		let z = fe(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), { vue_ui_sparkbar: _e } = d(), { isThemeValid: ve, warnInvalidTheme: ye } = se(), B = le(), V = e, be = A(), H = T(re()), U = T(q()), W = h(() => U.value.debug);
+		let z = fe(() => import("./PackageVersion-C0b7KAMa.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.");
-		}), ae({
+		}), ie({
 			config: () => U.value,
 			dataset: () => V.dataset,
 			component: "VueUiSparkbar",
-			rules: [u.noHint]
+			rules: [ae.noHint]
 		});
-		let xe = h(() => n({
+		let xe = h(() => s({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -103,7 +103,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: n({
+			skeletonConfig: s({
 				defaultConfig: U.value,
 				userConfig: xe.value
 			})
@@ -115,28 +115,28 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 			}), t = e.theme;
 			if (!t) return e;
 			if (!ve.value(e)) return ye(e), e;
-			let n = p({
+			let i = p({
 				userConfig: ue[t] || V.config,
 				defaultConfig: e
 			}), a = p({
 				userConfig: V.config,
-				defaultConfig: n
+				defaultConfig: i
 			});
 			return {
 				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[t] || i
+				customPalette: a.customPalette.length ? a.customPalette : r[t] || n
 			};
 		}
 		j(() => V.config, (e) => {
 			U.value = q();
 		}, { deep: !0 });
-		let Ce = h(() => ie(U.value.customPalette)), J = T(K.value.map((e) => ({
+		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 () => {
-			te(V.dataset) && l({
+			i(V.dataset) && l({
 				componentName: "VueUiSparkbar",
 				type: "dataset",
 				debug: W.value
@@ -163,13 +163,13 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 				...e,
 				value: U.value.style.animation.show && !B.value ? 0 : e.value || 0,
 				formatter: e.formatter || null
-			})), x(X);
+			})), 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) => {
-			ne({
+			te({
 				datasetObject: e,
 				requiredAttributes: ["name", "value"]
 			}).forEach((e) => {
@@ -183,7 +183,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 		}), J.value.map((e, t) => ({
 			...e,
 			value: e.value || 0,
-			color: a(e.color) || Ce.value[t] || i[t] || i[t % i.length]
+			color: a(e.color) || Ce.value[t] || n[t] || n[t % n.length]
 		}))));
 		function Ee(e) {
 			return e / we.value;
@@ -225,7 +225,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : k(t)(U.value.style.backgroundColor, V.backgroundOpacity)
 			})
 		}, [
-			e.$slots.title ? E(e.$slots, "title", me(pe({ title: {
+			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
@@ -260,10 +260,10 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 				onMouseenter: (e) => ke(n, r),
 				onMouseleave: (e) => Ae(n, r)
 			}, [
-				k(G) ? g("", !0) : E(e.$slots, "data-label", b({ ref_for: !0 }, { bar: {
+				k(G) ? g("", !0) : E(e.$slots, "data-label", x({ ref_for: !0 }, { bar: {
 					...n,
 					target: $(n),
-					valueLabel: k(s)(n.formatter, n.value, k(o)({
+					valueLabel: k(c)(n.formatter, n.value, k(o)({
 						p: n.prefix || "",
 						v: n.value,
 						s: n.suffix || "",
@@ -272,7 +272,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 						datapoint: n,
 						seriesIndex: r
 					}),
-					targetLabel: k(s)(n.formatter, $(n), k(o)({
+					targetLabel: k(c)(n.formatter, $(n), k(o)({
 						p: n.prefix || "",
 						v: $(n),
 						s: n.suffix || "",
@@ -322,7 +322,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 						key: 0,
 						style: S(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
 						class: "vue-ui-sparkbar-datapoint-name"
-					}, ": " + D(k(s)(n.formatter, n.value, k(o)({
+					}, ": " + D(k(c)(n.formatter, n.value, k(o)({
 						p: n.prefix || "",
 						v: n.value,
 						s: n.suffix || "",
@@ -331,7 +331,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 						datapoint: n,
 						seriesIndex: r
 					})), 5)) : g("", !0),
-					U.value.style.layout.showTargetValue ? (w(), _("span", P, D(" " + U.value.style.layout.targetValueText) + " " + D(k(s)(n.formatter, $(n), k(o)({
+					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 || "",
@@ -343,7 +343,7 @@ var M = /* @__PURE__ */ e({ default: () => z }), N = [
 				], 64))], 4)) : g("", !0),
 				(w(), _("svg", {
 					role: "img",
-					xmlns: k(c),
+					xmlns: k(ne),
 					viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
 					width: "100%"
 				}, [