@shtabapp/ui-kit 1.70.0 → 1.71.2

package/dist/SSelect-mnobObXO.cjs

@@ -0,0 +1 @@
+const e=require("./SButton-CLTNdnCK.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./SDropdown-B8Z4oNMk.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)}),ee=(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))}),te=(0,s.computed)(()=>v.value?t.n.MULTIPLE:t.n.SINGLE),O=(t,n,r)=>{if(b.value){e.value=T(n,t,r);return}e.value=t},ne=(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))},re=(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){O((Array.isArray(e)?e:[]).map(e=>g(e,t,i.itemValue)).filter(e=>p(e)),t,i.itemValue);return}ne(typeof e==`string`?e:void 0,t,i.itemValue)}}),ie=(0,s.computed)(()=>D.value.length>0),k=(e,t,n)=>{let r=f(t);return e.find(e=>f(d(e,n)??``)===r)},A=(0,s.computed)(()=>{let e=D.value[0];if(!p(e))return``;let t=(0,s.toValue)(r),i=k((0,s.toValue)(n),e,t.itemValue);return i?o.i(i,t.itemTitle)??``:f(e)}),j=(0,s.computed)(()=>{let e=(0,s.toValue)(n),t=(0,s.toValue)(r);return D.value.map(n=>{let r=k(e,n,t.itemValue);return r?o.i(r,t.itemTitle)??``:f(n)})}),M=(0,s.computed)(()=>j.value.join(`, `)),N=(0,s.computed)(()=>v.value?D.value.length===0:!A.value),P=(0,s.computed)(()=>x.value&&(u.value||v.value)),F=()=>{h.value=``};return(0,s.watch)(u,e=>{e||F()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{F()}),{searchQuery:h,selectedValues:D,filteredOptions:ee,listSelectionMode:te,listSelectedModel:re,hasSelectedValues:ie,singleDisplayLabel:A,multipleDisplayLabels:j,multipleDisplayText:M,showPlaceholder:N,showInputSearchField:P,isSearchableMode:E,isSearchableInputMode:x,isSearchableContentMode:S,isMultipleMode:v,isReturnObjectMode:b,clearSelection:()=>{e.value=void 0,F()},removeSelectedValue:e=>{let t=f(e);O(D.value.filter(e=>f(e)!==t),(0,s.toValue)(n),(0,s.toValue)(r).itemValue)},resetSearchQuery:F,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`},ee=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],te={key:0,class:`s-ui-select__value`},O={key:1,class:`s-ui-select__placeholder`},ne={key:1,class:`s-ui-select__placeholder`},re={key:2,class:`s-ui-select__value`},ie={key:3,class:`s-ui-select__value-suffix`},k=[`name`,`placeholder`,`disabled`,`readonly`],A=20,j=`100%`,M=20,N=(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)(),N=(0,s.ref)(!1),P=(0,s.ref)(!1),F=(0,s.computed)(()=>t.panelWidth===void 0),ae=(0,s.computed)(()=>t.panelWidth??j),oe=(0,s.computed)(()=>t.itemId??t.itemValue),se=(0,s.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:oe.value})),{selectedValues:I,filteredOptions:L,listSelectionMode:ce,listSelectedModel:R,hasSelectedValues:z,singleDisplayLabel:B,multipleDisplayLabels:le,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:ue,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:de,removeSelectedValue:q,resolveValueFromListKey:fe,formatSelectListKey:J}=E({modelValue:f,options:()=>t.options,itemFields:()=>se.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:N,searchQuery:m}),pe=(0,s.computed)(()=>({disabled:t.disabled,displayLabel:B.value})),Y=(0,s.computed)(()=>L.value.length>M),me=(0,s.computed)(()=>G.value||Y.value?t.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(G.value||Y.value))return t.listHeight}),ge=(0,s.computed)(()=>I.value.map(e=>J(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>l({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:T.value,isOptionSelected:_e(e.key)}),be=e=>{let t=fe(e);if(p(t)){if(K.value){q(t);return}f.value=void 0}},xe=(0,s.computed)(()=>t.id??v),Se=(0,s.computed)(()=>y),Ce=(0,s.computed)(()=>b.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:I.value,displayText:V.value,disabled:t.disabled||t.readonly,removeValue:q})),Te=(0,s.computed)(()=>{if(!t.disabled&&(t.readonly&&!W.value||!W.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":t.disabled,"s-ui-select--readonly":t.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":N.value})),De=()=>{if(G.value){C.value?.focus();return}S.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),C.value?.focus()},ke=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!N.value){if(N.value=!0,h(`open`),G.value){await Oe();return}if(W.value){await(0,s.nextTick)(),S.value?.focus();return}await ke()}},Ae=async()=>{t.disabled||t.readonly||N.value||await X()};(0,s.watch)(m,async e=>{W.value&&(t.disabled||t.readonly||e&&(N.value||await X()))});let Z=()=>{N.value&&(N.value=!1,T.value=void 0,h(`close`))},Q=()=>{!t.closeOnSelect||K.value||Z()};(0,s.watch)(f,(e,n)=>{!t.closeOnSelect||K.value||!N.value||!e||e===n||Z()});let je=e=>{N.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Me=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||N.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(N.value){Z();return}await X()},Ne=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 $()}},Pe=async()=>{t.disabled||t.readonly||await $()},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),N.value||await X(),await ke(),await w.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=fe(e);if(t){if(K.value){I.value.some(t=>J(t)===e)?q(t):R.value=[...I.value.map(e=>J(e)),e];return}R.value=e,Q()}},Le=async e=>{if(!(t.disabled||t.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),N.value&&T.value){Ie(T.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{t.disabled||(P.value||h(`focus`,e),P.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,h(`blur`,e))},He=()=>{de(),h(`clear`)},Ue=e=>{h(`endReached`,e)};return u({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(n.t),{modelValue:N.value,"onUpdate:modelValue":u[4]||=e=>N.value=e,reference:Ce.value,disabled:t.disabled,"match-reference-width":F.value,"fit-viewport":t.fitViewport,"surface-class":t.surfaceClass,"content-id":Se.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:ae.value},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:je,onKeydown:Me},[(0,s.unref)(L).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)(R),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(R)?R.value=e:null,items:(0,s.unref)(L),"item-key":oe.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,s.unref)(ce),mandatory:!t.multiple,height:me.value,"max-height":he.value,virtual:Y.value,"item-props":ve,"selected-on-top":(0,s.unref)(K),"can-load-more":t.canLoadMore,"end-reached-distance":t.endReachedDistance,onEndReached:Ue},(0,s.createSlots)({_:2},[(0,s.unref)(_).option||(0,s.unref)(_)[`option-icon`]||t.closableOptions||(0,s.unref)(K)?{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},ye(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,_e(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=>be(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},ye(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)(G)||(0,s.unref)(_)[`panel-header`]?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-header`),(0,s.unref)(G)?((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)(ze)},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)(z),focused:P.value||N.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:xe.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(z)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":(0,s.unref)(_)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":N.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Ne,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,O,(0,s.toDisplayString)(t.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(t.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,re,(0,s.toDisplayString)((0,s.unref)(B)),1)),(0,s.unref)(_)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,ie,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(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:Ae,onKeydown:Re},null,40,k)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,ee)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:A,class:`s-ui-select__chevron`,onClick:Pe})]),_: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 N}});

package/dist/{SSelect-DUtNtnqM.js → SSelect-rpJCD5PL.js}

@@ -1,6 +1,6 @@
 import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
 import { n as i } from "./useSelectionGroup-BCAmPf3R.js";
-import { t as a } from "./SDropdown-xNcC6JDy.js";
+import { t as a } from "./SDropdown-cNmJ5Lrz.js";
 import { t as o } from "./SDropdownMenu-2koPU6IG.js";
 import { n as s, t as c } from "./SInput-D8NftspL.js";
 import { t as l } from "./SListItem-BOSQGRWA.js";
@@ -362,7 +362,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 				}
 				await lt();
 			}
-		}, dt = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), V.value || await Q(), await it(), await z.value?.handleKeyboardNavigation(e), !0), ft = (e) => {
+		}, dt = async () => {
+			i.disabled || i.readonly || await lt();
+		}, ft = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), V.value || await Q(), await it(), await z.value?.handleKeyboardNavigation(e), !0), pt = (e) => {
 			let t = ze(e);
 			if (t) {
 				if (Z.value) {
@@ -371,35 +373,35 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 				}
 				K.value = e, ot();
 			}
-		}, pt = async (e) => {
-			if (!(i.disabled || i.readonly) && !await dt(e)) {
+		}, mt = async (e) => {
+			if (!(i.disabled || i.readonly) && !await ft(e)) {
 				if (e.key === "Escape") {
 					e.preventDefault(), $();
 					return;
 				}
 				if (e.key === "Enter" || e.key === " ") {
 					if (e.preventDefault(), V.value && B.value) {
-						ft(B.value);
+						pt(B.value);
 						return;
 					}
 					await lt();
 				}
 			}
-		}, mt = async (e) => {
+		}, ht = async (e) => {
 			if (e.key === "Escape") {
 				e.preventDefault(), $();
 				return;
 			}
-			await dt(e);
-		}, ht = mt, gt = (e) => {
+			await ft(e);
+		}, gt = ht, _t = (e) => {
 			i.disabled || (H.value || y("focus", e), H.value = !0);
-		}, _t = (e) => {
+		}, vt = (e) => {
 			if (!(e.currentTarget instanceof HTMLElement)) return;
 			let t = e.relatedTarget;
 			t instanceof Node && e.currentTarget.contains(t) || (H.value = !1, y("blur", e));
-		}, vt = () => {
+		}, yt = () => {
 			Le(), y("clear");
-		}, yt = (e) => {
+		}, bt = (e) => {
 			y("endReached", e);
 		};
 		return s({
@@ -450,7 +452,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 					"selected-on-top": A(Z),
 					"can-load-more": i.canLoadMore,
 					"end-reached-distance": i.endReachedDistance,
-					onEndReached: yt
+					onEndReached: bt
 				}, _({ _: 2 }, [A(k).option || A(k)["option-icon"] || i.closableOptions || A(Z) ? {
 					name: "item",
 					fn: M((a) => [A(k).option ? D(s.$slots, "option", w(S({ key: 0 }, a))) : i.closableOptions ? (T(), m(A(l), w(S({ key: 1 }, Je(a))), _({ _: 2 }, [A(k)["option-icon"] ? {
@@ -515,7 +517,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 					clearable: !1,
 					"icon-left": "search",
 					onClick: u[1] ||= de(() => {}, ["stop"]),
-					onKeydown: A(ht)
+					onKeydown: A(gt)
 				}, null, 8, [
 					"modelValue",
 					"placeholder",
@@ -557,9 +559,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 			customize: i.customize,
 			name: i.name,
 			id: Xe.value,
-			onClear: vt,
-			onFocus: gt,
-			onBlur: _t
+			onClear: yt,
+			onFocus: _t,
+			onBlur: vt
 		}, _({
 			control: M(() => [te("div", {
 				id: Xe.value,
@@ -577,7 +579,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 				"aria-autocomplete": A(Ie) ? "list" : void 0,
 				tabindex: et.value,
 				onClick: ut,
-				onKeydown: pt
+				onKeydown: mt
 			}, [
 				A(Z) ? D(s.$slots, "selection", w(S({ key: 0 }, $e.value)), () => [A(Fe) ? (T(), g("span", Se, O(A(Fe)), 1)) : A(q) && !A(J) ? (T(), g("span", Ce, O(i.placeholder), 1)) : h("", !0)]) : A(q) && !A(J) ? (T(), g("span", we, O(i.placeholder), 1)) : A(J) ? h("", !0) : (T(), g("span", Te, O(A(Ne)), 1)),
 				A(k)["value-suffix"] && !A(Z) && !A(J) && !A(q) ? (T(), g("div", Ee, [D(s.$slots, "value-suffix", w(b(Ve.value)))])) : h("", !0),
@@ -595,13 +597,14 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
 					autocomplete: "off",
 					onClick: u[6] ||= de(() => {}, ["stop"]),
 					onFocus: at,
-					onKeydown: mt
+					onKeydown: ht
 				}, null, 40, De)), [[ce, f.value]]) : h("", !0)
 			], 42, xe)]),
 			action: M(() => [v(A(fe), {
 				name: "chevronMiniDown",
 				size: Oe,
-				class: "s-ui-select__chevron"
+				class: "s-ui-select__chevron",
+				onClick: dt
 			})]),
 			_: 2
 		}, [

package/dist/{STable-CunQFK-x.js → STable-1Bfr6VLH.js}

@@ -2,8 +2,8 @@ import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
 import { t as n } from "./colorValue-CSh0chxp.js";
 import { i as r, n as i, r as a, t as o } from "./SButton-LAOBxpd4.js";
 import { i as s, t as c } from "./SCheckbox-BMkOc5cn.js";
-import { a as l } from "./useFloatingOverlay-b9_eDGNE.js";
-import { t as u } from "./SDropdown-xNcC6JDy.js";
+import { s as l } from "./useFloatingOverlay-TxzVisMJ.js";
+import { t as u } from "./SDropdown-cNmJ5Lrz.js";
 import { t as d } from "./SDropdownMenu-2koPU6IG.js";
 import { a as f, o as p, r as m } from "./treeKeyboardNavigation-SmxTdnDz.js";
 import { t as h } from "./SListItem-BOSQGRWA.js";