morya-ui 0.1.1 → 0.2.2

package/dist/meter-group/index.js

@@ -1,51 +1,54 @@
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
 import "./style.js";
-import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeStyle as s, openBlock as c, renderList as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p } from "vue";
 //#region src/components/MeterGroup/MeterGroup.vue?vue&type=script&setup=true&lang.ts
-var u = { class: "m-metergroup" }, d = ["aria-valuemax", "aria-valuenow"], f = ["title"], p = { class: "m-metergroup__legend" }, m = { class: "m-metergroup__value" }, h = /* @__PURE__ */ i({
+var m = ["aria-valuemax", "aria-valuenow"], h = ["title"], g = { class: "m-metergroup__legend" }, _ = { class: "m-metergroup__value" }, v = /* @__PURE__ */ a({
+	inheritAttrs: !1,
 	__name: "MeterGroup",
 	props: {
+		pt: {},
 		value: {},
 		max: { default: void 0 }
 	},
-	setup(i) {
-		let h = i, g = t(() => {
-			if (h.max !== void 0) return h.max;
-			let e = h.value.reduce((e, t) => e + t.value, 0);
+	setup(a) {
+		let v = a, y = p(), { rootAttrs: b } = e(y, () => v.pt), x = n(() => {
+			if (v.max !== void 0) return v.max;
+			let e = v.value.reduce((e, t) => e + t.value, 0);
 			return e > 0 ? e : 1;
-		}), _ = t(() => h.value.reduce((e, t) => e + t.value, 0)), v = t(() => h.value.map((e) => ({
+		}), S = n(() => v.value.reduce((e, t) => e + t.value, 0)), C = n(() => v.value.map((e) => ({
 			...e,
-			width: `${Math.max(0, e.value / g.value * 100)}%`
+			width: `${Math.max(0, e.value / x.value * 100)}%`
 		})));
-		return (t, h) => (o(), n("div", u, [r("div", {
+		return (e, n) => (c(), r("div", o(f(b), { class: "m-metergroup" }), [i("div", {
 			class: "m-metergroup__meter",
 			role: "meter",
 			"aria-valuemin": 0,
-			"aria-valuemax": g.value,
-			"aria-valuenow": _.value
-		}, [(o(!0), n(e, null, s(v.value, (e, t) => (o(), n("div", {
+			"aria-valuemax": x.value,
+			"aria-valuenow": S.value
+		}, [(c(!0), r(t, null, l(C.value, (e, t) => (c(), r("div", {
 			key: `${e.label}-${t}`,
 			class: "m-metergroup__segment",
-			style: a({
+			style: s({
 				width: e.width,
 				background: e.color
 			}),
 			title: `${e.label}: ${e.value}`
-		}, null, 12, f))), 128))], 8, d), r("ul", p, [(o(!0), n(e, null, s(i.value, (e, i) => (o(), n("li", {
-			key: `${e.label}-${i}`,
+		}, null, 12, h))), 128))], 8, m), i("ul", g, [(c(!0), r(t, null, l(a.value, (t, n) => (c(), r("li", {
+			key: `${t.label}-${n}`,
 			class: "m-metergroup__legend-item"
 		}, [
-			r("span", {
+			i("span", {
 				class: "m-metergroup__swatch",
-				style: a({ background: e.color ?? "var(--m-color-primary)" }),
+				style: s({ background: t.color ?? "var(--m-color-primary)" }),
 				"aria-hidden": "true"
 			}, null, 4),
-			c(t.$slots, "label", {
-				item: e,
-				index: i
-			}, () => [r("span", null, l(e.label), 1)]),
-			r("span", m, l(e.value), 1)
-		]))), 128))])]));
+			u(e.$slots, "label", {
+				item: t,
+				index: n
+			}, () => [i("span", null, d(t.label), 1)]),
+			i("span", _, d(t.value), 1)
+		]))), 128))])], 16));
 	}
 });
 //#endregion
-export { h as MMeterGroup };
+export { v as MMeterGroup };