vue-data-ui 3.20.0 → 3.20.1

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

@@ -1,96 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { G as t, H as n, i as r } from "./lib-DUeYQsS0.js";
-import { t as i } from "./useConfig-DAyQk86L.js";
-import { t as a } from "./useNestedProp-CNcoy38D.js";
-import { t as o } from "./usePrefersMotion-BC-CsqR1.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-DwLlJqbW.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-CyqBt2g4.js

@@ -1,125 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./lib-DUeYQsS0.js";
-import { t as n } from "./useConfig-DAyQk86L.js";
-import { t as r } from "./useNestedProp-CNcoy38D.js";
-import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.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 };