@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/SSegmentControl-BQ8fg3m-.js

@@ -1,212 +0,0 @@
-import { i as e, n as t, o as n, r } from "./useSelectionGroup-BCAmPf3R.js";
-import { n as i, t as a } from "./useSelectLink-2aCIYmF6.js";
-import { n as o, r as s, t as c } from "./useLink-Com5VhOk.js";
-import { n as l, t as u } from "./getIndicatorMetricsPercent-CWrH_ONg.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, inject as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, openBlock as T, provide as E, ref as D, renderList as O, resolveDynamicComponent as k, toDisplayString as A, toValue as j, unref as M, useModel as N, useTemplateRef as P, watch as F, withCtx as I } from "vue";
-import { SIcon as L } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as R } from "@vueuse/core";
-//#region src/components/SSegmentControl/SSegmentControl.types.ts
-var z = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), B = /* @__PURE__ */ function(e) {
-	return e.DEFAULT = "default", e.ROUNDED = "rounded", e;
-}({}), V = Symbol("SSegmentControl"), H = {
-	key: 0,
-	class: "s-ui-segment-control__icon",
-	"aria-hidden": "true"
-}, U = /* @__PURE__ */ v({
-	__name: "SSegmentControlItem",
-	props: { item: {} },
-	setup(e) {
-		let t = y(V, null), n = {
-			[z.SMALL]: "s-ui-typography-label-12-medium",
-			[z.MEDIUM]: "s-ui-typography-label-14-medium"
-		}, r = {
-			[z.SMALL]: 16,
-			[z.MEDIUM]: 20
-		}, l = f(() => t ? j(t.size) : z.MEDIUM), u = f(() => n[l.value]), d = f(() => r[l.value]), g = P("itemRootRef"), v = c(() => e.item.link, () => e.item.exact, () => e.item.replace);
-		a({
-			isRouterLink: v.isRouterLink,
-			isActive: v.isActive,
-			group: () => t,
-			value: () => e.item.value
-		});
-		let b = f(() => !!(t && j(t.disabled)) || !!e.item.disabled), S = i({
-			group: () => t,
-			value: () => e.item.value,
-			el: g,
-			disabled: b
-		}), w = f(() => v.isRouterLink.value ? v.isActive.value : S.isActive.value), E = v.linkPresentation, D = f(() => {
-			let e = E.value;
-			return e.mode === "none" ? "button" : e.rootTag;
-		}), O = f(() => D.value === "button"), N = f(() => {
-			if (t) return j(t.name);
-		}), F = f(() => e.item.ariaLabel ? e.item.ariaLabel : e.item.iconOnly ? e.item.label : void 0), R = f(() => ({
-			"s-ui-segment-control__item--selected": w.value,
-			"s-ui-segment-control__item--icon-only": !!e.item.iconOnly,
-			"s-ui-segment-control__item--link": s(e.item.link)
-		})), B = f(() => ({
-			...o(E.value, { replace: e.item.replace }),
-			disabled: O.value && b.value ? !0 : void 0,
-			"aria-disabled": !O.value && b.value ? !0 : void 0
-		})), U = f(() => b.value ? -1 : S.tabIndex.value ?? -1), W = (e) => {
-			if (!b.value) {
-				if (v.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
-					e.preventDefault(), v.navigate();
-					return;
-				}
-				S.handleKeydown(e);
-			}
-		}, G = (e) => {
-			if (b.value) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			v.isRouterLink.value || S.handleClick();
-		};
-		return (t, n) => (T(), p(k(D.value), x({
-			ref_key: "itemRootRef",
-			ref: g,
-			role: "radio",
-			class: ["s-ui-segment-control__item", R.value],
-			type: O.value ? "button" : void 0
-		}, B.value, {
-			"aria-checked": w.value ? "true" : "false",
-			"aria-label": F.value,
-			tabindex: U.value,
-			name: O.value ? N.value : void 0,
-			onClick: G,
-			onKeydown: W
-		}), {
-			default: I(() => [e.item.icon ? (T(), h("span", H, [_(M(L), {
-				name: e.item.icon,
-				size: d.value
-			}, null, 8, ["name", "size"])])) : m("", !0), e.item.label && !e.item.iconOnly ? (T(), h("span", {
-				key: 1,
-				class: C(["s-ui-segment-control__label", u.value])
-			}, A(e.item.label), 3)) : m("", !0)]),
-			_: 1
-		}, 16, [
-			"class",
-			"type",
-			"aria-checked",
-			"aria-label",
-			"tabindex",
-			"name"
-		]));
-	}
-}), W = ".s-ui-segment-control__item", G = ({ trackEl: e, activeIndex: t, itemCount: n }) => {
-	let r = D(u()), i = () => {
-		let n = j(e), i = j(t);
-		if (!n || i < 0) {
-			r.value = u();
-			return;
-		}
-		let a = n.querySelectorAll(W).item(i);
-		if (!(a instanceof HTMLElement)) {
-			r.value = u();
-			return;
-		}
-		r.value = l(n, a);
-	};
-	return R(e, () => {
-		i();
-	}), F(() => [j(t), j(n)], async () => {
-		await S(), i();
-	}, { immediate: !0 }), {
-		indicatorStyle: f(() => {
-			let { left: e, top: t, width: n, height: i } = r.value;
-			return !n || !i ? { opacity: "0" } : {
-				opacity: "1",
-				left: `${e}%`,
-				top: `${t}%`,
-				width: `${n}%`,
-				height: `${i}%`
-			};
-		}),
-		updateMetrics: i
-	};
-}, K = ["aria-disabled"], q = /* @__PURE__ */ v({
-	__name: "SSegmentControl",
-	props: /*@__PURE__*/ b({
-		items: {},
-		size: { default: () => z.MEDIUM },
-		shape: { default: () => B.DEFAULT },
-		fullWidth: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		mandatory: {
-			type: Boolean,
-			default: !0
-		},
-		name: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ b(["change"], ["update:modelValue"]),
-	setup(i, { emit: a }) {
-		let o = N(i, "modelValue"), s = a, c = P("trackRef"), l = n({
-			modelValue: () => o.value,
-			onUpdateModelValue: (t) => {
-				e(t) && (o.value = t, s("change", t));
-			},
-			mode: t.SINGLE,
-			mandatory: () => i.mandatory,
-			orientation: r.HORIZONTAL,
-			loop: !0
-		});
-		E(V, {
-			mode: () => t.SINGLE,
-			isSelected: l.isSelected,
-			selectItem: l.select,
-			registerItem: l.registerItem,
-			getItemTabIndex: l.getItemTabIndex,
-			getGroupTabIndex: l.getGroupTabIndex,
-			handleItemKeydown: l.handleItemKeydown,
-			disabled: () => i.disabled,
-			name: () => i.name,
-			size: () => i.size
-		});
-		let { indicatorStyle: u } = G({
-			trackEl: () => c.value,
-			activeIndex: f(() => {
-				let e = i.items.findIndex((e) => l.isSelected(e.value));
-				return e >= 0 ? e : 0;
-			}),
-			itemCount: () => i.items.length
-		}), m = f(() => ({
-			[`s-ui-segment-control--size-${i.size}`]: !0,
-			[`s-ui-segment-control--shape-${i.shape}`]: !0,
-			"s-ui-segment-control--full-width": i.fullWidth,
-			"s-ui-segment-control--disabled": i.disabled
-		})), _ = (e, t) => `${String(e.value)}-${t}`, v = () => {
-			if (o.value !== void 0 && o.value !== null) return;
-			let e = i.items.find((e) => !e.disabled);
-			e && (o.value = e.value);
-		};
-		return F(() => i.items, () => {
-			v();
-		}, { immediate: !0 }), (e, t) => (T(), h("div", x({
-			ref_key: "trackRef",
-			ref: c,
-			class: ["s-ui-segment-control", m.value],
-			role: "radiogroup",
-			"aria-disabled": i.disabled || void 0
-		}, e.$attrs), [g("span", {
-			class: "s-ui-segment-control__indicator",
-			style: w(M(u)),
-			"aria-hidden": "true"
-		}, null, 4), (T(!0), h(d, null, O(i.items, (e, t) => (T(), p(U, {
-			key: _(e, t),
-			item: e
-		}, null, 8, ["item"]))), 128))], 16, K));
-	}
-});
-//#endregion
-export { B as n, z as r, q as t };

package/dist/SSegmentControl-jPA19SVO.cjs

@@ -1 +0,0 @@
-const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./useSelectLink-DZIAhQ2J.cjs"),n=require("./useLink-1LLWpdDZ.cjs"),r=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives"),o=require("@vueuse/core");var s=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ROUNDED=`rounded`,e}({}),l=Symbol(`SSegmentControl`),u={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},d=(0,i.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(e){let r=(0,i.inject)(l,null),o={[s.SMALL]:`s-ui-typography-label-12-medium`,[s.MEDIUM]:`s-ui-typography-label-14-medium`},c={[s.SMALL]:16,[s.MEDIUM]:20},d=(0,i.computed)(()=>r?(0,i.toValue)(r.size):s.MEDIUM),f=(0,i.computed)(()=>o[d.value]),p=(0,i.computed)(()=>c[d.value]),m=(0,i.useTemplateRef)(`itemRootRef`),h=n.t(()=>e.item.link,()=>e.item.exact,()=>e.item.replace);t.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>r,value:()=>e.item.value});let g=(0,i.computed)(()=>!!(r&&(0,i.toValue)(r.disabled))||!!e.item.disabled),_=t.n({group:()=>r,value:()=>e.item.value,el:m,disabled:g}),v=(0,i.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,i.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,i.computed)(()=>b.value===`button`),S=(0,i.computed)(()=>{if(r)return(0,i.toValue)(r.name)}),C=(0,i.computed)(()=>e.item.ariaLabel?e.item.ariaLabel:e.item.iconOnly?e.item.label:void 0),w=(0,i.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!e.item.iconOnly,"s-ui-segment-control__item--link":n.r(e.item.link)})),T=(0,i.computed)(()=>({...n.n(y.value,{replace:e.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),E=(0,i.computed)(()=>g.value?-1:_.tabIndex.value??-1),D=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},O=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(t,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(b.value),(0,i.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,w.value],type:x.value?`button`:void 0},T.value,{"aria-checked":v.value?`true`:`false`,"aria-label":C.value,tabindex:E.value,name:x.value?S.value:void 0,onClick:O,onKeydown:D}),{default:(0,i.withCtx)(()=>[e.item.icon?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,[(0,i.createVNode)((0,i.unref)(a.SIcon),{name:e.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,i.createCommentVNode)(``,!0),e.item.label&&!e.item.iconOnly?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,{key:1,class:(0,i.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,i.toDisplayString)(e.item.label),3)):(0,i.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`aria-label`,`tabindex`,`name`]))}}),f=`.s-ui-segment-control__item`,p=({trackEl:e,activeIndex:t,itemCount:n})=>{let a=(0,i.ref)(r.t()),s=()=>{let n=(0,i.toValue)(e),o=(0,i.toValue)(t);if(!n||o<0){a.value=r.t();return}let s=n.querySelectorAll(f).item(o);if(!(s instanceof HTMLElement)){a.value=r.t();return}a.value=r.n(n,s)};return(0,o.useResizeObserver)(e,()=>{s()}),(0,i.watch)(()=>[(0,i.toValue)(t),(0,i.toValue)(n)],async()=>{await(0,i.nextTick)(),s()},{immediate:!0}),{indicatorStyle:(0,i.computed)(()=>{let{left:e,top:t,width:n,height:r}=a.value;return!n||!r?{opacity:`0`}:{opacity:`1`,left:`${e}%`,top:`${t}%`,width:`${n}%`,height:`${r}%`}}),updateMetrics:s}},m=[`aria-disabled`],h=(0,i.defineComponent)({__name:`SSegmentControl`,props:(0,i.mergeModels)({items:{},size:{default:()=>s.MEDIUM},shape:{default:()=>c.DEFAULT},fullWidth:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,i.mergeModels)([`change`],[`update:modelValue`]),setup(t,{emit:n}){let r=(0,i.useModel)(t,`modelValue`),a=n,o=(0,i.useTemplateRef)(`trackRef`),s=e.o({modelValue:()=>r.value,onUpdateModelValue:t=>{e.i(t)&&(r.value=t,a(`change`,t))},mode:e.n.SINGLE,mandatory:()=>t.mandatory,orientation:e.r.HORIZONTAL,loop:!0});(0,i.provide)(l,{mode:()=>e.n.SINGLE,isSelected:s.isSelected,selectItem:s.select,registerItem:s.registerItem,getItemTabIndex:s.getItemTabIndex,getGroupTabIndex:s.getGroupTabIndex,handleItemKeydown:s.handleItemKeydown,disabled:()=>t.disabled,name:()=>t.name,size:()=>t.size});let{indicatorStyle:c}=p({trackEl:()=>o.value,activeIndex:(0,i.computed)(()=>{let e=t.items.findIndex(e=>s.isSelected(e.value));return e>=0?e:0}),itemCount:()=>t.items.length}),u=(0,i.computed)(()=>({[`s-ui-segment-control--size-${t.size}`]:!0,[`s-ui-segment-control--shape-${t.shape}`]:!0,"s-ui-segment-control--full-width":t.fullWidth,"s-ui-segment-control--disabled":t.disabled})),f=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let e=t.items.find(e=>!e.disabled);e&&(r.value=e.value)};return(0,i.watch)(()=>t.items,()=>{h()},{immediate:!0}),(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,u.value],role:`radiogroup`,"aria-disabled":t.disabled||void 0},e.$attrs),[(0,i.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,i.normalizeStyle)((0,i.unref)(c)),"aria-hidden":`true`},null,4),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(t.items,(e,t)=>((0,i.openBlock)(),(0,i.createBlock)(d,{key:f(e,t),item:e},null,8,[`item`]))),128))],16,m))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SSelect-BSbEFqAB.cjs

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