morya-ui 0.1.1 → 0.2.2

package/dist/input-number/index.js

@@ -1,28 +1,32 @@
-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 } 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 } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, watch as y } from "vue";
+import { computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as y, watch as b } from "vue";
 //#region src/components/InputNumber/InputNumber.vue?vue&type=script&setup=true&lang.ts
-var b = ["for"], x = ["aria-label", "disabled"], S = { class: "m-inputnumber__input-wrap" }, C = {
+var x = ["for"], S = ["aria-label", "disabled"], C = { class: "m-inputnumber__input-wrap" }, w = {
 	key: 0,
 	class: "m-inputnumber__prefix"
-}, w = [
+}, T = [
 	"id",
 	"value",
+	"placeholder",
+	"name",
+	"autofocus",
 	"disabled",
 	"readonly",
 	"aria-invalid",
 	"aria-describedby"
-], T = {
+], E = {
 	key: 1,
 	class: "m-inputnumber__suffix"
-}, E = ["aria-label"], D = {
+}, D = ["aria-label"], O = {
 	key: 1,
 	class: "m-inputnumber__stack"
-}, O = ["aria-label", "disabled"], k = ["aria-label", "disabled"], ee = ["aria-label", "disabled"], A = ["id", "role"], j = /* @__PURE__ */ u({
+}, ee = ["aria-label", "disabled"], te = ["aria-label", "disabled"], ne = ["aria-label", "disabled"], k = ["id", "role"], A = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "InputNumber",
 	props: {
@@ -60,7 +64,11 @@ var b = ["for"], x = ["aria-label", "disabled"], S = { class: "m-inputnumber__in
 			type: Boolean,
 			default: !1
 		},
-		id: {}
+		id: {},
+		pt: {},
+		name: {},
+		autofocus: { type: Boolean },
+		placeholder: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -68,168 +76,171 @@ var b = ["for"], x = ["aria-label", "disabled"], S = { class: "m-inputnumber__in
 		"blur",
 		"change"
 	],
-	setup(u, { expose: j, emit: M }) {
-		let N = u, P = M, F = v(), I = i(), L = m(null), R = t("m-inputnumber"), z = a(() => N.id ?? R), B = r("InputNumber", () => N.size), { isInvalid: V, feedbackText: H, feedbackIsError: U } = n(N), W = a(() => N.clearable && N.modelValue != null && !N.disabled), G = a(() => [
+	setup(d, { expose: A, emit: j }) {
+		let M = d, N = j, P = y(), { rootAttrs: F, controlAttrs: I } = e(P, () => M.pt), L = a(), R = h(null), z = n("m-inputnumber"), B = o(() => M.id ?? z), V = i("InputNumber", () => M.size), { isInvalid: H, feedbackText: U, feedbackIsError: W } = r(M), G = o(() => M.clearable && M.modelValue != null && !M.disabled), K = o(() => [
 			"m-inputnumber",
-			`m-inputnumber--${B.value}`,
+			`m-inputnumber--${V.value}`,
 			{
-				"m-inputnumber--fluid": N.fluid,
-				"m-inputnumber--invalid": V.value,
-				"m-inputnumber--disabled": N.disabled,
-				"m-inputnumber--buttons": N.showButtons,
-				"m-inputnumber--buttons-right": N.showButtons && N.buttonPlacement === "right"
+				"m-inputnumber--fluid": M.fluid,
+				"m-inputnumber--invalid": H.value,
+				"m-inputnumber--disabled": M.disabled,
+				"m-inputnumber--buttons": M.showButtons,
+				"m-inputnumber--buttons-right": M.showButtons && M.buttonPlacement === "right"
 			}
 		]);
-		function K(e) {
-			if (N.precision == null) return e;
-			let t = 10 ** N.precision;
-			return Math.round(e * t) / t;
-		}
 		function q(e) {
-			let t = K(e);
-			return N.min != null && t < N.min && (t = N.min), N.max != null && t > N.max && (t = N.max), t;
+			if (M.precision == null) return e;
+			let t = 10 ** M.precision;
+			return Math.round(e * t) / t;
 		}
 		function J(e) {
+			let t = q(e);
+			return M.min != null && t < M.min && (t = M.min), M.max != null && t > M.max && (t = M.max), t;
+		}
+		function Y(e) {
 			let t = e.trim();
 			if (t === "" || t === "-" || t === "+" || t === ".") return null;
 			let n = Number(t);
-			return Number.isNaN(n) ? null : q(n);
+			return Number.isNaN(n) ? null : J(n);
 		}
-		let Y = m(null), X = a(() => Y.value ?? (N.modelValue == null ? "" : String(N.modelValue)));
-		y(() => N.modelValue, (e) => {
-			Y.value != null && ((e == null ? Y.value.trim() === "" : Number(Y.value) === e) || (Y.value = null));
+		let X = h(null), re = o(() => X.value ?? (M.modelValue == null ? "" : String(M.modelValue)));
+		b(() => M.modelValue, (e) => {
+			X.value != null && ((e == null ? X.value.trim() === "" : Number(X.value) === e) || (X.value = null));
 		});
-		function Z(e) {
-			if (N.disabled) return;
+		function ie(e) {
+			if (M.disabled) return;
 			let t = e.target.value;
-			Y.value = t;
+			X.value = t;
 			let n = t.trim();
 			if (n === "") {
-				P("update:modelValue", null);
+				N("update:modelValue", null);
 				return;
 			}
 			let r = Number(n);
-			Number.isNaN(r) || /[.e+-]$/i.test(n) || P("update:modelValue", K(r));
+			Number.isNaN(r) || /[.e+-]$/i.test(n) || N("update:modelValue", q(r));
 		}
-		function Q() {
-			if (N.disabled || Y.value == null) return;
-			let e = J(Y.value);
-			P("update:modelValue", e), Y.value = e == null ? "" : String(e);
+		function Z() {
+			if (M.disabled || X.value == null) return;
+			let e = Y(X.value);
+			N("update:modelValue", e), X.value = e == null ? "" : String(e);
 		}
-		function te(e) {
-			e.key === "Enter" && Q();
+		function ae(e) {
+			e.key === "Enter" && Z();
 		}
-		function $(e) {
-			if (N.disabled) return;
-			let t = N.modelValue ?? N.min ?? 0;
-			Y.value = null, P("update:modelValue", q(t + e * N.step));
+		function Q(e) {
+			if (M.disabled) return;
+			let t = M.modelValue ?? M.min ?? 0;
+			X.value = null, N("update:modelValue", J(t + e * M.step));
 		}
-		function ne() {
-			N.disabled || (Y.value = null, P("update:modelValue", null));
+		function oe() {
+			M.disabled || (X.value = null, N("update:modelValue", null));
 		}
-		function re() {
-			L.value?.focus();
+		function se() {
+			R.value?.focus();
 		}
-		function ie() {
-			L.value?.blur();
+		function ce() {
+			R.value?.blur();
 		}
-		function ae() {
-			L.value?.select();
+		function le() {
+			R.value?.select();
 		}
-		function oe(e) {
-			Q(), P("blur", e), P("change", N.modelValue);
+		function $(e) {
+			Z(), N("blur", e), N("change", M.modelValue);
 		}
-		return j({
-			focus: re,
-			blur: ie,
-			select: ae
-		}), (t, n) => (p(), s("div", { class: f(["m-inputnumber-field", { "m-inputnumber-field--fluid": u.fluid }]) }, [
-			u.label ? (p(), s("label", {
+		return A({
+			focus: se,
+			blur: ce,
+			select: le
+		}), (e, n) => (m(), c("div", f(v(F), { class: ["m-inputnumber-field", { "m-inputnumber-field--fluid": d.fluid }] }), [
+			d.label ? (m(), c("label", {
 				key: 0,
 				class: "m-inputnumber-field__label",
-				for: z.value
-			}, g(u.label), 9, b)) : o("", !0),
-			c("div", { class: f(G.value) }, [
-				u.showButtons && u.buttonPlacement === "both" ? (p(), s("button", {
+				for: B.value
+			}, _(d.label), 9, x)) : s("", !0),
+			l("div", { class: p(K.value) }, [
+				d.showButtons && d.buttonPlacement === "both" ? (m(), c("button", {
 					key: 0,
-					class: "m-inputnumber__button wk-inputnumber__button--decrement",
+					class: "m-inputnumber__button m-inputnumber__button--decrement",
 					type: "button",
-					"aria-label": _(I).decrease,
-					disabled: u.disabled || u.min != null && u.modelValue != null && u.modelValue <= u.min,
-					onClick: n[0] ||= (e) => $(-1)
-				}, [l(e, {
+					"aria-label": v(L).decrease,
+					disabled: d.disabled || d.min != null && d.modelValue != null && d.modelValue <= d.min,
+					onClick: n[0] ||= (e) => Q(-1)
+				}, [u(t, {
 					name: "minus",
 					size: "sm"
-				})], 8, x)) : o("", !0),
-				c("div", S, [
-					t.$slots.prefix ? (p(), s("span", C, [h(t.$slots, "prefix")])) : o("", !0),
-					c("input", d(_(F), {
-						id: z.value,
+				})], 8, S)) : s("", !0),
+				l("div", C, [
+					e.$slots.prefix ? (m(), c("span", w, [g(e.$slots, "prefix")])) : s("", !0),
+					l("input", f(v(I), {
+						id: B.value,
 						ref_key: "inputElement",
-						ref: L,
+						ref: R,
 						class: "m-inputnumber__input",
 						type: "text",
 						inputmode: "decimal",
-						value: X.value,
-						disabled: u.disabled,
-						readonly: u.readonly,
-						"aria-invalid": _(V) || void 0,
-						"aria-describedby": _(H) ? `${z.value}-help` : void 0,
-						onInput: Z,
-						onFocus: n[1] ||= (e) => P("focus", e),
-						onBlur: oe,
-						onKeydown: te
-					}), null, 16, w),
-					t.$slots.suffix ? (p(), s("span", T, [h(t.$slots, "suffix")])) : o("", !0),
-					W.value ? (p(), s("button", {
+						value: re.value,
+						placeholder: d.placeholder,
+						name: d.name,
+						autofocus: d.autofocus || void 0,
+						disabled: d.disabled,
+						readonly: d.readonly,
+						"aria-invalid": v(H) || void 0,
+						"aria-describedby": v(U) ? `${B.value}-help` : void 0,
+						onInput: ie,
+						onFocus: n[1] ||= (e) => N("focus", e),
+						onBlur: $,
+						onKeydown: ae
+					}), null, 16, T),
+					e.$slots.suffix ? (m(), c("span", E, [g(e.$slots, "suffix")])) : s("", !0),
+					G.value ? (m(), c("button", {
 						key: 2,
 						type: "button",
 						class: "m-inputnumber__clear",
-						"aria-label": _(I).clearInput,
-						onClick: ne
-					}, [l(e, {
+						"aria-label": v(L).clearInput,
+						onClick: oe
+					}, [u(t, {
 						name: "close",
 						size: "sm"
-					})], 8, E)) : o("", !0)
+					})], 8, D)) : s("", !0)
 				]),
-				u.showButtons && u.buttonPlacement === "right" ? (p(), s("div", D, [c("button", {
-					class: "m-inputnumber__button wk-inputnumber__button--increment",
+				d.showButtons && d.buttonPlacement === "right" ? (m(), c("div", O, [l("button", {
+					class: "m-inputnumber__button m-inputnumber__button--increment",
 					type: "button",
-					"aria-label": _(I).increase,
-					disabled: u.disabled || u.max != null && u.modelValue != null && u.modelValue >= u.max,
-					onClick: n[2] ||= (e) => $(1)
-				}, [l(e, {
+					"aria-label": v(L).increase,
+					disabled: d.disabled || d.max != null && d.modelValue != null && d.modelValue >= d.max,
+					onClick: n[2] ||= (e) => Q(1)
+				}, [u(t, {
 					name: "plus",
 					size: "sm"
-				})], 8, O), c("button", {
-					class: "m-inputnumber__button wk-inputnumber__button--decrement",
+				})], 8, ee), l("button", {
+					class: "m-inputnumber__button m-inputnumber__button--decrement",
 					type: "button",
-					"aria-label": _(I).decrease,
-					disabled: u.disabled || u.min != null && u.modelValue != null && u.modelValue <= u.min,
-					onClick: n[3] ||= (e) => $(-1)
-				}, [l(e, {
+					"aria-label": v(L).decrease,
+					disabled: d.disabled || d.min != null && d.modelValue != null && d.modelValue <= d.min,
+					onClick: n[3] ||= (e) => Q(-1)
+				}, [u(t, {
 					name: "minus",
 					size: "sm"
-				})], 8, k)])) : u.showButtons ? (p(), s("button", {
+				})], 8, te)])) : d.showButtons ? (m(), c("button", {
 					key: 2,
-					class: "m-inputnumber__button wk-inputnumber__button--increment",
+					class: "m-inputnumber__button m-inputnumber__button--increment",
 					type: "button",
-					"aria-label": _(I).increase,
-					disabled: u.disabled || u.max != null && u.modelValue != null && u.modelValue >= u.max,
-					onClick: n[4] ||= (e) => $(1)
-				}, [l(e, {
+					"aria-label": v(L).increase,
+					disabled: d.disabled || d.max != null && d.modelValue != null && d.modelValue >= d.max,
+					onClick: n[4] ||= (e) => Q(1)
+				}, [u(t, {
 					name: "plus",
 					size: "sm"
-				})], 8, ee)) : o("", !0)
+				})], 8, ne)) : s("", !0)
 			], 2),
-			_(H) ? (p(), s("span", {
+			v(U) ? (m(), c("span", {
 				key: 1,
-				id: `${z.value}-help`,
-				class: f(["m-inputnumber-field__help", { "m-inputnumber-field__help--invalid": _(U) }]),
-				role: _(U) ? "alert" : void 0
-			}, g(_(H)), 11, A)) : o("", !0)
-		], 2));
+				id: `${B.value}-help`,
+				class: p(["m-inputnumber-field__help", { "m-inputnumber-field__help--invalid": v(W) }]),
+				role: v(W) ? "alert" : void 0
+			}, _(v(U)), 11, k)) : s("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { j as MInputNumber };
+export { A as MInputNumber };