vue-data-ui 3.22.11 → 3.22.13

package/dist/{vue-ui-skeleton-DoIqQtIV.js → vue-ui-skeleton-COytVrfN.js}

@@ -4,7 +4,7 @@ import { t as ee } from "./useConfig-C0V0eG7L.js";
 import { t as te } from "./useNestedProp-BY6DNN3i.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ne } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-1MNr72Bz.js";
+import { n as o } from "./PackageVersion-B6Hokxw9.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 re, 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 }), ie = ["id"], ae = ["xmlns"], oe = { transform: "translate(300, 300)" }, se = [

package/dist/{vue-ui-spark-trend-Db-FsXch.js → vue-ui-spark-trend-DC2KUlEY.js}

@@ -63,7 +63,7 @@ var b = /* @__PURE__ */ e({ default: () => x }), Se = ["id", "aria-describedby"]
 		}
 	},
 	setup(e) {
-		let l = ve(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), { vue_ui_spark_trend: b } = ae(), { isThemeValid: x, warnInvalidTheme: Le } = ce(), S = fe(), C = e, w = h(null), T = h(null), E = h(null), D = h(null), O = h(null), k = h(!1), A = h(null), j = h(n()), M = h(I()), Re = u(() => re({
+		let l = ve(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_spark_trend: b } = ae(), { isThemeValid: x, warnInvalidTheme: Le } = ce(), S = fe(), C = e, w = h(null), T = h(null), E = h(null), D = h(null), O = h(null), k = h(!1), A = h(null), j = h(n()), M = h(I()), Re = u(() => re({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930",

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

@@ -7,35 +7,35 @@ 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, mergeProps as b, nextTick as de, normalizeProps as x, normalizeStyle as S, onMounted as C, openBlock as w, ref as T, renderList as fe, renderSlot as E, toDisplayString as D, toRefs as pe, unref as O, useSlots as me, watch as k } from "vue";
+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";
 //#region src/components/vue-ui-sparkbar.vue
-var A = /* @__PURE__ */ e({ default: () => R }), j = [
+var j = /* @__PURE__ */ e({ default: () => z }), 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"
-], L = {
+], R = {
 	key: 2,
 	ref: "source",
 	dir: "auto"
-}, R = {
+}, z = {
 	__name: "vue-ui-sparkbar",
 	props: {
 		config: {
@@ -56,12 +56,12 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 		}
 	},
 	emits: ["selectDatapoint"],
-	setup(e, { emit: A }) {
-		let R = y(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), { vue_ui_sparkbar: z } = ie(), { isThemeValid: he, warnInvalidTheme: ge } = se(), B = ce(), V = e, _e = me();
+	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(() => {
-			_e["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+			ve["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
 		});
-		let H = T(ee()), U = T(q()), ve = m(() => l({
+		let H = T(ee()), U = T(q()), ye = m(() => l({
 			defaultConfig: { style: {
 				backgroundColor: "#99999930",
 				animation: { show: !1 },
@@ -73,8 +73,8 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 				bar: { gradient: { underlayerColor: "#6A6A6A" } }
 			} },
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: W, FINAL_DATASET: G, manualLoading: ye } = ae({
-			...pe(V),
+		})), { loading: W, FINAL_DATASET: G, manualLoading: be } = ae({
+			...me(V),
 			FINAL_CONFIG: U,
 			prepareConfig: q,
 			skeletonDataset: V.config?.skeletonDataset ?? [
@@ -99,16 +99,16 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 			],
 			skeletonConfig: l({
 				defaultConfig: U.value,
-				userConfig: ve.value
+				userConfig: ye.value
 			})
 		}), K = m(() => !!U.value.debug);
 		function q() {
 			let e = d({
 				userConfig: V.config,
-				defaultConfig: z
+				defaultConfig: he
 			}), t = e.theme;
 			if (!t) return e;
-			if (!he.value(e)) return ge(e), e;
+			if (!ge.value(e)) return _e(e), e;
 			let n = d({
 				userConfig: le[t] || V.config,
 				defaultConfig: e
@@ -121,10 +121,10 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 				customPalette: r.customPalette.length ? r.customPalette : i[t] || a
 			};
 		}
-		k(() => V.config, (e) => {
+		A(() => V.config, (e) => {
 			U.value = q();
 		}, { deep: !0 });
-		let be = m(() => r(U.value.customPalette)), J = T(G.value.map((e) => ({
+		let xe = m(() => r(U.value.customPalette)), J = T(G.value.map((e) => ({
 			...e,
 			value: U.value.style.animation.show ? 0 : e.value || 0,
 			formatter: e.formatter || null
@@ -152,17 +152,17 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 				i();
 			}
 		}
-		k(() => G.value, async (e) => {
+		A(() => G.value, async (e) => {
 			cancelAnimationFrame(Y.value), J.value = G.value.map((e) => ({
 				...e,
 				value: U.value.style.animation.show && !B.value ? 0 : e.value || 0,
 				formatter: e.formatter || null
-			})), de(X);
+			})), fe(X);
 		}, { deep: !0 });
 		let Z = T({
 			width: 500,
 			height: 16
-		}), xe = m(() => Math.max(...G.value.map((e) => e.value))), Se = m(() => (G.value.forEach((e, t) => {
+		}), Se = m(() => Math.max(...G.value.map((e) => e.value))), Ce = m(() => (G.value.forEach((e, t) => {
 			te({
 				datasetObject: e,
 				requiredAttributes: ["name", "value"]
@@ -178,20 +178,20 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 		}), J.value.map((e, t) => ({
 			...e,
 			value: e.value || 0,
-			color: re(e.color) || be.value[t] || a[t] || a[t % a.length]
+			color: re(e.color) || xe.value[t] || a[t] || a[t % a.length]
 		}))));
-		function Ce(e) {
-			return e / xe.value;
+		function we(e) {
+			return e / Se.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 : Ce(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 : we(e.value);
 		}
 		function $(e) {
 			return U.value.style.layout.independant && e.target || U.value.style.layout.target;
 		}
-		let we = A;
-		function Te(e, t) {
-			we("selectDatapoint", {
+		let Te = j;
+		function Ee(e, t) {
+			Te("selectDatapoint", {
 				datapoint: e,
 				index: t
 			}), U.value.events.datapointClick && U.value.events.datapointClick({
@@ -199,13 +199,13 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 				seriesIndex: t
 			});
 		}
-		function Ee(e, t) {
+		function De(e, t) {
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function De(e, t) {
+		function Oe(e, t) {
 			U.value.events.datapointLeave && U.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
@@ -220,11 +220,11 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 				background: V.backgroundOpacity === null ? U.value.style.backgroundColor : O(u)(U.value.style.backgroundColor, V.backgroundOpacity)
 			})
 		}, [
-			e.$slots.title ? E(e.$slots, "title", x(b({ key: 0 }, { title: {
+			e.$slots.title ? E(e.$slots, "title", x(de({ title: {
 				...e.title,
 				title: U.value.style.title.text,
 				subtitle: U.value.style.title.subtitle.text
-			} }))) : h("", !0),
+			} })), void 0, void 0, 0) : h("", !0),
 			!e.$slots.title && U.value.style.title.text ? (w(), g("div", {
 				key: 1,
 				class: "vue-ui-sparkbar-title-container",
@@ -249,16 +249,13 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 					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, fe(Se.value, (t, r) => (w(), g("div", {
+			(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) => Te(t, r),
-				onMouseenter: (e) => Ee(t, r),
-				onMouseleave: (e) => De(t, r)
+				onClick: (e) => Ee(t, r),
+				onMouseenter: (e) => De(t, r),
+				onMouseleave: (e) => Oe(t, r)
 			}, [
-				O(W) ? h("", !0) : E(e.$slots, "data-label", b({
-					key: 0,
-					ref_for: !0
-				}, { bar: {
+				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)({
@@ -279,7 +276,7 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 						datapoint: t,
 						seriesIndex: r
 					})
-				} })),
+				} }), void 0, void 0, 0),
 				!e.$slots["data-label"] || O(W) ? (w(), g("div", {
 					key: 1,
 					style: S({
@@ -329,7 +326,7 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 						datapoint: t,
 						seriesIndex: r
 					})), 5)) : h("", !0),
-					U.value.style.layout.showTargetValue ? (w(), g("span", M, D(" " + U.value.style.layout.targetValueText) + " " + D(O(c)(t.formatter, $(t), O(o)({
+					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 || "",
@@ -345,7 +342,7 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 					viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
 					width: "100%"
 				}, [
-					v(O(R)),
+					v(O(z)),
 					_("defs", null, [v(f, {
 						t: "linear",
 						x1: "0%",
@@ -370,7 +367,7 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 						y: 0,
 						fill: O(u)(U.value.style.gutter.backgroundColor, U.value.style.gutter.opacity),
 						rx: Z.value.height / 2
-					}, null, 8, P),
+					}, null, 8, F),
 					_("rect", {
 						height: Z.value.height,
 						width: Z.value.width * Q(t),
@@ -378,7 +375,7 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 						y: 0,
 						fill: U.value.style.bar.gradient.underlayerColor,
 						rx: Z.value.height / 2
-					}, null, 8, F),
+					}, null, 8, I),
 					_("rect", {
 						height: Z.value.height,
 						width: Z.value.width * Q(t),
@@ -386,13 +383,13 @@ var A = /* @__PURE__ */ e({ default: () => R }), j = [
 						y: 0,
 						fill: U.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${r}_${H.value})` : t.color,
 						rx: Z.value.height / 2
-					}, null, 8, I)
-				], 8, N))
-			], 44, j))), 256)),
-			e.$slots.source ? (w(), g("div", L, [E(e.$slots, "source")], 512)) : h("", !0),
+					}, 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)
 		], 4));
 	}
 };
 //#endregion
-export { A as n, R as t };
+export { j as n, z as t };

package/dist/{vue-ui-sparkgauge-hB59dXm7.js → vue-ui-sparkgauge-DTA-fORH.js}

@@ -51,7 +51,7 @@ var D = /* @__PURE__ */ e({ default: () => j }), de = ["xmlns", "viewBox"], fe =
 		}
 	},
 	setup(e) {
-		let D = ce(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ie(), { isThemeValid: M, warnInvalidTheme: N } = l(), P = f(), F = S(null), I = e, L = S(n()), R = S(W()), z = p(() => R.value.style.animation.show && !P.value), he = p(() => i({
+		let D = ce(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_sparkgauge: j } = ie(), { isThemeValid: M, warnInvalidTheme: N } = l(), P = f(), F = S(null), I = e, L = S(n()), R = S(W()), z = p(() => R.value.style.animation.show && !P.value), he = p(() => i({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				background: "#99999930",

package/dist/{vue-ui-sparkhistogram-DjnaStBw.js → vue-ui-sparkhistogram-D1oFTrvt.js}

@@ -88,7 +88,7 @@ var be = /* @__PURE__ */ e({ default: () => k }), xe = ["id"], Se = { key: 0 },
 	emits: ["selectDatapoint"],
 	setup(e, { emit: p }) {
 		ve((e) => ({ v7441ed7f: Je.value }));
-		let be = fe(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = u(), { isThemeValid: Ie, warnInvalidTheme: Le } = f(), A = e, j = w(r()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Re = g(() => c({
+		let be = fe(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_sparkhistogram: k } = u(), { isThemeValid: Ie, warnInvalidTheme: Le } = f(), A = e, j = w(r()), M = w(null), N = w(null), P = w(null), F = w(null), I = w(null), L = w(!1), R = w(null), z = w("pointer"), B = w(K()), Re = g(() => c({
 			defaultConfig: { style: {
 				animation: { show: !1 },
 				backgroundColor: "#99999930"

package/dist/{vue-ui-sparkline-D1dyhLvG.js → vue-ui-sparkline-DcR_N-zT.js}

@@ -694,7 +694,7 @@ var ht = ["innerHTML"], gt = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: ve }) {
-		let Be = ke(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), Ve = ke(() => import("./SparkTooltip-uoUiL_P8.js")), { vue_ui_sparkline: He } = me(), { isThemeValid: Ue, warnInvalidTheme: We } = _e(), Ge = we(), O = e, Ke = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(c()), A = w(null), Je = w(null), Ye = w(null), j = w(null), M = w(null), N = w(L());
+		let Be = ke(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), Ve = ke(() => import("./SparkTooltip-uoUiL_P8.js")), { vue_ui_sparkline: He } = me(), { isThemeValid: Ue, warnInvalidTheme: We } = _e(), Ge = we(), O = e, Ke = _(() => Array.isArray(O.dataset) && O.dataset.length > 0), k = w(c()), A = w(null), Je = w(null), Ye = w(null), j = w(null), M = w(null), N = w(L());
 		function Xe(e) {
 			return O.config?.skeletonDataset && Array.isArray(O.config.skeletonDataset) ? O.config.skeletonDataset.map((e) => ({
 				period: "-",

package/dist/{vue-ui-sparkstackbar-BhOBFjts.js → vue-ui-sparkstackbar-BlFio0lP.js}

@@ -88,7 +88,7 @@ var Se = /* @__PURE__ */ e({ default: () => O }), Ce = ["id"], we = { style: { p
 	},
 	emits: ["selectDatapoint", "selectLegend"],
 	setup(e, { expose: ue, emit: Se }) {
-		let O = _e(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), ze = _e(() => import("./Tooltip-CA1rtSyl.js")), { vue_ui_sparkstackbar: Be } = oe(), { isThemeValid: Ve, warnInvalidTheme: He } = le(), k = e, Ue = be();
+		let O = _e(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), ze = _e(() => import("./Tooltip-CA1rtSyl.js")), { vue_ui_sparkstackbar: Be } = oe(), { isThemeValid: Ve, warnInvalidTheme: He } = le(), k = e, Ue = be();
 		ve(() => {
 			Ue["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
 		});