vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-skeleton-B9ZP1w-i.js → vue-ui-skeleton-DwKxd7fk.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-BuMGJ_a0.js";
+import { Bt as t, M as n, q as r, t as i, z as ee } from "./lib-Bttd6u5E.js";
 import { n as te, t as ne } from "./useHints-Dq_w2E8B.js";
-import { t as re } from "./useConfig-BilxnBNr.js";
-import { t as ie } from "./useNestedProp--NSEmhOH.js";
+import { t as re } from "./useConfig-DlNpz6P8.js";
+import { t as ie } from "./useNestedProp-vPNvh7rV.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--QCMh5k_.js";
+import { n as o } from "./PackageVersion-DXU7nRr9.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-DYnqqk6u.js → vue-ui-smiley-5iHJeTPc.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-BuMGJ_a0.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 { n as s, t as c } from "./useHints-Dq_w2E8B.js";
-import { t as l } from "./useConfig-BilxnBNr.js";
-import { t as u } from "./useNestedProp--NSEmhOH.js";
+import { t as l } from "./useConfig-DlNpz6P8.js";
+import { t as u } from "./useNestedProp-vPNvh7rV.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";
@@ -188,43 +188,42 @@ 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);
+		let { vue_ui_smiley: d } = l(), f = e, b = k(), E = a, O = w(null), M = w(I()), N = m(() => M.value.debug);
 		S(() => {
-			b["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+			b["chart-background"] && N.value && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
-		function M() {
+		function P() {
 			(!Object.hasOwn(f.dataset, "rating") || i(f.dataset)) && o({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
-				property: "rating"
+				property: "rating",
+				debug: N.value
 			});
 		}
-		S(M);
-		let N = w(F());
-		s({
-			config: () => N.value,
+		S(P), s({
+			config: () => M.value,
 			dataset: () => [],
 			component: "VueUiSmiley",
 			rules: [c.noHint]
 		});
-		let P = m(() => N.value.useCursorPointer);
-		function F() {
+		let F = m(() => M.value.useCursorPointer);
+		function I() {
 			return u({
 				userConfig: f.config,
 				defaultConfig: d
 			});
 		}
 		A(() => f.config, (e) => {
-			N.value = F(), G.value = N.value.readonly, M();
+			M.value = I(), K.value = M.value.readonly, P();
 		}, { deep: !0 });
-		let I = m(() => {
+		let R = m(() => {
 			let e = f.dataset.rating;
-			return e && typeof e == "object" && !Array.isArray(e) ? q(e) : e ?? null;
-		}), R = m(() => typeof f.dataset.rating == "object" && !Array.isArray(f.dataset.rating)), W = w(I.value);
-		A(I, (e) => {
-			W.value = e;
+			return e && typeof e == "object" && !Array.isArray(e) ? J(e) : e ?? null;
+		}), W = m(() => typeof f.dataset.rating == "object" && !Array.isArray(f.dataset.rating)), G = w(R.value);
+		A(R, (e) => {
+			G.value = e;
 		});
-		let G = w(N.value.readonly), K = [
+		let K = w(M.value.readonly), q = [
 			{
 				key: "smiley_0",
 				pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
@@ -261,7 +260,7 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 				pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 9l.01 0 M15 9l.01 0 M8 13a4 4 0 1 0 8 0h-8"
 			}
 		];
-		function q(e) {
+		function J(e) {
 			if (e == null) return null;
 			let t = 0, n = 0;
 			for (let r in e) {
@@ -270,83 +269,83 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 			}
 			return n === 0 ? 0 : t / n;
 		}
-		function J(e) {
-			let t = W.value - e;
+		function Y(e) {
+			let t = G.value - e;
 			switch (!0) {
 				case t < 0: return 0;
 				case t > 1: return 24;
 				default: return t * 24;
 			}
 		}
-		function Y(e) {
-			return N.value.readonly ? N.value.style.colors.inactive[e] : W.value === e + 1 || O.value !== null && O.value === e ? N.value.style.icons.useGradient && N.value.style.icons.filled ? `url(#vueUiSmiley${e})` : N.value.style.colors.active[e] : N.value.style.colors.inactive[e];
+		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 X = m(() => ({ value: e, tooltip: t = !1 }) => r(t ? N.value.style.tooltip.formatter : N.value.style.rating.formatter, e, n({
+		let Z = m(() => ({ value: e, tooltip: t = !1 }) => r(t ? M.value.style.tooltip.formatter : M.value.style.rating.formatter, e, n({
 			v: e,
-			r: t ? N.value.style.tooltip.roundingValue : N.value.style.rating.roundingValue
-		}), N.value));
-		function Z(e) {
-			G.value || (W.value = e, E("rate", e));
+			r: t ? M.value.style.tooltip.roundingValue : M.value.style.rating.roundingValue
+		}), M.value));
+		function Q(e) {
+			K.value || (G.value = e, E("rate", e));
 		}
-		function Q() {
-			return W.value;
+		function $() {
+			return G.value;
 		}
-		function $(e = !0) {
-			G.value = e;
+		function ee(e = !0) {
+			K.value = e;
 		}
 		return t({
-			getData: Q,
-			toggleReadonly: $
+			getData: $,
+			toggleReadonly: ee
 		}), (e, t) => (C(), g("div", {
 			class: "vue-data-ui-component vue-ui-smiley",
-			style: x(`background:${N.value.style.backgroundColor};font-family:${N.value.style.fontFamily};width:100%;`),
+			style: x(`background:${M.value.style.backgroundColor};font-family:${M.value.style.fontFamily};width:100%;`),
 			onMouseleave: t[1] ||= (e) => O.value = void 0
 		}, [
-			N.value.style.title.text ? (C(), g("div", z, [_("div", { style: x(`color:${N.value.style.title.color};font-weight:${N.value.style.title.bold ? "bold" : "normal"};text-align:${N.value.style.title.textAlign};margin-bottom:${N.value.style.title.offsetY}px;font-size:${N.value.style.title.fontSize}px`) }, D(N.value.style.title.text), 5), N.value.style.title.subtitle.text ? (C(), g("div", {
+			M.value.style.title.text ? (C(), g("div", z, [_("div", { style: x(`color:${M.value.style.title.color};font-weight:${M.value.style.title.bold ? "bold" : "normal"};text-align:${M.value.style.title.textAlign};margin-bottom:${M.value.style.title.offsetY}px;font-size:${M.value.style.title.fontSize}px`) }, D(M.value.style.title.text), 5), M.value.style.title.subtitle.text ? (C(), g("div", {
 				key: 0,
-				style: x(`color:${N.value.style.title.subtitle.color};font-size:${N.value.style.title.subtitle.fontSize}px;text-align:${N.value.style.title.textAlign};margin-bottom:${N.value.style.title.subtitle.offsetY}px;font-weight:${N.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-			}, D(N.value.style.title.subtitle.text), 5)) : h("", !0)])) : h("", !0),
-			N.value.style.rating.show && N.value.style.rating.position === "top" ? (C(), g("div", {
+				style: x(`color:${M.value.style.title.subtitle.color};font-size:${M.value.style.title.subtitle.fontSize}px;text-align:${M.value.style.title.textAlign};margin-bottom:${M.value.style.title.subtitle.offsetY}px;font-weight:${M.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+			}, D(M.value.style.title.subtitle.text), 5)) : h("", !0)])) : h("", !0),
+			M.value.style.rating.show && M.value.style.rating.position === "top" ? (C(), g("div", {
 				key: 1,
-				style: x(`width:100%;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};margin-left:${N.value.style.rating.offsetX}px`)
-			}, D(X.value({ value: W.value })), 5)) : h("", !0),
+				style: x(`width:100%;text-align:center;margin-bottom:${M.value.style.rating.offsetY}px;font-size:${M.value.style.rating.fontSize}px;font-weight:${M.value.style.rating.bold ? "bold" : "normal"};margin-left:${M.value.style.rating.offsetX}px`)
+			}, D(Z.value({ value: G.value })), 5)) : h("", !0),
 			_("div", {
 				class: "vue-ui-smiley-wrapper",
-				style: x(`overflow:visible;height:${N.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
+				style: x(`overflow:visible;height:${M.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
 			}, [
-				N.value.style.rating.show && N.value.style.rating.position === "left" ? (C(), g("div", {
+				M.value.style.rating.show && M.value.style.rating.position === "left" ? (C(), g("div", {
 					key: 0,
-					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};padding-right:${N.value.style.rating.offsetX}px`)
-				}, D(X.value({ value: W.value })), 5)) : h("", !0),
-				(C(), g(p, null, T(K, (e, n) => y(L, {
+					style: x(`width:fit-content;text-align:center;margin-bottom:${M.value.style.rating.offsetY}px;font-size:${M.value.style.rating.fontSize}px;font-weight:${M.value.style.rating.bold ? "bold" : "normal"};padding-right:${M.value.style.rating.offsetX}px`)
+				}, D(Z.value({ value: G.value })), 5)) : h("", !0),
+				(C(), g(p, null, T(q, (e, n) => y(L, {
 					key: e.key,
-					config: N.value,
+					config: M.value,
 					unit: n + 1,
-					currentRating: W.value,
-					isReadonly: G.value,
-					hasBreakdown: R.value,
+					currentRating: G.value,
+					isReadonly: K.value,
+					hasBreakdown: W.value,
 					hoveredValue: O.value,
-					getActiveColor: Y,
-					calcShapeFill: J,
-					isCursorPointer: P.value,
+					getActiveColor: X,
+					calcShapeFill: Y,
+					isCursorPointer: F.value,
 					onMouseenter: (e) => O.value = n,
 					onMouseleave: t[0] ||= (e) => O.value = null,
-					onRate: (e) => Z(n + 1)
+					onRate: (e) => Q(n + 1)
 				}, {
-					rating: j(() => [v(D(X.value({
+					rating: j(() => [v(D(Z.value({
 						value: f.dataset.rating[String(n + 1)],
 						tooltip: !0
 					})), 1)]),
 					"path-icon-filled": j(() => [_("path", {
 						d: e.pathIconFilled,
 						"stroke-width": "0",
-						fill: Y(n)
+						fill: X(n)
 					}, null, 8, B)]),
 					"path-icon": j(() => [_("path", { d: e.pathIcon }, null, 8, V)]),
 					"path-icon-filled-readonly": j(() => [_("path", {
 						d: e.pathIconFilledReadonly,
 						"stroke-width": "0",
-						fill: N.value.style.icons.useGradient ? `url(#vueUiSmiley${n})` : N.value.style.colors.activeReadonly[n]
+						fill: M.value.style.icons.useGradient ? `url(#vueUiSmiley${n})` : M.value.style.colors.activeReadonly[n]
 					}, null, 8, H)]),
 					"path-icon-readonly": j(() => [_("path", { d: e.pathIconReadonly }, null, 8, U)]),
 					_: 2
@@ -361,15 +360,15 @@ var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 					"onMouseenter",
 					"onRate"
 				])), 64)),
-				N.value.style.rating.show && N.value.style.rating.position === "right" ? (C(), g("div", {
+				M.value.style.rating.show && M.value.style.rating.position === "right" ? (C(), g("div", {
 					key: 1,
-					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};padding-left:${N.value.style.rating.offsetX}px`)
-				}, D(X.value({ value: W.value })), 5)) : h("", !0)
+					style: x(`width:fit-content;text-align:center;margin-bottom:${M.value.style.rating.offsetY}px;font-size:${M.value.style.rating.fontSize}px;font-weight:${M.value.style.rating.bold ? "bold" : "normal"};padding-left:${M.value.style.rating.offsetX}px`)
+				}, D(Z.value({ value: G.value })), 5)) : h("", !0)
 			], 4),
-			N.value.style.rating.show && N.value.style.rating.position === "bottom" ? (C(), g("div", {
+			M.value.style.rating.show && M.value.style.rating.position === "bottom" ? (C(), g("div", {
 				key: 2,
-				style: x(`width:100%;text-align:center;margin-top:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};margin-left:${N.value.style.rating.offsetX}px`)
-			}, D(X.value({ value: W.value })), 5)) : h("", !0)
+				style: x(`width:100%;text-align:center;margin-top:${M.value.style.rating.offsetY}px;font-size:${M.value.style.rating.fontSize}px;font-weight:${M.value.style.rating.bold ? "bold" : "normal"};margin-left:${M.value.style.rating.offsetX}px`)
+			}, D(Z.value({ value: G.value })), 5)) : h("", !0)
 		], 36));
 	}
 };

package/dist/{vue-ui-spark-trend-R0ebpg-G.js → vue-ui-spark-trend-MpvrV5Wd.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-BuMGJ_a0.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 { n as ie, t as ae } from "./useHints-Dq_w2E8B.js";
-import { t as oe } from "./useConfig-BilxnBNr.js";
+import { t as oe } from "./useConfig-DlNpz6P8.js";
 import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
-import { t as l } from "./useNestedProp--NSEmhOH.js";
+import { t as l } from "./useNestedProp-vPNvh7rV.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--QCMh5k_.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-DXU7nRr9.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());
 		ie({
 			config: () => M.value,
 			dataset: () => T.dataset,
@@ -289,11 +289,11 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 			return J.value.forEach((t) => {
 				e.push(`${t.x},${t.y} `);
 			}), `M ${e.toString()}`;
-		}), Q = d(() => U.value / 2 - M.value.style.trendLabel.fontSize), { fitText: $ } = me({
+		}), Q = d(() => U.value / 2 - M.value.style.trendLabel.fontSize), Je = d(() => G.value.left * .8), { fitText: $ } = me({
 			svgRef: Re,
-			unitWidth: d(() => G.value.left * .8),
+			unitWidth: Je,
 			fontSize: M.value.style.trendLabel.fontSize
-		}), Je = d(() => {
+		}), Ye = d(() => {
 			if (N.value || k.value) return "Trend chart loading";
 			let e = J.value?.at(-1), t = e?.value, n = a({
 				p: Y.value > 0 ? "+" : "",
@@ -307,7 +307,7 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 				r: M.value.style.dataLabel.rounding
 			}), { datapoint: e });
 			return `Progression ${X.value === "positive" ? `up ${n}` : X.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${r}.`;
-		}), Ye = d(() => `sparktrend-a11y-${j.value}`);
+		}), Xe = d(() => `sparktrend-a11y-${j.value}`);
 		return (e, n) => (g(), p("div", {
 			ref_key: "sparkTrendChart",
 			ref: E,
@@ -315,13 +315,13 @@ var S = /* @__PURE__ */ e({ default: () => C }), Se = ["id", "aria-describedby"]
 			id: j.value,
 			style: ye(`width:100%;font-family:${M.value.style.fontFamily};background:${M.value.style.backgroundColor}`),
 			role: "img",
-			"aria-describedby": Ye.value
+			"aria-describedby": Xe.value
 		}, [
 			_e("p", {
-				id: Ye.value,
+				id: Xe.value,
 				class: "sr-only",
 				"aria-live": "polite"
-			}, y(Je.value), 9, Ce),
+			}, y(Ye.value), 9, Ce),
 			(g(), p("svg", {
 				key: He.value,
 				ref_key: "svgRef",