@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/SInlineInput-DO_glYxP.js

@@ -1,517 +0,0 @@
-import { n as e, t } from "./SInlineMessage-Dirk5RwO.js";
-import { t as n } from "./SLabel-FHHPlcKq.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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-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}});