@shtabapp/ui-kit 1.57.0 → 1.59.0

package/dist/STextarea-CFOemAYa.js

@@ -1,264 +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, onScopeDispose as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useAttrs as C, useId as w, useModel as T, useTemplateRef as E, vModelText as D, watch as O, withCtx as k, withDirectives as ee } from "vue";
-import { useEventListener as A } from "@vueuse/core";
-//#region src/composables/useResizeAutoScroll.ts
-var j = 20, M = 96, N = 12, P = [
-	"auto",
-	"scroll",
-	"overlay"
-], F = (e) => P.some((t) => t === e), I = (e) => {
-	if (e instanceof HTMLElement) {
-		let { top: t, bottom: n } = e.getBoundingClientRect();
-		return {
-			top: t,
-			bottom: n
-		};
-	}
-	return {
-		top: 0,
-		bottom: window.innerHeight
-	};
-}, L = (e) => {
-	if (e <= 0) return N;
-	if (e >= M) return 0;
-	let t = 1 - e / M;
-	return N * t * t;
-}, R = (e, t, n) => {
-	let r = e - t;
-	if (r < 0) return -12;
-	if (r < M) return -L(r);
-	let i = n - e;
-	return i < 0 ? N : i < M ? L(i) : 0;
-}, z = ({ elementRef: e, isEnabled: t }) => {
-	let n = y(!1), r = y(!1), i = y({
-		x: 0,
-		y: 0
-	}), a = y({
-		x: 0,
-		y: 0
-	}), o = y(0), s = null, c = null, l = {
-		top: 0,
-		bottom: 0
-	}, u = () => {
-		let t = e.value;
-		if (!t) return window;
-		let n = t.parentElement;
-		for (; n;) {
-			let e = getComputedStyle(n);
-			if ((F(e.overflowY) || F(e.overflow)) && n.scrollHeight > n.clientHeight) return n;
-			n = n.parentElement;
-		}
-		return window;
-	}, d = () => {
-		c = u(), l = I(c);
-	}, f = () => {
-		n.value = !1, r.value = !1, c = null, l = {
-			top: 0,
-			bottom: 0
-		}, s !== null && (cancelAnimationFrame(s), s = null);
-	}, p = () => {
-		if (!t() || !r.value || !e.value) {
-			s = null;
-			return;
-		}
-		d();
-		let n = R(a.value.y, l.top, l.bottom);
-		n !== 0 && c && c.scrollBy({
-			top: n,
-			behavior: "auto"
-		}), s = requestAnimationFrame(p);
-	}, m = () => {
-		!t() || r.value || s !== null || (d(), r.value = !0, s = requestAnimationFrame(p));
-	}, h = (n) => {
-		let r = e.value;
-		if (!t() || !r) return !1;
-		let { right: i, bottom: a } = r.getBoundingClientRect(), o = i - n.clientX, s = a - n.clientY;
-		return o >= 0 && o <= j && s >= 0 && s <= j;
-	}, g = (t) => {
-		let s = e.value;
-		if (t.button !== 0 || !h(t) || !s) {
-			f();
-			return;
-		}
-		i.value = {
-			x: t.clientX,
-			y: t.clientY
-		}, a.value = {
-			x: t.clientX,
-			y: t.clientY
-		}, o.value = s.offsetHeight, n.value = !0, r.value = !1;
-	}, v = (s) => {
-		let c = e.value;
-		if (!t() || !n.value || !c) return;
-		a.value = {
-			x: s.clientX,
-			y: s.clientY
-		}, r.value && d();
-		let l = s.clientX !== i.value.x || s.clientY !== i.value.y, u = Math.abs(c.offsetHeight - o.value) >= 1;
-		(l || u) && m();
-	};
-	return A(e, "pointerdown", g), A(e, "mousedown", g), A(document, "pointermove", v, { passive: !0 }), A(document, "mousemove", v, { passive: !0 }), A(document, "pointerup", f), A(document, "mouseup", f), A(document, "pointercancel", f), A(window, "resize", () => {
-		!t() || !r.value || d();
-	}, { passive: !0 }), A(window, "blur", f), _(f), { isResizeActive: r };
-}, B = ["inert", "aria-disabled"], V = [
-	"id",
-	"name",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"rows",
-	"maxlength",
-	"autocomplete"
-], H = {
-	key: 1,
-	class: "s-ui-textarea__footer"
-}, U = {
-	key: 0,
-	class: "s-ui-textarea__messages"
-}, W = {
-	key: 1,
-	class: "s-ui-textarea__counter s-ui-typography-label-12-medium"
-}, G = /* @__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
-		},
-		resizeAutoScroll: {
-			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, { expose: p, emit: _ }) {
-		let y = T(f, "modelValue"), A = _, j = C(), M = w(), N = E("textareaElementRef"), { isFocused: P, handleFocus: F, handleFocusOut: I } = r({
-			isDisabled: () => f.disabled,
-			blurField: () => N.value?.blur(),
-			emitFocus: (e) => A("focus", e),
-			emitBlur: (e) => A("blur", e)
-		});
-		z({
-			elementRef: N,
-			isEnabled: () => f.resizeAutoScroll && f.resizable && !f.autoGrow && !f.disabled && !f.readonly
-		});
-		let L = (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
-			};
-		}, R = () => {
-			let e = N.value;
-			if (!e) return;
-			if (!f.autoGrow) {
-				e.style.height = "", e.style.overflowY = "";
-				return;
-			}
-			e.style.height = "auto";
-			let { height: t, isOverflowing: n } = L(e);
-			e.style.height = `${t}px`, e.style.overflowY = n ? "auto" : "hidden";
-		};
-		O([
-			N,
-			y,
-			() => f.autoGrow,
-			() => f.minRows,
-			() => f.maxRows
-		], () => h(R), { immediate: !0 });
-		let { normalizedHelpMessages: G, normalizedErrorMessages: K, hasErrorMessages: q, hasHelpMessages: J } = i(() => f.helpMessages, () => f.errorMessages), Y = o(() => f.id ? f.id : M), X = o(() => !!f.label), Z = o(() => J.value || q.value), Q = o(() => !(!f.maxlength || f.counter === !1)), te = o(() => Z.value || Q.value), ne = o(() => f.maxlength ? `${y.value.length}/${f.maxlength}` : ""), re = o(() => y.value.length > 0), ie = o(() => ({
-			"s-ui-textarea--disabled": f.disabled,
-			"s-ui-textarea--readonly": f.readonly
-		})), ae = 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": q.value,
-			"s-ui-textarea__field--filled": re.value,
-			"s-ui-textarea__field--focused": P.value,
-			"s-ui-textarea__field--resizable": f.resizable && !f.autoGrow && !f.disabled && !f.readonly
-		})), $ = () => {
-			N.value?.focus();
-		}, oe = () => {
-			N.value?.blur();
-		}, se = (e) => {
-			f.disabled || f.readonly || e.target instanceof HTMLElement && e.target !== N.value && $();
-		};
-		return p({
-			blur: oe,
-			focus: $,
-			textareaElementRef: N
-		}), (r, i) => (v(), l("div", { class: g(["s-ui-textarea", ie.value]) }, [
-			X.value ? (v(), s(S(n), m({ key: 0 }, f.labelProps, { "html-for": Y.value }), {
-				default: k(() => [d(x(f.label), 1)]),
-				_: 1
-			}, 16, ["html-for"])) : c("", !0),
-			u("div", {
-				class: g(["s-ui-textarea__field", ae.value]),
-				inert: f.disabled ? !0 : void 0,
-				"aria-disabled": f.disabled ? !0 : void 0,
-				onClick: i[2] ||= (e) => se(e),
-				onFocusout: i[3] ||= (...e) => S(I) && S(I)(...e)
-			}, [ee(u("textarea", m({
-				id: Y.value,
-				ref_key: "textareaElementRef",
-				ref: N,
-				"onUpdate:modelValue": i[0] ||= (e) => y.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
-			}, S(j), { onFocus: i[1] ||= (...e) => S(F) && S(F)(...e) }), null, 16, V), [[D, y.value]])], 42, B),
-			te.value ? (v(), l("div", H, [Z.value ? (v(), l("div", U, [(v(!0), l(a, null, b(S(G), (e, n) => (v(), s(S(t), {
-				key: `help-${n}`,
-				message: e
-			}, null, 8, ["message"]))), 128)), (v(!0), l(a, null, b(S(K), (n, r) => (v(), s(S(t), {
-				key: `error-${r}`,
-				message: n,
-				"validation-status": S(e).ERROR
-			}, null, 8, ["message", "validation-status"]))), 128))])) : c("", !0), Q.value ? (v(), l("p", W, x(ne.value), 1)) : c("", !0)])) : c("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { G as t };

package/dist/STextarea-Dg-Dy3ZT.cjs

@@ -1 +0,0 @@
-const e=require("./SInlineMessage-gjkMiE-W.cjs"),t=require("./SLabel-DLKfepRW.cjs"),n=require("./useFieldMessages-CzjU0ajM.cjs");let r=require("vue"),i=require("@vueuse/core");var a=20,o=96,s=12,c=[`auto`,`scroll`,`overlay`],l=e=>c.some(t=>t===e),u=e=>{if(e instanceof HTMLElement){let{top:t,bottom:n}=e.getBoundingClientRect();return{top:t,bottom:n}}return{top:0,bottom:window.innerHeight}},d=e=>{if(e<=0)return s;if(e>=o)return 0;let t=1-e/o;return s*t*t},f=(e,t,n)=>{let r=e-t;if(r<0)return-12;if(r<o)return-d(r);let i=n-e;return i<0?s:i<o?d(i):0},p=({elementRef:e,isEnabled:t})=>{let n=(0,r.ref)(!1),o=(0,r.ref)(!1),s=(0,r.ref)({x:0,y:0}),c=(0,r.ref)({x:0,y:0}),d=(0,r.ref)(0),p=null,m=null,h={top:0,bottom:0},g=()=>{let t=e.value;if(!t)return window;let n=t.parentElement;for(;n;){let e=getComputedStyle(n);if((l(e.overflowY)||l(e.overflow))&&n.scrollHeight>n.clientHeight)return n;n=n.parentElement}return window},_=()=>{m=g(),h=u(m)},v=()=>{n.value=!1,o.value=!1,m=null,h={top:0,bottom:0},p!==null&&(cancelAnimationFrame(p),p=null)},y=()=>{if(!t()||!o.value||!e.value){p=null;return}_();let n=f(c.value.y,h.top,h.bottom);n!==0&&m&&m.scrollBy({top:n,behavior:`auto`}),p=requestAnimationFrame(y)},b=()=>{!t()||o.value||p!==null||(_(),o.value=!0,p=requestAnimationFrame(y))},x=n=>{let r=e.value;if(!t()||!r)return!1;let{right:i,bottom:o}=r.getBoundingClientRect(),s=i-n.clientX,c=o-n.clientY;return s>=0&&s<=a&&c>=0&&c<=a},S=t=>{let r=e.value;if(t.button!==0||!x(t)||!r){v();return}s.value={x:t.clientX,y:t.clientY},c.value={x:t.clientX,y:t.clientY},d.value=r.offsetHeight,n.value=!0,o.value=!1},C=r=>{let i=e.value;if(!t()||!n.value||!i)return;c.value={x:r.clientX,y:r.clientY},o.value&&_();let a=r.clientX!==s.value.x||r.clientY!==s.value.y,l=Math.abs(i.offsetHeight-d.value)>=1;(a||l)&&b()};return(0,i.useEventListener)(e,`pointerdown`,S),(0,i.useEventListener)(e,`mousedown`,S),(0,i.useEventListener)(document,`pointermove`,C,{passive:!0}),(0,i.useEventListener)(document,`mousemove`,C,{passive:!0}),(0,i.useEventListener)(document,`pointerup`,v),(0,i.useEventListener)(document,`mouseup`,v),(0,i.useEventListener)(document,`pointercancel`,v),(0,i.useEventListener)(window,`resize`,()=>{!t()||!o.value||_()},{passive:!0}),(0,i.useEventListener)(window,`blur`,v),(0,r.onScopeDispose)(v),{isResizeActive:o}},m=[`inert`,`aria-disabled`],h=[`id`,`name`,`placeholder`,`disabled`,`readonly`,`rows`,`maxlength`,`autocomplete`],g={key:1,class:`s-ui-textarea__footer`},_={key:0,class:`s-ui-textarea__messages`},v={key:1,class:`s-ui-textarea__counter s-ui-typography-label-12-medium`},y=(0,r.defineComponent)({inheritAttrs:!1,__name:`STextarea`,props:(0,r.mergeModels)({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},resizeAutoScroll:{type:Boolean,default:!1},minRows:{default:1},maxRows:{default:7},name:{},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`focus`,`blur`],[`update:modelValue`]),setup(i,{expose:a,emit:o}){let s=(0,r.useModel)(i,`modelValue`),c=o,l=(0,r.useAttrs)(),u=(0,r.useId)(),d=(0,r.useTemplateRef)(`textareaElementRef`),{isFocused:f,handleFocus:y,handleFocusOut:b}=n.n({isDisabled:()=>i.disabled,blurField:()=>d.value?.blur(),emitFocus:e=>c(`focus`,e),emitBlur:e=>c(`blur`,e)});p({elementRef:d,isEnabled:()=>i.resizeAutoScroll&&i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly});let x=e=>{let t=getComputedStyle(e),n=Number.parseFloat(t.lineHeight)||0,r=Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom),a=Number.parseFloat(t.borderTopWidth)+Number.parseFloat(t.borderBottomWidth),o=e.scrollHeight+a,s=n*i.minRows+r+a,c=n*i.maxRows+r+a;return{height:Math.min(Math.max(o,s),c),isOverflowing:o>c}},S=()=>{let e=d.value;if(!e)return;if(!i.autoGrow){e.style.height=``,e.style.overflowY=``;return}e.style.height=`auto`;let{height:t,isOverflowing:n}=x(e);e.style.height=`${t}px`,e.style.overflowY=n?`auto`:`hidden`};(0,r.watch)([d,s,()=>i.autoGrow,()=>i.minRows,()=>i.maxRows],()=>(0,r.nextTick)(S),{immediate:!0});let{normalizedHelpMessages:C,normalizedErrorMessages:w,hasErrorMessages:T,hasHelpMessages:E}=n.t(()=>i.helpMessages,()=>i.errorMessages),D=(0,r.computed)(()=>i.id?i.id:u),O=(0,r.computed)(()=>!!i.label),k=(0,r.computed)(()=>E.value||T.value),A=(0,r.computed)(()=>!(!i.maxlength||i.counter===!1)),j=(0,r.computed)(()=>k.value||A.value),M=(0,r.computed)(()=>i.maxlength?`${s.value.length}/${i.maxlength}`:``),N=(0,r.computed)(()=>s.value.length>0),P=(0,r.computed)(()=>({"s-ui-textarea--disabled":i.disabled,"s-ui-textarea--readonly":i.readonly})),F=(0,r.computed)(()=>({"s-ui-textarea__field--bordered":i.bordered,"s-ui-textarea__field--borderless":!i.bordered,"s-ui-textarea__field--disabled":i.disabled,"s-ui-textarea__field--readonly":i.readonly,"s-ui-textarea__field--error":T.value,"s-ui-textarea__field--filled":N.value,"s-ui-textarea__field--focused":f.value,"s-ui-textarea__field--resizable":i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly})),I=()=>{d.value?.focus()},L=()=>{d.value?.blur()},R=e=>{i.disabled||i.readonly||e.target instanceof HTMLElement&&e.target!==d.value&&I()};return a({blur:L,focus:I,textareaElementRef:d}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea`,P.value])},[O.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),(0,r.mergeProps)({key:0},i.labelProps,{"html-for":D.value}),{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(i.label),1)]),_:1},16,[`html-for`])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea__field`,F.value]),inert:i.disabled?!0:void 0,"aria-disabled":i.disabled?!0:void 0,onClick:a[2]||=e=>R(e),onFocusout:a[3]||=(...e)=>(0,r.unref)(b)&&(0,r.unref)(b)(...e)},[(0,r.withDirectives)((0,r.createElementVNode)(`textarea`,(0,r.mergeProps)({id:D.value,ref_key:`textareaElementRef`,ref:d,"onUpdate:modelValue":a[0]||=e=>s.value=e,class:`s-ui-textarea__control s-ui-typography-body-16-regular`,name:i.name,placeholder:i.placeholder,disabled:i.disabled,readonly:i.readonly,rows:i.rows,maxlength:i.maxlength,autocomplete:i.autocomplete},(0,r.unref)(l),{onFocus:a[1]||=(...e)=>(0,r.unref)(y)&&(0,r.unref)(y)(...e)}),null,16,h),[[r.vModelText,s.value]])],42,m),j.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,g,[k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,_,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(C),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`help-${n}`,message:t},null,8,[`message`]))),128)),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(w),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`error-${n}`,message:t,"validation-status":(0,r.unref)(e.n).ERROR},null,8,[`message`,`validation-status`]))),128))])):(0,r.createCommentVNode)(``,!0),A.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,v,(0,r.toDisplayString)(M.value),1)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

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}});