@shtabapp/ui-kit 1.64.1 → 1.66.0

package/dist/SDropdown-CiXHI3g1.js

@@ -0,0 +1,362 @@
+import { a as e, i as t, t as n } from "./useFloatingOverlay-B1BvRxLz.js";
+import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onScopeDispose as v, openBlock as y, ref as b, renderSlot as x, shallowRef as S, toDisplayString as C, toValue as w, unref as T, useId as E, useModel as D, useSlots as O, useTemplateRef as k, watch as A, withCtx as j, withModifiers as M } from "vue";
+import { useUiKitI18n as N } from "@shtabapp/ui-kit-primitives";
+import { useElementHover as P, useEventListener as F, useMediaQuery as I, useScrollLock as L } from "@vueuse/core";
+//#region src/components/SDropdown/SDropdown.types.ts
+var R = 768, ee = (e) => {
+	let t = b(e.value), n = b(e.value);
+	return A(e, (e) => {
+		if (e) {
+			t.value = !0, n.value = !0;
+			return;
+		}
+		t.value = !1;
+	}, { flush: "sync" }), {
+		isPanelShown: t,
+		isPanelActive: n,
+		handlePanelAfterLeave: () => {
+			e.value || (n.value = !1);
+		}
+	};
+}, te = (e, t) => {
+	let n = I(o(() => `(max-width: ${(w(t) || 768) - .02}px)`));
+	return o(() => w(e) && n.value);
+}, z = (e) => {
+	if (!e) return null;
+	let t = e.getBoundingClientRect();
+	if (t.width > 0 || t.height > 0) return e;
+	let n = e.firstElementChild;
+	return n instanceof HTMLElement ? n : e;
+}, B = {
+	OVERDRAG_LIMIT: 50,
+	CLOSE_DISTANCE_RATIO: .3,
+	CLOSE_DISTANCE_LIMIT: 140,
+	CLOSE_VELOCITY: .5,
+	SETTLE_TIMEOUT: 400,
+	INTERACTIVE_SELECTOR: "button, a[href], input, select, textarea, [role=\"button\"], [contenteditable=\"true\"]"
+}, V = (e) => {
+	let t = S(0), n = S(!1), r = S(!1), i = null, a = 0, s = 0, c = 0, l = 0, u = 0, d, f = o(() => n.value || r.value), p = () => {
+		clearTimeout(d), d = void 0, r.value = !1;
+	}, m = () => {
+		r.value = !0, clearTimeout(d), d = setTimeout(p, B.SETTLE_TIMEOUT);
+	}, h = () => {
+		i = null, t.value = 0, n.value = !1, p();
+	}, g = () => w(e.popup)?.offsetHeight ?? 0, _ = () => {
+		let e = l - a;
+		if (e <= 0) return !1;
+		let t = u - c;
+		return (t > 0 ? (l - s) / t : 0) >= B.CLOSE_VELOCITY ? !0 : e >= Math.min(g() * B.CLOSE_DISTANCE_RATIO, B.CLOSE_DISTANCE_LIMIT);
+	}, y = (e) => {
+		i === null && (e.pointerType === "mouse" && e.button !== 0 || e.target instanceof Element && e.target.closest(B.INTERACTIVE_SELECTOR) || (i = e.pointerId, a = e.clientY, l = e.clientY, s = e.clientY, u = e.timeStamp, c = e.timeStamp, p(), n.value = !0));
+	}, b = (e) => {
+		i === e.pointerId && (s = l, c = u, l = e.clientY, u = e.timeStamp, t.value = Math.max(e.clientY - a, -B.OVERDRAG_LIMIT));
+	}, x = (a) => {
+		if (i === a.pointerId) {
+			if (i = null, n.value = !1, _()) {
+				r.value = !0, t.value = g() + B.OVERDRAG_LIMIT, e.onClose();
+				return;
+			}
+			if (t.value === 0) {
+				p();
+				return;
+			}
+			m(), t.value = 0;
+		}
+	};
+	return F(() => w(e.handle), "pointerdown", y), F(window, "pointermove", b), F(window, "pointerup", x), F(window, "pointercancel", x), F(() => w(e.popup), "transitionend", (e) => {
+		e.propertyName !== "transform" || n.value || t.value !== 0 || p();
+	}), v(() => {
+		clearTimeout(d);
+	}), {
+		isActive: f,
+		popupStyles: o(() => {
+			if (f.value) return {
+				transform: `translate3d(0, ${t.value}px, 0)`,
+				transition: r.value ? "transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)" : "none"
+			};
+		}),
+		reset: h
+	};
+}, H = ["aria-label"], U = { class: "s-ui-dropdown-sheet__side" }, W = { class: "s-ui-dropdown-sheet__title" }, G = { class: "s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end" }, K = ["id"], q = /* @__PURE__ */ d({
+	__name: "SDropdownSheet",
+	props: {
+		open: { type: Boolean },
+		title: { default: "" },
+		dismissOnOverlayClick: {
+			type: Boolean,
+			default: !0
+		},
+		dismissOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		contentId: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = t, { t: r } = N(), i = k("popupRef"), o = k("headerRef"), d = () => n("close"), { isActive: f, popupStyles: p, reset: h } = V({
+			handle: o,
+			popup: i,
+			onClose: d
+		}), v = L(() => typeof document > "u" ? null : document.body), b = () => {
+			e.dismissOnOverlayClick && d();
+		}, S = (e) => {
+			f.value && e.stopPropagation();
+		}, w = () => h(), E = null, D = () => {
+			let e = document.activeElement;
+			E = e instanceof HTMLElement ? e : null;
+		}, O = async () => {
+			await m();
+			let e = i.value;
+			!e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
+		}, P = () => {
+			let e = E, t = !!i.value?.contains(document.activeElement);
+			E = null, !(!t || !e?.isConnected) && e.focus({ preventScroll: !0 });
+		};
+		return A(() => e.open, (e) => {
+			if (v.value = e, e) {
+				D(), O();
+				return;
+			}
+			P();
+		}, { immediate: !0 }), F(window, "keydown", (t) => {
+			!e.open || !e.dismissOnEscape || t.key !== "Escape" || d();
+		}), _(() => {
+			v.value = !1;
+		}), (t, n) => (y(), s(a, {
+			name: "s-ui-dropdown-sheet",
+			onAfterLeave: w
+		}, {
+			default: j(() => [e.open ? (y(), l("div", {
+				key: 0,
+				class: "s-ui-dropdown-sheet",
+				onClick: b
+			}, [u("div", {
+				ref_key: "popupRef",
+				ref: i,
+				class: "s-ui-dropdown-sheet__popup",
+				style: g(T(p)),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": e.title || T(r)("dropdown.sheet"),
+				tabindex: "-1",
+				onClickCapture: S,
+				onClick: n[0] ||= M(() => {}, ["stop"])
+			}, [u("header", {
+				ref_key: "headerRef",
+				ref: o,
+				class: "s-ui-dropdown-sheet__header"
+			}, [
+				n[1] ||= u("span", {
+					class: "s-ui-dropdown-sheet__handle",
+					"aria-hidden": "true"
+				}, null, -1),
+				u("div", U, [x(t.$slots, "header-left")]),
+				u("div", W, C(e.title), 1),
+				u("div", G, [x(t.$slots, "header-right")])
+			], 512), u("div", {
+				id: e.contentId,
+				class: "s-ui-dropdown-sheet__content"
+			}, [x(t.$slots, "default")], 8, K)], 44, H)])) : c("", !0)]),
+			_: 3
+		}));
+	}
+}), J = ["id"], ne = ["data-placement"], re = { class: "s-ui-dropdown__content" }, Y = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "SDropdown",
+	props: /*@__PURE__*/ f({
+		placement: { default: () => e.BOTTOM_START },
+		offset: { default: 8 },
+		flip: {
+			type: Boolean,
+			default: !0
+		},
+		shift: {
+			type: Boolean,
+			default: !1
+		},
+		matchReferenceWidth: {
+			type: Boolean,
+			default: !1
+		},
+		fitViewport: {
+			type: Boolean,
+			default: !1
+		},
+		surfaceClass: {},
+		teleportTo: {
+			type: [String, Boolean],
+			default: "body"
+		},
+		dismissOnClickOutside: {
+			type: Boolean,
+			default: !0
+		},
+		dismissOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		reference: { default: null },
+		contentId: {},
+		viewportPadding: { default: 8 },
+		boundary: { default: () => t.CLIPPING_ANCESTORS },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		arrow: {
+			type: Boolean,
+			default: !1
+		},
+		showOnHover: {
+			type: Boolean,
+			default: !1
+		},
+		hoverLeaveDelay: { default: 100 },
+		sheet: {
+			type: Boolean,
+			default: !0
+		},
+		sheetBreakpoint: { default: () => 768 },
+		sheetTitle: { default: "" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t, { expose: d }) {
+		let f = D(t, "modelValue"), m = te(() => t.sheet, () => t.sheetBreakpoint), { isPanelShown: _, isPanelActive: v, handlePanelAfterLeave: b } = ee(f), S = (e) => {
+			f.value = e;
+		}, C = () => S(!1), w = O(), M = k("triggerWrapperRef"), N = k("panelRef"), F = E(), I = E(), L = o(() => t.contentId ?? F), R = o(() => w.trigger ? z(M.value) : t.reference), B = o(() => t.teleportTo !== !1), V = o(() => t.teleportTo === !1 ? "body" : t.teleportTo), H = e.BOTTOM_START, U = () => {
+			t.disabled || S(!0);
+		}, W = () => {
+			t.disabled || (f.value = !f.value);
+		}, G = o(() => ({
+			id: I,
+			"aria-expanded": f.value,
+			"aria-haspopup": "dialog",
+			"aria-controls": L.value
+		})), { panelStyles: K, panelMaxHeight: Y, resolvedPlacement: X, arrowStyles: ie, isArrowOverflow: ae, isPositionReady: oe, updatePosition: se } = n({
+			open: () => v.value && !m.value,
+			onOpenChange: S,
+			reference: () => R.value,
+			panel: () => N.value,
+			placement: () => t.placement,
+			offset: () => t.offset,
+			flip: () => t.flip,
+			shift: () => t.shift,
+			matchReferenceWidth: () => t.matchReferenceWidth,
+			fitViewport: () => t.fitViewport,
+			dismissOnClickOutside: () => t.dismissOnClickOutside,
+			dismissOnEscape: () => t.dismissOnEscape,
+			viewportPadding: () => t.viewportPadding,
+			arrow: () => t.arrow,
+			boundary: () => t.boundary
+		}), Z = o(() => t.showOnHover && !m.value), ce = o(() => Z.value ? R.value : null), le = o(() => Z.value ? N.value : null), Q = P(ce, { delayLeave: t.hoverLeaveDelay }), $ = P(le, { delayLeave: t.hoverLeaveDelay });
+		A([
+			Q,
+			$,
+			Z,
+			() => t.disabled
+		], () => {
+			if (Z.value) {
+				if (t.disabled) {
+					S(!1);
+					return;
+				}
+				S(Q.value || $.value);
+			}
+		});
+		let ue = o(() => !!Y.value), de = o(() => {
+			if (Y.value) return { maxHeight: `${Y.value}px` };
+		});
+		return A(() => t.disabled, (e) => {
+			e && f.value && (f.value = !1);
+		}), d({
+			updatePosition: se,
+			show: U,
+			close: C,
+			toggle: W
+		}), (e, n) => (y(), l(r, null, [T(w).trigger ? (y(), l("span", p({
+			key: 0,
+			ref_key: "triggerWrapperRef",
+			ref: M,
+			class: ["s-ui-dropdown", { "s-ui-dropdown--block": t.block }]
+		}, e.$attrs), [x(e.$slots, "trigger", {
+			open: f.value,
+			toggle: W,
+			close: C,
+			isSheet: T(m),
+			triggerProps: G.value
+		})], 16)) : c("", !0), (y(), s(i, {
+			to: V.value,
+			disabled: !B.value
+		}, [T(m) ? (y(), s(q, {
+			key: 0,
+			open: f.value,
+			title: t.sheetTitle,
+			"dismiss-on-overlay-click": t.dismissOnClickOutside,
+			"dismiss-on-escape": t.dismissOnEscape,
+			"content-id": L.value,
+			onClose: C
+		}, {
+			"header-left": j(() => [x(e.$slots, "sheet-header-left", { close: C })]),
+			"header-right": j(() => [x(e.$slots, "sheet-header-right", { close: C })]),
+			default: j(() => [x(e.$slots, "content", {
+				resolvedPlacement: T(H),
+				isSheet: !0,
+				close: C
+			})]),
+			_: 3
+		}, 8, [
+			"open",
+			"title",
+			"dismiss-on-overlay-click",
+			"dismiss-on-escape",
+			"content-id"
+		])) : (y(), s(a, {
+			key: 1,
+			name: "s-ui-dropdown",
+			onAfterLeave: T(b)
+		}, {
+			default: j(() => [T(_) ? (y(), l("div", {
+				key: 0,
+				id: L.value,
+				ref_key: "panelRef",
+				ref: N,
+				class: h(["s-ui-dropdown__panel", {
+					"s-ui-dropdown__panel--match-reference-width": t.matchReferenceWidth,
+					"s-ui-dropdown__panel--ready": T(oe)
+				}]),
+				style: g(T(K)),
+				role: "dialog"
+			}, [u("div", {
+				class: h(["s-ui-dropdown__surface", [t.surfaceClass, {
+					"s-ui-dropdown__surface--fit-viewport": ue.value,
+					"s-ui-dropdown__surface--with-arrow": t.arrow
+				}]]),
+				style: g(de.value),
+				"data-placement": T(X)
+			}, [t.arrow ? (y(), l("div", {
+				key: 0,
+				class: h(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": T(ae) }]),
+				style: g(T(ie)),
+				"aria-hidden": "true"
+			}, [...n[0] ||= [u("span", { class: "s-ui-dropdown__arrow-outer" }, null, -1), u("span", { class: "s-ui-dropdown__arrow-inner" }, null, -1)]], 6)) : c("", !0), u("div", re, [x(e.$slots, "content", {
+				resolvedPlacement: T(X),
+				isSheet: !1,
+				close: C
+			})])], 14, ne)], 14, J)) : c("", !0)]),
+			_: 3
+		}, 8, ["onAfterLeave"]))], 8, ["to", "disabled"]))], 64));
+	}
+});
+//#endregion
+export { R as n, Y as t };

package/dist/SInput-Be10IJ_E.cjs

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

package/dist/{SInput-BLxSis1f.js → SInput-CqC-jrCC.js}

@@ -1,5 +1,4 @@
-import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
-import { t as r } from "./SButton-6AL2ipRT.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DQTSlo61.js";
 import { n as i, t as a } from "./SInlineMessage-Dirk5RwO.js";
 import { t as ee } from "./SLabel-FHHPlcKq.js";
 import { n as o, r as s, t as te } from "./useFieldMessages-C-GXaf_q.js";
@@ -171,9 +170,9 @@ var E = /* @__PURE__ */ function(e) {
 					autocomplete: g.autocomplete
 				}, w(pe), { onFocus: s[1] ||= (...e) => w(K) && w(K)(...e) }), null, 16, M), [[se, R.value]])]), Se.value ? (x(), f("div", N, [C(o.$slots, "prepend", { disabled: g.disabled })])) : d("", !0)], 2),
 				Ce() ? (x(), f("span", P, [h(w(r), {
-					appearance: w(n).BARE,
-					variant: w(t).NEUTRAL,
-					size: w(e).SMALL,
+					appearance: w(t).BARE,
+					variant: w(e).NEUTRAL,
+					size: w(n).SMALL,
 					icon: "closeMini",
 					"aria-label": w(z)("input.clear"),
 					tabindex: X.value,
@@ -187,9 +186,9 @@ var E = /* @__PURE__ */ function(e) {
 				])])) : d("", !0),
 				we.value ? (x(), f("span", F, [C(o.$slots, "action", { disabled: g.disabled }, () => [g.iconRight ? (x(), u(w(r), {
 					key: 0,
-					appearance: w(n).BARE,
-					variant: w(t).NEUTRAL,
-					size: w(e).SMALL,
+					appearance: w(t).BARE,
+					variant: w(e).NEUTRAL,
+					size: w(n).SMALL,
 					disabled: g.disabled,
 					icon: g.iconRight,
 					tabindex: -1

package/dist/{SList-D0PDc8VN.cjs → SList-3YwWEhUU.cjs}

@@ -1 +1 @@
-const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./treeKeyboardNavigation-BOz2SVus.cjs"),n=require("./SListItem-cWTuQQY-.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives"),a=require("@tanstack/vue-virtual");var o=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),s=o.TWO_X_SMALL,ee={[o.NONE]:`var(--s-ui-space-gap-none)`,[o.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[o.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[o.SMALL]:`var(--s-ui-space-gap-small)`,[o.MEDIUM]:`var(--s-ui-space-gap-medium)`,[o.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[o.LARGE]:`var(--s-ui-space-gap-large)`,[o.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[o.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},te={[o.NONE]:0,[o.TWO_X_SMALL]:2,[o.X_SMALL]:4,[o.SMALL]:8,[o.MEDIUM]:12,[o.X_MEDIUM]:16,[o.LARGE]:20,[o.X_LARGE]:24,[o.TWO_X_LARGE]:32},ne=(e,t)=>`s-ui-list-option-${e}-${t}`,c=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},l=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},u=e=>e in i.ESIconName,d=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&u(n))return n},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],f={key:0,class:`s-ui-list__divider`,role:`separator`},oe={key:0,class:`s-ui-list__divider`,role:`separator`},p={key:2,class:`s-ui-list__static`},m=(0,r.defineComponent)({__name:`SList`,props:(0,r.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>s},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,r.mergeModels)([`endReached`,`loadMoreChildren`,`itemClick`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(o,{expose:s,emit:u}){let m=(0,r.useModel)(o,`modelValue`),h=(0,r.useModel)(o,`selected`),g=(0,r.useModel)(o,`expanded`),_=u,v=(0,r.useSlots)(),y=(0,r.useId)(),b=(0,r.useTemplateRef)(`scrollElementRef`),x=(0,r.useTemplateRef)(`listRootElementRef`),S=(0,r.computed)(()=>te[o.gap]),C=(0,r.computed)(()=>o.items!==void 0),w=(0,r.computed)(()=>C.value?o.virtual===void 0?!0:o.virtual:!1),{flatRows:T,toggleExpanded:E}=t.s({items:()=>o.items??[],childrenKey:()=>o.childrenKey,itemKey:()=>o.itemKey,expanded:g,hasMoreChildrenKey:()=>o.hasMoreChildrenKey,selectedOnTop:()=>o.selectedOnTop,selectedKeys:()=>h.value}),{t:D}=(0,i.useUiKitI18n)(),O=(0,r.computed)(()=>new Set(o.loadingMoreChildrenKeys)),k=(0,r.computed)(()=>D(`list.loadMore`)),A=e=>e.loadMoreForKey?O.value.has(e.loadMoreForKey):!1,j=(e,t)=>{O.value.has(e)||_(`loadMoreChildren`,{key:e,item:t})},M=e=>{e.loadMoreForKey&&j(e.loadMoreForKey,e.item)},N=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:A(e),loadMore:()=>{M(e)}}),P=(0,a.useVirtualizer)((0,r.computed)(()=>({count:T.value.length,getScrollElement:()=>b.value,estimateSize:()=>o.estimateItemSize,gap:S.value,overscan:o.overscan}))),F=(0,r.computed)(()=>{if(C.value)return T.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),I=(0,r.computed)(()=>{let e=new Set;for(let t of T.value)!t.loadMoreForKey&&l(t.item,o.disabledKey)&&e.add(t.key);return e}),L=async e=>{if(!w.value)return;let t=T.value.findIndex(t=>t.key===e);t!==-1&&(P.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,r.nextTick)())},R=e=>ne(y,e),z=e.o({modelValue:()=>h.value,onUpdateModelValue:e=>{h.value=e},mode:()=>o.selectionMode,mandatory:()=>o.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>w.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:F,isValueDisabled:e=>I.value.has(e),onBeforeFocusItem:async e=>{await L(e)},onFocusGroup:()=>{b.value?.focus()}}),B=(0,r.computed)(()=>C.value&&t.t(T.value)),V=()=>{if(w.value){b.value?.focus();return}x.value?.focus()},H=()=>{z.focusedValue.value=void 0,m.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==b.value&&e.blur(),V()},U=async e=>{w.value&&await L(e)},W=async e=>{if(H(),e.type===`expand`||e.type===`collapse`){E(e.rowKey),z.select(e.rowKey,!1),await U(e.rowKey);return}z.select(e.rowKey,!1),await U(e.rowKey)},G=async(e,n)=>{if(!B.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let r=t.n(n,h.value),i=t.i(e.key,r,T.value);return i?(e.preventDefault(),H(),z.select(i,!1),await U(i),!0):!1},K=async(e,n)=>{if(!B.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let r=t.n(n,h.value),i=t.r(e.key,r,T.value);return i?(e.preventDefault(),await W(i),!0):!1},q=()=>{if(m.value)return m.value;let e=t.n(``,h.value);if(e)return e;let n=F.value;if(n){for(let e of n)if(!I.value.has(e))return e}},se=()=>q(),ce=async e=>{let t=se();t&&await J(e,t)},le=[`Enter`,` `,`Spacebar`],ue=(e,t)=>{if(!le.includes(e.key))return!1;let n=T.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),j(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{ue(e,t)||await G(e,t)||await K(e,t)||(await z.handleItemKeydown(e,t),m.value=z.focusedValue.value,!z.focusedValue.value&&!w.value&&V())},de=async e=>{let t=q();t&&await J(e,t)},fe=async e=>{if(w.value||e.target!==x.value)return;let t=q();t&&await J(e,t)},pe=async()=>{let e=q();if(!e){V();return}await z.focusItem(e,!1)};(0,r.provide)(n.r,{mode:()=>o.selectionMode,isSelected:z.isSelected,selectItem:z.toggle,registerItem:z.registerItem,getItemTabIndex:z.getItemTabIndex,getGroupTabIndex:z.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>m.value,setActiveKey:e=>{m.value=e},isExpanded:e=>g.value.includes(e),toggleExpanded:e=>{if(C.value){E(e);return}let t=new Set(g.value);t.has(e)?t.delete(e):t.add(e),g.value=[...t]},revealRight:()=>o.revealRight,expandOnClick:()=>o.expandOnClick,getItemOptionId:e=>{if(w.value)return R(e)},usesActiveDescendantNavigation:()=>w.value,handlesTreeKeyboardNavigation:()=>C.value});let me=(0,r.computed)(()=>P.value.getVirtualItems()),he=(0,r.computed)(()=>me.value.flatMap(e=>{let t=T.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ge=(0,r.computed)(()=>P.value.getTotalSize()),_e=(0,r.computed)(()=>({height:`${ge.value}px`,position:`relative`,width:`100%`})),Y=(0,r.computed)(()=>{let e={};return typeof o.height==`number`?e.height=`${o.height}px`:o.height&&(e.height=o.height),o.maxHeight&&(typeof o.maxHeight==`number`?e.maxHeight=`${o.maxHeight}px`:e.maxHeight=o.maxHeight),e}),ve=(0,r.computed)(()=>({"s-ui-list--virtual":w.value,"s-ui-list--static":!w.value})),ye=(0,r.computed)(()=>({"--s-ui-list-gap":ee[o.gap]})),X=(0,r.computed)(()=>({"s-ui-list__scroll--flat":C.value&&!w.value})),Z=(0,r.computed)(()=>{if(o.selectionMode===e.n.MULTIPLE)return!0}),be=(0,r.computed)(()=>{if(!w.value)return`listbox`}),xe=(0,r.computed)(()=>{if(!w.value)return Z.value}),Se=(0,r.computed)(()=>{if(w.value)return z.getGroupTabIndex()}),Ce=(0,r.computed)(()=>m.value?m.value:t.n(``,h.value)),we=(0,r.computed)(()=>{if(!w.value)return;let e=Ce.value;if(e)return R(e)});t.a(()=>b.value,{distance:()=>o.endReachedDistance,canLoadMore:()=>o.canLoadMore?.()??!0,onEndReached:()=>{_(`endReached`,{direction:`bottom`})}});let Te=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),Ee=e=>{e instanceof HTMLElement&&P.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:z.isSelected(e.key),active:m.value===e.key,disabled:l(t,o.disabledKey),title:c(t,o.titleKey),subtitle:c(t,o.subtitleKey),iconLeft:d(t,o.iconLeftKey),revealRight:o.revealRight,onClick:()=>{_(`itemClick`,{key:e.key,item:e.item})}};return o.itemProps?{...n,...o.itemProps(t,e)}:n},$=e=>({...e,revealRight:o.revealRight,toggleExpanded:()=>{E(e.key)}});return s({focusNavigation:pe,handleKeyboardNavigation:de}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:x,class:(0,r.normalizeClass)([`s-ui-list`,ve.value]),style:(0,r.normalizeStyle)(ye.value),role:be.value,"aria-multiselectable":xe.value,tabindex:`-1`,onKeydown:fe},[C.value&&w.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":we.value,tabindex:Se.value,onKeydown:ce},[(0,r.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,r.normalizeStyle)(_e.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(he.value,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:t.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":t.virtualRow.index,ref_for:!0,ref:Ee,style:(0,r.normalizeStyle)(Te(t.virtualRow))},[t.flatRow.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f)):t.flatRow.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.flatRow.key,depth:t.flatRow.depth,tiny:``,title:k.value,onClick:e=>M(t.flatRow)},(0,r.createSlots)({_:2},[A(t.flatRow)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t.flatRow)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,ae))),128))],4)],46,ie)):C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(T),t=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:t.key},[t.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,oe)):t.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.key,depth:t.depth,tiny:``,title:k.value,onClick:e=>M(t)},(0,r.createSlots)({_:2},[A(t)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,p,[(0,r.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
+const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./treeKeyboardNavigation-BOz2SVus.cjs"),n=require("./SListItem-Rb59ZhEw.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives"),a=require("@tanstack/vue-virtual");var o=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),s=o.TWO_X_SMALL,ee={[o.NONE]:`var(--s-ui-space-gap-none)`,[o.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[o.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[o.SMALL]:`var(--s-ui-space-gap-small)`,[o.MEDIUM]:`var(--s-ui-space-gap-medium)`,[o.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[o.LARGE]:`var(--s-ui-space-gap-large)`,[o.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[o.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},te={[o.NONE]:0,[o.TWO_X_SMALL]:2,[o.X_SMALL]:4,[o.SMALL]:8,[o.MEDIUM]:12,[o.X_MEDIUM]:16,[o.LARGE]:20,[o.X_LARGE]:24,[o.TWO_X_LARGE]:32},ne=(e,t)=>`s-ui-list-option-${e}-${t}`,c=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},l=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},u=e=>e in i.ESIconName,d=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&u(n))return n},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],f={key:0,class:`s-ui-list__divider`,role:`separator`},oe={key:0,class:`s-ui-list__divider`,role:`separator`},p={key:2,class:`s-ui-list__static`},m=(0,r.defineComponent)({__name:`SList`,props:(0,r.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>s},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,r.mergeModels)([`endReached`,`loadMoreChildren`,`itemClick`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(o,{expose:s,emit:u}){let m=(0,r.useModel)(o,`modelValue`),h=(0,r.useModel)(o,`selected`),g=(0,r.useModel)(o,`expanded`),_=u,v=(0,r.useSlots)(),y=(0,r.useId)(),b=(0,r.useTemplateRef)(`scrollElementRef`),x=(0,r.useTemplateRef)(`listRootElementRef`),S=(0,r.computed)(()=>te[o.gap]),C=(0,r.computed)(()=>o.items!==void 0),w=(0,r.computed)(()=>C.value?o.virtual===void 0?!0:o.virtual:!1),{flatRows:T,toggleExpanded:E}=t.s({items:()=>o.items??[],childrenKey:()=>o.childrenKey,itemKey:()=>o.itemKey,expanded:g,hasMoreChildrenKey:()=>o.hasMoreChildrenKey,selectedOnTop:()=>o.selectedOnTop,selectedKeys:()=>h.value}),{t:D}=(0,i.useUiKitI18n)(),O=(0,r.computed)(()=>new Set(o.loadingMoreChildrenKeys)),k=(0,r.computed)(()=>D(`list.loadMore`)),A=e=>e.loadMoreForKey?O.value.has(e.loadMoreForKey):!1,j=(e,t)=>{O.value.has(e)||_(`loadMoreChildren`,{key:e,item:t})},M=e=>{e.loadMoreForKey&&j(e.loadMoreForKey,e.item)},N=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:A(e),loadMore:()=>{M(e)}}),P=(0,a.useVirtualizer)((0,r.computed)(()=>({count:T.value.length,getScrollElement:()=>b.value,estimateSize:()=>o.estimateItemSize,gap:S.value,overscan:o.overscan}))),F=(0,r.computed)(()=>{if(C.value)return T.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),I=(0,r.computed)(()=>{let e=new Set;for(let t of T.value)!t.loadMoreForKey&&l(t.item,o.disabledKey)&&e.add(t.key);return e}),L=async e=>{if(!w.value)return;let t=T.value.findIndex(t=>t.key===e);t!==-1&&(P.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,r.nextTick)())},R=e=>ne(y,e),z=e.o({modelValue:()=>h.value,onUpdateModelValue:e=>{h.value=e},mode:()=>o.selectionMode,mandatory:()=>o.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>w.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:F,isValueDisabled:e=>I.value.has(e),onBeforeFocusItem:async e=>{await L(e)},onFocusGroup:()=>{b.value?.focus()}}),B=(0,r.computed)(()=>C.value&&t.t(T.value)),V=()=>{if(w.value){b.value?.focus();return}x.value?.focus()},H=()=>{z.focusedValue.value=void 0,m.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==b.value&&e.blur(),V()},U=async e=>{w.value&&await L(e)},W=async e=>{if(H(),e.type===`expand`||e.type===`collapse`){E(e.rowKey),z.select(e.rowKey,!1),await U(e.rowKey);return}z.select(e.rowKey,!1),await U(e.rowKey)},G=async(e,n)=>{if(!B.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let r=t.n(n,h.value),i=t.i(e.key,r,T.value);return i?(e.preventDefault(),H(),z.select(i,!1),await U(i),!0):!1},K=async(e,n)=>{if(!B.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let r=t.n(n,h.value),i=t.r(e.key,r,T.value);return i?(e.preventDefault(),await W(i),!0):!1},q=()=>{if(m.value)return m.value;let e=t.n(``,h.value);if(e)return e;let n=F.value;if(n){for(let e of n)if(!I.value.has(e))return e}},se=()=>q(),ce=async e=>{let t=se();t&&await J(e,t)},le=[`Enter`,` `,`Spacebar`],ue=(e,t)=>{if(!le.includes(e.key))return!1;let n=T.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),j(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{ue(e,t)||await G(e,t)||await K(e,t)||(await z.handleItemKeydown(e,t),m.value=z.focusedValue.value,!z.focusedValue.value&&!w.value&&V())},de=async e=>{let t=q();t&&await J(e,t)},fe=async e=>{if(w.value||e.target!==x.value)return;let t=q();t&&await J(e,t)},pe=async()=>{let e=q();if(!e){V();return}await z.focusItem(e,!1)};(0,r.provide)(n.r,{mode:()=>o.selectionMode,isSelected:z.isSelected,selectItem:z.toggle,registerItem:z.registerItem,getItemTabIndex:z.getItemTabIndex,getGroupTabIndex:z.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>m.value,setActiveKey:e=>{m.value=e},isExpanded:e=>g.value.includes(e),toggleExpanded:e=>{if(C.value){E(e);return}let t=new Set(g.value);t.has(e)?t.delete(e):t.add(e),g.value=[...t]},revealRight:()=>o.revealRight,expandOnClick:()=>o.expandOnClick,getItemOptionId:e=>{if(w.value)return R(e)},usesActiveDescendantNavigation:()=>w.value,handlesTreeKeyboardNavigation:()=>C.value});let me=(0,r.computed)(()=>P.value.getVirtualItems()),he=(0,r.computed)(()=>me.value.flatMap(e=>{let t=T.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ge=(0,r.computed)(()=>P.value.getTotalSize()),_e=(0,r.computed)(()=>({height:`${ge.value}px`,position:`relative`,width:`100%`})),Y=(0,r.computed)(()=>{let e={};return typeof o.height==`number`?e.height=`${o.height}px`:o.height&&(e.height=o.height),o.maxHeight&&(typeof o.maxHeight==`number`?e.maxHeight=`${o.maxHeight}px`:e.maxHeight=o.maxHeight),e}),ve=(0,r.computed)(()=>({"s-ui-list--virtual":w.value,"s-ui-list--static":!w.value})),ye=(0,r.computed)(()=>({"--s-ui-list-gap":ee[o.gap]})),X=(0,r.computed)(()=>({"s-ui-list__scroll--flat":C.value&&!w.value})),Z=(0,r.computed)(()=>{if(o.selectionMode===e.n.MULTIPLE)return!0}),be=(0,r.computed)(()=>{if(!w.value)return`listbox`}),xe=(0,r.computed)(()=>{if(!w.value)return Z.value}),Se=(0,r.computed)(()=>{if(w.value)return z.getGroupTabIndex()}),Ce=(0,r.computed)(()=>m.value?m.value:t.n(``,h.value)),we=(0,r.computed)(()=>{if(!w.value)return;let e=Ce.value;if(e)return R(e)});t.a(()=>b.value,{distance:()=>o.endReachedDistance,canLoadMore:()=>o.canLoadMore?.()??!0,onEndReached:()=>{_(`endReached`,{direction:`bottom`})}});let Te=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),Ee=e=>{e instanceof HTMLElement&&P.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:z.isSelected(e.key),active:m.value===e.key,disabled:l(t,o.disabledKey),title:c(t,o.titleKey),subtitle:c(t,o.subtitleKey),iconLeft:d(t,o.iconLeftKey),revealRight:o.revealRight,onClick:()=>{_(`itemClick`,{key:e.key,item:e.item})}};return o.itemProps?{...n,...o.itemProps(t,e)}:n},$=e=>({...e,revealRight:o.revealRight,toggleExpanded:()=>{E(e.key)}});return s({focusNavigation:pe,handleKeyboardNavigation:de}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:x,class:(0,r.normalizeClass)([`s-ui-list`,ve.value]),style:(0,r.normalizeStyle)(ye.value),role:be.value,"aria-multiselectable":xe.value,tabindex:`-1`,onKeydown:fe},[C.value&&w.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":we.value,tabindex:Se.value,onKeydown:ce},[(0,r.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,r.normalizeStyle)(_e.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(he.value,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:t.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":t.virtualRow.index,ref_for:!0,ref:Ee,style:(0,r.normalizeStyle)(Te(t.virtualRow))},[t.flatRow.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f)):t.flatRow.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.flatRow.key,depth:t.flatRow.depth,tiny:``,title:k.value,onClick:e=>M(t.flatRow)},(0,r.createSlots)({_:2},[A(t.flatRow)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t.flatRow)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,ae))),128))],4)],46,ie)):C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(T),t=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:t.key},[t.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,oe)):t.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.key,depth:t.depth,tiny:``,title:k.value,onClick:e=>M(t)},(0,r.createSlots)({_:2},[A(t)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,p,[(0,r.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/{SList-D2K9dNsj.js → SList-Bxet9twB.js}

@@ -1,6 +1,6 @@
 import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-BCAmPf3R.js";
 import { a as ee, i as te, n as i, r as ne, s as re, t as ie } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { r as ae, t as a } from "./SListItem-C1IeCv8M.js";
+import { r as ae, t as a } from "./SListItem-Chd81xY0.js";
 import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as oe, createSlots as u, createVNode as se, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as ce, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as le, renderList as _, renderSlot as v, unref as y, useId as ue, useModel as b, useSlots as de, useTemplateRef as fe, withCtx as x } from "vue";
 import { ESIconName as S, SSpinner as C, useUiKitI18n as pe } from "@shtabapp/ui-kit-primitives";
 import { useVirtualizer as me } from "@tanstack/vue-virtual";