@shtabapp/ui-kit 1.83.0 → 1.85.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/{SColorPicker-BMpT38eb.js → SColorPicker-BfJD4dt_.js} +1 -1
- package/dist/{SColorPicker-BJjZR52T.cjs → SColorPicker-NqSNxcwH.cjs} +1 -1
- package/dist/SList-CmMkLkdG.cjs +1 -0
- package/dist/{SList-WUROy6L6.js → SList-T_fgzdb3.js} +8 -2
- package/dist/SListItem-CQKZw5Uj.js +246 -0
- package/dist/SListItem-CrAnC2MG.cjs +1 -0
- package/dist/{SSegmentControl-Bjech2v4.js → SSegmentControl-BQ8fg3m-.js} +18 -14
- package/dist/SSegmentControl-jPA19SVO.cjs +1 -0
- package/dist/{SSelect-BG4Wh8N9.cjs → SSelect-BSbEFqAB.cjs} +1 -1
- package/dist/{SSelect-CGeBR5qb.js → SSelect-DM4-PF5I.js} +2 -2
- package/dist/{STable-wQ3Mgc-8.js → STable-BnS7Ijfz.js} +1 -1
- package/dist/{STable-CDGD1gwW.cjs → STable-CfdGC7jb.cjs} +1 -1
- package/dist/{STextarea-BDyy7Ku5.js → STextarea-CCnFvaU3.js} +1 -1
- package/dist/{STextarea-C4qDIp2k.cjs → STextarea-DxjrKM9g.cjs} +1 -1
- package/dist/components/SList/SList.types.d.ts +5 -0
- package/dist/components/SList/SList.types.d.ts.map +1 -1
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/context.d.ts +2 -0
- package/dist/components/SList/utils/context.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.types.d.ts +7 -0
- package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/components/SSegmentControl/SSegmentControl.types.d.ts +7 -0
- package/dist/components/SSegmentControl/SSegmentControl.types.d.ts.map +1 -1
- package/dist/components/SSegmentControl/SSegmentControl.vue.d.ts.map +1 -1
- package/dist/components/SSegmentControl/index.d.ts +1 -1
- package/dist/components/SSegmentControl/index.d.ts.map +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/segment-control.cjs +1 -1
- package/dist/entries/segment-control.d.ts +1 -1
- package/dist/entries/segment-control.d.ts.map +1 -1
- package/dist/entries/segment-control.js +2 -2
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/table.cjs +1 -1
- package/dist/entries/table.js +1 -1
- package/dist/entries/textarea.cjs +1 -1
- package/dist/entries/textarea.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +223 -223
- package/dist/uikit-components.css +1 -1
- package/package.json +2 -2
- package/dist/SList-C43FRAw1.cjs +0 -1
- package/dist/SListItem-BCC_BAUR.js +0 -236
- package/dist/SListItem-CzfRtRh7.cjs +0 -1
- package/dist/SSegmentControl-BaD9BK2s.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
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-CzfRtRh7.cjs"),s=require("./SList-C43FRAw1.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}});
|
|
1
|
+
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}});
|
|
@@ -4,8 +4,8 @@ import { t as a } from "./useAriaAttrs-CxGRTeye.js";
|
|
|
4
4
|
import { t as o } from "./SDropdown-aWjZrahp.js";
|
|
5
5
|
import { t as s } from "./SDropdownMenu-2koPU6IG.js";
|
|
6
6
|
import { n as c, r as l, t as u } from "./SInput-DwUxyUwU.js";
|
|
7
|
-
import { t as d } from "./SListItem-
|
|
8
|
-
import { i as f, n as p, r as m, t as ee } from "./SList-
|
|
7
|
+
import { t as d } from "./SListItem-CQKZw5Uj.js";
|
|
8
|
+
import { i as f, n as p, r as m, t as ee } from "./SList-T_fgzdb3.js";
|
|
9
9
|
import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as te, createVNode as x, defineComponent as S, guardReactiveProps as C, isRef as ne, mergeModels as w, mergeProps as T, nextTick as E, normalizeProps as D, openBlock as O, ref as k, renderSlot as A, toDisplayString as j, toValue as M, unref as N, useId as re, useModel as ie, useSlots as ae, useTemplateRef as P, vModelText as oe, watch as F, withCtx as I, withDirectives as se, withModifiers as ce } from "vue";
|
|
10
10
|
import { SIcon as le, useUiKitI18n as ue } from "@shtabapp/ui-kit-primitives";
|
|
11
11
|
import { useFocusWithin as de } from "@vueuse/core";
|
|
@@ -6,7 +6,7 @@ import { s as l } from "./useFloatingOverlay-TxzVisMJ.js";
|
|
|
6
6
|
import { t as u } from "./SDropdown-aWjZrahp.js";
|
|
7
7
|
import { t as d } from "./SDropdownMenu-2koPU6IG.js";
|
|
8
8
|
import { a as f, o as p, r as m } from "./treeKeyboardNavigation-SmxTdnDz.js";
|
|
9
|
-
import { t as h } from "./SListItem-
|
|
9
|
+
import { t as h } from "./SListItem-CQKZw5Uj.js";
|
|
10
10
|
import { n as g, r as _, t as v } from "./SToggle-MSdprnRP.js";
|
|
11
11
|
import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createTextVNode as E, createVNode as D, defineComponent as O, isMemoSame as k, markRaw as A, mergeModels as j, mergeProps as M, nextTick as ee, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as te, openBlock as I, ref as L, renderList as R, renderSlot as z, shallowRef as B, toDisplayString as V, toRaw as ne, toValue as H, unref as U, useId as re, useModel as ie, useSlots as ae, useTemplateRef as oe, watch as W, withCtx as G, withModifiers as se } from "vue";
|
|
12
12
|
import { ESSkeletonType as ce, SIcon as le, SSeparator as ue, SSkeleton as de, useUiKitI18n as fe } from "@shtabapp/ui-kit-primitives";
|