morya-ui 0.1.1 → 0.2.1

package/dist/rating/index.js

@@ -1,12 +1,13 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { t } from "../useMId-BXFYayPP.js";
-import { t as n } from "../useFieldFeedback-C5qIqYMK.js";
-import { o as r } from "../config-CI8_WBbE.js";
-import { n as i, t as a } from "../locale-DYGhxekd.js";
+import { n as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { t as n } from "../useMId-BXFYayPP.js";
+import { t as r } from "../useFieldFeedback-C5qIqYMK.js";
+import { o as i } from "../config-CI8_WBbE.js";
+import { n as a, t as o } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x } from "vue";
 //#region src/components/Rating/Rating.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "m-rating-field" }, b = ["id"], x = [
+var S = ["id"], C = [
 	"aria-valuenow",
 	"aria-valuemax",
 	"aria-valuetext",
@@ -17,17 +18,18 @@ var y = { class: "m-rating-field" }, b = ["id"], x = [
 	"aria-disabled",
 	"aria-readonly",
 	"tabindex"
-], S = ["aria-label", "disabled"], C = [
+], w = ["aria-label", "disabled"], T = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], w = {
+], E = {
 	class: "m-rating__star-off",
 	"aria-hidden": "true"
-}, T = {
+}, D = {
 	class: "m-rating__star-on",
 	"aria-hidden": "true"
-}, E = ["id", "role"], D = /* @__PURE__ */ f({
+}, O = ["id", "role"], k = /* @__PURE__ */ p({
+	inheritAttrs: !1,
 	__name: "Rating",
 	props: {
 		modelValue: { default: 0 },
@@ -60,109 +62,110 @@ var y = { class: "m-rating-field" }, b = ["id"], x = [
 			type: Boolean,
 			default: !1
 		},
-		ariaLabel: { default: void 0 }
+		ariaLabel: { default: void 0 },
+		pt: {}
 	},
 	emits: ["update:modelValue"],
-	setup(f, { emit: D }) {
-		let O = f, k = D, A = i(), j = r("Rating", () => O.size), M = t("m-rating"), { isInvalid: N, feedbackText: P, feedbackIsError: F } = n(O), I = s(() => O.allowClear ?? O.cancel ?? !0), L = s(() => O.ariaLabel ?? O.label ?? A.value.rating), R = s(() => a(A.value.star, { value: O.modelValue ?? 0 })), z = s(() => Array.from({ length: Math.max(1, O.stars) }, (e, t) => t + 1)), B = s(() => [
+	setup(p, { emit: k }) {
+		let A = p, j = k, M = x(), { rootAttrs: N, controlAttrs: P } = e(M, () => A.pt, { controlKey: "control" }), F = a(), I = i("Rating", () => A.size), L = n("m-rating"), { isInvalid: R, feedbackText: z, feedbackIsError: B } = r(A), V = c(() => A.allowClear ?? A.cancel ?? !0), H = c(() => A.ariaLabel ?? A.label ?? F.value.rating), U = c(() => o(F.value.star, { value: A.modelValue ?? 0 })), W = c(() => Array.from({ length: Math.max(1, A.stars) }, (e, t) => t + 1)), G = c(() => [
 			"m-rating",
-			`m-rating--${j.value}`,
+			`m-rating--${I.value}`,
 			{
-				"m-rating--disabled": O.disabled,
-				"m-rating--readonly": O.readonly,
-				"m-rating--half": O.allowHalf,
-				"m-rating--invalid": N.value
+				"m-rating--disabled": A.disabled,
+				"m-rating--readonly": A.readonly,
+				"m-rating--half": A.allowHalf,
+				"m-rating--invalid": R.value
 			}
 		]);
-		function V(e) {
-			let t = O.modelValue ?? 0;
-			return t >= e ? 1 : O.allowHalf && t >= e - .5 ? .5 : 0;
+		function K(e) {
+			let t = A.modelValue ?? 0;
+			return t >= e ? 1 : A.allowHalf && t >= e - .5 ? .5 : 0;
 		}
-		function H(e) {
-			O.disabled || O.readonly || k("update:modelValue", e);
+		function q(e) {
+			A.disabled || A.readonly || j("update:modelValue", e);
 		}
-		function U(e, t) {
-			if (!O.allowHalf) {
-				H(e);
+		function J(e, t) {
+			if (!A.allowHalf) {
+				q(e);
 				return;
 			}
 			let n = t.currentTarget.getBoundingClientRect();
-			H(t.clientX - n.left < n.width / 2 ? e - .5 : e);
+			q(t.clientX - n.left < n.width / 2 ? e - .5 : e);
 		}
-		function W() {
-			O.disabled || O.readonly || !I.value || k("update:modelValue", 0);
+		function Y() {
+			A.disabled || A.readonly || !V.value || j("update:modelValue", 0);
 		}
-		function G(e) {
-			if (O.disabled || O.readonly) return;
-			let t = O.modelValue ?? 0, n = O.allowHalf && e.shiftKey ? .5 : 1, r = null;
-			if (e.key === "ArrowRight" || e.key === "ArrowUp" ? r = t + n : e.key === "ArrowLeft" || e.key === "ArrowDown" ? r = t - n : e.key === "Home" ? r = 0 : e.key === "End" && (r = O.stars), r == null) return;
+		function X(e) {
+			if (A.disabled || A.readonly) return;
+			let t = A.modelValue ?? 0, n = A.allowHalf && e.shiftKey ? .5 : 1, r = null;
+			if (e.key === "ArrowRight" || e.key === "ArrowUp" ? r = t + n : e.key === "ArrowLeft" || e.key === "ArrowDown" ? r = t - n : e.key === "Home" ? r = 0 : e.key === "End" && (r = A.stars), r == null) return;
 			e.preventDefault();
-			let i = Math.min(O.stars, Math.max(0, r)), a = O.allowHalf ? Math.round(i * 2) / 2 : Math.round(i);
-			a !== t && k("update:modelValue", a);
+			let i = Math.min(A.stars, Math.max(0, r)), a = A.allowHalf ? Math.round(i * 2) / 2 : Math.round(i);
+			a !== t && j("update:modelValue", a);
 		}
-		return (t, n) => (m(), l("div", y, [
-			f.label ? (m(), l("label", {
+		return (e, n) => (g(), u("div", m(b(N), { class: "m-rating-field" }), [
+			p.label ? (g(), u("label", {
 				key: 0,
 				class: "m-rating-field__label",
-				id: `${v(M)}-label`
-			}, _(f.label), 9, b)) : c("", !0),
-			u("div", {
-				class: p(B.value),
+				id: `${b(L)}-label`
+			}, y(p.label), 9, S)) : l("", !0),
+			d("div", m(b(P), {
+				class: G.value,
 				role: "slider",
-				"aria-valuenow": f.modelValue,
+				"aria-valuenow": p.modelValue,
 				"aria-valuemin": 0,
-				"aria-valuemax": f.stars,
-				"aria-valuetext": R.value,
-				"aria-label": f.label ? void 0 : L.value,
-				"aria-labelledby": f.label ? `${v(M)}-label` : void 0,
-				"aria-describedby": v(P) ? `${v(M)}-help` : void 0,
-				"aria-invalid": v(N) || void 0,
-				"aria-disabled": f.disabled || void 0,
-				"aria-readonly": f.readonly || void 0,
-				tabindex: f.disabled || f.readonly ? -1 : 0,
-				onKeydown: G
-			}, [I.value ? (m(), l("button", {
+				"aria-valuemax": p.stars,
+				"aria-valuetext": U.value,
+				"aria-label": p.label ? void 0 : H.value,
+				"aria-labelledby": p.label ? `${b(L)}-label` : void 0,
+				"aria-describedby": b(z) ? `${b(L)}-help` : void 0,
+				"aria-invalid": b(R) || void 0,
+				"aria-disabled": p.disabled || void 0,
+				"aria-readonly": p.readonly || void 0,
+				tabindex: p.disabled || p.readonly ? -1 : 0,
+				onKeydown: X
+			}), [V.value ? (g(), u("button", {
 				key: 0,
 				type: "button",
 				class: "m-rating__cancel",
-				"aria-label": v(A).clearRating,
-				disabled: f.disabled || f.readonly,
+				"aria-label": b(F).clearRating,
+				disabled: p.disabled || p.readonly,
 				tabindex: "-1",
-				onClick: W
-			}, [d(e, {
+				onClick: Y
+			}, [f(t, {
 				name: "close",
 				size: "sm"
-			})], 8, S)) : c("", !0), (m(!0), l(o, null, h(z.value, (n) => (m(), l("button", {
+			})], 8, w)) : l("", !0), (g(!0), u(s, null, _(W.value, (n) => (g(), u("button", {
 				key: n,
 				type: "button",
-				class: p(["m-rating__star", {
-					"m-rating__star--on": V(n) === 1,
-					"m-rating__star--half": V(n) === .5
+				class: h(["m-rating__star", {
+					"m-rating__star--on": K(n) === 1,
+					"m-rating__star--half": K(n) === .5
 				}]),
-				"aria-label": v(a)(v(A).star, { value: n }),
-				disabled: f.disabled || f.readonly,
+				"aria-label": b(o)(b(F).star, { value: n }),
+				disabled: p.disabled || p.readonly,
 				tabindex: "-1",
 				"aria-hidden": "true",
-				onClick: (e) => U(n, e)
-			}, [g(t.$slots, "icon", {
+				onClick: (e) => J(n, e)
+			}, [v(e.$slots, "icon", {
 				star: n,
-				filled: V(n) === 1,
-				half: V(n) === .5
-			}, () => [u("span", w, [d(e, {
+				filled: K(n) === 1,
+				half: K(n) === .5
+			}, () => [d("span", E, [f(t, {
 				name: "star",
 				size: "lg"
-			})]), u("span", T, [d(e, {
+			})]), d("span", D, [f(t, {
 				name: "star",
 				size: "lg"
-			})])])], 10, C))), 128))], 42, x),
-			v(P) ? (m(), l("span", {
+			})])])], 10, T))), 128))], 16, C),
+			b(z) ? (g(), u("span", {
 				key: 1,
-				id: `${v(M)}-help`,
-				class: p(["m-rating-field__help", { "m-rating-field__help--invalid": v(F) }]),
-				role: v(F) ? "alert" : void 0
-			}, _(v(P)), 11, E)) : c("", !0)
-		]));
+				id: `${b(L)}-help`,
+				class: h(["m-rating-field__help", { "m-rating-field__help--invalid": b(B) }]),
+				role: b(B) ? "alert" : void 0
+			}, y(b(z)), 11, O)) : l("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { D as MRating };
+export { k as MRating };