@shtabapp/ui-kit 1.78.4 → 1.79.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 +7 -0
- package/dist/{SButton-DIWMMCSc.js → SButton-B21hubD2.js} +46 -33
- package/dist/SButton-BxsPvcET.cjs +1 -0
- package/dist/{SChip-BCB1bvua.cjs → SChip-no4cGQNB.cjs} +1 -1
- package/dist/{SChip-C6d9oIYL.js → SChip-suCSzJ9O.js} +1 -1
- package/dist/{SColorPicker-CIAkM4kx.js → SColorPicker-C5pA54Q3.js} +2 -2
- package/dist/{SColorPicker-Dac8mDye.cjs → SColorPicker-DHjY2NVd.cjs} +1 -1
- package/dist/{SInput-CGlUBCkW.js → SInput-DRV4XHWh.js} +1 -1
- package/dist/{SInput-fT-S-Tko.cjs → SInput-Doale-L0.cjs} +1 -1
- package/dist/{SList-Vg9nx1oe.cjs → SList-B98BGyt8.cjs} +1 -1
- package/dist/{SList-BuuCfuHg.js → SList-DuSCQL0t.js} +1 -1
- package/dist/{SListItem-CDlsjhA3.js → SListItem-B3MQgu4Q.js} +1 -1
- package/dist/{SListItem-DMjtJXxV.cjs → SListItem-CZtR8bgI.cjs} +1 -1
- package/dist/{SPhotoEdit-BxxycqvA.js → SPhotoEdit-CuVHNypX.js} +1 -1
- package/dist/{SPhotoEdit-B4ujF5Dh.cjs → SPhotoEdit-D3a1Ptp0.cjs} +1 -1
- package/dist/{SSelect-BznJn8Q8.js → SSelect-BU4eSrVf.js} +4 -4
- package/dist/{SSelect-CB2XQ4dU.cjs → SSelect-CPQIcGhK.cjs} +1 -1
- package/dist/{STable-BgbWclBb.js → STable-BTKXjbrB.js} +2 -2
- package/dist/{STable-CNl_VYLc.cjs → STable-RmVTPyg2.cjs} +1 -1
- package/dist/{STabs-BYbsRtvi.js → STabs-B07Q6QYO.js} +1 -1
- package/dist/{STabs-DDP-2p6T.cjs → STabs-JtF4ca3o.cjs} +1 -1
- package/dist/{STag-DWjv_Za8.js → STag-BKLs0RRY.js} +1 -1
- package/dist/{STag-nqzlv8OZ.cjs → STag-Btut_n-4.cjs} +1 -1
- package/dist/{STagGroup-DEPpEU5C.js → STagGroup-CNZVwrG2.js} +1 -1
- package/dist/{STagGroup-CYEI9OXO.cjs → STagGroup-Ddeb_8Ot.cjs} +1 -1
- package/dist/components/SButton/SButton.types.d.ts +5 -1
- package/dist/components/SButton/SButton.types.d.ts.map +1 -1
- package/dist/components/SButton/SButton.vue.d.ts.map +1 -1
- package/dist/components/SButton/utils/useButtonBadge.d.ts +2 -1
- package/dist/components/SButton/utils/useButtonBadge.d.ts.map +1 -1
- package/dist/entries/button.cjs +1 -1
- package/dist/entries/button.js +1 -1
- package/dist/entries/chip.cjs +1 -1
- package/dist/entries/chip.js +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/input.cjs +1 -1
- package/dist/entries/input.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/photo-edit.cjs +1 -1
- package/dist/entries/photo-edit.js +1 -1
- 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/tabs.cjs +1 -1
- package/dist/entries/tabs.js +1 -1
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +2 -2
- package/dist/entries/tag.cjs +1 -1
- package/dist/entries/tag.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +12 -12
- package/dist/uikit-components.css +1 -1
- package/package.json +1 -1
- package/dist/SButton-BCgdXE_B.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SButton-BCgdXE_B.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./useAriaAttrs-D748yeJ_.cjs"),r=require("./SDropdown-CPfoNHbg.cjs"),i=require("./SDropdownMenu-k9SxaFVH.cjs"),a=require("./SInput-fT-S-Tko.cjs"),o=require("./SListItem-DMjtJXxV.cjs"),s=require("./SList-Vg9nx1oe.cjs");let c=require("vue"),l=require("@shtabapp/ui-kit-primitives");var u=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:a,isOptionSelected:o})=>{let c=e.item;return{rowKey:e.key,title:s.i(c,t),subtitle:s.i(c,n),disabled:s.n(c,r),iconLeft:s.r(c,i),selected:o,active:a===e.key,revealRight:e.revealRight,tiny:!0}},d=e=>typeof e==`string`||typeof e==`number`,f=(e,t)=>{let n=e[t];if(d(n))return n},p=e=>typeof e==`string`?e:String(e),m=e=>e==null?!1:typeof e==`string`?e.length>0:!0,h=(e,t,n)=>t.find(t=>p(f(t,n)??``)===e),g=e=>typeof e==`object`&&!!e,_=(e,t,n)=>{let r=h(e,t,n);if(r)return f(r,n)},v=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),y=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=s.i(t,n.itemTitle)?.toLocaleLowerCase()??``,a=p(f(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||a.includes(r)},ee=(e,t,n,r)=>{let i=r??((e,t)=>y(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&m(e),x=e=>typeof e==`number`&&m(e),S=(e,t,n)=>{if(t){if(!g(e))return;let t=f(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return m(r)?[r]:[]}):[],te=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},w=(e,t,n)=>t.flatMap(t=>{let r=p(t),i=e.find(e=>p(f(e,n)??``)===r);return i?[i]:[]}),T=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:a,searchable:o,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let g=(0,c.computed)(()=>(0,c.toValue)(i)),y=(0,c.computed)(()=>(0,c.toValue)(a)),b=(0,c.computed)(()=>(0,c.toValue)(o)===v.INPUT),x=(0,c.computed)(()=>(0,c.toValue)(o)===v.CONTENT),S=(0,c.computed)(()=>!!(0,c.toValue)(o)),T=(0,c.computed)(()=>{let t=(0,c.toValue)(r);return C(e.value,y.value,t.itemValue)}),ne=(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))}),re=(0,c.computed)(()=>g.value?t.n.MULTIPLE:t.n.SINGLE),E=(t,n,r)=>{if(y.value){e.value=w(n,t,r);return}e.value=t},ie=(t,n,r)=>{if(!t){e.value=void 0;return}if(y.value){e.value=h(t,n,r)??void 0;return}te(e,_(t,n,r))},ae=(0,c.computed)({get:()=>{if(g.value)return T.value.map(e=>p(e));let e=T.value[0];if(m(e))return p(e)},set:e=>{let t=(0,c.toValue)(n),i=(0,c.toValue)(r);if(g.value){E((Array.isArray(e)?e:[]).map(e=>_(e,t,i.itemValue)).filter(e=>m(e)),t,i.itemValue);return}ie(typeof e==`string`?e:void 0,t,i.itemValue)}}),oe=(0,c.computed)(()=>T.value.length>0),D=(e,t,n)=>{let r=p(t);return e.find(e=>p(f(e,n)??``)===r)},O=(0,c.computed)(()=>{let e=T.value[0];if(!m(e))return``;let t=(0,c.toValue)(r),i=D((0,c.toValue)(n),e,t.itemValue);return i?s.i(i,t.itemTitle)??``:p(e)}),k=(0,c.computed)(()=>{let e=(0,c.toValue)(n),t=(0,c.toValue)(r);return T.value.map(n=>{let r=D(e,n,t.itemValue);return r?s.i(r,t.itemTitle)??``:p(n)})}),se=(0,c.computed)(()=>k.value.join(`, `)),ce=(0,c.computed)(()=>g.value?T.value.length===0:!O.value),A=(0,c.computed)(()=>b.value&&(u.value||g.value)),j=()=>{d.value=``};return(0,c.watch)(u,e=>{e||j()}),(0,c.watch)(()=>(0,c.toValue)(o),()=>{j()}),{searchQuery:d,selectedValues:T,filteredOptions:ne,listSelectionMode:re,listSelectedModel:ae,hasSelectedValues:oe,singleDisplayLabel:O,multipleDisplayLabels:k,multipleDisplayText:se,showPlaceholder:ce,showInputSearchField:A,isSearchableMode:S,isSearchableInputMode:b,isSearchableContentMode:x,isMultipleMode:g,isReturnObjectMode:y,clearSelection:()=>{e.value=void 0,j()},removeSelectedValue:e=>{let t=p(e);E(T.value.filter(e=>p(e)!==t),(0,c.toValue)(n),(0,c.toValue)(r).itemValue)},resetSearchQuery:j,formatSelectListKey:p,resolveValueFromListKey:e=>_(e,(0,c.toValue)(n),(0,c.toValue)(r).itemValue)}},ne={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},re=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],E={key:0,class:`s-ui-select__value`},ie={key:1,class:`s-ui-select__placeholder`},ae={key:1,class:`s-ui-select__placeholder`},oe={key:2,class:`s-ui-select__value`},D={key:3,class:`s-ui-select__value-suffix`},O=[`name`,`placeholder`,`disabled`,`readonly`],k=20,se=`100%`,ce=20,A=(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:d,emit:f}){let p=(0,c.useModel)(t,`modelValue`),h=(0,c.useModel)(t,`searchQuery`),g=f,{t:_}=(0,l.useUiKitI18n)(),v=(0,c.useSlots)(),{getRootAttrs:y,getAriaAttrs:ee,getAriaAttr:b}=n.t(),x=(0,c.useId)(),S=(0,c.useId)(),C=(0,c.useTemplateRef)(`triggerInputRef`),te=(0,c.ref)(``),w=(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),le=(0,c.computed)(()=>t.panelWidth===void 0),ue=(0,c.computed)(()=>t.panelWidth??se),de=(0,c.computed)(()=>t.itemId??t.itemValue),fe=(0,c.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:de.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:pe,listSelectedModel:L,hasSelectedValues:me,singleDisplayLabel:he,multipleDisplayLabels:ge,multipleDisplayText:R,showPlaceholder:z,showInputSearchField:B,isSearchableMode:_e,isSearchableInputMode:V,isSearchableContentMode:H,isMultipleMode:U,clearSelection:ve,removeSelectedValue:W,resolveValueFromListKey:ye,formatSelectListKey:G}=T({modelValue:p,options:()=>t.options,itemFields:()=>fe.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:N,searchQuery:h}),be=(0,c.computed)(()=>({disabled:t.disabled,displayLabel:he.value})),K=(0,c.computed)(()=>I.value.length>ce),q=(0,c.ref)();(0,c.watch)(h,(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 xe=(0,c.computed)(()=>K.value?t.listHeight:q.value??`auto`),Se=(0,c.computed)(()=>{if(!K.value)return t.listHeight}),Ce=(0,c.computed)(()=>F.value.map(e=>G(e))),we=e=>Ce.value.includes(e),Te=()=>({tiny:!0}),Ee=e=>u({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:M.value,isOptionSelected:we(e.key)}),De=e=>{let t=ye(e);if(m(t)){if(U.value){W(t);return}p.value=void 0}},J=(0,c.computed)(()=>t.id??x),Oe=(0,c.computed)(()=>S),ke=(0,c.computed)(()=>a.n(J.value)),Y=()=>{let e=b(`aria-label`),n=b(`aria-labelledby`);return e||n?{"aria-label":e,"aria-labelledby":n}:t.label||v.label?{"aria-labelledby":ke.value}:t.placeholder?{"aria-label":t.placeholder}:{}},Ae=()=>({...ee(),...Y()}),je=(0,c.computed)(()=>C.value?.fieldElementRef??null),Me=(0,c.computed)(()=>({labels:ge.value,values:F.value,displayText:R.value,disabled:t.disabled||t.readonly,removeValue:W})),Ne=(0,c.computed)(()=>{if(!t.disabled&&(t.readonly&&!V.value||!V.value))return 0}),Pe=(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})),Fe=()=>{if(H.value){A.value?.focus();return}w.value?.focus()},Ie=async()=>{await(0,c.nextTick)(),A.value?.focus()},Le=async()=>{await(0,c.nextTick)(),await j.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!N.value){if(N.value=!0,g(`open`),H.value){await Ie();return}if(V.value){await(0,c.nextTick)(),w.value?.focus();return}await Le()}},Re=async()=>{t.disabled||t.readonly||N.value||await X()};(0,c.watch)(h,async e=>{V.value&&(t.disabled||t.readonly||e&&(N.value||await X()))});let Z=()=>{N.value&&(N.value=!1,M.value=void 0,g(`close`))},Q=()=>{!t.closeOnSelect||U.value||Z()};(0,c.watch)(p,(e,n)=>{!t.closeOnSelect||U.value||!N.value||!e||e===n||Z()});let ze=e=>{N.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Be=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()},Ve=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 $()}},He=async()=>{t.disabled||t.readonly||await $()},Ue=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),N.value||await X(),await Le(),await j.value?.handleKeyboardNavigation(e),!0),We=e=>{let t=ye(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()}},Ge=async e=>{if(!(t.disabled||t.readonly)&&!await Ue(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),N.value&&M.value){We(M.value);return}await $()}}},Ke=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ue(e)},qe=Ke,Je=e=>{t.disabled||(P.value||g(`focus`,e),P.value=!0)},Ye=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,g(`blur`,e))},Xe=()=>{ve(),g(`clear`)},Ze=e=>{g(`endReached`,e)};return d({open:X,close:Z,toggle:$,focusSearchInput:Fe}),(n,u)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-select`,Pe.value]},(0,c.unref)(y)()),[(0,c.createVNode)((0,c.unref)(r.t),{modelValue:N.value,"onUpdate:modelValue":u[4]||=e=>N.value=e,reference:je.value,disabled:t.disabled,"match-reference-width":le.value,"fit-viewport":t.fitViewport,"surface-class":t.surfaceClass,"content-id":Oe.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-select__menu`,width:ue.value},(0,c.createSlots)({default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ze,onKeydown:Be},[(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":de.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,c.unref)(pe),mandatory:!t.multiple,height:xe.value,"max-height":Se.value,virtual:K.value,"item-props":Te,"selected-on-top":(0,c.unref)(U),"can-load-more":t.canLoadMore,"end-reached-distance":t.endReachedDistance},Y(),{onEndReached:Ze}),(0,c.createSlots)({_:2},[(0,c.unref)(v).option||(0,c.unref)(v)[`option-icon`]||t.closableOptions||(0,c.unref)(U)?{name:`item`,fn:(0,c.withCtx)(r=>[(0,c.unref)(v).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},Ee(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`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,we(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)(_)(`select.removeOption`),disabled:t.disabled||t.readonly,tabindex:-1,onClick:(0,c.withModifiers)(e=>De(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},Ee(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`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)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,c.unref)(H)||(0,c.unref)(v)[`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:h.value,"onUpdate:modelValue":u[0]||=e=>h.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)(qe)},null,8,[`modelValue`,`placeholder`,`disabled`,`aria-label`,`onKeydown`])):(0,c.createCommentVNode)(``,!0)]),key:`0`}:void 0,(0,c.unref)(v)[`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`]),(0,c.createVNode)((0,c.unref)(a.t),{ref_key:`triggerInputRef`,ref:C,modelValue:te.value,"onUpdate:modelValue":u[7]||=e=>te.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)(me),focused:P.value||N.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:J.value,onClear:Xe,onFocus:Je,onBlur:Ye},(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)(me)&&!(0,c.unref)(B),"s-ui-select__control--with-value-suffix":(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(U)&&!(0,c.unref)(B)&&!(0,c.unref)(z)}],role:`combobox`,"aria-expanded":N.value,"aria-controls":Oe.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,c.unref)(_e)?`list`:void 0},Ae(),{tabindex:Ne.value,onClick:Ve,onKeydown:Ge}),[(0,c.unref)(U)?(0,c.renderSlot)(n.$slots,`selection`,(0,c.normalizeProps)((0,c.mergeProps)({key:0},Me.value)),()=>[(0,c.unref)(R)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,E,(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`,oe,(0,c.toDisplayString)((0,c.unref)(he)),1)),(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(U)&&!(0,c.unref)(B)&&!(0,c.unref)(z)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,D,[(0,c.renderSlot)(n.$slots,`value-suffix`,(0,c.normalizeProps)((0,c.guardReactiveProps)(be.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:w,"onUpdate:modelValue":u[5]||=e=>h.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:Re,onKeydown:Ke}),null,16,O)),[[c.vModelText,h.value]]):(0,c.createCommentVNode)(``,!0)],16,re)]),action:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.SIcon),{name:`chevronMiniDown`,size:k,class:`s-ui-select__chevron`,onClick:He})]),_:2},[(0,c.unref)(v).label?{name:`label`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(n.$slots,`label`)]),key:`0`}:void 0,(0,c.unref)(v).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)(v).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)(v).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 v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});
|
|
1
|
+
const e=require("./SButton-BxsPvcET.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./useAriaAttrs-D748yeJ_.cjs"),r=require("./SDropdown-CPfoNHbg.cjs"),i=require("./SDropdownMenu-k9SxaFVH.cjs"),a=require("./SInput-Doale-L0.cjs"),o=require("./SListItem-CZtR8bgI.cjs"),s=require("./SList-B98BGyt8.cjs");let c=require("vue"),l=require("@shtabapp/ui-kit-primitives");var u=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:a,isOptionSelected:o})=>{let c=e.item;return{rowKey:e.key,title:s.i(c,t),subtitle:s.i(c,n),disabled:s.n(c,r),iconLeft:s.r(c,i),selected:o,active:a===e.key,revealRight:e.revealRight,tiny:!0}},d=e=>typeof e==`string`||typeof e==`number`,f=(e,t)=>{let n=e[t];if(d(n))return n},p=e=>typeof e==`string`?e:String(e),m=e=>e==null?!1:typeof e==`string`?e.length>0:!0,h=(e,t,n)=>t.find(t=>p(f(t,n)??``)===e),g=e=>typeof e==`object`&&!!e,_=(e,t,n)=>{let r=h(e,t,n);if(r)return f(r,n)},v=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),y=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=s.i(t,n.itemTitle)?.toLocaleLowerCase()??``,a=p(f(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||a.includes(r)},ee=(e,t,n,r)=>{let i=r??((e,t)=>y(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},b=e=>typeof e==`string`&&m(e),x=e=>typeof e==`number`&&m(e),S=(e,t,n)=>{if(t){if(!g(e))return;let t=f(e,n);return b(t)||x(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(b(r)||x(r))return r},C=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=S(e,t,n);return m(r)?[r]:[]}):[],te=(e,t)=>{if(b(t)){e.value=t;return}if(x(t)){e.value=t;return}e.value=void 0},w=(e,t,n)=>t.flatMap(t=>{let r=p(t),i=e.find(e=>p(f(e,n)??``)===r);return i?[i]:[]}),T=({modelValue:e,options:n,itemFields:r,multiple:i,returnObject:a,searchable:o,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let g=(0,c.computed)(()=>(0,c.toValue)(i)),y=(0,c.computed)(()=>(0,c.toValue)(a)),b=(0,c.computed)(()=>(0,c.toValue)(o)===v.INPUT),x=(0,c.computed)(()=>(0,c.toValue)(o)===v.CONTENT),S=(0,c.computed)(()=>!!(0,c.toValue)(o)),T=(0,c.computed)(()=>{let t=(0,c.toValue)(r);return C(e.value,y.value,t.itemValue)}),ne=(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))}),re=(0,c.computed)(()=>g.value?t.n.MULTIPLE:t.n.SINGLE),E=(t,n,r)=>{if(y.value){e.value=w(n,t,r);return}e.value=t},ie=(t,n,r)=>{if(!t){e.value=void 0;return}if(y.value){e.value=h(t,n,r)??void 0;return}te(e,_(t,n,r))},ae=(0,c.computed)({get:()=>{if(g.value)return T.value.map(e=>p(e));let e=T.value[0];if(m(e))return p(e)},set:e=>{let t=(0,c.toValue)(n),i=(0,c.toValue)(r);if(g.value){E((Array.isArray(e)?e:[]).map(e=>_(e,t,i.itemValue)).filter(e=>m(e)),t,i.itemValue);return}ie(typeof e==`string`?e:void 0,t,i.itemValue)}}),oe=(0,c.computed)(()=>T.value.length>0),D=(e,t,n)=>{let r=p(t);return e.find(e=>p(f(e,n)??``)===r)},O=(0,c.computed)(()=>{let e=T.value[0];if(!m(e))return``;let t=(0,c.toValue)(r),i=D((0,c.toValue)(n),e,t.itemValue);return i?s.i(i,t.itemTitle)??``:p(e)}),k=(0,c.computed)(()=>{let e=(0,c.toValue)(n),t=(0,c.toValue)(r);return T.value.map(n=>{let r=D(e,n,t.itemValue);return r?s.i(r,t.itemTitle)??``:p(n)})}),se=(0,c.computed)(()=>k.value.join(`, `)),ce=(0,c.computed)(()=>g.value?T.value.length===0:!O.value),A=(0,c.computed)(()=>b.value&&(u.value||g.value)),j=()=>{d.value=``};return(0,c.watch)(u,e=>{e||j()}),(0,c.watch)(()=>(0,c.toValue)(o),()=>{j()}),{searchQuery:d,selectedValues:T,filteredOptions:ne,listSelectionMode:re,listSelectedModel:ae,hasSelectedValues:oe,singleDisplayLabel:O,multipleDisplayLabels:k,multipleDisplayText:se,showPlaceholder:ce,showInputSearchField:A,isSearchableMode:S,isSearchableInputMode:b,isSearchableContentMode:x,isMultipleMode:g,isReturnObjectMode:y,clearSelection:()=>{e.value=void 0,j()},removeSelectedValue:e=>{let t=p(e);E(T.value.filter(e=>p(e)!==t),(0,c.toValue)(n),(0,c.toValue)(r).itemValue)},resetSearchQuery:j,formatSelectListKey:p,resolveValueFromListKey:e=>_(e,(0,c.toValue)(n),(0,c.toValue)(r).itemValue)}},ne={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},re=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],E={key:0,class:`s-ui-select__value`},ie={key:1,class:`s-ui-select__placeholder`},ae={key:1,class:`s-ui-select__placeholder`},oe={key:2,class:`s-ui-select__value`},D={key:3,class:`s-ui-select__value-suffix`},O=[`name`,`placeholder`,`disabled`,`readonly`],k=20,se=`100%`,ce=20,A=(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:d,emit:f}){let p=(0,c.useModel)(t,`modelValue`),h=(0,c.useModel)(t,`searchQuery`),g=f,{t:_}=(0,l.useUiKitI18n)(),v=(0,c.useSlots)(),{getRootAttrs:y,getAriaAttrs:ee,getAriaAttr:b}=n.t(),x=(0,c.useId)(),S=(0,c.useId)(),C=(0,c.useTemplateRef)(`triggerInputRef`),te=(0,c.ref)(``),w=(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),le=(0,c.computed)(()=>t.panelWidth===void 0),ue=(0,c.computed)(()=>t.panelWidth??se),de=(0,c.computed)(()=>t.itemId??t.itemValue),fe=(0,c.computed)(()=>({itemValue:t.itemValue,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemId:de.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:pe,listSelectedModel:L,hasSelectedValues:me,singleDisplayLabel:he,multipleDisplayLabels:ge,multipleDisplayText:R,showPlaceholder:z,showInputSearchField:B,isSearchableMode:_e,isSearchableInputMode:V,isSearchableContentMode:H,isMultipleMode:U,clearSelection:ve,removeSelectedValue:W,resolveValueFromListKey:ye,formatSelectListKey:G}=T({modelValue:p,options:()=>t.options,itemFields:()=>fe.value,multiple:()=>t.multiple,returnObject:()=>t.returnObject,searchable:()=>t.searchable,filterOption:()=>t.filterOption,isDropdownOpen:N,searchQuery:h}),be=(0,c.computed)(()=>({disabled:t.disabled,displayLabel:he.value})),K=(0,c.computed)(()=>I.value.length>ce),q=(0,c.ref)();(0,c.watch)(h,(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 xe=(0,c.computed)(()=>K.value?t.listHeight:q.value??`auto`),Se=(0,c.computed)(()=>{if(!K.value)return t.listHeight}),Ce=(0,c.computed)(()=>F.value.map(e=>G(e))),we=e=>Ce.value.includes(e),Te=()=>({tiny:!0}),Ee=e=>u({listItemScope:e,itemTitle:t.itemTitle,itemSubtitle:t.itemSubtitle,itemDisabled:t.itemDisabled,itemIconLeft:t.itemIconLeft,listActiveKey:M.value,isOptionSelected:we(e.key)}),De=e=>{let t=ye(e);if(m(t)){if(U.value){W(t);return}p.value=void 0}},J=(0,c.computed)(()=>t.id??x),Oe=(0,c.computed)(()=>S),ke=(0,c.computed)(()=>a.n(J.value)),Y=()=>{let e=b(`aria-label`),n=b(`aria-labelledby`);return e||n?{"aria-label":e,"aria-labelledby":n}:t.label||v.label?{"aria-labelledby":ke.value}:t.placeholder?{"aria-label":t.placeholder}:{}},Ae=()=>({...ee(),...Y()}),je=(0,c.computed)(()=>C.value?.fieldElementRef??null),Me=(0,c.computed)(()=>({labels:ge.value,values:F.value,displayText:R.value,disabled:t.disabled||t.readonly,removeValue:W})),Ne=(0,c.computed)(()=>{if(!t.disabled&&(t.readonly&&!V.value||!V.value))return 0}),Pe=(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})),Fe=()=>{if(H.value){A.value?.focus();return}w.value?.focus()},Ie=async()=>{await(0,c.nextTick)(),A.value?.focus()},Le=async()=>{await(0,c.nextTick)(),await j.value?.focusNavigation()},X=async()=>{if(!(t.disabled||t.readonly)&&!N.value){if(N.value=!0,g(`open`),H.value){await Ie();return}if(V.value){await(0,c.nextTick)(),w.value?.focus();return}await Le()}},Re=async()=>{t.disabled||t.readonly||N.value||await X()};(0,c.watch)(h,async e=>{V.value&&(t.disabled||t.readonly||e&&(N.value||await X()))});let Z=()=>{N.value&&(N.value=!1,M.value=void 0,g(`close`))},Q=()=>{!t.closeOnSelect||U.value||Z()};(0,c.watch)(p,(e,n)=>{!t.closeOnSelect||U.value||!N.value||!e||e===n||Z()});let ze=e=>{N.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Be=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()},Ve=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 $()}},He=async()=>{t.disabled||t.readonly||await $()},Ue=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),N.value||await X(),await Le(),await j.value?.handleKeyboardNavigation(e),!0),We=e=>{let t=ye(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()}},Ge=async e=>{if(!(t.disabled||t.readonly)&&!await Ue(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),N.value&&M.value){We(M.value);return}await $()}}},Ke=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ue(e)},qe=Ke,Je=e=>{t.disabled||(P.value||g(`focus`,e),P.value=!0)},Ye=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(P.value=!1,g(`blur`,e))},Xe=()=>{ve(),g(`clear`)},Ze=e=>{g(`endReached`,e)};return d({open:X,close:Z,toggle:$,focusSearchInput:Fe}),(n,u)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-select`,Pe.value]},(0,c.unref)(y)()),[(0,c.createVNode)((0,c.unref)(r.t),{modelValue:N.value,"onUpdate:modelValue":u[4]||=e=>N.value=e,reference:je.value,disabled:t.disabled,"match-reference-width":le.value,"fit-viewport":t.fitViewport,"surface-class":t.surfaceClass,"content-id":Oe.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-select__menu`,width:ue.value},(0,c.createSlots)({default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ze,onKeydown:Be},[(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":de.value,"title-key":t.itemTitle,"subtitle-key":t.itemSubtitle,"icon-left-key":t.itemIconLeft,"disabled-key":t.itemDisabled,"selection-mode":(0,c.unref)(pe),mandatory:!t.multiple,height:xe.value,"max-height":Se.value,virtual:K.value,"item-props":Te,"selected-on-top":(0,c.unref)(U),"can-load-more":t.canLoadMore,"end-reached-distance":t.endReachedDistance},Y(),{onEndReached:Ze}),(0,c.createSlots)({_:2},[(0,c.unref)(v).option||(0,c.unref)(v)[`option-icon`]||t.closableOptions||(0,c.unref)(U)?{name:`item`,fn:(0,c.withCtx)(r=>[(0,c.unref)(v).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},Ee(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`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,we(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)(_)(`select.removeOption`),disabled:t.disabled||t.readonly,tabindex:-1,onClick:(0,c.withModifiers)(e=>De(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},Ee(r))),(0,c.createSlots)({_:2},[(0,c.unref)(v)[`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)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,c.unref)(H)||(0,c.unref)(v)[`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:h.value,"onUpdate:modelValue":u[0]||=e=>h.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)(qe)},null,8,[`modelValue`,`placeholder`,`disabled`,`aria-label`,`onKeydown`])):(0,c.createCommentVNode)(``,!0)]),key:`0`}:void 0,(0,c.unref)(v)[`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`]),(0,c.createVNode)((0,c.unref)(a.t),{ref_key:`triggerInputRef`,ref:C,modelValue:te.value,"onUpdate:modelValue":u[7]||=e=>te.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)(me),focused:P.value||N.value,"icon-left":t.iconLeft,customize:t.customize,name:t.name,id:J.value,onClear:Xe,onFocus:Je,onBlur:Ye},(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)(me)&&!(0,c.unref)(B),"s-ui-select__control--with-value-suffix":(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(U)&&!(0,c.unref)(B)&&!(0,c.unref)(z)}],role:`combobox`,"aria-expanded":N.value,"aria-controls":Oe.value,"aria-haspopup":`listbox`,"aria-disabled":t.disabled?!0:void 0,"aria-readonly":t.readonly?!0:void 0,"aria-autocomplete":(0,c.unref)(_e)?`list`:void 0},Ae(),{tabindex:Ne.value,onClick:Ve,onKeydown:Ge}),[(0,c.unref)(U)?(0,c.renderSlot)(n.$slots,`selection`,(0,c.normalizeProps)((0,c.mergeProps)({key:0},Me.value)),()=>[(0,c.unref)(R)?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,E,(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`,oe,(0,c.toDisplayString)((0,c.unref)(he)),1)),(0,c.unref)(v)[`value-suffix`]&&!(0,c.unref)(U)&&!(0,c.unref)(B)&&!(0,c.unref)(z)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,D,[(0,c.renderSlot)(n.$slots,`value-suffix`,(0,c.normalizeProps)((0,c.guardReactiveProps)(be.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:w,"onUpdate:modelValue":u[5]||=e=>h.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:Re,onKeydown:Ke}),null,16,O)),[[c.vModelText,h.value]]):(0,c.createCommentVNode)(``,!0)],16,re)]),action:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(l.SIcon),{name:`chevronMiniDown`,size:k,class:`s-ui-select__chevron`,onClick:He})]),_:2},[(0,c.unref)(v).label?{name:`label`,fn:(0,c.withCtx)(()=>[(0,c.renderSlot)(n.$slots,`label`)]),key:`0`}:void 0,(0,c.unref)(v).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)(v).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)(v).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 v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}});
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
|
|
2
2
|
import { t as n } from "./colorValue-CSh0chxp.js";
|
|
3
|
-
import { i as r, n as i, r as a, t as o } from "./SButton-
|
|
3
|
+
import { i as r, n as i, r as a, t as o } from "./SButton-B21hubD2.js";
|
|
4
4
|
import { i as s, t as c } from "./SCheckbox-Dulusx5v.js";
|
|
5
5
|
import { s as l } from "./useFloatingOverlay-TxzVisMJ.js";
|
|
6
6
|
import { t as u } from "./SDropdown-DvPW3_WP.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-B3MQgu4Q.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 I, openBlock as L, ref as R, renderList as z, renderSlot as B, shallowRef as V, toDisplayString as H, toRaw as te, toValue as U, unref as W, useId as ne, useModel as re, useSlots as ie, useTemplateRef as ae, watch as G, withCtx as K, withModifiers as oe } from "vue";
|
|
12
12
|
import { ESSkeletonType as se, SIcon as ce, SSeparator as le, SSkeleton as ue, useUiKitI18n as de } from "@shtabapp/ui-kit-primitives";
|