@shtabapp/ui-kit 1.26.0

package/dist/SInlineInput-DHq5BNPn.js

@@ -0,0 +1,517 @@
+import { n as e, t } from "./SInlineMessage-Dirk5RwO.js";
+import { t as n } from "./SLabel-yzcX4qp5.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, toValue as C, unref as w, useId as T, useModel as E, watch as D, withCtx as O, withModifiers as k } from "vue";
+import { useEventListener as A } from "@vueuse/core";
+//#region src/components/SInlineInput/SInlineInput.types.ts
+var j = /* @__PURE__ */ function(e) {
+	return e.FILLED = "filled", e.BARE = "bare", e;
+}({}), M = /* @__PURE__ */ RegExp("​", "g"), N = /[\r\n]+/g, P = /\s+/g, F = typeof global == "object" && global && global.Object === Object && global, I = typeof self == "object" && self && self.Object === Object && self, L = F || I || Function("return this")(), R = L.Symbol, z = Object.prototype, B = z.hasOwnProperty, V = z.toString, H = R ? R.toStringTag : void 0;
+function U(e) {
+	var t = B.call(e, H), n = e[H];
+	try {
+		e[H] = void 0;
+		var r = !0;
+	} catch {}
+	var i = V.call(e);
+	return r && (t ? e[H] = n : delete e[H]), i;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_objectToString.js
+var W = Object.prototype.toString;
+function G(e) {
+	return W.call(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseGetTag.js
+var K = "[object Null]", ee = "[object Undefined]", q = R ? R.toStringTag : void 0;
+function te(e) {
+	return e == null ? e === void 0 ? ee : K : q && q in Object(e) ? U(e) : G(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObjectLike.js
+function ne(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isSymbol.js
+var re = "[object Symbol]";
+function ie(e) {
+	return typeof e == "symbol" || ne(e) && te(e) == re;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_trimmedEndIndex.js
+var J = /\s/;
+function ae(e) {
+	for (var t = e.length; t-- && J.test(e.charAt(t)););
+	return t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/_baseTrim.js
+var oe = /^\s+/;
+function se(e) {
+	return e && e.slice(0, ae(e) + 1).replace(oe, "");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isObject.js
+function Y(e) {
+	var t = typeof e;
+	return e != null && (t == "object" || t == "function");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/toNumber.js
+var X = NaN, ce = /^[-+]0x[0-9a-f]+$/i, le = /^0b[01]+$/i, ue = /^0o[0-7]+$/i, de = parseInt;
+function Z(e) {
+	if (typeof e == "number") return e;
+	if (ie(e)) return X;
+	if (Y(e)) {
+		var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+		e = Y(t) ? t + "" : t;
+	}
+	if (typeof e != "string") return e === 0 ? e : +e;
+	e = se(e);
+	var n = le.test(e);
+	return n || ue.test(e) ? de(e.slice(2), n ? 2 : 8) : ce.test(e) ? X : +e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/now.js
+var Q = function() {
+	return L.Date.now();
+}, $ = "Expected a function", fe = Math.max, pe = Math.min;
+function me(e, t, n) {
+	var r, i, a, o, s, c, l = 0, u = !1, d = !1, f = !0;
+	if (typeof e != "function") throw TypeError($);
+	t = Z(t) || 0, Y(n) && (u = !!n.leading, d = "maxWait" in n, a = d ? fe(Z(n.maxWait) || 0, t) : a, f = "trailing" in n ? !!n.trailing : f);
+	function p(t) {
+		var n = r, a = i;
+		return r = i = void 0, l = t, o = e.apply(a, n), o;
+	}
+	function m(e) {
+		return l = e, s = setTimeout(_, t), u ? p(e) : o;
+	}
+	function h(e) {
+		var n = e - c, r = e - l, i = t - n;
+		return d ? pe(i, a - r) : i;
+	}
+	function g(e) {
+		var n = e - c, r = e - l;
+		return c === void 0 || n >= t || n < 0 || d && r >= a;
+	}
+	function _() {
+		var e = Q();
+		if (g(e)) return v(e);
+		s = setTimeout(_, h(e));
+	}
+	function v(e) {
+		return s = void 0, f && r ? p(e) : (r = i = void 0, o);
+	}
+	function y() {
+		s !== void 0 && clearTimeout(s), l = 0, r = c = i = s = void 0;
+	}
+	function b() {
+		return s === void 0 ? o : v(Q());
+	}
+	function x() {
+		var e = Q(), n = g(e);
+		if (r = arguments, i = this, c = e, n) {
+			if (s === void 0) return m(c);
+			if (d) return clearTimeout(s), s = setTimeout(_, t), p(c);
+		}
+		return s === void 0 && (s = setTimeout(_, t)), o;
+	}
+	return x.cancel = y, x.flush = b, x;
+}
+//#endregion
+//#region src/components/SInlineInput/utils/useStringHistory.ts
+var he = (e, t = {}) => {
+	let n = v([]), r = v([]), a = v(!1), { capacity: o = 20, debounceDelay: s = 500, autoCommit: c = !0 } = t, l = () => {
+		r.value = [];
+	}, u = (e) => n.value[n.value.length - 1]?.content === e, d = () => {
+		n.value.length > o && (n.value = n.value.slice(-o));
+	}, f = v(!1), p = (e, t, r) => {
+		a.value || u(e) || (l(), n.value.push({
+			content: e,
+			timestamp: Date.now(),
+			cursorPosition: t,
+			meta: r
+		}), d());
+	}, m = me((e, t, n) => {
+		p(e, t, n);
+	}, s), g = () => {
+		p(e.value || "", 0, { type: "init" });
+	};
+	e.value !== void 0 && g();
+	let _ = null;
+	return c && (_ = D(e, (e, t) => {
+		if (!(a.value || e === t)) {
+			if (f.value) {
+				f.value = !1;
+				return;
+			}
+			m(e, e.length, { type: "auto" });
+		}
+	}, { flush: "post" })), h(() => {
+		m.cancel(), _ &&= (_(), null);
+	}), {
+		history: n,
+		redoStack: r,
+		canUndo: i(() => n.value.length > 1),
+		canRedo: i(() => r.value.length > 0),
+		undo: () => {
+			if (n.value.length < 2) return;
+			m.cancel(), f.value = !0;
+			let t = n.value.pop();
+			if (!t) return;
+			r.value.unshift(t);
+			let i = n.value[n.value.length - 1];
+			if (i) return e.value = i.content, {
+				content: i.content,
+				cursorPosition: i.cursorPosition
+			};
+		},
+		redo: () => {
+			if (r.value.length === 0) return;
+			m.cancel(), f.value = !0;
+			let t = r.value.shift();
+			if (t) return n.value.push(t), e.value = t.content, {
+				content: t.content,
+				cursorPosition: t.cursorPosition
+			};
+		},
+		commit: p,
+		commitDebounced: m,
+		clear: () => {
+			m.cancel(), n.value = [], r.value = [];
+		},
+		pause: () => {
+			m.cancel(), a.value = !0;
+		},
+		resume: () => {
+			a.value = !1, g();
+		}
+	};
+}, ge = (e) => {
+	let t = (e, t) => e === t || e instanceof Node && t.contains(e), n = () => {
+		let t = window.getSelection();
+		if (!t?.rangeCount || !e.value || !e.value.contains(t.anchorNode)) return 0;
+		let n = t.getRangeAt(0), r = n.cloneRange();
+		return r.selectNodeContents(e.value), r.setEnd(n.endContainer, n.endOffset), r.toString().length;
+	}, r = async (n, r = !1) => {
+		if (r && await p(), !e.value) return;
+		let i = e.value, a = document.activeElement;
+		if (!t(a, i)) return;
+		let o = window.getSelection();
+		if (!o) return;
+		let s = i.textContent || "", c = Math.max(0, Math.min(n, s.length)), l = 0, u = [i], d = null, f = 0;
+		for (; u.length > 0;) {
+			let e = u.pop();
+			if (e.nodeType === Node.TEXT_NODE) {
+				let t = e.textContent?.length || 0;
+				if (l + t >= c) {
+					d = e, f = c - l;
+					break;
+				}
+				l += t;
+			} else {
+				let t = e.childNodes;
+				for (let e = t.length - 1; e >= 0; e--) {
+					let n = t[e];
+					n && u.push(n);
+				}
+			}
+		}
+		let m = document.createRange();
+		if (d) try {
+			m.setStart(d, f), m.collapse(!0);
+		} catch (e) {
+			console.warn("Cursor positioning failed:", e), m.selectNodeContents(i), m.collapse(!1);
+		}
+		else m.selectNodeContents(i), m.collapse(!1);
+		o.removeAllRanges(), o.addRange(m);
+	}, i = () => r(Infinity), a = () => r(0), o = (e, t) => {
+		let n = document.createRange();
+		return n.selectNodeContents(e), n.collapse(!1), t.compareBoundaryPoints(Range.END_TO_END, n) === 0;
+	}, s = (e) => {
+		e.scrollLeft = e.scrollWidth - e.clientWidth;
+	};
+	return {
+		getCursorOffset: n,
+		setCursorOffset: r,
+		setCursorToEnd: i,
+		setCursorToStart: a,
+		scrollCaretIntoView: () => {
+			let t = e.value;
+			if (!t) return;
+			let n = window.getSelection();
+			if (!n?.rangeCount || !n.isCollapsed || !n.anchorNode || !t.contains(n.anchorNode)) return;
+			let r = n.getRangeAt(0), i = r.getClientRects(), a = i.length > 0 ? i[i.length - 1] : r.getBoundingClientRect();
+			if ((!a || a.width === 0 && a.height === 0 && a.left === 0 && a.right === 0) && o(t, r)) {
+				s(t);
+				return;
+			}
+			if (!a) return;
+			let c = t.getBoundingClientRect();
+			a.right > c.right ? t.scrollLeft += a.right - c.right : a.left < c.left && (t.scrollLeft -= c.left - a.left);
+		}
+	};
+}, _e = (e, t = {}) => {
+	let n = i(() => C(t).multiline ?? !1), r = i(() => {
+		let e = C(t).maxLength;
+		if (!(typeof e != "number" || !Number.isFinite(e) || e <= 0)) return e;
+	}), a = v(null), o = v(!0), s = v(!1), c = v(!1), { setCursorToEnd: l, getCursorOffset: u, setCursorOffset: d, scrollCaretIntoView: f } = ge(a), { undo: m, redo: h, commit: _, commitDebounced: y } = he(e, { autoCommit: !1 }), b = null, x = !1, S = (e) => {
+		let t = a.value;
+		if (!t) return !1;
+		let n = t.closest(".s-ui-inline-input");
+		return n instanceof Element && e instanceof Node && n.contains(e);
+	}, w = () => x ? (x = !1, a.value?.blur(), !0) : !1;
+	A(document, "mousedown", (e) => {
+		let t = a.value;
+		t && (x = !S(e.target), x && document.activeElement === t && t.blur());
+	}, { capture: !0 });
+	let T = () => {
+		n.value || f();
+	};
+	A(document, "selectionchange", () => {
+		if (!(n.value || !a.value) && document.activeElement === a.value) {
+			if (b !== null) {
+				a.value.scrollLeft = b, b = null;
+				return;
+			}
+			f();
+		}
+	});
+	let E = (e) => {
+		let t = e.replace(M, "");
+		return n.value || (t = t.replace(N, " ")), t;
+	}, O = (e) => E(e).length === 0, k = (e) => r.value === void 0 || e.length <= r.value ? e : e.slice(0, r.value), j = () => {
+		let e = a.value, t = window.getSelection();
+		return !e || !t?.rangeCount || !t.anchorNode || !e.contains(t.anchorNode) ? 0 : E(t.toString()).length;
+	}, F = () => {
+		if (r.value === void 0 || !a.value) return Infinity;
+		let e = E(a.value.textContent || "").length, t = j();
+		return Math.max(0, r.value - e + t);
+	}, I = (e) => r.value === void 0 || e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey ? !1 : F() <= 0, L = () => {
+		if (!a.value) return {
+			changed: !1,
+			content: "",
+			cursor: 0
+		};
+		(a.value.textContent || "") === "" && (a.value.textContent = "​", l());
+		let t = a.value.textContent || "", n = E(t), r = k(n), i = n !== r;
+		i && (a.value.textContent = r.length > 0 ? r : "​"), o.value = r.length === 0;
+		let s = e.value !== r;
+		s && (e.value = r);
+		let c = u();
+		return t.startsWith("​") && c > 0 && --c, i && (c = Math.min(c, r.length), d(c)), {
+			changed: s || i,
+			content: r,
+			cursor: c
+		};
+	}, R = () => {
+		s.value = !0;
+		let { changed: e, content: t, cursor: n } = L();
+		e && y(t, n, { type: "input" }), p(() => {
+			T(), s.value = !1;
+		});
+	}, z = () => {
+		w() || a.value && (E(a.value.textContent || "") || (a.value.textContent !== "​" && (a.value.textContent = "​"), l()));
+	}, B = () => {
+		a.value && (o.value = O(a.value.textContent || ""));
+	}, V = async (e) => {
+		e.preventDefault();
+		let t = e.clipboardData?.getData("text/plain") || "", r = F();
+		if (r <= 0) return;
+		t.length > r && (t = t.slice(0, r)), n.value || (t = t.replace(N, " "));
+		let i = t.trim().replace(P, " ");
+		if (!i) return;
+		let a = window.getSelection();
+		if (!a || !a.rangeCount) return;
+		s.value = !0;
+		let o = a.getRangeAt(0);
+		o.deleteContents();
+		let c = document.createTextNode(i);
+		o.insertNode(c), o.setStartAfter(c), o.setEndAfter(c), a.removeAllRanges(), a.addRange(o);
+		let { changed: l, content: u, cursor: f } = L();
+		l && _(u, f, { type: "paste" }), n.value || await d(f), await p(), T(), s.value = !1;
+	}, H = (e) => {
+		let t = e.ctrlKey || e.metaKey, r = e.shiftKey;
+		if (I(e)) {
+			e.preventDefault();
+			return;
+		}
+		if (!n.value && (e.key === "Enter" || e.key === "NumpadEnter")) {
+			e.preventDefault();
+			return;
+		}
+		if (!n.value && t && e.code === "KeyA" && a.value) {
+			b = a.value.scrollLeft;
+			return;
+		}
+		if (t && e.code === "KeyZ") {
+			e.preventDefault(), c.value = !0;
+			let t = r ? h() : m();
+			t ? p(() => {
+				d(t.cursorPosition ?? t.content.length), p(T), c.value = !1;
+			}) : c.value = !1;
+		}
+	}, U = () => {
+		a.value && document.activeElement !== a.value && a.value.focus();
+	}, W = () => {
+		if (!a.value || n.value) return;
+		s.value = !0;
+		let t = k(E(a.value.innerText || a.value.textContent || ""));
+		e.value = t, a.value.textContent = t.length > 0 ? t : "​", o.value = t.length === 0, p(() => {
+			s.value = !1;
+		});
+	};
+	D(n, (e, t) => {
+		e || !t || W();
+	});
+	let G = () => {
+		!a.value || e.value === void 0 || (s.value = !0, L(), p(() => {
+			s.value = !1;
+		}));
+	};
+	D(r, (e, t) => {
+		e === void 0 || t !== void 0 && e >= t || G();
+	});
+	let K = async (t) => {
+		if (s.value || !a.value) return;
+		let n = k(t), r = a.value.textContent || "";
+		(E(r) !== n || n === "" && r !== "​") && (a.value.textContent = n === "" ? "​" : n, o.value = n === "", n !== t && (s.value = !0, e.value = n, p(() => {
+			s.value = !1;
+		})), document.activeElement === a.value && !c.value && (await p(), l()));
+	};
+	return g(async () => {
+		await p(), K(e.value);
+	}), D(a, (t) => {
+		t && K(e.value);
+	}), D(e, (e) => {
+		K(e);
+	}), {
+		editableRef: a,
+		isPlaceholderVisible: o,
+		handleInput: R,
+		handleFocus: z,
+		handleBlur: B,
+		handlePaste: V,
+		handleKeydown: H,
+		handleWrapperClick: U
+	};
+}, ve = {
+	key: 1,
+	class: "s-ui-inline-input--messages"
+}, ye = /* @__PURE__ */ u({
+	__name: "SInlineInput",
+	props: /*@__PURE__*/ d({
+		label: {},
+		labelProps: {},
+		id: {},
+		appearance: { default: () => j.FILLED },
+		tag: { default: "div" },
+		multiline: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {},
+		placeholder: { default: "" },
+		helpMessages: {},
+		errorMessages: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		spellcheck: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d(["blur"], ["update:modelValue"]),
+	setup(u, { expose: d, emit: p }) {
+		let h = p, { editableRef: g, isPlaceholderVisible: v, handleInput: C, handleFocus: D, handleBlur: A, handlePaste: j, handleKeydown: M, handleWrapperClick: N } = _e(E(u, "modelValue"), () => ({
+			multiline: u.multiline,
+			maxLength: u.maxlength
+		})), P = (e) => e ? typeof e == "string" ? e.length ? [e] : [] : e.filter((e) => e.length) : [], F = i(() => P(u.helpMessages)), I = i(() => F.value.length > 0), L = i(() => P(u.errorMessages)), R = i(() => L.value.length > 0), z = T(), B = i(() => u.id ? u.id : z), V = i(() => !u.disabled && !u.readonly), H = i(() => ({
+			"s-ui-inline-input--content-empty": v.value,
+			"s-ui-inline-input--content-multiline": u.multiline
+		})), U = i(() => ({
+			[`s-ui-inline-input--wrapper-appearance-${u.appearance}`]: !0,
+			"s-ui-inline-input--wrapper-error": R.value,
+			"s-ui-inline-input--wrapper-readonly": u.readonly,
+			"s-ui-inline-input--wrapper-disabled": u.disabled
+		})), W = () => {
+			A(), h("blur");
+		}, G = (e) => {
+			V.value && e.target === e.currentTarget && N();
+		};
+		return d({ focus: () => {
+			if (!V.value) return;
+			let e = g.value;
+			if (e && (e.focus(), e.innerText.length > 0)) {
+				let t = document.createRange(), n = window.getSelection();
+				t.selectNodeContents(e), t.collapse(!1), n?.removeAllRanges(), n?.addRange(t);
+			}
+		} }), (i, d) => (_(), s("div", f({ class: "s-ui-inline-input" }, i.$attrs), [
+			u.label || i.$slots.label ? (_(), a(w(n), f({ key: 0 }, u.labelProps, { "html-for": B.value }), {
+				default: O(() => [b(i.$slots, "label", {}, () => [l(S(u.label), 1)])]),
+				_: 3
+			}, 16, ["html-for"])) : o("", !0),
+			c("div", {
+				class: m(["s-ui-inline-input--wrapper", U.value]),
+				onClick: G
+			}, [i.$slots.default ? (_(), s("div", {
+				key: 0,
+				class: "s-ui-inline-input--slot",
+				onClick: d[0] ||= k(() => {}, ["stop"])
+			}, [b(i.$slots, "default")])) : o("", !0), (_(), a(x(u.tag), {
+				ref_key: "editableRef",
+				ref: g,
+				class: m(["s-ui-inline-input--content", H.value]),
+				role: "textbox",
+				id: B.value,
+				contenteditable: V.value,
+				spellcheck: u.spellcheck,
+				"data-placeholder": u.placeholder,
+				"aria-placeholder": u.placeholder,
+				"aria-readonly": u.readonly ? !0 : void 0,
+				"aria-disabled": u.disabled ? !0 : void 0,
+				"aria-multiline": u.multiline ? !0 : void 0,
+				onInput: w(C),
+				onFocus: w(D),
+				onBlur: W,
+				onKeydown: w(M),
+				onPaste: w(j)
+			}, null, 40, [
+				"id",
+				"class",
+				"contenteditable",
+				"spellcheck",
+				"data-placeholder",
+				"aria-placeholder",
+				"aria-readonly",
+				"aria-disabled",
+				"aria-multiline",
+				"onInput",
+				"onFocus",
+				"onKeydown",
+				"onPaste"
+			]))], 2),
+			I.value || R.value ? (_(), s("div", ve, [b(i.$slots, "message", {}, () => [(_(!0), s(r, null, y(F.value, (e, n) => (_(), a(w(t), {
+				key: `help-${n}`,
+				message: e
+			}, null, 8, ["message"]))), 128)), (_(!0), s(r, null, y(L.value, (n, r) => (_(), a(w(t), {
+				key: `error-${r}`,
+				message: n,
+				"validation-status": w(e).ERROR
+			}, null, 8, ["message", "validation-status"]))), 128))])])) : o("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { j as n, ye as t };

package/dist/SInlineMessage-Dirk5RwO.js

@@ -0,0 +1,17 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, toDisplayString as a } from "vue";
+//#region src/components/SInlineMessage/SInlineMessage.types.ts
+var o = /* @__PURE__ */ function(e) {
+	return e.DEFAULT = "default", e.ERROR = "error", e;
+}({}), s = /* @__PURE__ */ n({
+	__name: "SInlineMessage",
+	props: {
+		message: {},
+		validationStatus: { default: () => o.DEFAULT }
+	},
+	setup(n) {
+		let s = e(() => ({ "s-ui-inline-message--error": n.validationStatus === o.ERROR }));
+		return (e, o) => (i(), t("span", { class: r(["s-ui-inline-message s-ui-typography-label-12-medium", s.value]) }, a(n.message), 3));
+	}
+});
+//#endregion
+export { o as n, s as t };

package/dist/SInlineMessage-gjkMiE-W.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=function(e){return e.DEFAULT=`default`,e.ERROR=`error`,e}({}),n=(0,e.defineComponent)({__name:`SInlineMessage`,props:{message:{},validationStatus:{default:()=>t.DEFAULT}},setup(n){let r=(0,e.computed)(()=>({"s-ui-inline-message--error":n.validationStatus===t.ERROR}));return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)([`s-ui-inline-message s-ui-typography-label-12-medium`,r.value])},(0,e.toDisplayString)(n.message),3))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/SInput-A659aRIu.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-fFytCz5D.cjs"),n=require("./SInlineMessage-gjkMiE-W.cjs"),r=require("./SLabel-CTiOAAOu.cjs"),i=require("./useFieldMessages-CzjU0ajM.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.NONE=`none`,e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),c=[`inert`,`aria-disabled`],l={key:0,class:`s-ui-input__prepend`},u={class:`s-ui-input__row`},d={key:0,class:`s-ui-input__prefix`},f=[`id`,`type`,`name`,`placeholder`,`disabled`,`readonly`,`autocomplete`],p={key:0,class:`s-ui-input__inline`},m={key:1,class:`s-ui-input__clear`},h={key:2,class:`s-ui-input__action`},g={key:1,class:`s-ui-input__messages`},_=16,v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SInput`,props:(0,a.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},hasValue:{type:Boolean},focused:{type:Boolean,default:!1},iconLeft:{},iconRight:{},customize:{default:()=>s.NONE},name:{},type:{default:`text`},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`clear`,`focus`,`blur`],[`update:modelValue`]),setup(v,{expose:y,emit:b}){let x=(0,a.useModel)(v,`modelValue`),S=b,C=(0,a.useAttrs)(),w=(0,a.useSlots)(),T=(0,a.useId)(),E=(0,a.useTemplateRef)(`fieldElementRef`),D=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:O,handleFocus:k,handleFocusOut:A}=i.n({isDisabled:()=>v.disabled,blurField:()=>Y(),emitFocus:e=>S(`focus`,e),emitBlur:e=>S(`blur`,e)}),{normalizedHelpMessages:j,normalizedErrorMessages:M,hasErrorMessages:N,hasHelpMessages:P}=i.t(()=>v.helpMessages,()=>v.errorMessages),F=(0,a.computed)(()=>v.id?v.id:T),I=(0,a.computed)(()=>!!(v.label||w.label)),L=(0,a.computed)(()=>!!(v.iconLeft||w.prefix)),R=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!w.prepend),z=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!w.prepend),B=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:x.value.length>0),V=(0,a.computed)(()=>{if(!O.value)return-1}),H=(0,a.computed)(()=>!!(v.iconRight||w.action)),U=(0,a.computed)(()=>!!w.message||P.value||N.value),W=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),G=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),K=(0,a.computed)(()=>[{"s-ui-input__field--bordered":v.bordered,"s-ui-input__field--borderless":!v.bordered,"s-ui-input__field--disabled":v.disabled,"s-ui-input__field--readonly":v.readonly,"s-ui-input__field--error":N.value,"s-ui-input__field--filled":W.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":O.value||v.focused}]),q=e=>{let t=E.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},J=e=>{if(w.control){q(e);return}D.value?.focus(e)},Y=()=>{if(w.control){let e=document.activeElement;e instanceof HTMLElement&&E.value?.contains(e)&&e.blur();return}D.value?.blur()},X=e=>{v.disabled||v.readonly||e.target instanceof HTMLElement&&(e.target.closest(`.s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action`)||J())},Z=()=>{x.value=``,S(`clear`),J()};return y({blur:Y,focus:J,fieldElementRef:E,inputElementRef:D}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,G.value])},[I.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":F.value}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(i.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(v.label),1)])]),_:3},16,[`html-for`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{ref_key:`fieldElementRef`,ref:E,class:(0,a.normalizeClass)([`s-ui-input__field`,K.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>X(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)},[R.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,u,[L.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,d,[(0,a.renderSlot)(i.$slots,`prefix`,{disabled:v.disabled},()=>[v.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:v.iconLeft,size:_},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`s-ui-input__control-wrap`,{"s-ui-input__control-wrap--horizontal":v.customize===(0,a.unref)(s).HORIZONTAL}])},[(0,a.renderSlot)(i.$slots,`control`,{disabled:v.disabled},()=>[(0,a.withDirectives)((0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:F.value,ref_key:`inputElementRef`,ref:D,"onUpdate:modelValue":y[0]||=e=>x.value=e,class:`s-ui-input__control s-ui-typography-body-14-regular`,type:v.type,name:v.name,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,autocomplete:v.autocomplete},(0,a.unref)(C),{onFocus:y[1]||=(...e)=>(0,a.unref)(k)&&(0,a.unref)(k)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),B.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,m,[(0,a.createVNode)((0,a.unref)(t.t),{appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":`Clear`,tabindex:V.value,onClick:(0,a.withModifiers)(Z,[`stop`])},null,8,[`appearance`,`variant`,`size`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),H.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h,[(0,a.renderSlot)(i.$slots,`action`,{disabled:v.disabled},()=>[v.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(t.t),{key:0,appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,disabled:v.disabled,icon:v.iconRight,tabindex:-1},null,8,[`appearance`,`variant`,`size`,`disabled`,`icon`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0)])],42,c),U.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,g,[(0,a.renderSlot)(i.$slots,`message`,{},()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(j),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`help-${t}`,message:e},null,8,[`message`]))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(M),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`error-${t}`,message:e,"validation-status":(0,a.unref)(n.n).ERROR},null,8,[`message`,`validation-status`]))),128))])])):(0,a.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});