@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/chunks/BwYEpK-u.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/C1RsHtGI.mjs

@@ -0,0 +1,40 @@
+import { createVNode as e } from "vue";
+//#region src/components/flex/flex-box.ts
+var t = {
+	verticalCenter: {
+		type: Boolean,
+		default: !1
+	},
+	horizonCenter: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	textCenter: {
+		type: Boolean,
+		default: !1
+	}
+}, n = {
+	name: "FlexBox",
+	props: {
+		...t,
+		flexColumn: Boolean
+	},
+	setup(t, { slots: n }) {
+		return () => {
+			var r;
+			return e("div", { class: {
+				"flex-row": !t.flexColumn,
+				"flex-column": t.flexColumn,
+				"horizon-center": t.center || t.horizonCenter,
+				"vertical-center": t.center || t.verticalCenter,
+				"text-center": t.textCenter
+			} }, [(r = n.default) == null ? void 0 : r.call(n)]);
+		};
+	}
+};
+//#endregion
+export { t as n, n as t };

package/chunks/C5f3Xfsc2.mjs

@@ -0,0 +1,36 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./Baam4z-g.mjs";
+import { n as t, o as n } from "./BsM0L7CS.mjs";
+import { allProps as r, predicate as i } from "../props/input-number.mjs";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+//#endregion
+//#region src/components/form/FormInputNumber.vue
+var l = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...t },
+	setup(t, { emit: r, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = n(t, {
+			emit: r,
+			slots: l,
+			attrs: u,
+			predicate: i
+		}), _ = a(() => c(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => f({ vNodes: o(e, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": d,
+			placeholder: p.value
+		}), {
+			prefix: l.prefix || t.prefix ? () => t.prefix : null,
+			suffix: l.suffix || t.suffix ? () => t.suffix : t.append,
+			"decrease-icon": l["decrease-icon"],
+			"increase-icon": l["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };

package/chunks/C7l9aZGE.mjs

@@ -0,0 +1,577 @@
+import { n as e, r as t, t as n } from "./DnBzQ-xh.mjs";
+import { r } from "./akEzJ4kG.mjs";
+import { T as i, b as a, d as o, t as s } from "./hgAOQY9a.mjs";
+import { M as c, g as l, k as u, l as d, s as f, t as p, u as m, x as h } from "./DrKq_frR.mjs";
+import { t as g } from "./77cFhiAz.mjs";
+import { A as ee, _ as te, t as _, u as ne } from "./D4oNQiIK.mjs";
+import { i as re, n as ie, r as ae, t as oe } from "./CcT5SsZk.mjs";
+import { n as se, t as ce } from "./Dtq1xYk8.mjs";
+import { t as le } from "./BVIHqL6g.mjs";
+import { a as v, i as ue } from "./B1ATN2my.mjs";
+import { t as y } from "./CnCSm3LY2.mjs";
+import { Fragment as de, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, defineComponent as fe, markRaw as T, mergeProps as pe, nextTick as E, normalizeClass as D, normalizeStyle as me, onMounted as he, openBlock as O, ref as k, renderSlot as A, resolveDynamicComponent as j, shallowRef as ge, toDisplayString as M, toRef as _e, unref as N, useAttrs as ve, useSlots as ye, watch as P, withCtx as F, withModifiers as I } from "vue";
+import { isNil as be } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-cursor/index.mjs
+function xe(e) {
+	let t;
+	function n() {
+		if (e.value == null) return;
+		let { selectionStart: n, selectionEnd: r, value: i } = e.value;
+		n == null || r == null || (t = {
+			selectionStart: n,
+			selectionEnd: r,
+			value: i,
+			beforeTxt: i.slice(0, Math.max(0, n)),
+			afterTxt: i.slice(Math.max(0, r))
+		});
+	}
+	function r() {
+		if (e.value == null || t == null) return;
+		let { value: n } = e.value, { beforeTxt: r, afterTxt: i, selectionStart: a } = t;
+		if (r == null || i == null || a == null) return;
+		let o = n.length;
+		if (n.endsWith(i)) o = n.length - i.length;
+		else if (n.startsWith(r)) o = r.length;
+		else {
+			let e = r[a - 1], t = n.indexOf(e, a - 1);
+			t !== -1 && (o = t + 1);
+		}
+		e.value.setSelectionRange(o, o);
+	}
+	return [n, r];
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/input/src/input.mjs
+var Se = d({
+	id: {
+		type: String,
+		default: void 0
+	},
+	size: r,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	modelValue: {
+		type: m([
+			String,
+			Number,
+			Object
+		]),
+		default: ""
+	},
+	modelModifiers: {
+		type: m(Object),
+		default: () => ({})
+	},
+	maxlength: { type: [String, Number] },
+	minlength: { type: [String, Number] },
+	type: {
+		type: m(String),
+		default: "text"
+	},
+	resize: {
+		type: String,
+		values: [
+			"none",
+			"both",
+			"horizontal",
+			"vertical"
+		]
+	},
+	autosize: {
+		type: m([Boolean, Object]),
+		default: !1
+	},
+	autocomplete: {
+		type: m(String),
+		default: "off"
+	},
+	formatter: { type: Function },
+	parser: { type: Function },
+	placeholder: { type: String },
+	form: { type: String },
+	readonly: Boolean,
+	clearable: Boolean,
+	clearIcon: {
+		type: v,
+		default: ne
+	},
+	showPassword: Boolean,
+	showWordLimit: Boolean,
+	wordLimitPosition: {
+		type: String,
+		values: ["inside", "outside"],
+		default: "inside"
+	},
+	suffixIcon: { type: v },
+	prefixIcon: { type: v },
+	containerRole: {
+		type: String,
+		default: void 0
+	},
+	tabindex: {
+		type: [String, Number],
+		default: 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: {
+		type: m([
+			Object,
+			Array,
+			String
+		]),
+		default: () => y({})
+	},
+	countGraphemes: { type: m(Function) },
+	autofocus: Boolean,
+	rows: {
+		type: Number,
+		default: 2
+	},
+	...le(["ariaLabel"]),
+	inputmode: {
+		type: m(String),
+		default: void 0
+	},
+	name: String
+}), Ce = {
+	[t]: (e) => c(e),
+	input: (e) => c(e),
+	change: (e, t) => c(e) && (t instanceof Event || t === void 0),
+	focus: (e) => e instanceof FocusEvent,
+	blur: (e) => e instanceof FocusEvent,
+	clear: (e) => e === void 0 || e instanceof MouseEvent,
+	mouseleave: (e) => e instanceof MouseEvent,
+	mouseenter: (e) => e instanceof MouseEvent,
+	keydown: (e) => e instanceof Event,
+	compositionstart: (e) => e instanceof CompositionEvent,
+	compositionupdate: (e) => e instanceof CompositionEvent,
+	compositionend: (e) => e instanceof CompositionEvent
+};
+T(ne);
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/input/src/utils.mjs
+var L = void 0, R = {
+	height: "0",
+	visibility: "hidden",
+	overflow: o() ? "" : "hidden",
+	position: "absolute",
+	"z-index": "-1000",
+	top: "0",
+	right: "0"
+}, z = [
+	"letter-spacing",
+	"line-height",
+	"padding-top",
+	"padding-bottom",
+	"font-family",
+	"font-weight",
+	"font-size",
+	"text-rendering",
+	"text-transform",
+	"width",
+	"text-indent",
+	"padding-left",
+	"padding-right",
+	"border-width",
+	"box-sizing",
+	"word-break"
+], we = (e) => {
+	let t = Number.parseFloat(e);
+	return Number.isNaN(t) ? e : t;
+};
+function B(e) {
+	let t = window.getComputedStyle(e), n = t.getPropertyValue("box-sizing"), r = Number.parseFloat(t.getPropertyValue("padding-bottom")) + Number.parseFloat(t.getPropertyValue("padding-top")), i = Number.parseFloat(t.getPropertyValue("border-bottom-width")) + Number.parseFloat(t.getPropertyValue("border-top-width"));
+	return {
+		contextStyle: z.map((e) => [e, t.getPropertyValue(e)]),
+		paddingSize: r,
+		borderSize: i,
+		boxSizing: n
+	};
+}
+function Te(e, t = 1, n) {
+	var r;
+	if (!L) {
+		L = document.createElement("textarea");
+		let t = document.body;
+		!o() && e.parentNode && (t = e.parentNode), t.appendChild(L);
+	}
+	let { paddingSize: i, borderSize: a, boxSizing: s, contextStyle: c } = B(e);
+	c.forEach(([e, t]) => L == null ? void 0 : L.style.setProperty(e, t)), Object.entries(R).forEach(([e, t]) => L == null ? void 0 : L.style.setProperty(e, t, "important")), L.value = e.value || e.placeholder || "";
+	let u = L.scrollHeight, d = {};
+	s === "border-box" ? u += a : s === "content-box" && (u -= i), L.value = "";
+	let f = L.scrollHeight - i;
+	if (l(t)) {
+		let e = f * t;
+		s === "border-box" && (e = e + i + a), u = Math.max(e, u), d.minHeight = `${e}px`;
+	}
+	if (l(n)) {
+		let e = f * n;
+		s === "border-box" && (e = e + i + a), u = Math.min(e, u);
+	}
+	return d.height = `${u}px`, (r = L.parentNode) == null || r.removeChild(L), L = void 0, d;
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs
+var Ee = [
+	"id",
+	"name",
+	"minlength",
+	"maxlength",
+	"type",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"tabindex",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus",
+	"role",
+	"inputmode"
+], De = [
+	"id",
+	"name",
+	"minlength",
+	"maxlength",
+	"tabindex",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"aria-label",
+	"placeholder",
+	"form",
+	"autofocus",
+	"rows",
+	"role",
+	"inputmode"
+], Oe = "ElInput", V = p(/* @__PURE__ */ fe({
+	name: Oe,
+	inheritAttrs: !1,
+	__name: "input",
+	props: Se,
+	emits: Ce,
+	setup(r, { expose: o, emit: c }) {
+		let l = r, d = c, p = ve(), m = ye(), ne = b(() => [
+			l.type === "textarea" ? z.b() : R.b(),
+			R.m(Ce.value),
+			R.is("disabled", L.value),
+			R.is("exceed", He.value),
+			{
+				[R.b("group")]: m.prepend || m.append,
+				[R.m("prefix")]: m.prefix || l.prefixIcon,
+				[R.m("suffix")]: m.suffix || l.suffixIcon || l.clearable || l.showPassword,
+				[R.bm("suffix", "password-clear")]: J.value && Be.value,
+				[R.b("hidden")]: l.type === "hidden"
+			},
+			p.class
+		]), le = b(() => [R.e("wrapper"), R.is("focus", Me.value)]), v = g(), y = b(() => {
+			var e;
+			return (e = l.maxlength) == null ? void 0 : e.toString();
+		}), { form: fe, formItem: T } = oe(), { inputId: Se } = ie(l, { formItemContext: T }), Ce = re(), L = ae(), R = f("input"), z = f("textarea"), B = ge(), V = ge(), ke = k(!1), H = k(!1), Ae = k(), U = ge(l.inputStyle), W = k(""), G = b(() => B.value || V.value), { wrapperRef: je, isFocused: Me, handleFocus: Ne, handleBlur: Pe } = se(G, {
+			disabled: L,
+			afterBlur() {
+				var e;
+				l.validateEvent && (T == null || (e = T.validate) == null || e.call(T, "blur").catch((e) => s(e)));
+			}
+		}), Fe = b(() => (fe == null ? void 0 : fe.statusIcon) ?? !1), K = b(() => (T == null ? void 0 : T.validateState) || ""), Ie = b(() => K.value && ue[K.value]), Le = b(() => H.value ? ee : te), Re = b(() => [p.style]), ze = b(() => [
+			l.inputStyle,
+			U.value,
+			{ resize: l.resize }
+		]), q = b(() => be(l.modelValue) ? "" : String(l.modelValue)), J = b(() => l.clearable && !L.value && !l.readonly && !!q.value && (Me.value || ke.value)), Be = b(() => l.showPassword && !L.value && !!q.value), Y = b(() => l.showWordLimit && !!y.value && (l.type === "text" || l.type === "textarea") && !L.value && !l.readonly && !l.showPassword), Ve = b(() => l.countGraphemes && l.showWordLimit ? l.countGraphemes(q.value) : q.value.length), He = b(() => !!Y.value && Ve.value > Number(y.value)), Ue = b(() => !!m.suffix || !!l.suffixIcon || J.value || l.showPassword || Y.value || !!K.value && Fe.value), We = b(() => !!Object.keys(l.modelModifiers).length), [Ge, Ke] = xe(B);
+		a(V, (e) => {
+			if (qe(), !Y.value || l.resize !== "both" && l.resize !== "horizontal") return;
+			let { width: t } = e[0].contentRect;
+			Ae.value = { right: `calc(100% - ${t + 22 - 10}px)` };
+		});
+		let X = () => {
+			let { type: e, autosize: t } = l;
+			if (!(!i || e !== "textarea" || !V.value)) if (t) {
+				let e = u(t) ? t.minRows : void 0, n = u(t) ? t.maxRows : void 0, r = Te(V.value, e, n);
+				U.value = {
+					overflowY: "hidden",
+					...r
+				}, E(() => {
+					V.value.offsetHeight, U.value = r;
+				});
+			} else U.value = { minHeight: Te(V.value).minHeight };
+		}, qe = ((e) => {
+			let t = !1;
+			return () => {
+				var n;
+				t || !l.autosize || ((n = V.value) == null ? void 0 : n.offsetParent) !== null && (setTimeout(e), t = !0);
+			};
+		})(X), Z = () => {
+			let e = G.value, t = l.formatter ? l.formatter(q.value) : q.value;
+			!e || e.value === t || l.type === "file" || (e.value = t);
+		}, Je = (e) => {
+			let { trim: t, number: n } = l.modelModifiers;
+			return t && (e = e.trim()), n && (e = `${we(e)}`), l.formatter && l.parser && (e = l.parser(e)), e;
+		}, Ye = async (n) => {
+			if (Ze.value) return;
+			let { lazy: r } = l.modelModifiers, { value: i } = n.target, a = !1;
+			if (r) {
+				d(e, i);
+				return;
+			}
+			if (i = Je(i), l.countGraphemes && y.value != null) {
+				let e = Number(y.value), t = l.countGraphemes(i), n = l.countGraphemes(W.value);
+				if (t > e && t > n) if (n > e) i = W.value, a = !0;
+				else {
+					let t = W.value, r = i, o = 0;
+					for (; o < t.length && o < r.length && t[o] === r[o];) o++;
+					let s = t.length, c = r.length;
+					for (; s > o && c > o && t[s - 1] === r[c - 1];) s--, c--;
+					let u = r.slice(0, o), d = t.slice(o, s), f = r.slice(o, c), p = r.slice(c), m = n - l.countGraphemes(d), h = Math.max(0, e - m), g = "";
+					if (h > 0) if (typeof Intl < "u" && "Segmenter" in Intl) {
+						let e = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+						for (let { segment: t } of e.segment(f)) {
+							let e = g + t;
+							if (l.countGraphemes(e) > h) break;
+							g = e;
+						}
+					} else for (let e of Array.from(f)) {
+						let t = g + e;
+						if (l.countGraphemes(t) > h) break;
+						g = t;
+					}
+					i = u + g + p, a = !0;
+				}
+			}
+			if (String(i) === q.value) {
+				if (l.formatter || a) {
+					let e = n.target, t = e.value, r = e.selectionStart, i = e.selectionEnd;
+					if (Z(), a && G.value && r != null && i != null) {
+						let e = G.value.value, n = t.slice(Math.max(0, i)), a = Math.min(r, e.length);
+						n && e.endsWith(n) && (a = e.length - n.length), G.value.setSelectionRange(a, a);
+					}
+				}
+				return;
+			}
+			W.value = i, Ge(), d(t, i), d(e, i), await E(), (l.formatter && l.parser || !We.value) && Z(), Ke();
+		}, Xe = async (e) => {
+			let { value: r } = e.target;
+			r = Je(r), l.modelModifiers.lazy && d(t, r), d(n, r, e), await E(), Z();
+		}, { isComposing: Ze, handleCompositionStart: Q, handleCompositionUpdate: $, handleCompositionEnd: Qe } = ce({
+			emit: d,
+			afterComposition: Ye
+		}), $e = () => {
+			H.value = !H.value;
+		}, et = () => {
+			var e;
+			return (e = G.value) == null ? void 0 : e.focus();
+		}, tt = () => {
+			var e;
+			return (e = G.value) == null ? void 0 : e.blur();
+		}, nt = (e) => {
+			ke.value = !1, d("mouseleave", e);
+		}, rt = (e) => {
+			ke.value = !0, d("mouseenter", e);
+		}, it = (e) => {
+			d("keydown", e);
+		}, at = () => {
+			var e;
+			(e = G.value) == null || e.select();
+		}, ot = (r) => {
+			d(t, ""), d(n, ""), d("clear", r), d(e, "");
+		};
+		return P(() => l.modelValue, () => {
+			var e;
+			E(() => X()), l.validateEvent && (T == null || (e = T.validate) == null || e.call(T, "change").catch((e) => s(e)));
+		}), P(() => q.value, (e) => {
+			W.value = e;
+		}, { immediate: !0 }), P(q, (e) => {
+			if (!G.value) return;
+			let { trim: t, number: n } = l.modelModifiers, r = G.value.value, i = (n || l.type === "number") && !/^0\d/.test(r) ? `${we(r)}` : r;
+			i !== e && (document.activeElement === G.value && G.value.type !== "range" && t && i.trim() === e || Z());
+		}), P(() => l.type, async () => {
+			await E(), Z(), X();
+		}), he(() => {
+			!l.formatter && l.parser && s(Oe, "If you set the parser, you also need to set the formatter."), Z(), E(X);
+		}), o({
+			input: B,
+			textarea: V,
+			ref: G,
+			textareaStyle: ze,
+			autosize: _e(l, "autosize"),
+			isComposing: Ze,
+			passwordVisible: H,
+			focus: et,
+			blur: tt,
+			select: at,
+			clear: ot,
+			resizeTextarea: X
+		}), (e, t) => (O(), C("div", {
+			class: D([ne.value, {
+				[N(R).bm("group", "append")]: e.$slots.append,
+				[N(R).bm("group", "prepend")]: e.$slots.prepend
+			}]),
+			style: me(Re.value),
+			onMouseenter: rt,
+			onMouseleave: nt
+		}, [S(" input "), r.type === "textarea" ? (O(), C(de, { key: 1 }, [
+			S(" textarea "),
+			w("textarea", pe({
+				id: N(Se),
+				ref_key: "textarea",
+				ref: V,
+				class: [
+					N(z).e("inner"),
+					N(R).is("focus", N(Me)),
+					N(z).is("clearable", r.clearable)
+				]
+			}, N(v), {
+				name: r.name,
+				minlength: r.countGraphemes ? void 0 : r.minlength,
+				maxlength: r.countGraphemes ? void 0 : y.value,
+				tabindex: r.tabindex,
+				disabled: N(L),
+				readonly: r.readonly,
+				autocomplete: r.autocomplete,
+				style: ze.value,
+				"aria-label": r.ariaLabel,
+				placeholder: r.placeholder,
+				form: r.form,
+				autofocus: r.autofocus,
+				rows: r.rows,
+				role: r.containerRole,
+				inputmode: r.inputmode,
+				onCompositionstart: t[3] || (t[3] = (...e) => N(Q) && N(Q)(...e)),
+				onCompositionupdate: t[4] || (t[4] = (...e) => N($) && N($)(...e)),
+				onCompositionend: t[5] || (t[5] = (...e) => N(Qe) && N(Qe)(...e)),
+				onInput: Ye,
+				onFocus: t[6] || (t[6] = (...e) => N(Ne) && N(Ne)(...e)),
+				onBlur: t[7] || (t[7] = (...e) => N(Pe) && N(Pe)(...e)),
+				onChange: Xe,
+				onKeydown: it
+			}), null, 16, De),
+			J.value ? (O(), x(N(_), {
+				key: 0,
+				class: D([N(z).e("icon"), N(z).e("clear")]),
+				onMousedown: I(N(h), ["prevent"]),
+				onClick: ot
+			}, {
+				default: F(() => [(O(), x(j(r.clearIcon)))]),
+				_: 1
+			}, 8, ["class", "onMousedown"])) : S("v-if", !0),
+			Y.value ? (O(), C("span", {
+				key: 1,
+				style: me(Ae.value),
+				class: D([N(R).e("count"), N(R).is("outside", r.wordLimitPosition === "outside")])
+			}, M(Ve.value) + " / " + M(y.value), 7)) : S("v-if", !0)
+		], 64)) : (O(), C(de, { key: 0 }, [
+			S(" prepend slot "),
+			e.$slots.prepend ? (O(), C("div", {
+				key: 0,
+				class: D(N(R).be("group", "prepend"))
+			}, [A(e.$slots, "prepend")], 2)) : S("v-if", !0),
+			w("div", {
+				ref_key: "wrapperRef",
+				ref: je,
+				class: D(le.value)
+			}, [
+				S(" prefix slot "),
+				e.$slots.prefix || r.prefixIcon ? (O(), C("span", {
+					key: 0,
+					class: D(N(R).e("prefix"))
+				}, [w("span", { class: D(N(R).e("prefix-inner")) }, [A(e.$slots, "prefix"), r.prefixIcon ? (O(), x(N(_), {
+					key: 0,
+					class: D(N(R).e("icon"))
+				}, {
+					default: F(() => [(O(), x(j(r.prefixIcon)))]),
+					_: 1
+				}, 8, ["class"])) : S("v-if", !0)], 2)], 2)) : S("v-if", !0),
+				w("input", pe({
+					id: N(Se),
+					ref_key: "input",
+					ref: B,
+					class: N(R).e("inner")
+				}, N(v), {
+					name: r.name,
+					minlength: r.countGraphemes ? void 0 : r.minlength,
+					maxlength: r.countGraphemes ? void 0 : y.value,
+					type: r.showPassword ? H.value ? "text" : "password" : r.type,
+					disabled: N(L),
+					readonly: r.readonly,
+					autocomplete: r.autocomplete,
+					tabindex: r.tabindex,
+					"aria-label": r.ariaLabel,
+					placeholder: r.placeholder,
+					style: r.inputStyle,
+					form: r.form,
+					autofocus: r.autofocus,
+					role: r.containerRole,
+					inputmode: r.inputmode,
+					onCompositionstart: t[0] || (t[0] = (...e) => N(Q) && N(Q)(...e)),
+					onCompositionupdate: t[1] || (t[1] = (...e) => N($) && N($)(...e)),
+					onCompositionend: t[2] || (t[2] = (...e) => N(Qe) && N(Qe)(...e)),
+					onInput: Ye,
+					onChange: Xe,
+					onKeydown: it
+				}), null, 16, Ee),
+				S(" suffix slot "),
+				Ue.value ? (O(), C("span", {
+					key: 1,
+					class: D(N(R).e("suffix"))
+				}, [w("span", { class: D(N(R).e("suffix-inner")) }, [
+					!J.value || !Be.value || !Y.value ? (O(), C(de, { key: 0 }, [A(e.$slots, "suffix"), r.suffixIcon ? (O(), x(N(_), {
+						key: 0,
+						class: D(N(R).e("icon"))
+					}, {
+						default: F(() => [(O(), x(j(r.suffixIcon)))]),
+						_: 1
+					}, 8, ["class"])) : S("v-if", !0)], 64)) : S("v-if", !0),
+					J.value ? (O(), x(N(_), {
+						key: 1,
+						class: D([N(R).e("icon"), N(R).e("clear")]),
+						onMousedown: I(N(h), ["prevent"]),
+						onClick: ot
+					}, {
+						default: F(() => [(O(), x(j(r.clearIcon)))]),
+						_: 1
+					}, 8, ["class", "onMousedown"])) : S("v-if", !0),
+					Be.value ? (O(), x(N(_), {
+						key: 2,
+						class: D([N(R).e("icon"), N(R).e("password")]),
+						onClick: $e,
+						onMousedown: I(N(h), ["prevent"]),
+						onMouseup: I(N(h), ["prevent"])
+					}, {
+						default: F(() => [A(e.$slots, "password-icon", { visible: H.value }, () => [(O(), x(j(Le.value)))])]),
+						_: 3
+					}, 8, [
+						"class",
+						"onMousedown",
+						"onMouseup"
+					])) : S("v-if", !0),
+					Y.value ? (O(), C("span", {
+						key: 3,
+						class: D([N(R).e("count"), N(R).is("outside", r.wordLimitPosition === "outside")])
+					}, [w("span", { class: D(N(R).e("count-inner")) }, M(Ve.value) + " / " + M(y.value), 3)], 2)) : S("v-if", !0),
+					K.value && Ie.value && Fe.value ? (O(), x(N(_), {
+						key: 4,
+						class: D([
+							N(R).e("icon"),
+							N(R).e("validateIcon"),
+							N(R).is("loading", K.value === "validating")
+						])
+					}, {
+						default: F(() => [(O(), x(j(Ie.value)))]),
+						_: 1
+					}, 8, ["class"])) : S("v-if", !0)
+				], 2)], 2)) : S("v-if", !0)
+			], 2),
+			S(" append slot "),
+			e.$slots.append ? (O(), C("div", {
+				key: 1,
+				class: D(N(R).be("group", "append"))
+			}, [A(e.$slots, "append")], 2)) : S("v-if", !0)
+		], 64))], 38));
+	}
+}));
+//#endregion
+export { V as t };