@shtabapp/ui-kit 1.74.0 → 1.76.0

package/dist/SList-BuXrkB03.js

@@ -1,465 +0,0 @@
-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-BOSQGRWA.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";
-//#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, he = {
-	[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)"
-}, ge = {
-	[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
-}, _e = (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 S, ve = (e, t) => {
-	let n = e[t];
-	if (typeof n == "string" && n.length > 0 && O(n)) return n;
-}, ye = ["role", "aria-multiselectable"], be = [
-	"aria-multiselectable",
-	"aria-activedescendant",
-	"tabindex"
-], xe = ["data-index"], Se = {
-	key: 0,
-	class: "s-ui-list__divider",
-	role: "separator"
-}, Ce = {
-	key: 0,
-	class: "s-ui-list__divider",
-	role: "separator"
-}, we = {
-	key: 2,
-	class: "s-ui-list__static"
-}, k = /* @__PURE__ */ d({
-	__name: "SList",
-	props: /*@__PURE__*/ f({
-		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__*/ f([
-		"endReached",
-		"loadMoreChildren",
-		"itemClick"
-	], [
-		"update:modelValue",
-		"update:selected",
-		"update:expanded"
-	]),
-	setup(d, { expose: f, emit: S }) {
-		let w = b(d, "modelValue"), T = b(d, "selected"), O = b(d, "expanded"), k = S, A = de(), Te = ue(), j = fe("scrollElementRef"), M = fe("listRootElementRef"), Ee = s(() => ge[d.gap]), N = s(() => d.items !== void 0), P = s(() => N.value ? d.virtual === void 0 ? !0 : d.virtual : !1), { flatRows: F, toggleExpanded: I } = re({
-			items: () => d.items ?? [],
-			childrenKey: () => d.childrenKey,
-			itemKey: () => d.itemKey,
-			expanded: O,
-			hasMoreChildrenKey: () => d.hasMoreChildrenKey,
-			selectedOnTop: () => d.selectedOnTop,
-			selectedKeys: () => T.value
-		}), { t: De } = pe(), L = s(() => new Set(d.loadingMoreChildrenKeys)), R = s(() => De("list.loadMore")), z = (e) => e.loadMoreForKey ? L.value.has(e.loadMoreForKey) : !1, B = (e, t) => {
-			L.value.has(e) || k("loadMoreChildren", {
-				key: e,
-				item: t
-			});
-		}, V = (e) => {
-			e.loadMoreForKey && B(e.loadMoreForKey, e.item);
-		}, H = (e) => ({
-			parentKey: e.loadMoreForKey ?? "",
-			parentItem: e.item,
-			depth: e.depth,
-			loading: z(e),
-			loadMore: () => {
-				V(e);
-			}
-		}), U = me(s(() => ({
-			count: F.value.length,
-			getScrollElement: () => j.value,
-			estimateSize: () => d.estimateItemSize,
-			gap: Ee.value,
-			overscan: d.overscan
-		}))), W = s(() => {
-			if (N.value) return F.value.reduce((e, t) => (t.divider || e.push(t.key), e), []);
-		}), G = s(() => {
-			let e = /* @__PURE__ */ new Set();
-			for (let t of F.value) !t.loadMoreForKey && D(t.item, d.disabledKey) && e.add(t.key);
-			return e;
-		}), K = async (e) => {
-			if (!P.value) return;
-			let t = F.value.findIndex((t) => t.key === e);
-			t !== -1 && (U.value.scrollToIndex(t, { align: "auto" }), await new Promise((e) => {
-				requestAnimationFrame(() => {
-					e();
-				});
-			}), await ce());
-		}, q = (e) => _e(Te, e), J = t({
-			modelValue: () => T.value,
-			onUpdateModelValue: (e) => {
-				T.value = e;
-			},
-			mode: () => d.selectionMode,
-			mandatory: () => d.mandatory,
-			orientation: () => n.VERTICAL,
-			enableTabNavigation: !0,
-			focusMode: () => P.value ? r.ACTIVE_DESCENDANT : r.DOM,
-			orderedValues: W,
-			isValueDisabled: (e) => G.value.has(e),
-			onBeforeFocusItem: async (e) => {
-				await K(e);
-			},
-			onFocusGroup: () => {
-				j.value?.focus();
-			}
-		}), Oe = s(() => N.value && ie(F.value)), Y = () => {
-			if (P.value) {
-				j.value?.focus();
-				return;
-			}
-			M.value?.focus();
-		}, ke = () => {
-			J.focusedValue.value = void 0, w.value = void 0;
-			let e = document.activeElement;
-			e instanceof HTMLElement && e !== j.value && e.blur(), Y();
-		}, X = async (e) => {
-			P.value && await K(e);
-		}, Ae = async (e) => {
-			if (ke(), e.type === "expand" || e.type === "collapse") {
-				I(e.rowKey), J.select(e.rowKey, !1), await X(e.rowKey);
-				return;
-			}
-			J.select(e.rowKey, !1), await X(e.rowKey);
-		}, je = async (e, t) => {
-			if (!Oe.value || e.key !== "ArrowUp" && e.key !== "ArrowDown") return !1;
-			let n = i(t, T.value), r = te(e.key, n, F.value);
-			return r ? (e.preventDefault(), ke(), J.select(r, !1), await X(r), !0) : !1;
-		}, Me = async (e, t) => {
-			if (!Oe.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
-			let n = i(t, T.value), r = ne(e.key, n, F.value);
-			return r ? (e.preventDefault(), await Ae(r), !0) : !1;
-		}, Z = () => {
-			if (w.value) return w.value;
-			let e = i("", T.value);
-			if (e) return e;
-			let t = W.value;
-			if (t) {
-				for (let e of t) if (!G.value.has(e)) return e;
-			}
-		}, Ne = () => Z(), Pe = async (e) => {
-			let t = Ne();
-			t && await Q(e, t);
-		}, Fe = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], Ie = (e, t) => {
-			if (!Fe.includes(e.key)) return !1;
-			let n = F.value.find((e) => e.key === t);
-			return n?.loadMoreForKey ? (e.preventDefault(), B(n.loadMoreForKey, n.item), !0) : !1;
-		}, Q = async (e, t) => {
-			Ie(e, t) || await je(e, t) || await Me(e, t) || (await J.handleItemKeydown(e, t), w.value = J.focusedValue.value, !J.focusedValue.value && !P.value && Y());
-		}, Le = async (e) => {
-			let t = Z();
-			t && await Q(e, t);
-		}, Re = async (e) => {
-			if (P.value || e.target !== M.value) return;
-			let t = Z();
-			t && await Q(e, t);
-		}, ze = async () => {
-			let e = Z();
-			if (!e) {
-				Y();
-				return;
-			}
-			await J.focusItem(e, !1);
-		};
-		le(ae, {
-			mode: () => d.selectionMode,
-			isSelected: J.isSelected,
-			selectItem: J.toggle,
-			registerItem: J.registerItem,
-			getItemTabIndex: J.getItemTabIndex,
-			getGroupTabIndex: J.getGroupTabIndex,
-			handleItemKeydown: Q,
-			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: () => d.revealRight,
-			expandOnClick: () => d.expandOnClick,
-			getItemOptionId: (e) => {
-				if (P.value) return q(e);
-			},
-			usesActiveDescendantNavigation: () => P.value,
-			handlesTreeKeyboardNavigation: () => N.value
-		});
-		let Be = s(() => U.value.getVirtualItems()), Ve = s(() => Be.value.flatMap((e) => {
-			let t = F.value[e.index];
-			return t ? [{
-				virtualRow: e,
-				flatRow: t
-			}] : [];
-		})), He = s(() => U.value.getTotalSize()), Ue = s(() => ({
-			height: `${He.value}px`,
-			position: "relative",
-			width: "100%"
-		})), We = s(() => {
-			let e = {};
-			return typeof d.height == "number" ? e.height = `${d.height}px` : d.height && (e.height = d.height), d.maxHeight && (typeof d.maxHeight == "number" ? e.maxHeight = `${d.maxHeight}px` : e.maxHeight = d.maxHeight), e;
-		}), Ge = s(() => ({
-			"s-ui-list--virtual": P.value,
-			"s-ui-list--static": !P.value
-		})), Ke = s(() => ({ "--s-ui-list-gap": he[d.gap] })), qe = s(() => ({ "s-ui-list__scroll--flat": N.value && !P.value })), Je = s(() => {
-			if (d.selectionMode === e.MULTIPLE) return !0;
-		}), Ye = s(() => {
-			if (!P.value) return "listbox";
-		}), Xe = s(() => {
-			if (!P.value) return Je.value;
-		}), Ze = s(() => {
-			if (P.value) return J.getGroupTabIndex();
-		}), Qe = s(() => w.value ? w.value : i("", T.value)), $e = s(() => {
-			if (!P.value) return;
-			let e = Qe.value;
-			if (e) return q(e);
-		});
-		ee(() => j.value, {
-			distance: () => d.endReachedDistance,
-			canLoadMore: () => d.canLoadMore?.() ?? !0,
-			onEndReached: () => {
-				k("endReached", { direction: "bottom" });
-			}
-		});
-		let et = (e) => ({
-			position: "absolute",
-			top: 0,
-			left: 0,
-			width: "100%",
-			transform: `translateY(${e.start}px)`
-		}), tt = (e) => {
-			e instanceof HTMLElement && U.value.measureElement(e);
-		}, nt = (e) => {
-			let t = e.item, n = {
-				rowKey: e.key,
-				depth: e.depth,
-				expandable: e.hasChildren,
-				expanded: e.expanded,
-				selected: J.isSelected(e.key),
-				active: w.value === e.key,
-				disabled: D(t, d.disabledKey),
-				title: E(t, d.titleKey),
-				subtitle: E(t, d.subtitleKey),
-				iconLeft: ve(t, d.iconLeftKey),
-				revealRight: d.revealRight,
-				onClick: () => {
-					k("itemClick", {
-						key: e.key,
-						item: e.item
-					});
-				}
-			};
-			return d.itemProps ? {
-				...n,
-				...d.itemProps(t, e)
-			} : n;
-		}, $ = (e) => ({
-			...e,
-			revealRight: d.revealRight,
-			toggleExpanded: () => {
-				I(e.key);
-			}
-		});
-		return f({
-			focusNavigation: ze,
-			handleKeyboardNavigation: Le
-		}), (e, t) => (g(), l("div", {
-			ref_key: "listRootElementRef",
-			ref: M,
-			class: m(["s-ui-list", Ge.value]),
-			style: h(Ke.value),
-			role: Ye.value,
-			"aria-multiselectable": Xe.value,
-			tabindex: "-1",
-			onKeydown: Re
-		}, [N.value && P.value ? (g(), l("div", {
-			key: 0,
-			ref_key: "scrollElementRef",
-			ref: j,
-			class: m(["s-ui-list__scroll", qe.value]),
-			style: h(We.value),
-			role: "listbox",
-			"aria-multiselectable": Je.value,
-			"aria-activedescendant": $e.value,
-			tabindex: Ze.value,
-			onKeydown: Pe
-		}, [oe("div", {
-			class: "s-ui-list__virtual-panel",
-			style: h(Ue.value)
-		}, [(g(!0), l(o, null, _(Ve.value, (t) => (g(), l("div", {
-			key: t.virtualRow.index,
-			class: "s-ui-list__virtual-row",
-			"data-index": t.virtualRow.index,
-			ref_for: !0,
-			ref: tt,
-			style: h(et(t.virtualRow))
-		}, [t.flatRow.divider ? (g(), l("div", Se)) : t.flatRow.loadMoreForKey ? (g(), l(o, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", p({
-			key: 0,
-			ref_for: !0
-		}, H(t.flatRow))) : (g(), c(y(a), {
-			key: 1,
-			"row-key": t.flatRow.key,
-			depth: t.flatRow.depth,
-			tiny: "",
-			title: R.value,
-			onClick: (e) => V(t.flatRow)
-		}, u({ _: 2 }, [z(t.flatRow) ? {
-			name: "icon-left",
-			fn: x(() => [se(y(C), { size: 16 })]),
-			key: "0"
-		} : void 0]), 1032, [
-			"row-key",
-			"depth",
-			"title",
-			"onClick"
-		]))], 64)) : (g(), l(o, { key: 2 }, [y(A).item ? v(e.$slots, "item", p({
-			key: 0,
-			ref_for: !0
-		}, $(t.flatRow))) : (g(), c(y(a), p({
-			key: 1,
-			ref_for: !0
-		}, nt(t.flatRow)), u({ _: 2 }, [
-			y(A).itemIconLeft ? {
-				name: "icon-left",
-				fn: x(() => [v(e.$slots, "itemIconLeft", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "0"
-			} : void 0,
-			y(A).itemTitle ? {
-				name: "title",
-				fn: x(() => [v(e.$slots, "itemTitle", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "1"
-			} : void 0,
-			y(A).itemSubtitle ? {
-				name: "subtitle",
-				fn: x(() => [v(e.$slots, "itemSubtitle", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "2"
-			} : void 0
-		]), 1040))], 64))], 12, xe))), 128))], 4)], 46, be)) : N.value ? (g(), l("div", {
-			key: 1,
-			ref_key: "scrollElementRef",
-			ref: j,
-			class: m(["s-ui-list__scroll", qe.value]),
-			style: h(We.value)
-		}, [(g(!0), l(o, null, _(y(F), (t) => (g(), l(o, { key: t.key }, [t.divider ? (g(), l("div", Ce)) : t.loadMoreForKey ? (g(), l(o, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", p({
-			key: 0,
-			ref_for: !0
-		}, H(t))) : (g(), c(y(a), {
-			key: 1,
-			"row-key": t.key,
-			depth: t.depth,
-			tiny: "",
-			title: R.value,
-			onClick: (e) => V(t)
-		}, u({ _: 2 }, [z(t) ? {
-			name: "icon-left",
-			fn: x(() => [se(y(C), { size: 16 })]),
-			key: "0"
-		} : void 0]), 1032, [
-			"row-key",
-			"depth",
-			"title",
-			"onClick"
-		]))], 64)) : (g(), l(o, { key: 2 }, [y(A).item ? v(e.$slots, "item", p({
-			key: 0,
-			ref_for: !0
-		}, $(t))) : (g(), c(y(a), p({
-			key: 1,
-			ref_for: !0
-		}, nt(t)), u({ _: 2 }, [
-			y(A).itemIconLeft ? {
-				name: "icon-left",
-				fn: x(() => [v(e.$slots, "itemIconLeft", p({ ref_for: !0 }, $(t)))]),
-				key: "0"
-			} : void 0,
-			y(A).itemTitle ? {
-				name: "title",
-				fn: x(() => [v(e.$slots, "itemTitle", p({ ref_for: !0 }, $(t)))]),
-				key: "1"
-			} : void 0,
-			y(A).itemSubtitle ? {
-				name: "subtitle",
-				fn: x(() => [v(e.$slots, "itemSubtitle", p({ ref_for: !0 }, $(t)))]),
-				key: "2"
-			} : void 0
-		]), 1040))], 64))], 64))), 128))], 6)) : (g(), l("div", we, [v(e.$slots, "default")]))], 46, ye));
-	}
-});
-//#endregion
-export { w as a, E as i, D as n, ve as r, k as t };

package/dist/SList-CvP0U6U1.cjs

@@ -1 +0,0 @@
-const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./treeKeyboardNavigation-BOz2SVus.cjs"),n=require("./SListItem-BeaflFVf.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}});