vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-digits-CcB3odN7.js

@@ -0,0 +1,209 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { H as t, t as n } from "./lib-B83ZCydz.js";
+import { t as r } from "./useConfig-KnOLHtlJ.js";
+import { t as i } from "./useNestedProp-CcxL1gUU.js";
+import { t as a } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { n as o } from "./PackageVersion-B1cPtZ3Q.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y } from "vue";
+//#region src/atoms/Digit.vue
+var b = { key: 0 }, x = ["d", "fill"], S = ["d", "fill"], C = ["d", "fill"], w = ["d", "fill"], T = ["d", "fill"], E = ["d", "fill"], D = ["d", "fill"], O = { key: 1 }, k = [
+	"cx",
+	"cy",
+	"r",
+	"fill"
+], A = {
+	__name: "Digit",
+	props: {
+		quanta: {
+			type: String,
+			default: null
+		},
+		backgroundColor: {
+			type: String,
+			default: "#e1e5e8"
+		},
+		color: {
+			type: String,
+			default: "#000000"
+		},
+		x: {
+			type: Number,
+			default: 0
+		},
+		y: {
+			type: Number,
+			default: 0
+		},
+		thickness: {
+			type: Number,
+			default: 1
+		}
+	},
+	setup(e) {
+		let t = e, n = g({
+			0: "1111110",
+			1: "0110000",
+			2: "1101101",
+			3: "1111001",
+			4: "0110011",
+			5: "1011011",
+			6: "1011111",
+			7: "1110000",
+			8: "1111111",
+			9: "1111011",
+			"-": "0000001",
+			X: "0000000"
+		}), r = c(() => 2 * (t.thickness || 1)), i = c(() => [void 0, null].includes(t.quanta) ? n.value.X : n.value[t.quanta]);
+		return (t, n) => (h(), d(s, null, [[
+			void 0,
+			null,
+			"."
+		].includes(e.quanta) ? u("", !0) : (h(), d("g", b, [
+			f("path", {
+				d: `M ${e.x} ${e.y}
+                L ${e.x + r.value} ${e.y - r.value}
+                L ${e.x + 26 - r.value} ${e.y - r.value}
+                L ${e.x + 26} ${e.y}
+                L ${e.x + 26 - r.value} ${e.y + r.value}
+                L ${e.x + r.value} ${e.y + r.value} Z`,
+				fill: i.value[0] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, x),
+			f("path", {
+				d: `M ${e.x + 28 - r.value} ${e.y + 28 - r.value}
+                L ${e.x + 28 - r.value} ${e.y + 2 + r.value}
+                L ${e.x + 28} ${e.y + 2}
+                L ${e.x + 28 + r.value} ${e.y + 2 + r.value}
+                L ${e.x + 28 + r.value} ${e.y + 28 - r.value}
+                L ${e.x + 28} ${e.y + 28}
+                L ${e.x + 28 - r.value} ${e.y + 28 - r.value}`,
+				fill: i.value[1] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, S),
+			f("path", {
+				d: `M ${e.x + 28 - r.value} ${e.y + 58 - r.value}
+                L ${e.x + 28 - r.value} ${e.y + 32 + r.value}
+                L ${e.x + 28} ${e.y + 32}
+                L ${e.x + 28 + r.value} ${e.y + 32 + r.value}
+                L ${e.x + 28 + r.value} ${e.y + 58 - r.value}
+                L ${e.x + 28} ${e.y + 58}
+                L ${e.x + 28 - r.value} ${e.y + 58 - r.value}`,
+				fill: i.value[2] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, C),
+			f("path", {
+				d: `M ${e.x + r.value} ${e.y + 60 - r.value}
+                L ${e.x} ${e.y + 60}
+                L ${e.x + r.value} ${e.y + 60 + r.value}
+                L ${e.x + 26 - r.value} ${e.y + 60 + r.value}
+                L ${e.x + 26} ${e.y + 60}
+                L ${e.x + 26 - r.value} ${e.y + 60 - r.value}
+                L ${e.x + r.value} ${e.y + 60 - r.value}`,
+				fill: i.value[3] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, w),
+			f("path", {
+				d: `M ${e.x - 2 + r.value} ${e.y + 58 - r.value}
+                L ${e.x - 2 + r.value} ${e.y + 32 + r.value}
+                L ${e.x - 2} ${e.y + 32}
+                L ${e.x - 2 - r.value} ${e.y + 32 + r.value}
+                L ${e.x - 2 - r.value} ${e.y + 58 - r.value}
+                L ${e.x - 2} ${e.y + 58}
+                L ${e.x - 2 + r.value} ${e.y + 58 - r.value}`,
+				fill: i.value[4] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, T),
+			f("path", {
+				d: `M ${e.x - 2 + r.value} ${e.y + 28 - r.value}
+                L ${e.x - 2 + r.value} ${e.y + 2 + r.value}
+                L ${e.x - 2} ${e.y + 2}
+                L ${e.x - 2 - r.value} ${e.y + 2 + r.value}
+                L ${e.x - 2 - r.value} ${e.y + 28 - r.value}
+                L ${e.x - 2} ${e.y + 28}
+                L ${e.x - 2 + r.value} ${e.y + 28 - r.value}`,
+				fill: i.value[5] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, E),
+			f("path", {
+				d: `M ${e.x + r.value} ${e.y + 30 - r.value}
+                L ${e.x} ${e.y + 30}
+                L ${e.x + r.value} ${e.y + 30 + r.value}
+                L ${e.x + 26 - r.value} ${e.y + 30 + r.value}
+                L ${e.x + 26} ${e.y + 30}
+                L ${e.x + 26 - r.value} ${e.y + 30 - r.value}
+                L ${e.x + r.value} ${e.y + 30 - r.value}`,
+				fill: i.value[6] == 1 ? e.color : e.backgroundColor,
+				stroke: "none"
+			}, null, 8, D)
+		])), e.quanta == "." ? (h(), d("g", O, [f("circle", {
+			cx: e.x - 8,
+			cy: e.y + 60,
+			r: 2 + r.value / 2,
+			fill: e.color
+		}, null, 8, k)])) : u("", !0)], 64));
+	}
+}, j = /* @__PURE__ */ e({ default: () => P }), M = ["id"], N = [
+	"xmlns",
+	"viewBox",
+	"aria-describedby"
+], P = /* @__PURE__ */ a({
+	__name: "vue-ui-digits",
+	props: {
+		dataset: {
+			type: Number,
+			default: 0
+		},
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		}
+	},
+	setup(e) {
+		let { vue_ui_digits: a } = r(), u = e, g = c(() => i({
+			userConfig: u.config,
+			defaultConfig: a
+		})), b = c(() => {
+			let e = (u.dataset || 0).toString().split(""), t = [], n = {
+				x: 10,
+				y: 10
+			}, r = 0;
+			for (let i = 0; i < e.length; i += 1) {
+				let a = e[i];
+				t.push({
+					x: n.x + r,
+					y: n.y,
+					quanta: a
+				}), a == "." ? r += 2 : r += 44;
+			}
+			return t;
+		}), x = c(() => Math.max(...b.value.map((e) => e.x)) + 36), S = t();
+		return (t, r) => (h(), d(s, null, [f("div", {
+			class: "sr-only",
+			id: `digit-${y(S)}`
+		}, v(e.dataset), 9, M), (h(), d("svg", {
+			class: "vue-data-ui-component vue-ui-digits",
+			xmlns: y(n),
+			viewBox: `0 0 ${x.value} 80`,
+			style: m(`background:${g.value.backgroundColor};${g.value.height ? `height:${g.value.height};` : ""}${g.value.width ? `width:${g.value.width}` : ""}`),
+			"aria-describedby": `digit-${y(S)}`
+		}, [p(o), (h(!0), d(s, null, _(b.value, (e) => (h(), l(A, {
+			x: e.x,
+			y: e.y,
+			quanta: e.quanta,
+			color: g.value.digits.color,
+			backgroundColor: g.value.digits.skeletonColor,
+			thickness: g.value.digits.thickness
+		}, null, 8, [
+			"x",
+			"y",
+			"quanta",
+			"color",
+			"backgroundColor",
+			"thickness"
+		]))), 256))], 12, N))], 64));
+	}
+}, [["__scopeId", "data-v-dc66e2b9"]]);
+//#endregion
+export { j as n, P as t };