vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-kpi-oUfso4UP.js

@@ -0,0 +1,96 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { G as t, H as n, i as r } from "./lib-B83ZCydz.js";
+import { t as i } from "./useConfig-KnOLHtlJ.js";
+import { t as a } from "./useNestedProp-CcxL1gUU.js";
+import { t as o } from "./usePrefersMotion-BywLbIko.js";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineAsyncComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useSlots as C, watch as w } from "vue";
+//#region src/components/vue-ui-kpi.vue
+var T = /* @__PURE__ */ e({ default: () => k }), E = ["aria-labelledby"], D = ["id"], O = ["aria-label"], k = {
+	__name: "vue-ui-kpi",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Number,
+			default: 0
+		}
+	},
+	setup(e) {
+		let T = m(() => import("./vue-ui-digits-CcB3odN7.js").then((e) => e.n)), { vue_ui_kpi: k } = i(), A = o(), j = e, M = c({
+			get: () => I(),
+			set: (e) => e
+		}), N = C(), P = c(() => M.value.debug), F = y(n());
+		_(() => {
+			N["chart-background"] && P.value && console.warn("VueUiKpi does not support the #chart-background slot.");
+		});
+		function I() {
+			return a({
+				userConfig: j.config,
+				defaultConfig: k
+			});
+		}
+		w(() => j.config, (e) => {
+			M.value = I(), B();
+		}, { deep: !0 });
+		let L = y((j.dataset, j.dataset)), R = y(M.value.useAnimation ? M.value.animationValueStart : L.value), z = (e) => {
+			let t = M.value.animationFrames, n = Math.abs(e - R.value) / t;
+			function r() {
+				R.value < e ? R.value = Math.min(R.value + n, e) : R.value > e && (R.value = Math.max(R.value - n, e)), R.value !== e && requestAnimationFrame(r);
+			}
+			r();
+		};
+		_(() => {
+			B();
+		});
+		function B() {
+			M.value.useAnimation && !A.value ? (R.value = M.value.animationValueStart, z(j.dataset)) : R.value = j.dataset;
+		}
+		return w(() => j.dataset, (e) => {
+			M.value.useAnimation && !A.value ? z(e) : R.value = e;
+		}), (n, i) => (v(), u("div", {
+			class: h(`vue-data-ui-component vue-ui-kpi ${M.value.layoutClass}`),
+			style: g(`background:${M.value.backgroundColor}; ${M.value.layoutCss}`),
+			"aria-labelledby": `kpi-title-${F.value}`
+		}, [
+			M.value.title || n.$slots.title ? (v(), u("div", {
+				key: 0,
+				class: h(`vue-ui-kpi-title ${M.value.titleClass}`),
+				style: g(`font-family: ${M.value.fontFamily}; font-size:${M.value.titleFontSize}px; color:${M.value.titleColor}; font-weight:${M.value.titleBold ? "bold" : "normal"}; ${M.value.titleCss}`),
+				id: `kpi-title-${F.value}`
+			}, [b(n.$slots, "title", { comment: e.dataset }), f(" " + x(M.value.title), 1)], 14, D)) : l("", !0),
+			b(n.$slots, "comment-before", { comment: e.dataset }),
+			d("div", {
+				class: h(`vue-ui-kpi-value ${M.value.valueClass}`),
+				style: g(`font-family: ${M.value.fontFamily}; font-size:${M.value.valueFontSize}px; color:${M.value.valueColor}; font-weight:${M.value.valueBold ? "bold" : "normal"}; ${M.value.valueCss}`),
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				"aria-label": R.value.toFixed(M.value.valueRounding)
+			}, [b(n.$slots, "value", { comment: e.dataset }), M.value.analogDigits.show ? (v(), u("div", {
+				key: 0,
+				style: g({ height: M.value.analogDigits.height + "px" })
+			}, [p(S(T), {
+				dataset: Number(R.value.toFixed(M.value.valueRounding)),
+				config: {
+					backgroundColor: M.value.backgroundColor,
+					digits: {
+						color: M.value.analogDigits.color,
+						skeletonColor: M.value.analogDigits.skeletonColor
+					}
+				}
+			}, null, 8, ["dataset", "config"])], 4)) : (v(), u(s, { key: 1 }, [f(x(S(r)(M.value.formatter, R.value, S(t)({
+				p: M.value.prefix,
+				v: R.value,
+				s: M.value.suffix,
+				r: M.value.valueRounding
+			}))), 1)], 64))], 14, O),
+			b(n.$slots, "comment-after", { comment: e.dataset })
+		], 14, E));
+	}
+};
+//#endregion
+export { T as n, k as t };

package/dist/vue-ui-mini-loader-aZMi1_uX.js

@@ -0,0 +1,125 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./lib-B83ZCydz.js";
+import { t as n } from "./useConfig-KnOLHtlJ.js";
+import { t as r } from "./useNestedProp-CcxL1gUU.js";
+import { t as i } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, normalizeStyle as l, openBlock as u, ref as d, unref as f, useCssVars as p } from "vue";
+//#region src/components/vue-ui-mini-loader.vue
+var m = /* @__PURE__ */ e({ default: () => w }), h = ["xmlns", "viewBox"], g = { key: 0 }, _ = ["stroke"], v = ["stroke"], y = ["stroke"], b = { key: 1 }, x = ["stroke"], S = { key: 2 }, C = ["stroke"], w = /* @__PURE__ */ i({
+	__name: "vue-ui-mini-loader",
+	props: { config: {
+		type: Object,
+		default() {
+			return {};
+		}
+	} },
+	setup(e) {
+		p((e) => ({
+			v52026c5d: k.value,
+			v571acde0: A.value,
+			v222cd9e5: j.value
+		}));
+		let { vue_ui_mini_loader: i } = n(), m = e, w = a(() => r({
+			userConfig: m.config,
+			defaultConfig: i
+		})), T = d({
+			onion: "-10 -10 84 84",
+			line: "-10 -10 112 84",
+			bar: "-10 -10 106 84"
+		}), E = a(() => ({
+			gutter: `stroke:${w.value.line.gutterColor};opacity:${w.value.line.gutterOpacity};`,
+			gutterBlur: `filter:blur(${w.value.line.gutterBlur}px);`
+		})), D = a(() => ({
+			gutter: `stroke:${w.value.bar.gutterColor};opacity:${w.value.bar.gutterOpacity};`,
+			gutterBlur: `filter:blur(${w.value.bar.gutterBlur}px);`
+		})), O = a(() => ({
+			gutter: `stroke:${w.value.onion.gutterColor};opacity:${w.value.onion.gutterOpacity};`,
+			gutterBlur: `filter:blur(${w.value.onion.gutterBlur}px);`
+		})), k = a(() => `blur(${w.value.onion.trackBlur}px) hue-rotate(${w.value.onion.trackHueRotate}deg)`), A = a(() => `blur(${w.value.line.trackBlur}px) hue-rotate(${w.value.line.trackHueRotate}deg)`), j = a(() => `blur(${w.value.bar.trackBlur}px) hue-rotate(${w.value.bar.trackHueRotate}deg)`);
+		return (e, n) => (u(), s("svg", {
+			class: "vue-data-ui-component vue-ui-mini-loader",
+			xmlns: f(t),
+			viewBox: T.value[w.value.type],
+			style: { background: "transparent" },
+			width: "100%"
+		}, [
+			w.value.type === "onion" ? (u(), s("g", g, [
+				c("path", {
+					d: "M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					style: l(O.value.gutter + O.value.gutterBlur)
+				}, null, 4),
+				c("path", {
+					d: "M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					style: l(O.value.gutter + O.value.gutterBlur)
+				}, null, 4),
+				c("path", {
+					d: "M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					style: l(O.value.gutter + O.value.gutterBlur)
+				}, null, 4),
+				c("path", {
+					d: "M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",
+					stroke: w.value.onion.trackColor,
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					class: "onion-animated"
+				}, null, 8, _),
+				c("path", {
+					d: "M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",
+					stroke: w.value.onion.trackColor,
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					class: "onion-animated"
+				}, null, 8, v),
+				c("path", {
+					d: "M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",
+					stroke: w.value.onion.trackColor,
+					"stroke-width": "4",
+					fill: "none",
+					"stroke-linecap": "round",
+					class: "onion-animated"
+				}, null, 8, y)
+			])) : o("", !0),
+			w.value.type === "line" ? (u(), s("g", b, [c("path", {
+				d: "M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",
+				"stroke-width": "4",
+				fill: "none",
+				"stroke-linecap": "round",
+				style: l(E.value.gutter + E.value.gutterBlur)
+			}, null, 4), c("path", {
+				d: "M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",
+				stroke: w.value.line.trackColor,
+				"stroke-width": "4",
+				fill: "none",
+				"stroke-linecap": "round",
+				class: "line-animated"
+			}, null, 8, x)])) : o("", !0),
+			w.value.type === "bar" ? (u(), s("g", S, [c("path", {
+				d: "M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",
+				"stroke-width": "4",
+				fill: "none",
+				"stroke-linecap": "round",
+				style: l(D.value.gutter + D.value.gutterBlur)
+			}, null, 4), c("path", {
+				d: "M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",
+				stroke: w.value.bar.trackColor,
+				"stroke-width": "4",
+				fill: "none",
+				"stroke-linecap": "round",
+				class: "bar-animated"
+			}, null, 8, C)])) : o("", !0)
+		], 8, h));
+	}
+}, [["__scopeId", "data-v-9dd280d2"]]);
+//#endregion
+export { m as n, w as t };