@shtabapp/ui-kit 1.71.0 → 1.72.0

package/dist/SDropdown-xNcC6JDy.js

@@ -1,362 +0,0 @@
-import { a as e, i as t, t as n } from "./useFloatingOverlay-b9_eDGNE.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/SSelect-Coyrc99Y.cjs

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