@shtabapp/ui-kit 1.56.0 → 1.58.0

package/dist/STextarea-SwVygHwh.js

@@ -1,148 +0,0 @@
-import { n as e, t } from "./SInlineMessage-Dirk5RwO.js";
-import { t as n } from "./SLabel-FHHPlcKq.js";
-import { n as r, t as i } from "./useFieldMessages-Cb06My1W.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, useAttrs as x, useId as S, useModel as C, useTemplateRef as w, vModelText as T, watch as E, withCtx as D, withDirectives as O } from "vue";
-//#region src/components/STextarea/STextarea.vue?vue&type=script&setup=true&lang.ts
-var k = ["inert", "aria-disabled"], A = [
-	"id",
-	"name",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"rows",
-	"maxlength",
-	"autocomplete"
-], j = {
-	key: 1,
-	class: "s-ui-textarea__footer"
-}, M = {
-	key: 0,
-	class: "s-ui-textarea__messages"
-}, N = {
-	key: 1,
-	class: "s-ui-textarea__counter s-ui-typography-label-12-medium"
-}, P = /* @__PURE__ */ f({
-	inheritAttrs: !1,
-	__name: "STextarea",
-	props: /*@__PURE__*/ p({
-		label: {},
-		labelProps: {},
-		placeholder: {},
-		helpMessages: {},
-		errorMessages: {},
-		bordered: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		maxlength: {},
-		counter: { type: Boolean },
-		resizable: {
-			type: Boolean,
-			default: !0
-		},
-		rows: {},
-		autoGrow: {
-			type: Boolean,
-			default: !1
-		},
-		minRows: { default: 1 },
-		maxRows: { default: 7 },
-		name: {},
-		id: {},
-		autocomplete: {}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ p(["focus", "blur"], ["update:modelValue"]),
-	setup(f, { emit: p }) {
-		let P = C(f, "modelValue"), F = p, I = x(), L = S(), R = w("textareaElementRef"), { isFocused: z, handleFocus: B, handleFocusOut: V } = r({
-			isDisabled: () => f.disabled,
-			blurField: () => R.value?.blur(),
-			emitFocus: (e) => F("focus", e),
-			emitBlur: (e) => F("blur", e)
-		}), H = (e) => {
-			let t = getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 0, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom), i = Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), a = e.scrollHeight + i, o = n * f.minRows + r + i, s = n * f.maxRows + r + i;
-			return {
-				height: Math.min(Math.max(a, o), s),
-				isOverflowing: a > s
-			};
-		}, U = () => {
-			let e = R.value;
-			if (!e) return;
-			if (!f.autoGrow) {
-				e.style.height = "", e.style.overflowY = "";
-				return;
-			}
-			e.style.height = "auto";
-			let { height: t, isOverflowing: n } = H(e);
-			e.style.height = `${t}px`, e.style.overflowY = n ? "auto" : "hidden";
-		};
-		E([
-			R,
-			P,
-			() => f.autoGrow,
-			() => f.minRows,
-			() => f.maxRows
-		], () => h(U), { immediate: !0 });
-		let { normalizedHelpMessages: W, normalizedErrorMessages: G, hasErrorMessages: K, hasHelpMessages: q } = i(() => f.helpMessages, () => f.errorMessages), J = o(() => f.id ? f.id : L), Y = o(() => !!f.label), X = o(() => q.value || K.value), Z = o(() => !(!f.maxlength || f.counter === !1)), Q = o(() => X.value || Z.value), $ = o(() => f.maxlength ? `${P.value.length}/${f.maxlength}` : ""), ee = o(() => P.value.length > 0), te = o(() => ({
-			"s-ui-textarea--disabled": f.disabled,
-			"s-ui-textarea--readonly": f.readonly
-		})), ne = o(() => ({
-			"s-ui-textarea__field--bordered": f.bordered,
-			"s-ui-textarea__field--borderless": !f.bordered,
-			"s-ui-textarea__field--disabled": f.disabled,
-			"s-ui-textarea__field--readonly": f.readonly,
-			"s-ui-textarea__field--error": K.value,
-			"s-ui-textarea__field--filled": ee.value,
-			"s-ui-textarea__field--focused": z.value,
-			"s-ui-textarea__field--resizable": f.resizable && !f.autoGrow && !f.disabled && !f.readonly
-		})), re = (e) => {
-			f.disabled || f.readonly || e.target instanceof HTMLElement && e.target !== R.value && R.value?.focus();
-		};
-		return (r, i) => (_(), l("div", { class: g(["s-ui-textarea", te.value]) }, [
-			Y.value ? (_(), s(b(n), m({ key: 0 }, f.labelProps, { "html-for": J.value }), {
-				default: D(() => [d(y(f.label), 1)]),
-				_: 1
-			}, 16, ["html-for"])) : c("", !0),
-			u("div", {
-				class: g(["s-ui-textarea__field", ne.value]),
-				inert: f.disabled ? !0 : void 0,
-				"aria-disabled": f.disabled ? !0 : void 0,
-				onClick: i[2] ||= (e) => re(e),
-				onFocusout: i[3] ||= (...e) => b(V) && b(V)(...e)
-			}, [O(u("textarea", m({
-				id: J.value,
-				ref_key: "textareaElementRef",
-				ref: R,
-				"onUpdate:modelValue": i[0] ||= (e) => P.value = e,
-				class: "s-ui-textarea__control s-ui-typography-body-16-regular",
-				name: f.name,
-				placeholder: f.placeholder,
-				disabled: f.disabled,
-				readonly: f.readonly,
-				rows: f.rows,
-				maxlength: f.maxlength,
-				autocomplete: f.autocomplete
-			}, b(I), { onFocus: i[1] ||= (...e) => b(B) && b(B)(...e) }), null, 16, A), [[T, P.value]])], 42, k),
-			Q.value ? (_(), l("div", j, [X.value ? (_(), l("div", M, [(_(!0), l(a, null, v(b(W), (e, n) => (_(), s(b(t), {
-				key: `help-${n}`,
-				message: e
-			}, null, 8, ["message"]))), 128)), (_(!0), l(a, null, v(b(G), (n, r) => (_(), s(b(t), {
-				key: `error-${r}`,
-				message: n,
-				"validation-status": b(e).ERROR
-			}, null, 8, ["message", "validation-status"]))), 128))])) : c("", !0), Z.value ? (_(), l("p", N, y($.value), 1)) : c("", !0)])) : c("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { P as t };

package/dist/useFieldMessages-Cb06My1W.js

@@ -1,30 +0,0 @@
-import { computed as e, ref as t, toValue as n } from "vue";
-//#region src/composables/useFieldFocus.ts
-var r = (e) => {
-	let n = t(!1);
-	return {
-		isFocused: n,
-		handleFocus: (t) => {
-			if (e.isDisabled()) {
-				e.blurField();
-				return;
-			}
-			n.value || (n.value = !0, e.emitFocus(t));
-		},
-		handleFocusOut: (t) => {
-			if (!(t.currentTarget instanceof HTMLElement)) return;
-			let r = t.relatedTarget;
-			r instanceof Node && t.currentTarget.contains(r) || n.value && (n.value = !1, e.emitBlur(t));
-		}
-	};
-}, i = (e) => e ? typeof e == "string" ? [e] : e.filter((e) => e.length > 0) : [], a = (t, r) => {
-	let a = e(() => i(n(t))), o = e(() => i(n(r)));
-	return {
-		normalizedHelpMessages: a,
-		normalizedErrorMessages: o,
-		hasHelpMessages: e(() => a.value.length > 0),
-		hasErrorMessages: e(() => o.value.length > 0)
-	};
-};
-//#endregion
-export { r as n, a as t };

package/dist/useFieldMessages-CzjU0ajM.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=t=>{let n=(0,e.ref)(!1);return{isFocused:n,handleFocus:e=>{if(t.isDisabled()){t.blurField();return}n.value||(n.value=!0,t.emitFocus(e))},handleFocusOut:e=>{if(!(e.currentTarget instanceof HTMLElement))return;let r=e.relatedTarget;r instanceof Node&&e.currentTarget.contains(r)||n.value&&(n.value=!1,t.emitBlur(e))}}},n=e=>e?typeof e==`string`?[e]:e.filter(e=>e.length>0):[],r=(t,r)=>{let i=(0,e.computed)(()=>n((0,e.toValue)(t))),a=(0,e.computed)(()=>n((0,e.toValue)(r)));return{normalizedHelpMessages:i,normalizedErrorMessages:a,hasHelpMessages:(0,e.computed)(()=>i.value.length>0),hasErrorMessages:(0,e.computed)(()=>a.value.length>0)}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});