morya-ui 0.1.1 → 0.2.1

package/dist/input-otp/index.js

@@ -1,9 +1,10 @@
-import { o as e } from "../config-CI8_WBbE.js";
-import { n as t, t as n } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { o as t } from "../config-CI8_WBbE.js";
+import { n, t as r } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as r, computed as i, createElementBlock as a, defineComponent as o, nextTick as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, unref as p, watch as m } from "vue";
+import { Fragment as i, computed as a, createElementBlock as o, defineComponent as s, mergeProps as c, nextTick as l, openBlock as u, ref as d, renderList as f, unref as p, useAttrs as m, watch as h } from "vue";
 //#region src/components/InputOtp/InputOtp.vue?vue&type=script&setup=true&lang.ts
-var h = ["aria-label"], g = [
+var g = ["aria-label"], _ = [
 	"type",
 	"value",
 	"disabled",
@@ -11,7 +12,8 @@ var h = ["aria-label"], g = [
 	"aria-label",
 	"onInput",
 	"onKeydown"
-], _ = /* @__PURE__ */ o({
+], v = /* @__PURE__ */ s({
+	inheritAttrs: !1,
 	__name: "InputOtp",
 	props: {
 		modelValue: { default: "" },
@@ -34,86 +36,87 @@ var h = ["aria-label"], g = [
 		},
 		label: {},
 		size: {},
-		gap: {}
+		gap: {},
+		pt: {}
 	},
 	emits: ["update:modelValue"],
-	setup(o, { emit: _ }) {
-		let v = o, y = _, b = t(), x = d([]), S = e("InputOtp", () => v.size), C = i(() => {
-			let e = v.modelValue ?? "";
-			return Array.from({ length: v.length }, (t, n) => e[n] ?? "");
-		}), w = i(() => [
+	setup(s, { emit: v }) {
+		let y = s, b = v, x = m(), { rootAttrs: S } = e(x, () => y.pt), C = n(), w = d([]), T = t("InputOtp", () => y.size), E = a(() => {
+			let e = y.modelValue ?? "";
+			return Array.from({ length: y.length }, (t, n) => e[n] ?? "");
+		}), D = a(() => [
 			"m-inputotp",
-			`m-inputotp--${S.value}`,
+			`m-inputotp--${T.value}`,
 			{
-				"m-inputotp--disabled": v.disabled,
-				"m-inputotp--mask": v.mask,
-				"m-inputotp--invalid": v.invalid
+				"m-inputotp--disabled": y.disabled,
+				"m-inputotp--mask": y.mask,
+				"m-inputotp--invalid": y.invalid
 			}
-		]), T = i(() => {
-			if (v.gap != null) return { "--m-inputotp-gap": typeof v.gap == "number" ? `${v.gap}px` : v.gap };
+		]), O = a(() => {
+			if (y.gap != null) return { "--m-inputotp-gap": typeof y.gap == "number" ? `${y.gap}px` : y.gap };
 		});
-		function E(e, t) {
-			x.value[t] = e instanceof HTMLInputElement ? e : null;
+		function k(e, t) {
+			w.value[t] = e instanceof HTMLInputElement ? e : null;
 		}
-		function D(e) {
-			y("update:modelValue", e.join("").slice(0, v.length));
+		function A(e) {
+			b("update:modelValue", e.join("").slice(0, y.length));
 		}
-		function O(e) {
-			return e ? v.integerOnly ? /^\d$/.test(e) : e.length === 1 : !0;
+		function j(e) {
+			return e ? y.integerOnly ? /^\d$/.test(e) : e.length === 1 : !0;
 		}
-		function k(e, t) {
-			if (v.disabled) return;
+		function M(e, t) {
+			if (y.disabled) return;
 			let n = t.target, r = n.value, i = r.slice(-1);
-			if (r && !O(i)) {
-				n.value = C.value[e] ?? "";
+			if (r && !j(i)) {
+				n.value = E.value[e] ?? "";
 				return;
 			}
-			let a = [...C.value];
-			a[e] = i, D(a), i && e < v.length - 1 && s(() => x.value[e + 1]?.focus());
+			let a = [...E.value];
+			a[e] = i, A(a), i && e < y.length - 1 && l(() => w.value[e + 1]?.focus());
 		}
-		function A(e, t) {
-			if (!v.disabled) {
-				if (t.key === "Backspace" && !C.value[e] && e > 0) {
+		function N(e, t) {
+			if (!y.disabled) {
+				if (t.key === "Backspace" && !E.value[e] && e > 0) {
 					t.preventDefault();
-					let n = [...C.value];
-					n[e - 1] = "", D(n), s(() => x.value[e - 1]?.focus());
+					let n = [...E.value];
+					n[e - 1] = "", A(n), l(() => w.value[e - 1]?.focus());
 				}
-				t.key === "ArrowLeft" && e > 0 && (t.preventDefault(), x.value[e - 1]?.focus()), t.key === "ArrowRight" && e < v.length - 1 && (t.preventDefault(), x.value[e + 1]?.focus());
+				t.key === "ArrowLeft" && e > 0 && (t.preventDefault(), w.value[e - 1]?.focus()), t.key === "ArrowRight" && e < y.length - 1 && (t.preventDefault(), w.value[e + 1]?.focus());
 			}
 		}
-		function j(e) {
-			if (v.disabled) return;
+		function P(e) {
+			if (y.disabled) return;
 			e.preventDefault();
-			let t = [...e.clipboardData?.getData("text") ?? ""].filter((e) => O(e)).slice(0, v.length);
-			D(Array.from({ length: v.length }, (e, n) => t[n] ?? ""));
-			let n = Math.min(t.length, v.length - 1);
-			s(() => x.value[n]?.focus());
+			let t = [...e.clipboardData?.getData("text") ?? ""].filter((e) => j(e)).slice(0, y.length);
+			A(Array.from({ length: y.length }, (e, n) => t[n] ?? ""));
+			let n = Math.min(t.length, y.length - 1);
+			l(() => w.value[n]?.focus());
 		}
-		return m(() => v.length, () => {
-			x.value = Array(v.length).fill(null);
-		}, { immediate: !0 }), (e, t) => (u(), a("div", {
-			class: c(w.value),
-			style: l(T.value),
+		return h(() => y.length, () => {
+			w.value = Array(y.length).fill(null);
+		}, { immediate: !0 }), (e, t) => (u(), o("div", c(p(S), {
+			class: D.value,
+			style: O.value,
 			role: "group",
-			"aria-label": o.label ?? p(b).otpGroup,
-			onPaste: j
-		}, [(u(!0), a(r, null, f(C.value, (e, t) => (u(), a("input", {
+			"aria-label": s.label ?? p(C).otpGroup,
+			onPaste: P
+		}), [(u(!0), o(i, null, f(E.value, (e, t) => (u(), o("input", {
 			key: t,
 			ref_for: !0,
-			ref: (e) => E(e, t),
+			ref: (e) => k(e, t),
 			class: "m-inputotp__input",
-			type: o.mask ? "password" : "text",
+			type: s.mask ? "password" : "text",
 			inputmode: "text",
 			maxlength: "1",
 			autocomplete: "one-time-code",
 			value: e,
-			disabled: o.disabled,
-			"aria-invalid": o.invalid || void 0,
-			"aria-label": p(n)(p(b).otpDigit, { index: t + 1 }),
-			onInput: (e) => k(t, e),
-			onKeydown: (e) => A(t, e)
-		}, null, 40, g))), 128))], 46, h));
+			disabled: s.disabled,
+			"aria-invalid": s.invalid || void 0,
+			"aria-label": p(r)(p(C).otpDigit, { index: t + 1 }),
+			onInput: (e) => M(t, e),
+			onKeydown: (e) => N(t, e)
+		}, null, 40, _))), 128))], 16, g));
 	}
 });
 //#endregion
-export { _ as MInputOtp };
+export { v as MInputOtp };