@shtabapp/ui-kit 1.63.0 → 1.64.1

package/dist/SList-D2K9dNsj.js

@@ -0,0 +1,465 @@
+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 { 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/SSelect-CRlkCLik.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./SDropdown-LNVnMol3.cjs"),i=require("./SDropdownMenu-k9SxaFVH.cjs"),a=require("./SInput-IfbP8zrv.cjs"),o=require("./SListItem-cWTuQQY-.cjs"),s=require("./SList-D0PDc8VN.cjs");let c=require("vue"),l=require("@shtabapp/ui-kit-primitives");var u=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:a,isOptionSelected:o})=>{let c=e.item;return{rowKey:e.key,title:s.i(c,t),subtitle:s.i(c,n),disabled:s.n(c,r),iconLeft:s.r(c,i),selected:o,active:a===e.key,revealRight:e.revealRight,tiny:!0}},d=e=>typeof e==`string`||typeof e==`number`,f=(e,t)=>{let n=e[t];if(d(n))return n},p=e=>typeof e==`string`?e:String(e),m=e=>e==null?!1:typeof e==`string`?e.length>0:!0,h=(e,t,n)=>t.find(t=>p(f(t,n)??``)===e),g=e=>typeof e==`object`&&!!e,_=(e,t,n)=>{let r=h(e,t,n);if(r)return f(r,n)},v=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),y=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=s.i(t,n.itemTitle)?.toLocaleLowerCase()??``,a=p(f(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||a.includes(r)},ee=(e,t,n,r)=>{let i=r??((e,t)=>y(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&m(e),x=e=>typeof e==`number`&&m(e),S=(e,t,n)=>{if(t){if(!g(e))return;let t=f(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return m(r)?[r]:[]}):[],w=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},T=(e,t,n)=>t.flatMap(t=>{let r=p(t),i=e.find(e=>p(f(e,n)??``)===r);return i?[i]:[]}),E=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:a,searchable:o,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let g=(0,c.computed)(()=>(0,c.toValue)(i)),y=(0,c.computed)(()=>(0,c.toValue)(a)),b=(0,c.computed)(()=>(0,c.toValue)(o)===v.INPUT),x=(0,c.computed)(()=>(0,c.toValue)(o)===v.CONTENT),S=(0,c.computed)(()=>!!(0,c.toValue)(o)),E=(0,c.computed)(()=>{let t=(0,c.toValue)(r);return C(e.value,y.value,t.itemValue)}),te=(0,c.computed)(()=>{let e=(0,c.toValue)(t),n=(0,c.toValue)(r);return ee(e,S.value?d.value:``,n,(0,c.toValue)(l))}),ne=(0,c.computed)(()=>g.value?n.n.MULTIPLE:n.n.SINGLE),D=(t,n,r)=>{if(y.value){e.value=T(n,t,r);return}e.value=t},O=(t,n,r)=>{if(!t){e.value=void 0;return}if(y.value){e.value=h(t,n,r)??void 0;return}w(e,_(t,n,r))},k=(0,c.computed)({get:()=>{if(g.value)return E.value.map(e=>p(e));let e=E.value[0];if(m(e))return p(e)},set:e=>{let n=(0,c.toValue)(t),i=(0,c.toValue)(r);if(g.value){D((Array.isArray(e)?e:[]).map(e=>_(e,n,i.itemValue)).filter(e=>m(e)),n,i.itemValue);return}O(typeof e==`string`?e:void 0,n,i.itemValue)}}),A=(0,c.computed)(()=>E.value.length>0),j=(e,t,n)=>{let r=p(t);return e.find(e=>p(f(e,n)??``)===r)},M=(0,c.computed)(()=>{let e=E.value[0];if(!m(e))return``;let n=(0,c.toValue)(r),i=j((0,c.toValue)(t),e,n.itemValue);return i?s.i(i,n.itemTitle)??``:p(e)}),N=(0,c.computed)(()=>{let e=(0,c.toValue)(t),n=(0,c.toValue)(r);return E.value.map(t=>{let r=j(e,t,n.itemValue);return r?s.i(r,n.itemTitle)??``:p(t)})}),re=(0,c.computed)(()=>N.value.join(`, `)),P=(0,c.computed)(()=>g.value?E.value.length===0:!M.value),F=(0,c.computed)(()=>b.value&&(u.value||g.value)),I=()=>{d.value=``};return(0,c.watch)(u,e=>{e||I()}),(0,c.watch)(()=>(0,c.toValue)(o),()=>{I()}),{searchQuery:d,selectedValues:E,filteredOptions:te,listSelectionMode:ne,listSelectedModel:k,hasSelectedValues:A,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:P,showInputSearchField:F,isSearchableMode:S,isSearchableInputMode:b,isSearchableContentMode:x,isMultipleMode:g,isReturnObjectMode:y,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let n=p(e);D(E.value.filter(e=>p(e)!==n),(0,c.toValue)(t),(0,c.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:p,resolveValueFromListKey:e=>_(e,(0,c.toValue)(t),(0,c.toValue)(r).itemValue)}},te={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},ne=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],D={key:0,class:`s-ui-select__value`},O={key:1,class:`s-ui-select__placeholder`},k={key:1,class:`s-ui-select__placeholder`},A={key:2,class:`s-ui-select__value`},j={key:3,class:`s-ui-select__value-suffix`},M=[`name`,`placeholder`,`disabled`,`readonly`],N=20,re=`100%`,P=20,F=(0,c.defineComponent)({__name:`SSelect`,props:(0,c.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},panelWidth:{},surfaceClass:{},canLoadMore:{type:Function},endReachedDistance:{default:0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>a.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,c.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`,`endReached`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:d,emit:f}){let p=(0,c.useModel)(n,`modelValue`),h=(0,c.useModel)(n,`searchQuery`),g=f,{t:_}=(0,l.useUiKitI18n)(),v=(0,c.useSlots)(),y=(0,c.useId)(),ee=(0,c.useId)(),b=(0,c.useTemplateRef)(`triggerInputRef`),x=(0,c.ref)(``),S=(0,c.useTemplateRef)(`searchInputElementRef`),C=(0,c.useTemplateRef)(`panelSearchInputElementRef`),w=(0,c.useTemplateRef)(`listElementRef`),T=(0,c.ref)(),F=(0,c.ref)(!1),I=(0,c.ref)(!1),ie=(0,c.computed)(()=>n.panelWidth===void 0),ae=(0,c.computed)(()=>n.panelWidth??re),oe=(0,c.computed)(()=>n.itemId??n.itemValue),se=(0,c.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:oe.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ce,listSelectedModel:z,hasSelectedValues:le,singleDisplayLabel:ue,multipleDisplayLabels:de,multipleDisplayText:B,showPlaceholder:V,showInputSearchField:H,isSearchableMode:fe,isSearchableInputMode:U,isSearchableContentMode:W,isMultipleMode:G,clearSelection:pe,removeSelectedValue:K,resolveValueFromListKey:me,formatSelectListKey:q}=E({modelValue:p,options:()=>n.options,itemFields:()=>se.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:F,searchQuery:h}),he=(0,c.computed)(()=>({disabled:n.disabled,displayLabel:ue.value})),J=(0,c.computed)(()=>R.value.length>P),ge=(0,c.computed)(()=>W.value||J.value?n.listHeight:`auto`),_e=(0,c.computed)(()=>{if(!(W.value||J.value))return n.listHeight}),ve=(0,c.computed)(()=>L.value.map(e=>q(e))),ye=e=>ve.value.includes(e),be=()=>({tiny:!0}),xe=e=>u({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:T.value,isOptionSelected:ye(e.key)}),Se=e=>{let t=me(e);if(m(t)){if(G.value){K(t);return}p.value=void 0}},Ce=(0,c.computed)(()=>n.id??y),we=(0,c.computed)(()=>ee),Te=(0,c.computed)(()=>b.value?.fieldElementRef??null),Ee=(0,c.computed)(()=>({labels:de.value,values:L.value,displayText:B.value,disabled:n.disabled||n.readonly,removeValue:K})),De=(0,c.computed)(()=>{if(!n.disabled&&(n.readonly&&!U.value||!U.value))return 0}),Oe=(0,c.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":G.value,"s-ui-select--open":F.value})),ke=()=>{if(W.value){C.value?.focus();return}S.value?.focus()},Ae=async()=>{await(0,c.nextTick)(),C.value?.focus()},je=async()=>{await(0,c.nextTick)(),await w.value?.focusNavigation()},Y=async()=>{if(!(n.disabled||n.readonly)&&!F.value){if(F.value=!0,g(`open`),W.value){await Ae();return}if(U.value){await(0,c.nextTick)(),S.value?.focus();return}await je()}},Me=async()=>{n.disabled||n.readonly||F.value||await Y()};(0,c.watch)(h,async e=>{U.value&&(n.disabled||n.readonly||e&&(F.value||await Y()))});let X=()=>{F.value&&(F.value=!1,T.value=void 0,g(`close`))},Z=()=>{!n.closeOnSelect||G.value||X()};(0,c.watch)(p,(e,t)=>{!n.closeOnSelect||G.value||!F.value||!e||e===t||X()});let Ne=e=>{F.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Z()},Pe=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||F.value&&(await(0,c.nextTick)(),Z())},Q=async()=>{if(F.value){X();return}await Y()},Fe=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){F.value||await Y();return}await Q()}},Ie=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),F.value||await Y(),await je(),await w.value?.handleKeyboardNavigation(e),!0),Le=e=>{let t=me(e);if(t){if(G.value){L.value.some(t=>q(t)===e)?K(t):z.value=[...L.value.map(e=>q(e)),e];return}z.value=e,Z()}},Re=async e=>{if(!(n.disabled||n.readonly)&&!await Ie(e)){if(e.key===`Escape`){e.preventDefault(),X();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),F.value&&T.value){Le(T.value);return}await Q()}}},$=async e=>{if(e.key===`Escape`){e.preventDefault(),X();return}await Ie(e)},ze=$,Be=e=>{n.disabled||(I.value||g(`focus`,e),I.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(I.value=!1,g(`blur`,e))},He=()=>{pe(),g(`clear`)},Ue=e=>{g(`endReached`,e)};return d({open:Y,close:X,toggle:Q,focusSearchInput:ke}),(u,d)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{class:(0,c.normalizeClass)([`s-ui-select`,Oe.value])},[(0,c.createVNode)((0,c.unref)(r.t),{modelValue:F.value,"onUpdate:modelValue":d[4]||=e=>F.value=e,reference:Te.value,disabled:n.disabled,"match-reference-width":ie.value,"fit-viewport":n.fitViewport,"surface-class":n.surfaceClass,"content-id":we.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-select__menu`,width:ae.value},(0,c.createSlots)({default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ne,onKeydown:Pe},[(0,c.unref)(R).length>0?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(s.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":d[2]||=e=>T.value=e,selected:(0,c.unref)(z),"onUpdate:selected":d[3]||=e=>(0,c.isRef)(z)?z.value=e:null,items:(0,c.unref)(R),"item-key":oe.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,c.unref)(ce),mandatory:!n.multiple,height:ge.value,"max-height":_e.value,virtual:J.value,"item-props":be,"selected-on-top":(0,c.unref)(G),"can-load-more":n.canLoadMore,"end-reached-distance":n.endReachedDistance,onEndReached:Ue},(0,c.createSlots)({_:2},[(0,c.unref)(v).option||(0,c.unref)(v)[`option-icon`]||n.closableOptions||(0,c.unref)(G)?{name:`item`,fn:(0,c.withCtx)(r=>[(0,c.unref)(v).option?(0,c.renderSlot)(u.$slots,`option`,(0,c.normalizeProps)((0,c.mergeProps)({key:0},r))):n.closableOptions?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),(0,c.normalizeProps)((0,c.mergeProps)({key:1},xe(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`option-icon`,(0,c.normalizeProps)((0,c.guardReactiveProps)(r)))]),key:`0`}:void 0,ye(r.key)?{name:`right`,fn:(0,c.withCtx)(n=>[(0,c.createVNode)((0,c.unref)(t.t),{appearance:(0,c.unref)(e.t).BARE,variant:(0,c.unref)(e.r).NEUTRAL,size:(0,c.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,c.unref)(_)(`select.removeOption`),disabled:n.disabled||n.readonly,tabindex:-1,onClick:(0,c.withModifiers)(e=>Se(r.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`1`}:void 0]),1040)):((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),(0,c.normalizeProps)((0,c.mergeProps)({key:2},xe(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`option-icon`,(0,c.normalizeProps)((0,c.guardReactiveProps)(r)))]),key:`0`}:void 0]),1040))]),key:`0`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`,`selected-on-top`,`can-load-more`,`end-reached-distance`])):((0,c.openBlock)(),(0,c.createElementBlock)(`div`,te,[(0,c.renderSlot)(u.$slots,`empty`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,c.unref)(W)||(0,c.unref)(v)[`panel-header`]?{name:`header`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`panel-header`),(0,c.unref)(W)?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(a.t),{key:0,ref_key:`panelSearchInputElementRef`,ref:C,modelValue:h.value,"onUpdate:modelValue":d[0]||=e=>h.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:d[1]||=(0,c.withModifiers)(()=>{},[`stop`]),onKeydown:(0,c.unref)(ze)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])):(0,c.createCommentVNode)(``,!0)]),key:`0`}:void 0,(0,c.unref)(v)[`panel-footer`]?{name:`footer`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`panel-footer`)]),key:`1`}:void 0]),1032,[`width`])]),_:3},8,[`modelValue`,`reference`,`disabled`,`match-reference-width`,`fit-viewport`,`surface-class`,`content-id`]),(0,c.createVNode)((0,c.unref)(a.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":d[7]||=e=>x.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,c.unref)(le),focused:I.value||F.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:Ce.value,onClear:He,onFocus:Be,onBlur:Ve},(0,c.createSlots)({control:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{id:Ce.value,class:(0,c.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,c.unref)(G),"s-ui-select__control--empty":(0,c.unref)(G)&&!(0,c.unref)(le)&&!(0,c.unref)(H),"s-ui-select__control--with-value-suffix":(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(G)&&!(0,c.unref)(H)&&!(0,c.unref)(V)}]),role:`combobox`,"aria-expanded":F.value,"aria-controls":we.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,c.unref)(fe)?`list`:void 0,tabindex:De.value,onClick:Fe,onKeydown:Re},[(0,c.unref)(G)?(0,c.renderSlot)(u.$slots,`selection`,(0,c.normalizeProps)((0,c.mergeProps)({key:0},Ee.value)),()=>[(0,c.unref)(B)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,D,(0,c.toDisplayString)((0,c.unref)(B)),1)):(0,c.unref)(V)&&!(0,c.unref)(H)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,O,(0,c.toDisplayString)(n.placeholder),1)):(0,c.createCommentVNode)(``,!0)]):(0,c.unref)(V)&&!(0,c.unref)(H)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,k,(0,c.toDisplayString)(n.placeholder),1)):(0,c.unref)(H)?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,A,(0,c.toDisplayString)((0,c.unref)(ue)),1)),(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(G)&&!(0,c.unref)(H)&&!(0,c.unref)(V)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,j,[(0,c.renderSlot)(u.$slots,`value-suffix`,(0,c.normalizeProps)((0,c.guardReactiveProps)(he.value)))])):(0,c.createCommentVNode)(``,!0),(0,c.unref)(H)?(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":d[5]||=e=>h.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:d[6]||=(0,c.withModifiers)(()=>{},[`stop`]),onFocus:Me,onKeydown:$},null,40,M)),[[c.vModelText,h.value]]):(0,c.createCommentVNode)(``,!0)],42,ne)]),action:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.SIcon),{name:`chevronMiniDown`,size:N,class:`s-ui-select__chevron`})]),_:2},[(0,c.unref)(v).label?{name:`label`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`label`)]),key:`0`}:void 0,(0,c.unref)(v).prefix?{name:`prefix`,fn:(0,c.withCtx)(e=>[(0,c.renderSlot)(u.$slots,`prefix`,(0,c.normalizeProps)((0,c.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,c.unref)(v).prepend?{name:`prepend`,fn:(0,c.withCtx)(e=>[(0,c.renderSlot)(u.$slots,`prepend`,(0,c.normalizeProps)((0,c.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,c.unref)(v).message?{name:`message`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(u.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}});