vue-data-ui 3.25.3 → 3.25.4

package/dist/{vue-ui-sparkbar-C2HcYmPm.js → vue-ui-sparkbar-D1M7-naP.js}

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