@shtabapp/ui-kit 1.74.0 → 1.76.0

package/dist/SList-BuuCfuHg.js

@@ -0,0 +1,471 @@
+import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-BCAmPf3R.js";
+import { t as ee } from "./useAriaAttrs-CxGRTeye.js";
+import { a as te, i as ne, n as i, r as re, s as ie, t as ae } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { i as oe, n as a, t as o } from "./SListItem-CDlsjhA3.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createElementVNode as se, createSlots as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, nextTick as ce, normalizeClass as le, normalizeStyle as g, openBlock as _, provide as ue, renderList as de, renderSlot as v, unref as y, useId as fe, useModel as b, useSlots as pe, useTemplateRef as x, withCtx as S } from "vue";
+import { ESIconName as C, SSpinner as me, useUiKitI18n as he } from "@shtabapp/ui-kit-primitives";
+import { useVirtualizer as ge } from "@tanstack/vue-virtual";
+//#region src/components/SList/SList.types.ts
+var w = /* @__PURE__ */ 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;
+}({}), T = w.TWO_X_SMALL, _e = {
+	[w.NONE]: "var(--s-ui-space-gap-none)",
+	[w.TWO_X_SMALL]: "var(--s-ui-space-gap-2x-small)",
+	[w.X_SMALL]: "var(--s-ui-space-gap-x-small)",
+	[w.SMALL]: "var(--s-ui-space-gap-small)",
+	[w.MEDIUM]: "var(--s-ui-space-gap-medium)",
+	[w.X_MEDIUM]: "var(--s-ui-space-gap-x-medium)",
+	[w.LARGE]: "var(--s-ui-space-gap-large)",
+	[w.X_LARGE]: "var(--s-ui-space-gap-x-large)",
+	[w.TWO_X_LARGE]: "var(--s-ui-space-gap-2x-large)"
+}, ve = {
+	[w.NONE]: 0,
+	[w.TWO_X_SMALL]: 2,
+	[w.X_SMALL]: 4,
+	[w.SMALL]: 8,
+	[w.MEDIUM]: 12,
+	[w.X_MEDIUM]: 16,
+	[w.LARGE]: 20,
+	[w.X_LARGE]: 24,
+	[w.TWO_X_LARGE]: 32
+}, ye = (e, t) => `s-ui-list-option-${e}-${t}`, E = (e, t) => {
+	let n = e[t];
+	if (typeof n == "string") return n;
+}, D = (e, t) => {
+	let n = e[t];
+	return typeof n == "boolean" ? n : !1;
+}, O = (e) => e in C, be = (e, t) => {
+	let n = e[t];
+	if (typeof n == "string" && n.length > 0 && O(n)) return n;
+}, xe = ["role", "aria-multiselectable"], Se = [
+	"role",
+	"aria-multiselectable",
+	"aria-activedescendant",
+	"tabindex"
+], Ce = ["data-index"], we = {
+	key: 0,
+	class: "s-ui-list__divider",
+	"aria-hidden": "true"
+}, Te = {
+	key: 0,
+	class: "s-ui-list__divider",
+	"aria-hidden": "true"
+}, Ee = {
+	key: 2,
+	class: "s-ui-list__static"
+}, k = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "SList",
+	props: /*@__PURE__*/ m({
+		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.NONE },
+		mandatory: {
+			type: Boolean,
+			default: !1
+		},
+		virtual: { type: Boolean },
+		gap: { default: () => T },
+		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: /*@__PURE__*/ m([
+		"endReached",
+		"loadMoreChildren",
+		"itemClick"
+	], [
+		"update:modelValue",
+		"update:selected",
+		"update:expanded"
+	]),
+	setup(p, { expose: m, emit: C }) {
+		let w = b(p, "modelValue"), T = b(p, "selected"), O = b(p, "expanded"), k = C, A = pe(), { getRootAttrs: De, getAriaAttrs: Oe } = ee(), ke = fe(), j = x("scrollElementRef"), M = x("listRootElementRef"), Ae = c(() => ve[p.gap]), N = c(() => p.items !== void 0), P = c(() => N.value ? p.virtual === void 0 ? !0 : p.virtual : !1), { flatRows: F, toggleExpanded: I } = ie({
+			items: () => p.items ?? [],
+			childrenKey: () => p.childrenKey,
+			itemKey: () => p.itemKey,
+			expanded: O,
+			hasMoreChildrenKey: () => p.hasMoreChildrenKey,
+			selectedOnTop: () => p.selectedOnTop,
+			selectedKeys: () => T.value
+		}), { t: je } = he(), Me = c(() => new Set(p.loadingMoreChildrenKeys)), Ne = c(() => je("list.loadMore")), L = (e) => e.loadMoreForKey ? Me.value.has(e.loadMoreForKey) : !1, Pe = (e, t) => {
+			Me.value.has(e) || k("loadMoreChildren", {
+				key: e,
+				item: t
+			});
+		}, R = (e) => {
+			e.loadMoreForKey && Pe(e.loadMoreForKey, e.item);
+		}, z = (e) => ({
+			parentKey: e.loadMoreForKey ?? "",
+			parentItem: e.item,
+			depth: e.depth,
+			loading: L(e),
+			loadMore: () => {
+				R(e);
+			}
+		}), B = ge(c(() => ({
+			count: F.value.length,
+			getScrollElement: () => j.value,
+			estimateSize: () => p.estimateItemSize,
+			gap: Ae.value,
+			overscan: p.overscan
+		}))), V = c(() => {
+			if (N.value) return F.value.reduce((e, t) => (t.divider || e.push(t.key), e), []);
+		}), H = c(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of F.value) !t.loadMoreForKey && D(t.item, p.disabledKey) && e.add(t.key);
+			return e;
+		}), U = async (e) => {
+			if (!P.value) return;
+			let t = F.value.findIndex((t) => t.key === e);
+			t !== -1 && (B.value.scrollToIndex(t, { align: "auto" }), await new Promise((e) => {
+				requestAnimationFrame(() => {
+					e();
+				});
+			}), await ce());
+		}, W = (e) => ye(ke, e), G = t({
+			modelValue: () => T.value,
+			onUpdateModelValue: (e) => {
+				T.value = e;
+			},
+			mode: () => p.selectionMode,
+			mandatory: () => p.mandatory,
+			orientation: () => n.VERTICAL,
+			enableTabNavigation: !0,
+			focusMode: () => P.value ? r.ACTIVE_DESCENDANT : r.DOM,
+			orderedValues: V,
+			isValueDisabled: (e) => H.value.has(e),
+			onBeforeFocusItem: async (e) => {
+				await U(e);
+			},
+			onFocusGroup: () => {
+				j.value?.focus();
+			}
+		}), K = c(() => N.value && ae(F.value)), q = () => {
+			if (P.value) {
+				j.value?.focus();
+				return;
+			}
+			M.value?.focus();
+		}, J = () => {
+			G.focusedValue.value = void 0, w.value = void 0;
+			let e = document.activeElement;
+			e instanceof HTMLElement && e !== j.value && e.blur(), q();
+		}, Y = async (e) => {
+			P.value && await U(e);
+		}, Fe = async (e) => {
+			if (J(), e.type === "expand" || e.type === "collapse") {
+				I(e.rowKey), G.select(e.rowKey, !1), await Y(e.rowKey);
+				return;
+			}
+			G.select(e.rowKey, !1), await Y(e.rowKey);
+		}, Ie = async (e, t) => {
+			if (!K.value || e.key !== "ArrowUp" && e.key !== "ArrowDown") return !1;
+			let n = i(t, T.value), r = ne(e.key, n, F.value);
+			return r ? (e.preventDefault(), J(), G.select(r, !1), await Y(r), !0) : !1;
+		}, Le = async (e, t) => {
+			if (!K.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
+			let n = i(t, T.value), r = re(e.key, n, F.value);
+			return r ? (e.preventDefault(), await Fe(r), !0) : !1;
+		}, X = () => {
+			if (w.value) return w.value;
+			let e = i("", T.value);
+			if (e) return e;
+			let t = V.value;
+			if (t) {
+				for (let e of t) if (!H.value.has(e)) return e;
+			}
+		}, Re = () => X(), ze = async (e) => {
+			let t = Re();
+			t && await Z(e, t);
+		}, Be = [
+			"Enter",
+			" ",
+			"Spacebar"
+		], Ve = (e, t) => {
+			if (!Be.includes(e.key)) return !1;
+			let n = F.value.find((e) => e.key === t);
+			return n?.loadMoreForKey ? (e.preventDefault(), Pe(n.loadMoreForKey, n.item), !0) : !1;
+		}, Z = async (e, t) => {
+			Ve(e, t) || await Ie(e, t) || await Le(e, t) || (await G.handleItemKeydown(e, t), w.value = G.focusedValue.value, !G.focusedValue.value && !P.value && q());
+		}, He = async (e) => {
+			let t = X();
+			t && await Z(e, t);
+		}, Ue = async (e) => {
+			if (P.value || e.target !== M.value) return;
+			let t = X();
+			t && await Z(e, t);
+		}, We = async () => {
+			let e = X();
+			if (!e) {
+				q();
+				return;
+			}
+			await G.focusItem(e, !1);
+		};
+		ue(oe, {
+			mode: () => p.selectionMode,
+			isSelected: G.isSelected,
+			selectItem: G.toggle,
+			registerItem: G.registerItem,
+			getItemTabIndex: G.getItemTabIndex,
+			getGroupTabIndex: G.getGroupTabIndex,
+			handleItemKeydown: Z,
+			activeKey: () => w.value,
+			setActiveKey: (e) => {
+				w.value = e;
+			},
+			isExpanded: (e) => O.value.includes(e),
+			toggleExpanded: (e) => {
+				if (N.value) {
+					I(e);
+					return;
+				}
+				let t = new Set(O.value);
+				t.has(e) ? t.delete(e) : t.add(e), O.value = [...t];
+			},
+			revealRight: () => p.revealRight,
+			expandOnClick: () => p.expandOnClick,
+			getItemOptionId: (e) => {
+				if (P.value) return W(e);
+			},
+			usesActiveDescendantNavigation: () => P.value,
+			handlesTreeKeyboardNavigation: () => N.value,
+			itemRole: () => K.value ? a.TREEITEM : a.OPTION
+		});
+		let Ge = c(() => B.value.getVirtualItems()), Ke = c(() => Ge.value.flatMap((e) => {
+			let t = F.value[e.index];
+			return t ? [{
+				virtualRow: e,
+				flatRow: t
+			}] : [];
+		})), qe = c(() => B.value.getTotalSize()), Je = c(() => ({
+			height: `${qe.value}px`,
+			position: "relative",
+			width: "100%"
+		})), Ye = c(() => {
+			let e = {};
+			return typeof p.height == "number" ? e.height = `${p.height}px` : p.height && (e.height = p.height), p.maxHeight && (typeof p.maxHeight == "number" ? e.maxHeight = `${p.maxHeight}px` : e.maxHeight = p.maxHeight), e;
+		}), Xe = c(() => ({
+			"s-ui-list--virtual": P.value,
+			"s-ui-list--static": !P.value
+		})), Ze = c(() => ({ "--s-ui-list-gap": _e[p.gap] })), Q = c(() => ({ "s-ui-list__scroll--flat": N.value && !P.value })), Qe = c(() => {
+			if (p.selectionMode === e.MULTIPLE) return !0;
+		}), $e = c(() => K.value ? "tree" : "listbox"), et = c(() => {
+			if (!P.value) return $e.value;
+		}), tt = c(() => {
+			if (!P.value) return Qe.value;
+		}), nt = c(() => {
+			if (P.value) return G.getGroupTabIndex();
+		}), rt = c(() => w.value ? w.value : i("", T.value)), it = c(() => {
+			if (!P.value) return;
+			let e = rt.value;
+			if (e) return W(e);
+		});
+		te(() => j.value, {
+			distance: () => p.endReachedDistance,
+			canLoadMore: () => p.canLoadMore?.() ?? !0,
+			onEndReached: () => {
+				k("endReached", { direction: "bottom" });
+			}
+		});
+		let at = (e) => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			transform: `translateY(${e.start}px)`
+		}), ot = (e) => {
+			e instanceof HTMLElement && B.value.measureElement(e);
+		}, st = (e) => {
+			let t = e.item, n = {
+				rowKey: e.key,
+				depth: e.depth,
+				expandable: e.hasChildren,
+				expanded: e.expanded,
+				selected: G.isSelected(e.key),
+				active: w.value === e.key,
+				disabled: D(t, p.disabledKey),
+				title: E(t, p.titleKey),
+				subtitle: E(t, p.subtitleKey),
+				iconLeft: be(t, p.iconLeftKey),
+				revealRight: p.revealRight,
+				onClick: () => {
+					k("itemClick", {
+						key: e.key,
+						item: e.item
+					});
+				}
+			};
+			return p.itemProps ? {
+				...n,
+				...p.itemProps(t, e)
+			} : n;
+		}, $ = (e) => ({
+			...e,
+			revealRight: p.revealRight,
+			toggleExpanded: () => {
+				I(e.key);
+			}
+		});
+		return m({
+			focusNavigation: We,
+			handleKeyboardNavigation: He
+		}), (e, t) => (_(), u("div", h({
+			ref_key: "listRootElementRef",
+			ref: M,
+			class: ["s-ui-list", Xe.value],
+			style: Ze.value
+		}, P.value ? y(De)() : e.$attrs, {
+			role: et.value,
+			"aria-multiselectable": tt.value,
+			tabindex: "-1",
+			onKeydown: Ue
+		}), [N.value && P.value ? (_(), u("div", h({
+			key: 0,
+			ref_key: "scrollElementRef",
+			ref: j,
+			class: ["s-ui-list__scroll", Q.value],
+			style: Ye.value,
+			role: $e.value,
+			"aria-multiselectable": Qe.value,
+			"aria-activedescendant": it.value
+		}, y(Oe)(), {
+			tabindex: nt.value,
+			onKeydown: ze
+		}), [se("div", {
+			class: "s-ui-list__virtual-panel",
+			style: g(Je.value)
+		}, [(_(!0), u(s, null, de(Ke.value, (t) => (_(), u("div", {
+			key: t.virtualRow.index,
+			class: "s-ui-list__virtual-row",
+			"data-index": t.virtualRow.index,
+			ref_for: !0,
+			ref: ot,
+			style: g(at(t.virtualRow))
+		}, [t.flatRow.divider ? (_(), u("div", we)) : t.flatRow.loadMoreForKey ? (_(), u(s, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", h({
+			key: 0,
+			ref_for: !0
+		}, z(t.flatRow))) : (_(), l(y(o), {
+			key: 1,
+			"row-key": t.flatRow.key,
+			depth: t.flatRow.depth,
+			tiny: "",
+			title: Ne.value,
+			onClick: (e) => R(t.flatRow)
+		}, d({ _: 2 }, [L(t.flatRow) ? {
+			name: "icon-left",
+			fn: S(() => [f(y(me), { size: 16 })]),
+			key: "0"
+		} : void 0]), 1032, [
+			"row-key",
+			"depth",
+			"title",
+			"onClick"
+		]))], 64)) : (_(), u(s, { key: 2 }, [y(A).item ? v(e.$slots, "item", h({
+			key: 0,
+			ref_for: !0
+		}, $(t.flatRow))) : (_(), l(y(o), h({
+			key: 1,
+			ref_for: !0
+		}, st(t.flatRow)), d({ _: 2 }, [
+			y(A).itemIconLeft ? {
+				name: "icon-left",
+				fn: S(() => [v(e.$slots, "itemIconLeft", h({ ref_for: !0 }, $(t.flatRow)))]),
+				key: "0"
+			} : void 0,
+			y(A).itemTitle ? {
+				name: "title",
+				fn: S(() => [v(e.$slots, "itemTitle", h({ ref_for: !0 }, $(t.flatRow)))]),
+				key: "1"
+			} : void 0,
+			y(A).itemSubtitle ? {
+				name: "subtitle",
+				fn: S(() => [v(e.$slots, "itemSubtitle", h({ ref_for: !0 }, $(t.flatRow)))]),
+				key: "2"
+			} : void 0
+		]), 1040))], 64))], 12, Ce))), 128))], 4)], 16, Se)) : N.value ? (_(), u("div", {
+			key: 1,
+			ref_key: "scrollElementRef",
+			ref: j,
+			class: le(["s-ui-list__scroll", Q.value]),
+			style: g(Ye.value)
+		}, [(_(!0), u(s, null, de(y(F), (t) => (_(), u(s, { key: t.key }, [t.divider ? (_(), u("div", Te)) : t.loadMoreForKey ? (_(), u(s, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", h({
+			key: 0,
+			ref_for: !0
+		}, z(t))) : (_(), l(y(o), {
+			key: 1,
+			"row-key": t.key,
+			depth: t.depth,
+			tiny: "",
+			title: Ne.value,
+			onClick: (e) => R(t)
+		}, d({ _: 2 }, [L(t) ? {
+			name: "icon-left",
+			fn: S(() => [f(y(me), { size: 16 })]),
+			key: "0"
+		} : void 0]), 1032, [
+			"row-key",
+			"depth",
+			"title",
+			"onClick"
+		]))], 64)) : (_(), u(s, { key: 2 }, [y(A).item ? v(e.$slots, "item", h({
+			key: 0,
+			ref_for: !0
+		}, $(t))) : (_(), l(y(o), h({
+			key: 1,
+			ref_for: !0
+		}, st(t)), d({ _: 2 }, [
+			y(A).itemIconLeft ? {
+				name: "icon-left",
+				fn: S(() => [v(e.$slots, "itemIconLeft", h({ ref_for: !0 }, $(t)))]),
+				key: "0"
+			} : void 0,
+			y(A).itemTitle ? {
+				name: "title",
+				fn: S(() => [v(e.$slots, "itemTitle", h({ ref_for: !0 }, $(t)))]),
+				key: "1"
+			} : void 0,
+			y(A).itemSubtitle ? {
+				name: "subtitle",
+				fn: S(() => [v(e.$slots, "itemSubtitle", h({ ref_for: !0 }, $(t)))]),
+				key: "2"
+			} : void 0
+		]), 1040))], 64))], 64))), 128))], 6)) : (_(), u("div", Ee, [v(e.$slots, "default")]))], 16, xe));
+	}
+});
+//#endregion
+export { w as a, E as i, D as n, be as r, k as t };

package/dist/SList-Vg9nx1oe.cjs

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