vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/vue-ui-gizmo-B5vOOrZX.js

@@ -1,238 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, X as n, at as r, i, nn as a } from "./lib-D4wK6ljP.js";
-import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
-import { t as o } from "./useConfig-D_6ZrPMD.js";
-import { n as s, t as c } from "./BaseScanner-Dzc8VT3j.js";
-import { t as l } from "./useNestedProp-DR_8JPol.js";
-import { t as u } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ne } from "./DefGrad-DVBqDjhO.js";
-import { Fragment as d, computed as f, createBlock as re, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineAsyncComponent as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderSlot as ie, toDisplayString as S, toRefs as ae, unref as C, useSlots as oe, watch as w } from "vue";
-//#region src/components/vue-ui-gizmo.vue
-var T = /* @__PURE__ */ e({ default: () => B }), E = [
-	"aria-label",
-	"aria-valuenow",
-	"aria-valuetext",
-	"aria-busy"
-], D = ["viewBox", "width"], O = { key: 0 }, k = ["stroke"], A = ["stroke"], j = ["width", "fill"], M = ["fill"], N = { key: 0 }, P = ["id"], F = ["stroke"], I = [
-	"stroke",
-	"stroke-dasharray",
-	"stroke-dashoffset"
-], L = ["filter"], R = [
-	"stroke",
-	"stroke-dasharray",
-	"stroke-dashoffset"
-], z = ["fill"], B = /*#__PURE__*/ u({
-	__name: "vue-ui-gizmo",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: { type: Number }
-	},
-	setup(e) {
-		let u = _(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), { vue_ui_gizmo: T } = o(), B = e, V = x(n()), H = oe();
-		y(() => {
-			W();
-		}), y(() => {
-			H["chart-background"] && U.value && console.warn("VueUiGizmo does not support the #chart-background slot.");
-		});
-		let U = f(() => G.value.debug);
-		function W() {
-			!B.dataset && B.dataset !== 0 && r({
-				componentName: "VueUiGizmo",
-				type: "dataset",
-				debug: U.value
-			}), B.dataset < 0 && U.value && console.warn("VueUiGizmo: dataset cannot be negative."), B.dataset > 100 && U.value && console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${B.dataset})`);
-		}
-		let G = x(Y());
-		ee({
-			config: () => G.value,
-			dataset: () => B.dataset,
-			component: "VueUiGizmo",
-			rules: [te.noHint]
-		});
-		let K = f(() => a({
-			defaultConfig: {
-				stroke: "#6A6A6A80",
-				color: "#6A6A6A",
-				gradientColor: "#CACACA",
-				textColor: "transparent"
-			},
-			userConfig: G.value.skeletonConfig ?? {}
-		})), { loading: q, FINAL_DATASET: J, manualLoading: se } = s({
-			...ae(B),
-			FINAL_CONFIG: G,
-			prepareConfig: Y,
-			dsIsNumber: !0,
-			skeletonDataset: B.config?.skeletonDataset ?? 50,
-			skeletonConfig: a({
-				defaultConfig: G.value,
-				userConfig: K.value
-			})
-		});
-		function Y() {
-			return l({
-				userConfig: B.config,
-				defaultConfig: T
-			});
-		}
-		w(() => B.config, (e) => {
-			G.value = Y(), W();
-		}, { deep: !0 });
-		let X = f(() => ({
-			battery: {
-				width: G.value.showPercentage ? 150 : 80,
-				height: 50
-			},
-			gauge: {
-				width: 80,
-				height: 80
-			}
-		})[G.value.type]), Z = f(() => Math.min(Math.max(0, J.value), 100)), Q = f(() => Math.max(0, J.value)), $ = f(() => {
-			let e = 2 * Math.PI * 35, t = e - Z.value / 100 * e;
-			return {
-				dasharray: `${e} ${e}`,
-				dashoffset: t
-			};
-		});
-		return (e, n) => (b(), m("div", {
-			class: "vue-data-ui-component vue-ui-gizmo-wrapper",
-			role: "progressbar",
-			"aria-label": G.value.a11y.translations.label,
-			"aria-valuemin": "0",
-			"aria-valuemax": "100",
-			"aria-valuenow": C(q) ? void 0 : Z.value,
-			"aria-valuetext": Z.value + "%",
-			"aria-busy": C(q) ? "true" : "false"
-		}, [(b(), m("svg", {
-			class: "vue-ui-gizmo",
-			viewBox: `0 0 ${X.value.width} ${X.value.height}`,
-			width: G.value.size,
-			style: v({
-				background: "transparent",
-				fontFamily: G.value.fontFamily
-			})
-		}, [
-			g(C(u)),
-			G.value.useGradient ? (b(), m("defs", O, [g(ne, {
-				t: "linear",
-				id: `gizmo_gradient_${V.value}`,
-				x1: "0%",
-				x2: "100%",
-				y1: "0%",
-				y2: "0%",
-				stops: [[
-					"0%",
-					G.value.gradientColor,
-					1
-				], [
-					"100%",
-					G.value.color,
-					1
-				]]
-			}, null, 8, ["id", "stops"])])) : p("", !0),
-			G.value.type === "battery" ? (b(), m(d, { key: 1 }, [
-				h("path", {
-					d: "M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10",
-					stroke: G.value.stroke,
-					"stroke-width": 2,
-					fill: "none"
-				}, null, 8, k),
-				h("path", {
-					d: "M 70 16 L 70 34",
-					stroke: G.value.stroke,
-					"stroke-width": 2,
-					fill: "none",
-					style: { opacity: "0.5" }
-				}, null, 8, A),
-				h("rect", {
-					x: 10,
-					y: 10,
-					height: 30,
-					width: 55 * (Z.value / 100),
-					fill: G.value.useGradient ? `url(#gizmo_gradient_${V.value})` : G.value.color,
-					rx: 2
-				}, null, 8, j),
-				G.value.showPercentage ? (b(), m("text", {
-					key: 0,
-					x: 85,
-					y: 32,
-					"text-anchor": "start",
-					"font-size": "20",
-					fill: G.value.textColor
-				}, S(C(i)(G.value.formatter, Q.value, C(t)({
-					v: Q.value,
-					s: "%"
-				}))), 9, M)) : p("", !0)
-			], 64)) : p("", !0),
-			G.value.type === "gauge" ? (b(), m(d, { key: 2 }, [
-				G.value.useGradient ? (b(), m("defs", N, [h("filter", {
-					id: `blur_${V.value}`,
-					x: "-50%",
-					y: "-50%",
-					width: "200%",
-					height: "200%"
-				}, [...n[0] ||= [h("feGaussianBlur", {
-					in: "SourceGraphic",
-					stdDeviation: 1
-				}, null, -1)]], 8, P)])) : p("", !0),
-				h("circle", {
-					cx: 40,
-					cy: 40,
-					r: 35,
-					stroke: G.value.stroke,
-					"stroke-width": 8,
-					fill: "none"
-				}, null, 8, F),
-				h("circle", {
-					cx: 40,
-					cy: 40,
-					r: 35,
-					stroke: G.value.color,
-					"stroke-width": 8,
-					"stroke-dasharray": $.value.dasharray,
-					"stroke-dashoffset": $.value.dashoffset,
-					"stroke-linecap": "round",
-					fill: "none",
-					style: {
-						transform: "rotate(-90deg)",
-						"transform-origin": "50% 50%"
-					}
-				}, null, 8, I),
-				G.value.useGradient ? (b(), m("g", {
-					key: 1,
-					filter: `url(#blur_${V.value})`
-				}, [h("circle", {
-					cx: 40,
-					cy: 40,
-					r: 35,
-					stroke: G.value.gradientColor,
-					"stroke-width": 1,
-					fill: "none",
-					"stroke-dasharray": $.value.dasharray,
-					"stroke-dashoffset": $.value.dashoffset,
-					style: {
-						transform: "rotate(-90deg)",
-						"transform-origin": "50% 50%"
-					}
-				}, null, 8, R)], 8, L)) : p("", !0),
-				G.value.showPercentage ? (b(), m("text", {
-					key: 2,
-					x: 40,
-					y: 47,
-					"text-anchor": "middle",
-					"font-size": "20",
-					fill: G.value.textColor
-				}, S(C(i)(G.value.formatter, Q.value, C(t)({
-					v: Q.value,
-					s: "%"
-				}))), 9, z)) : p("", !0)
-			], 64)) : p("", !0)
-		], 12, D)), ie(e.$slots, "skeleton", {}, () => [C(q) ? (b(), re(c, { key: 0 })) : p("", !0)], !0)], 8, E));
-	}
-}, [["__scopeId", "data-v-f296c0f3"]]);
-//#endregion
-export { T as n, B as t };