vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-sparkbar-DYC3By0v.js → vue-ui-sparkbar-s-2rBmEz.js}

@@ -1,42 +1,42 @@
 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 ie, tt as c, w as ae } from "./lib-BuMGJ_a0.js";
-import { n as oe, t as l } from "./useHints-Dq_w2E8B.js";
-import { t as u } from "./useConfig-BilxnBNr.js";
-import { n as d, t as se } from "./BaseScanner-DZvpgOjM.js";
-import { t as f } from "./useNestedProp--NSEmhOH.js";
-import { t as ce } from "./useThemeCheck-C43Tcqmk.js";
-import { t as le } from "./DefGrad-DVBqDjhO.js";
-import { t as ue } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as de } from "./vue_ui_sparkbar-z6qO--Kf.js";
-import { Fragment as p, computed as m, createBlock as fe, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineAsyncComponent as pe, guardReactiveProps as me, mergeProps as y, nextTick as b, normalizeProps as he, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as ge, renderSlot as T, toDisplayString as E, toRefs as D, unref as O, useSlots as k, watch as A } from "vue";
+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 { t as d } from "./useConfig-DlNpz6P8.js";
+import { n as f, t as oe } from "./BaseScanner-DZvpgOjM.js";
+import { t as p } from "./useNestedProp-vPNvh7rV.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";
 //#region src/components/vue-ui-sparkbar.vue
-var j = /* @__PURE__ */ e({ default: () => R }), M = [
+var M = /* @__PURE__ */ e({ default: () => z }), N = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], N = {
+], P = {
 	key: 1,
 	class: "vue-ui-sparkbar-datapoint-value"
-}, P = ["xmlns", "viewBox"], F = [
+}, F = ["xmlns", "viewBox"], I = [
 	"height",
 	"width",
 	"fill",
 	"rx"
-], I = [
+], L = [
 	"height",
 	"width",
 	"fill",
 	"rx"
-], L = [
+], R = [
 	"height",
 	"width",
 	"fill",
 	"rx"
-], _e = {
+], ge = {
 	key: 2,
 	ref: "source",
 	dir: "auto"
-}, R = {
+}, z = {
 	__name: "vue-ui-sparkbar",
 	props: {
 		config: {
@@ -57,19 +57,17 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 		}
 	},
 	emits: ["selectDatapoint"],
-	setup(e, { emit: j }) {
-		let R = pe(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_sparkbar: z } = u(), { isThemeValid: ve, warnInvalidTheme: ye } = ce(), B = ue(), V = e, be = k();
-		S(() => {
-			be["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
-		});
-		let H = w(re()), U = w(q());
-		oe({
+	setup(e, { emit: M }) {
+		let z = fe(() => import("./PackageVersion-DXU7nRr9.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);
+		C(() => {
+			be["chart-background"] && W.value && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+		}), ae({
 			config: () => U.value,
 			dataset: () => V.dataset,
 			component: "VueUiSparkbar",
-			rules: [l.noHint]
+			rules: [u.noHint]
 		});
-		let xe = m(() => n({
+		let xe = h(() => n({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -81,8 +79,8 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 				bar: { gradient: { underlayerColor: "#6A6A6A" } }
 			} },
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: W, FINAL_DATASET: G, manualLoading: Se } = d({
-			...D(V),
+		})), { loading: G, FINAL_DATASET: K, manualLoading: Se } = f({
+			...O(V),
 			FINAL_CONFIG: U,
 			prepareConfig: q,
 			skeletonDataset: V.config?.skeletonDataset ?? [
@@ -109,18 +107,18 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 				defaultConfig: U.value,
 				userConfig: xe.value
 			})
-		}), K = m(() => !!U.value.debug);
+		});
 		function q() {
-			let e = f({
+			let e = p({
 				userConfig: V.config,
-				defaultConfig: z
+				defaultConfig: _e
 			}), t = e.theme;
 			if (!t) return e;
 			if (!ve.value(e)) return ye(e), e;
-			let n = f({
-				userConfig: de[t] || V.config,
+			let n = p({
+				userConfig: ue[t] || V.config,
 				defaultConfig: e
-			}), a = f({
+			}), a = p({
 				userConfig: V.config,
 				defaultConfig: n
 			});
@@ -129,29 +127,29 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 				customPalette: a.customPalette.length ? a.customPalette : r[t] || i
 			};
 		}
-		A(() => V.config, (e) => {
+		j(() => V.config, (e) => {
 			U.value = q();
 		}, { deep: !0 });
-		let Ce = m(() => ae(U.value.customPalette)), J = w(G.value.map((e) => ({
+		let Ce = h(() => ie(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 = w(null);
-		S(async () => {
-			te(V.dataset) && c({
+		}))), Y = T(null);
+		C(async () => {
+			te(V.dataset) && l({
 				componentName: "VueUiSparkbar",
 				type: "dataset",
-				debug: K.value
+				debug: W.value
 			}), X();
 		});
 		function X() {
 			if (U.value.style.animation.show && !B.value) {
-				let e = U.value.style.animation.animationFrames, t = G.value.map((t, n) => t.value / e), n = G.value.map((e) => e.value || 0).reduce((e, t) => e + t, 0), r = 0;
+				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 = G.value.map((e) => ({
+					})), Y.value = requestAnimationFrame(i)) : J.value = K.value.map((e) => ({
 						...e,
 						value: e.value || 0,
 						formatter: e.formatter || null
@@ -160,27 +158,26 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 				i();
 			}
 		}
-		A(() => G.value, async (e) => {
-			cancelAnimationFrame(Y.value), J.value = G.value.map((e) => ({
+		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
-			})), b(X);
+			})), x(X);
 		}, { deep: !0 });
-		let Z = w({
+		let Z = T({
 			width: 500,
 			height: 16
-		}), we = m(() => Math.max(...G.value.map((e) => e.value))), Te = m(() => (G.value.forEach((e, t) => {
+		}), we = h(() => Math.max(...K.value.map((e) => e.value))), Te = h(() => (W.value && K.value.forEach((e, t) => {
 			ne({
 				datasetObject: e,
 				requiredAttributes: ["name", "value"]
 			}).forEach((e) => {
-				c({
+				l({
 					componentName: "VueUiSparkbar",
 					type: "datasetSerieAttribute",
 					property: e,
-					index: t,
-					debug: K.value
+					index: t
 				});
 			});
 		}), J.value.map((e, t) => ({
@@ -197,7 +194,7 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 		function $(e) {
 			return U.value.style.layout.independant && e.target || U.value.style.layout.target;
 		}
-		let De = j;
+		let De = M;
 		function Oe(e, t) {
 			De("selectDatapoint", {
 				datapoint: e,
@@ -219,54 +216,54 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 				seriesIndex: t
 			});
 		}
-		return (e, n) => (C(), g("div", {
+		return (e, n) => (w(), _("div", {
 			class: "vue-data-ui-component vue-ui-sparkbar",
-			style: x({
+			style: S({
 				width: "100%",
 				position: "relative",
 				fontFamily: U.value.style.fontFamily,
-				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : O(t)(U.value.style.backgroundColor, V.backgroundOpacity)
+				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : k(t)(U.value.style.backgroundColor, V.backgroundOpacity)
 			})
 		}, [
-			e.$slots.title ? T(e.$slots, "title", he(me({ title: {
+			e.$slots.title ? E(e.$slots, "title", me(pe({ title: {
 				...e.title,
 				title: U.value.style.title.text,
 				subtitle: U.value.style.title.subtitle.text
-			} })), void 0, void 0, 0) : h("", !0),
-			!e.$slots.title && U.value.style.title.text ? (C(), g("div", {
+			} })), 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: x({
+				style: S({
 					background: U.value.style.title.backgroundColor,
 					margin: U.value.style.title.margin,
 					textAlign: U.value.style.title.textAlign
 				})
-			}, [_("div", {
+			}, [v("div", {
 				class: "vue-ui-sparkbar-title",
-				style: x({
+				style: S({
 					fontSize: U.value.style.title.fontSize + "px",
 					color: U.value.style.title.color,
 					fontWeight: U.value.style.title.bold ? "bold" : "normal"
 				})
-			}, E(U.value.style.title.text), 5), U.value.style.title.subtitle.text ? (C(), g("div", {
+			}, D(U.value.style.title.text), 5), U.value.style.title.subtitle.text ? (w(), _("div", {
 				key: 0,
 				class: "vue-ui-sparkbar-subtitle",
-				style: x({
+				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"
 				})
-			}, E(U.value.style.title.subtitle.text), 5)) : h("", !0)], 4)) : h("", !0),
-			(C(!0), g(p, null, ge(Te.value, (n, r) => (C(), g("div", {
-				style: x(`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;${O(G).length > 0 && r !== O(G).length - 1 ? "margin-bottom:6px" : ""}`),
+			}, 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)
 			}, [
-				O(W) ? h("", !0) : T(e.$slots, "data-label", y({ ref_for: !0 }, { bar: {
+				k(G) ? g("", !0) : E(e.$slots, "data-label", b({ ref_for: !0 }, { bar: {
 					...n,
 					target: $(n),
-					valueLabel: O(s)(n.formatter, n.value, O(o)({
+					valueLabel: k(s)(n.formatter, n.value, k(o)({
 						p: n.prefix || "",
 						v: n.value,
 						s: n.suffix || "",
@@ -275,7 +272,7 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 						datapoint: n,
 						seriesIndex: r
 					}),
-					targetLabel: O(s)(n.formatter, $(n), O(o)({
+					targetLabel: k(s)(n.formatter, $(n), k(o)({
 						p: n.prefix || "",
 						v: $(n),
 						s: n.suffix || "",
@@ -285,9 +282,9 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 						seriesIndex: r
 					})
 				} }), void 0, void 0, 0),
-				!e.$slots["data-label"] || O(W) ? (C(), g("div", {
+				!e.$slots["data-label"] || k(G) ? (w(), _("div", {
 					key: 1,
-					style: x({
+					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",
@@ -297,10 +294,10 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 						fontWeight: U.value.style.labels.name.bold ? "bold" : "normal",
 						flexWrap: "wrap"
 					})
-				}, [O(W) ? (C(), g("div", {
+				}, [k(G) ? (w(), _("div", {
 					key: 0,
 					class: "vue-ui-sparkbar-skeleton-name",
-					style: x({
+					style: S({
 						width: "60px",
 						height: U.value.style.labels.fontSize + "px",
 						borderRadius: U.value.style.labels.fontSize / 4 + "px",
@@ -309,23 +306,23 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 						justifyContent: "space-between",
 						marginTop: "5px"
 					})
-				}, [_("div", { style: x({
+				}, [v("div", { style: S({
 					height: "100%",
 					width: "40px",
 					borderRadius: U.value.style.labels.fontSize / 4 + "px",
 					backgroundColor: "#6A6A6A80"
-				}) }, null, 4), _("div", { style: x({
+				}) }, null, 4), v("div", { style: S({
 					height: "100%",
 					width: "15px",
 					borderRadius: U.value.style.labels.fontSize / 4 + "px",
 					backgroundColor: "#6A6A6A80"
-				}) }, null, 4)], 4)) : (C(), g(p, { key: 1 }, [
-					_("span", null, E(n.name), 1),
-					U.value.style.labels.value.show ? (C(), g("span", {
+				}) }, 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: x(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
+						style: S(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
 						class: "vue-ui-sparkbar-datapoint-name"
-					}, ": " + E(O(s)(n.formatter, n.value, O(o)({
+					}, ": " + D(k(s)(n.formatter, n.value, k(o)({
 						p: n.prefix || "",
 						v: n.value,
 						s: n.suffix || "",
@@ -333,8 +330,8 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 					}), {
 						datapoint: n,
 						seriesIndex: r
-					})), 5)) : h("", !0),
-					U.value.style.layout.showTargetValue ? (C(), g("span", N, E(" " + U.value.style.layout.targetValueText) + " " + E(O(s)(n.formatter, $(n), O(o)({
+					})), 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)({
 						p: n.prefix || "",
 						v: $(n),
 						s: n.suffix || "",
@@ -342,16 +339,16 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 					}), {
 						datapoint: n,
 						seriesIndex: r
-					})), 1)) : h("", !0)
-				], 64))], 4)) : h("", !0),
-				(C(), g("svg", {
+					})), 1)) : g("", !0)
+				], 64))], 4)) : g("", !0),
+				(w(), _("svg", {
 					role: "img",
-					xmlns: O(ie),
+					xmlns: k(c),
 					viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
 					width: "100%"
 				}, [
-					v(O(R)),
-					_("defs", null, [v(le, {
+					y(k(z)),
+					v("defs", null, [y(ce, {
 						t: "linear",
 						x1: "0%",
 						y1: "0%",
@@ -360,7 +357,7 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 						id: `sparkbar_gradient_${r}_${H.value}`,
 						stops: [[
 							"0%",
-							O(t)(O(ee)(n.color, .03), 100 - U.value.style.bar.gradient.intensity),
+							k(t)(k(ee)(n.color, .03), 100 - U.value.style.bar.gradient.intensity),
 							1
 						], [
 							"100%",
@@ -368,36 +365,36 @@ var j = /* @__PURE__ */ e({ default: () => R }), M = [
 							1
 						]]
 					}, null, 8, ["id", "stops"])]),
-					_("rect", {
+					v("rect", {
 						height: Z.value.height,
 						width: Z.value.width,
 						x: 0,
 						y: 0,
-						fill: O(t)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
+						fill: k(t)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
 						rx: Z.value.height / 2
-					}, null, 8, F),
-					_("rect", {
+					}, 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, I),
-					_("rect", {
+					}, 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, L)
-				], 8, P))
-			], 44, M))), 256)),
-			e.$slots.source ? (C(), g("div", _e, [T(e.$slots, "source")], 512)) : h("", !0),
-			O(W) ? (C(), fe(se, { key: 3 })) : h("", !0)
+					}, 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 { j as n, R as t };
+export { M as n, z as t };

package/dist/{vue-ui-sparkgauge-Bw6no-In.js → vue-ui-sparkgauge-B-BYVv4p.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Jt as t, X as n, b as r, i, jt as ee, pt as te, q as ne, t as re, tt as a, yt as ie } from "./lib-BuMGJ_a0.js";
+import { Jt as t, X as n, b as r, i, jt as ee, pt as te, q as ne, t as re, tt as a, yt as ie } from "./lib-Bttd6u5E.js";
 import { n as ae, t as oe } from "./useHints-Dq_w2E8B.js";
-import { t as se } from "./useConfig-BilxnBNr.js";
+import { t as se } from "./useConfig-DlNpz6P8.js";
 import { n as ce, t as o } from "./BaseScanner-DZvpgOjM.js";
-import { t as s } from "./useNestedProp--NSEmhOH.js";
+import { t as s } from "./useNestedProp-vPNvh7rV.js";
 import { t as c } from "./useThemeCheck-C43Tcqmk.js";
 import { t as le } from "./DefGrad-DVBqDjhO.js";
 import { t as l } from "./useChartAccessibility-DYqac8yF.js";
@@ -52,7 +52,7 @@ var w = /* @__PURE__ */ e({ default: () => j }), ge = ["xmlns", "viewBox"], T =
 		}
 	},
 	setup(e) {
-		let w = pe(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = se(), { isThemeValid: M, warnInvalidTheme: N } = c(), P = ue(), F = y(null), I = e, L = y(ne()), R = y(W());
+		let w = pe(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = se(), { isThemeValid: M, warnInvalidTheme: N } = c(), P = ue(), F = y(null), I = e, L = y(ne()), R = y(W());
 		ae({
 			config: () => R.value,
 			dataset: () => I.dataset,

package/dist/{vue-ui-sparkhistogram-DvRKy8rq.js → vue-ui-sparkhistogram-D7D4NHdi.js}

@@ -1,11 +1,11 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Jt as n, Vt as r, X as i, i as a, jt as o, pt as s, q as ee, t as c, tt as l } from "./lib-BuMGJ_a0.js";
+import { Bt as t, Jt as n, Vt as r, X as i, i as a, jt as o, pt as s, q as ee, t as c, tt as l } from "./lib-Bttd6u5E.js";
 import { n as u, t as d } from "./useHints-Dq_w2E8B.js";
-import { t as f } from "./useConfig-BilxnBNr.js";
+import { t as f } from "./useConfig-DlNpz6P8.js";
 import { n as p, t as te } from "./BaseScanner-DZvpgOjM.js";
-import { t as m } from "./useNestedProp--NSEmhOH.js";
+import { t as m } from "./useNestedProp-vPNvh7rV.js";
 import { t as ne } from "./useThemeCheck-C43Tcqmk.js";
-import { t as re } from "./Shape-BPMV94Ij.js";
+import { t as re } from "./Shape-C21CMlWS.js";
 import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ae, t as oe } from "./useResponsive-ZtArZtUf.js";
 import { t as h } from "./DefGrad-DVBqDjhO.js";
@@ -88,8 +88,8 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: ie }) {
-		be((e) => ({ v63d726a1: Xe.value }));
-		let A = pe(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_sparkhistogram: j } = f(), { isThemeValid: Ie, warnInvalidTheme: Le } = ne(), M = e, N = w(ee()), P = w(null), F = w(null), I = w(null), L = w(null), R = w(null), z = w(!1), B = w(null), V = w("pointer"), H = w(q());
+		be((e) => ({ v5034d9c8: Xe.value }));
+		let A = pe(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), { vue_ui_sparkhistogram: j } = f(), { isThemeValid: Ie, warnInvalidTheme: Le } = ne(), M = e, N = w(ee()), P = w(null), F = w(null), I = w(null), L = w(null), R = w(null), z = w(!1), B = w(null), V = w("pointer"), H = w(q());
 		u({
 			config: () => H.value,
 			dataset: () => M.dataset,
@@ -204,13 +204,13 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 		ve(() => {
 			He();
 		});
-		let Ve = _(() => !!H.value.debug);
+		let Ve = _(() => H.value.debug);
 		function He() {
 			if (o(M.dataset) ? l({
 				componentName: "VueUiSparkHistogram",
 				type: "dataset",
 				debug: Ve.value
-			}) : M.dataset.forEach((e, t) => {
+			}) : Ve.value && M.dataset.forEach((e, t) => {
 				s({
 					datasetObject: e,
 					requiredAttributes: ["value"]
@@ -219,8 +219,7 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 						componentName: "VueUiSparkHistogram",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
-						debug: Ve.value
+						index: t
 					});
 				});
 			}), H.value.responsive) {
@@ -311,9 +310,9 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 		function Ye() {
 			V.value !== "keyboard" && (X.value = null, B.value = null);
 		}
-		let Xe = _(() => `${H.value.style.animation.speedMs}ms`), { fitText: Q } = le({
+		let Xe = _(() => `${H.value.style.animation.speedMs}ms`), Ze = _(() => J.value.drawingWidth / U.value.length * .9), { fitText: Q } = le({
 			svgRef: K,
-			unitWidth: _(() => J.value.drawingWidth / U.value.length * .9)
+			unitWidth: Ze
 		});
 		ve(async () => {
 			await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
@@ -324,13 +323,13 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 		], async () => {
 			await he(), Q(".vue-ui-sparkhistogram-top-label", H.value.style.labels.value.minFontSize), Q(".vue-ui-sparkhistogram-bottom-label", H.value.style.labels.valueLabel.minFontSize), Q(".vue-ui-sparkhistogram-time-label", H.value.style.labels.timeLabel.minFontSize);
 		});
-		function Ze() {
+		function Qe() {
 			z.value = !0;
 		}
-		function Qe() {
+		function $e() {
 			z.value = !1, B.value = null, V.value = "pointer", X.value = null;
 		}
-		function $e(e) {
+		function et(e) {
 			if (!K.value || document.activeElement !== K.value || !Y.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
@@ -422,9 +421,9 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 				style: { overflow: "visible" },
 				"aria-describedby": `chart-instructions-${N.value}`,
 				tabindex: "0",
-				onFocus: Ze,
-				onBlur: Qe,
-				onKeydown: $e
+				onFocus: Qe,
+				onBlur: $e,
+				onKeydown: et
 			}, [
 				fe(O(A)),
 				e.$slots["chart-background"] ? (C(), b("foreignObject", {
@@ -585,6 +584,6 @@ var A = /* @__PURE__ */ e({ default: () => j }), xe = ["id"], Se = { key: 0 }, C
 			E(e.$slots, "skeleton", {}, () => [O(ze) ? (C(), v(te, { key: 0 })) : y("", !0)], !0)
 		], 36));
 	}
-}, [["__scopeId", "data-v-e6535ec1"]]);
+}, [["__scopeId", "data-v-9193580a"]]);
 //#endregion
 export { A as n, j as t };

package/dist/{vue-ui-sparkline-Dz1uzBos.js → vue-ui-sparkline-RbeYtLWp.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, Bt as n, Dt as r, H as i, I as a, Jt as o, L as s, N as c, P as l, S as u, U as d, V as ee, Vt as f, X as p, bt as te, d as ne, i as re, it as ie, jt as ae, k as oe, m as se, ot as ce, pt as le, q as ue, t as de, tt as fe, zt as pe } from "./lib-BuMGJ_a0.js";
+import { A as t, Bt as n, Dt as r, H as i, I as a, Jt as o, L as s, N as c, P as l, S as u, U as d, V as ee, Vt as f, X as p, bt as te, d as ne, i as re, it as ie, jt as ae, k as oe, m as se, ot as ce, pt as le, q as ue, t as de, tt as fe, zt as pe } from "./lib-Bttd6u5E.js";
 import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { t as m } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ge } from "./useConfig-BilxnBNr.js";
+import { t as m } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ge } from "./useConfig-DlNpz6P8.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useNestedProp--NSEmhOH.js";
+import { t as ye } from "./useNestedProp-vPNvh7rV.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
@@ -695,7 +695,7 @@ var _t = ["innerHTML"], vt = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: xe }) {
-		let He = Me(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-BaYtEKS6.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ue()), A = C(null), Xe = C(null), Ze = C(null), j = C(null), M = C(null), N = C(L());
+		let He = Me(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), Ue = Me(() => import("./SparkTooltip-CjsbIhzi.js")), { vue_ui_sparkline: We } = ge(), { isThemeValid: Ge, warnInvalidTheme: Ke } = be(), qe = De(), O = e, Je = g(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = C(ue()), A = C(null), Xe = C(null), Ze = C(null), j = C(null), M = C(null), N = C(L());
 		me({
 			config: () => N.value,
 			dataset: () => O.dataset,
@@ -941,13 +941,13 @@ var _t = ["innerHTML"], vt = {
 		async function Wt() {
 			Ut.value = !1, await b(), Ut.value = !0, await b(), lt();
 		}
-		let Gt = g(() => !!N.value.debug);
+		let Gt = g(() => N.value.debug);
 		function Kt() {
 			if (ae(O.dataset) ? (fe({
 				componentName: "VueUiSparkline",
 				type: "dataset",
 				debug: Gt.value
-			}), et.value = !0) : O.dataset.forEach((e, t) => {
+			}), et.value = !0) : Gt.value && O.dataset.forEach((e, t) => {
 				le({
 					datasetObject: e,
 					requiredAttributes: ["period", "value"]
@@ -956,8 +956,7 @@ var _t = ["innerHTML"], vt = {
 						componentName: "VueUiSparkline",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
-						debug: Gt.value
+						index: t
 					});
 				});
 			}), ae(O.dataset) || (et.value = N.value.loading), N.value.responsive) {
@@ -1075,7 +1074,8 @@ var _t = ["innerHTML"], vt = {
 						value: n
 					}))).trend
 				};
-			} else return {
+			}
+			return {
 				latest: null,
 				sum: null,
 				average: null,
@@ -1579,6 +1579,6 @@ var _t = ["innerHTML"], vt = {
 			T(t.$slots, "skeleton", {}, () => [E(P) ? (S(), ke(ve, { key: 0 })) : _("", !0)], !0)
 		], 12, bt));
 	}
-}, [["__scopeId", "data-v-967d347c"]]);
+}, [["__scopeId", "data-v-4d09c790"]]);
 //#endregion
 export { yt as n, G as t };