morya-ui 0.1.1 → 0.2.2

package/dist/input-tags/index.js

@@ -1,28 +1,32 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { t } from "../useMId-BXFYayPP.js";
-import { o as n } from "../config-CI8_WBbE.js";
-import { n as r } 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 { o as r } from "../config-CI8_WBbE.js";
+import { n as i } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x } from "vue";
 //#region src/components/InputTags/InputTags.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "m-inputtags-field" }, b = ["for"], x = [
+var S = ["for"], C = [
 	"disabled",
 	"aria-label",
 	"onClick"
-], S = [
+], w = [
 	"id",
 	"value",
 	"placeholder",
+	"name",
+	"autocomplete",
+	"autofocus",
 	"disabled",
 	"aria-invalid",
 	"aria-label"
-], C = /* @__PURE__ */ d({
+], T = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "InputTags",
 	props: {
 		modelValue: { default: () => [] },
 		id: {},
 		label: {},
-		placeholder: {},
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -37,100 +41,108 @@ var y = { class: "m-inputtags-field" }, b = ["for"], x = [
 			default: !1
 		},
 		max: {},
-		separator: {}
+		separator: {},
+		pt: {},
+		placeholder: {},
+		name: {},
+		autocomplete: {},
+		autofocus: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(d, { emit: C }) {
-		let w = d, T = C, E = r(), D = m(""), O = n("InputTags", () => w.size), k = t("m-inputtags"), A = a(() => w.id ?? k), j = a(() => w.placeholder ?? E.value.addTag), M = a(() => w.separator ? Array.isArray(w.separator) ? w.separator : [w.separator] : []), N = a(() => w.max != null && w.modelValue.length >= w.max), P = a(() => [
+	setup(f, { emit: T }) {
+		let E = f, D = T, O = x(), { rootAttrs: k, controlAttrs: A } = e(O, () => E.pt), j = i(), M = g(""), N = r("InputTags", () => E.size), P = n("m-inputtags"), F = o(() => E.id ?? P), I = o(() => E.placeholder ?? j.value.addTag), L = o(() => E.separator ? Array.isArray(E.separator) ? E.separator : [E.separator] : []), R = o(() => E.max != null && E.modelValue.length >= E.max), z = o(() => [
 			"m-inputtags",
-			`m-inputtags--${O.value}`,
+			`m-inputtags--${N.value}`,
 			{
-				"m-inputtags--disabled": w.disabled,
-				"m-inputtags--invalid": w.invalid
+				"m-inputtags--disabled": E.disabled,
+				"m-inputtags--invalid": E.invalid
 			}
 		]);
-		function F(e = D.value) {
-			if (w.disabled || N.value) return;
+		function B(e = M.value) {
+			if (E.disabled || R.value) return;
 			let t = e.trim();
 			if (t) {
-				if (w.modelValue.includes(t)) {
-					D.value = "";
+				if (E.modelValue.includes(t)) {
+					M.value = "";
 					return;
 				}
-				T("update:modelValue", [...w.modelValue, t]), D.value = "";
+				D("update:modelValue", [...E.modelValue, t]), M.value = "";
 			}
 		}
-		function I(e) {
-			let t = M.value.length ? e.split(RegExp(`[${M.value.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("")}]`)) : [e], n = [...w.modelValue];
+		function V(e) {
+			let t = L.value.length ? e.split(RegExp(`[${L.value.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("")}]`)) : [e], n = [...E.modelValue];
 			for (let e of t) {
 				let t = e.trim();
 				if (!(!t || n.includes(t))) {
-					if (w.max != null && n.length >= w.max) break;
+					if (E.max != null && n.length >= E.max) break;
 					n.push(t);
 				}
 			}
-			n.length !== w.modelValue.length && T("update:modelValue", n), D.value = "";
+			n.length !== E.modelValue.length && D("update:modelValue", n), M.value = "";
 		}
-		function L(e) {
-			if (w.disabled) return;
-			let t = w.modelValue.filter((t, n) => n !== e);
-			T("update:modelValue", t);
+		function H(e) {
+			if (E.disabled) return;
+			let t = E.modelValue.filter((t, n) => n !== e);
+			D("update:modelValue", t);
 		}
-		function R(e) {
-			if (M.value.includes(e.key)) {
-				e.preventDefault(), F();
+		function U(e) {
+			if (L.value.includes(e.key)) {
+				e.preventDefault(), B();
 				return;
 			}
 			if (e.key === "Enter") {
-				e.preventDefault(), F();
+				e.preventDefault(), B();
 				return;
 			}
-			e.key === "Backspace" && !D.value && w.modelValue.length && L(w.modelValue.length - 1);
+			e.key === "Backspace" && !M.value && E.modelValue.length && H(E.modelValue.length - 1);
 		}
-		function z(e) {
+		function W(e) {
 			let t = e.target.value;
-			if (M.value.find((e) => t.includes(e))) {
-				I(t);
+			if (L.value.find((e) => t.includes(e))) {
+				V(t);
 				return;
 			}
-			D.value = t;
+			M.value = t;
 		}
-		function B() {
-			w.addOnBlur && F();
+		function G() {
+			E.addOnBlur && B();
 		}
-		return (t, n) => (p(), s("div", y, [d.label ? (p(), s("label", {
+		return (e, n) => (h(), c("div", p(b(k), { class: "m-inputtags-field" }), [f.label ? (h(), c("label", {
 			key: 0,
 			class: "m-inputtags-field__label",
-			for: A.value
-		}, _(d.label), 9, b)) : o("", !0), c("div", { class: f(P.value) }, [(p(!0), s(i, null, h(d.modelValue, (n, r) => (p(), s("span", {
+			for: F.value
+		}, y(f.label), 9, S)) : s("", !0), l("div", { class: m(z.value) }, [(h(!0), c(a, null, _(f.modelValue, (n, r) => (h(), c("span", {
 			key: `${n}-${r}`,
 			class: "m-inputtags__chip"
-		}, [g(t.$slots, "tag", {
+		}, [v(e.$slots, "tag", {
 			tag: n,
 			index: r
-		}, () => [l(_(n), 1)]), c("button", {
+		}, () => [u(y(n), 1)]), l("button", {
 			type: "button",
 			class: "m-inputtags__remove",
-			disabled: d.disabled,
-			"aria-label": v(E).removeTag,
-			onClick: (e) => L(r)
-		}, [u(e, {
+			disabled: f.disabled,
+			"aria-label": b(j).removeTag,
+			onClick: (e) => H(r)
+		}, [d(t, {
 			name: "close",
 			size: "sm"
-		})], 8, x)]))), 128)), c("input", {
-			id: A.value,
-			value: D.value,
+		})], 8, C)]))), 128)), l("input", p(b(A), {
+			id: F.value,
+			value: M.value,
 			class: "m-inputtags__input",
 			type: "text",
-			placeholder: d.modelValue.length ? "" : j.value,
-			disabled: d.disabled || N.value,
-			"aria-invalid": d.invalid || void 0,
-			"aria-label": d.label ?? j.value,
-			onInput: z,
-			onKeydown: R,
-			onBlur: B
-		}, null, 40, S)], 2)]));
+			placeholder: f.modelValue.length ? "" : f.placeholder ?? I.value,
+			name: f.name,
+			autocomplete: f.autocomplete,
+			autofocus: f.autofocus || void 0,
+			disabled: f.disabled || R.value,
+			"aria-invalid": f.invalid || void 0,
+			"aria-label": f.label ?? I.value,
+			onInput: W,
+			onKeydown: U,
+			onBlur: G
+		}), null, 16, w)], 2)], 16));
 	}
 });
 //#endregion
-export { C as MInputTags };
+export { T as MInputTags };