vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-sparkbar-DdxQOFIF.js → vue-ui-sparkbar-DYC3By0v.js}

@@ -1,15 +1,16 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Bt as n, C as r, Gt as i, K as ee, Nt as a, Y as o, et as s, ft as te, i as c, qt as l, t as ne, x as re, zt as u } from "./lib-CFm_J26b.js";
-import { t as ie } from "./useConfig-C0V0eG7L.js";
-import { n as ae, t as oe } from "./BaseScanner-DZvpgOjM.js";
-import { t as d } from "./useNestedProp-BY6DNN3i.js";
-import { t as se } from "./useThemeCheck-C43Tcqmk.js";
-import { t as f } from "./DefGrad-DVBqDjhO.js";
-import { t as ce } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as le } from "./vue_ui_sparkbar-z6qO--Kf.js";
-import { Fragment as p, computed as m, createBlock as ue, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineAsyncComponent as y, guardReactiveProps as de, mergeProps as b, nextTick as fe, normalizeProps as x, normalizeStyle as S, onMounted as C, openBlock as w, ref as T, renderList as pe, renderSlot as E, toDisplayString as D, toRefs as me, 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 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";
 //#region src/components/vue-ui-sparkbar.vue
-var j = /* @__PURE__ */ e({ default: () => z }), M = [
+var j = /* @__PURE__ */ e({ default: () => R }), M = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
@@ -31,11 +32,11 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 	"width",
 	"fill",
 	"rx"
-], R = {
+], _e = {
 	key: 2,
 	ref: "source",
 	dir: "auto"
-}, z = {
+}, R = {
 	__name: "vue-ui-sparkbar",
 	props: {
 		config: {
@@ -57,11 +58,18 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 	},
 	emits: ["selectDatapoint"],
 	setup(e, { emit: j }) {
-		let z = y(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_sparkbar: he } = ie(), { isThemeValid: ge, warnInvalidTheme: _e } = se(), B = ce(), V = e, ve = k();
-		C(() => {
-			ve["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+		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 = T(ee()), U = T(q()), ye = m(() => l({
+		let H = w(re()), U = w(q());
+		oe({
+			config: () => U.value,
+			dataset: () => V.dataset,
+			component: "VueUiSparkbar",
+			rules: [l.noHint]
+		});
+		let xe = m(() => n({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -73,8 +81,8 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 				bar: { gradient: { underlayerColor: "#6A6A6A" } }
 			} },
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: W, FINAL_DATASET: G, manualLoading: be } = ae({
-			...me(V),
+		})), { loading: W, FINAL_DATASET: G, manualLoading: Se } = d({
+			...D(V),
 			FINAL_CONFIG: U,
 			prepareConfig: q,
 			skeletonDataset: V.config?.skeletonDataset ?? [
@@ -97,40 +105,40 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 					color: "#DBDBDB"
 				}
 			],
-			skeletonConfig: l({
+			skeletonConfig: n({
 				defaultConfig: U.value,
-				userConfig: ye.value
+				userConfig: xe.value
 			})
 		}), K = m(() => !!U.value.debug);
 		function q() {
-			let e = d({
+			let e = f({
 				userConfig: V.config,
-				defaultConfig: he
+				defaultConfig: z
 			}), t = e.theme;
 			if (!t) return e;
-			if (!ge.value(e)) return _e(e), e;
-			let n = d({
-				userConfig: le[t] || V.config,
+			if (!ve.value(e)) return ye(e), e;
+			let n = f({
+				userConfig: de[t] || V.config,
 				defaultConfig: e
-			}), r = d({
+			}), a = f({
 				userConfig: V.config,
 				defaultConfig: n
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : i[t] || a
+				...a,
+				customPalette: a.customPalette.length ? a.customPalette : r[t] || i
 			};
 		}
 		A(() => V.config, (e) => {
 			U.value = q();
 		}, { deep: !0 });
-		let xe = m(() => r(U.value.customPalette)), J = T(G.value.map((e) => ({
+		let Ce = m(() => ae(U.value.customPalette)), J = w(G.value.map((e) => ({
 			...e,
 			value: U.value.style.animation.show ? 0 : e.value || 0,
 			formatter: e.formatter || null
-		}))), Y = T(null);
-		C(async () => {
-			t(V.dataset) && s({
+		}))), Y = w(null);
+		S(async () => {
+			te(V.dataset) && c({
 				componentName: "VueUiSparkbar",
 				type: "dataset",
 				debug: K.value
@@ -157,17 +165,17 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 				...e,
 				value: U.value.style.animation.show && !B.value ? 0 : e.value || 0,
 				formatter: e.formatter || null
-			})), fe(X);
+			})), b(X);
 		}, { deep: !0 });
-		let Z = T({
+		let Z = w({
 			width: 500,
 			height: 16
-		}), Se = m(() => Math.max(...G.value.map((e) => e.value))), Ce = m(() => (G.value.forEach((e, t) => {
-			te({
+		}), we = m(() => Math.max(...G.value.map((e) => e.value))), Te = m(() => (G.value.forEach((e, t) => {
+			ne({
 				datasetObject: e,
 				requiredAttributes: ["name", "value"]
 			}).forEach((e) => {
-				s({
+				c({
 					componentName: "VueUiSparkbar",
 					type: "datasetSerieAttribute",
 					property: e,
@@ -178,20 +186,20 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 		}), J.value.map((e, t) => ({
 			...e,
 			value: e.value || 0,
-			color: re(e.color) || xe.value[t] || a[t] || a[t % a.length]
+			color: a(e.color) || Ce.value[t] || i[t] || i[t % i.length]
 		}))));
-		function we(e) {
-			return e / Se.value;
+		function Ee(e) {
+			return e / we.value;
 		}
 		function Q(e) {
-			return U.value.style.layout.independant ? e.target ? e.value / e.target : U.value.style.layout.percentage ? e.value > 100 ? 1 : e.value / 100 : U.value.style.layout.target === 0 ? 1 : e.value / U.value.style.layout.target : we(e.value);
+			return U.value.style.layout.independant ? e.target ? e.value / e.target : U.value.style.layout.percentage ? e.value > 100 ? 1 : e.value / 100 : U.value.style.layout.target === 0 ? 1 : e.value / U.value.style.layout.target : Ee(e.value);
 		}
 		function $(e) {
 			return U.value.style.layout.independant && e.target || U.value.style.layout.target;
 		}
-		let Te = j;
-		function Ee(e, t) {
-			Te("selectDatapoint", {
+		let De = j;
+		function Oe(e, t) {
+			De("selectDatapoint", {
 				datapoint: e,
 				index: t
 			}), U.value.events.datapointClick && U.value.events.datapointClick({
@@ -199,87 +207,87 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 				seriesIndex: t
 			});
 		}
-		function De(e, t) {
+		function ke(e, t) {
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function Oe(e, t) {
+		function Ae(e, t) {
 			U.value.events.datapointLeave && U.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		return (e, t) => (w(), g("div", {
+		return (e, n) => (C(), g("div", {
 			class: "vue-data-ui-component vue-ui-sparkbar",
-			style: S({
+			style: x({
 				width: "100%",
 				position: "relative",
 				fontFamily: U.value.style.fontFamily,
-				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : O(u)(U.value.style.backgroundColor, V.backgroundOpacity)
+				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : O(t)(U.value.style.backgroundColor, V.backgroundOpacity)
 			})
 		}, [
-			e.$slots.title ? E(e.$slots, "title", x(de({ title: {
+			e.$slots.title ? T(e.$slots, "title", he(me({ 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 ? (w(), g("div", {
+			!e.$slots.title && U.value.style.title.text ? (C(), g("div", {
 				key: 1,
 				class: "vue-ui-sparkbar-title-container",
-				style: S({
+				style: x({
 					background: U.value.style.title.backgroundColor,
 					margin: U.value.style.title.margin,
 					textAlign: U.value.style.title.textAlign
 				})
 			}, [_("div", {
 				class: "vue-ui-sparkbar-title",
-				style: S({
+				style: x({
 					fontSize: U.value.style.title.fontSize + "px",
 					color: U.value.style.title.color,
 					fontWeight: U.value.style.title.bold ? "bold" : "normal"
 				})
-			}, D(U.value.style.title.text), 5), U.value.style.title.subtitle.text ? (w(), g("div", {
+			}, E(U.value.style.title.text), 5), U.value.style.title.subtitle.text ? (C(), g("div", {
 				key: 0,
 				class: "vue-ui-sparkbar-subtitle",
-				style: S({
+				style: x({
 					fontSize: U.value.style.title.subtitle.fontSize + "px",
 					color: U.value.style.title.subtitle.color,
 					fontWeight: U.value.style.title.subtitle.bold ? "bold" : "normal"
 				})
-			}, D(U.value.style.title.subtitle.text), 5)) : h("", !0)], 4)) : h("", !0),
-			(w(!0), g(p, null, pe(Ce.value, (t, r) => (w(), g("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;${O(G).length > 0 && r !== O(G).length - 1 ? "margin-bottom:6px" : ""}`),
-				onClick: (e) => Ee(t, r),
-				onMouseenter: (e) => De(t, r),
-				onMouseleave: (e) => Oe(t, r)
+			}, 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" : ""}`),
+				onClick: (e) => Oe(n, r),
+				onMouseenter: (e) => ke(n, r),
+				onMouseleave: (e) => Ae(n, r)
 			}, [
-				O(W) ? h("", !0) : E(e.$slots, "data-label", b({ ref_for: !0 }, { bar: {
-					...t,
-					target: $(t),
-					valueLabel: O(c)(t.formatter, t.value, O(o)({
-						p: t.prefix || "",
-						v: t.value,
-						s: t.suffix || "",
-						r: t.rounding || 0
+				O(W) ? h("", !0) : T(e.$slots, "data-label", y({ ref_for: !0 }, { bar: {
+					...n,
+					target: $(n),
+					valueLabel: O(s)(n.formatter, n.value, O(o)({
+						p: n.prefix || "",
+						v: n.value,
+						s: n.suffix || "",
+						r: n.rounding || 0
 					}), {
-						datapoint: t,
+						datapoint: n,
 						seriesIndex: r
 					}),
-					targetLabel: O(c)(t.formatter, $(t), O(o)({
-						p: t.prefix || "",
-						v: $(t),
-						s: t.suffix || "",
-						r: t.rounding || 0
+					targetLabel: O(s)(n.formatter, $(n), O(o)({
+						p: n.prefix || "",
+						v: $(n),
+						s: n.suffix || "",
+						r: n.rounding || 0
 					}), {
-						datapoint: t,
+						datapoint: n,
 						seriesIndex: r
 					})
 				} }), void 0, void 0, 0),
-				!e.$slots["data-label"] || O(W) ? (w(), g("div", {
+				!e.$slots["data-label"] || O(W) ? (C(), g("div", {
 					key: 1,
-					style: S({
+					style: x({
 						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",
@@ -289,10 +297,10 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 						fontWeight: U.value.style.labels.name.bold ? "bold" : "normal",
 						flexWrap: "wrap"
 					})
-				}, [O(W) ? (w(), g("div", {
+				}, [O(W) ? (C(), g("div", {
 					key: 0,
 					class: "vue-ui-sparkbar-skeleton-name",
-					style: S({
+					style: x({
 						width: "60px",
 						height: U.value.style.labels.fontSize + "px",
 						borderRadius: U.value.style.labels.fontSize / 4 + "px",
@@ -301,49 +309,49 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 						justifyContent: "space-between",
 						marginTop: "5px"
 					})
-				}, [_("div", { style: S({
+				}, [_("div", { style: x({
 					height: "100%",
 					width: "40px",
 					borderRadius: U.value.style.labels.fontSize / 4 + "px",
 					backgroundColor: "#6A6A6A80"
-				}) }, null, 4), _("div", { style: S({
+				}) }, null, 4), _("div", { style: x({
 					height: "100%",
 					width: "15px",
 					borderRadius: U.value.style.labels.fontSize / 4 + "px",
 					backgroundColor: "#6A6A6A80"
-				}) }, null, 4)], 4)) : (w(), g(p, { key: 1 }, [
-					_("span", null, D(t.name), 1),
-					U.value.style.labels.value.show ? (w(), g("span", {
+				}) }, null, 4)], 4)) : (C(), g(p, { key: 1 }, [
+					_("span", null, E(n.name), 1),
+					U.value.style.labels.value.show ? (C(), g("span", {
 						key: 0,
-						style: S(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
+						style: x(`font-weight:${U.value.style.labels.value.bold ? "bold" : "normal"}`),
 						class: "vue-ui-sparkbar-datapoint-name"
-					}, ": " + D(O(c)(t.formatter, t.value, O(o)({
-						p: t.prefix || "",
-						v: t.value,
-						s: t.suffix || "",
-						r: t.rounding || 0
+					}, ": " + E(O(s)(n.formatter, n.value, O(o)({
+						p: n.prefix || "",
+						v: n.value,
+						s: n.suffix || "",
+						r: n.rounding || 0
 					}), {
-						datapoint: t,
+						datapoint: n,
 						seriesIndex: r
 					})), 5)) : h("", !0),
-					U.value.style.layout.showTargetValue ? (w(), g("span", N, D(" " + U.value.style.layout.targetValueText) + " " + D(O(c)(t.formatter, $(t), O(o)({
-						p: t.prefix || "",
-						v: $(t),
-						s: t.suffix || "",
-						r: t.rounding || 0
+					U.value.style.layout.showTargetValue ? (C(), g("span", N, E(" " + U.value.style.layout.targetValueText) + " " + E(O(s)(n.formatter, $(n), O(o)({
+						p: n.prefix || "",
+						v: $(n),
+						s: n.suffix || "",
+						r: n.rounding || 0
 					}), {
-						datapoint: t,
+						datapoint: n,
 						seriesIndex: r
 					})), 1)) : h("", !0)
 				], 64))], 4)) : h("", !0),
-				(w(), g("svg", {
+				(C(), g("svg", {
 					role: "img",
-					xmlns: O(ne),
+					xmlns: O(ie),
 					viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
 					width: "100%"
 				}, [
-					v(O(z)),
-					_("defs", null, [v(f, {
+					v(O(R)),
+					_("defs", null, [v(le, {
 						t: "linear",
 						x1: "0%",
 						y1: "0%",
@@ -352,11 +360,11 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 						id: `sparkbar_gradient_${r}_${H.value}`,
 						stops: [[
 							"0%",
-							O(u)(O(n)(t.color, .03), 100 - U.value.style.bar.gradient.intensity),
+							O(t)(O(ee)(n.color, .03), 100 - U.value.style.bar.gradient.intensity),
 							1
 						], [
 							"100%",
-							t.color,
+							n.color,
 							1
 						]]
 					}, null, 8, ["id", "stops"])]),
@@ -365,12 +373,12 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 						width: Z.value.width,
 						x: 0,
 						y: 0,
-						fill: O(u)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
+						fill: O(t)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
 						rx: Z.value.height / 2
 					}, null, 8, F),
 					_("rect", {
 						height: Z.value.height,
-						width: Z.value.width * Q(t),
+						width: Z.value.width * Q(n),
 						x: 0,
 						y: 0,
 						fill: U.value.style.bar.gradient.underlayerColor,
@@ -378,18 +386,18 @@ var j = /* @__PURE__ */ e({ default: () => z }), M = [
 					}, null, 8, I),
 					_("rect", {
 						height: Z.value.height,
-						width: Z.value.width * Q(t),
+						width: Z.value.width * Q(n),
 						x: 0,
 						y: 0,
-						fill: U.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${r}_${H.value})` : t.color,
+						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 ? (w(), g("div", R, [E(e.$slots, "source")], 512)) : h("", !0),
-			O(W) ? (w(), ue(oe, { key: 3 })) : h("", !0)
+			e.$slots.source ? (C(), g("div", _e, [T(e.$slots, "source")], 512)) : h("", !0),
+			O(W) ? (C(), fe(se, { key: 3 })) : h("", !0)
 		], 4));
 	}
 };
 //#endregion
-export { j as n, z as t };
+export { j as n, R as t };