@shtabapp/ui-kit 1.59.1 → 1.60.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.
@@ -1 +1 @@
1
- const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-LNVnMol3.cjs"),i=require("./SInput-CRAegYKS.cjs"),a=require("./SList-D9SztBPD.cjs"),o=require("./SListItem-3IpjaE9h.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>w.value.length>0),j=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>f.value?w.value.length===0:!M.value),ae=(0,s.computed)(()=>v.value&&(u.value||f.value)),P=()=>{d.value=``};return(0,s.watch)(u,e=>{e||P()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{P()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:ae,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,P()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:P,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={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`},ne={key:1,class:`s-ui-select__placeholder`},j={key:1,class:`s-ui-select__placeholder`},M={key:2,class:`s-ui-select__value`},N={key:3,class:`s-ui-select__value-suffix`},re=[`name`,`placeholder`,`disabled`,`readonly`],ie=20,ae=`100%`,P=20,F=(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(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,{t:_}=(0,c.useUiKitI18n)(),v=(0,s.useSlots)(),y=(0,s.useId)(),b=(0,s.useId)(),x=(0,s.useTemplateRef)(`triggerInputRef`),S=(0,s.ref)(``),C=(0,s.useTemplateRef)(`searchInputElementRef`),w=(0,s.useTemplateRef)(`panelSearchInputElementRef`),T=(0,s.useTemplateRef)(`listElementRef`),E=(0,s.ref)(),D=(0,s.ref)(!1),O=(0,s.ref)(!1),F=(0,s.computed)(()=>n.panelWidth===void 0),oe=(0,s.computed)(()=>n.panelWidth??ae),I=(0,s.computed)(()=>n.itemId??n.itemValue),se=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:I.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ce,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:le,multipleDisplayLabels:ue,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:de,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:fe,removeSelectedValue:q,resolveValueFromListKey:pe,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>se.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),me=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:le.value})),Y=(0,s.computed)(()=>R.value.length>P),he=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),ge=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),_e=(0,s.computed)(()=>L.value.map(e=>J(e))),ve=e=>_e.value.includes(e),ye=()=>({tiny:!0}),be=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:ve(e.key)}),xe=e=>{let t=pe(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},Se=(0,s.computed)(()=>n.id??y),Ce=(0,s.computed)(()=>b),we=(0,s.computed)(()=>x.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:ue.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":D.value})),Oe=()=>{if(G.value){w.value?.focus();return}C.value?.focus()},ke=async()=>{await(0,s.nextTick)(),w.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),C.value?.focus();return}await Ae()}},je=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(D.value||await X()))});let Z=()=>{D.value&&(D.value=!1,E.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!D.value||!e||e===t||Z()});let Me=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||D.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(D.value){Z();return}await X()},Pe=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){D.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Ae(),await T.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=pe(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Le=async e=>{if(!(n.disabled||n.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Ie(E.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},He=()=>{fe(),h(`clear`)},Ue=e=>{h(`endReached`,e)};return l({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:we.value,disabled:n.disabled,"match-reference-width":F.value,"fit-viewport":n.fitViewport,"surface-class":n.surfaceClass,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:oe.value},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Me,onKeydown:Ne},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:T,modelValue:E.value,"onUpdate:modelValue":u[2]||=e=>E.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":I.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ce),mandatory:!n.multiple,height:he.value,"max-height":ge.value,virtual:Y.value,"item-props":ye,"selected-on-top":(0,s.unref)(K),"can-load-more":n.canLoadMore,"end-reached-distance":n.endReachedDistance,onEndReached:Ue},(0,s.createSlots)({_:2},[(0,s.unref)(v).option||(0,s.unref)(v)[`option-icon`]||n.closableOptions||(0,s.unref)(K)?{name:`item`,fn:(0,s.withCtx)(r=>[(0,s.unref)(v).option?(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},r))):n.closableOptions?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.mergeProps)({key:1},be(r))),(0,s.createSlots)({_:2},[(0,s.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(r)))]),key:`0`}:void 0,ve(r.key)?{name:`right`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(_)(`select.removeOption`),disabled:n.disabled||n.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>xe(r.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)(o.t),(0,s.normalizeProps)((0,s.mergeProps)({key:2},be(r))),(0,s.createSlots)({_:2},[(0,s.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(r)))]),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`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(G)||(0,s.unref)(v)[`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:w,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.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)(v)[`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:x,modelValue:S.value,"onUpdate:modelValue":u[7]||=e=>S.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":(0,s.unref)(v)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(de)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.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`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(le)),1)),(0,s.unref)(v)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(me.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:C,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,re)),[[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:ie,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(v).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(v).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)(v).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)(v).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 b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}});
1
+ const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-LNVnMol3.cjs"),i=require("./SInput-CRAegYKS.cjs"),a=require("./SList-a88nA5Qh.cjs"),o=require("./SListItem-3IpjaE9h.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>w.value.length>0),j=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>f.value?w.value.length===0:!M.value),ae=(0,s.computed)(()=>v.value&&(u.value||f.value)),P=()=>{d.value=``};return(0,s.watch)(u,e=>{e||P()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{P()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:ae,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,P()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:P,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={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`},ne={key:1,class:`s-ui-select__placeholder`},j={key:1,class:`s-ui-select__placeholder`},M={key:2,class:`s-ui-select__value`},N={key:3,class:`s-ui-select__value-suffix`},re=[`name`,`placeholder`,`disabled`,`readonly`],ie=20,ae=`100%`,P=20,F=(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(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,{t:_}=(0,c.useUiKitI18n)(),v=(0,s.useSlots)(),y=(0,s.useId)(),b=(0,s.useId)(),x=(0,s.useTemplateRef)(`triggerInputRef`),S=(0,s.ref)(``),C=(0,s.useTemplateRef)(`searchInputElementRef`),w=(0,s.useTemplateRef)(`panelSearchInputElementRef`),T=(0,s.useTemplateRef)(`listElementRef`),E=(0,s.ref)(),D=(0,s.ref)(!1),O=(0,s.ref)(!1),F=(0,s.computed)(()=>n.panelWidth===void 0),oe=(0,s.computed)(()=>n.panelWidth??ae),I=(0,s.computed)(()=>n.itemId??n.itemValue),se=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:I.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ce,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:le,multipleDisplayLabels:ue,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:de,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:fe,removeSelectedValue:q,resolveValueFromListKey:pe,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>se.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),me=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:le.value})),Y=(0,s.computed)(()=>R.value.length>P),he=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),ge=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),_e=(0,s.computed)(()=>L.value.map(e=>J(e))),ve=e=>_e.value.includes(e),ye=()=>({tiny:!0}),be=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:ve(e.key)}),xe=e=>{let t=pe(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},Se=(0,s.computed)(()=>n.id??y),Ce=(0,s.computed)(()=>b),we=(0,s.computed)(()=>x.value?.fieldElementRef??null),Te=(0,s.computed)(()=>({labels:ue.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ee=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),De=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":D.value})),Oe=()=>{if(G.value){w.value?.focus();return}C.value?.focus()},ke=async()=>{await(0,s.nextTick)(),w.value?.focus()},Ae=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),G.value){await ke();return}if(W.value){await(0,s.nextTick)(),C.value?.focus();return}await Ae()}},je=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(D.value||await X()))});let Z=()=>{D.value&&(D.value=!1,E.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!D.value||!e||e===t||Z()});let Me=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ne=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||D.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(D.value){Z();return}await X()},Pe=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){D.value||await X();return}await $()}},Fe=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Ae(),await T.value?.handleKeyboardNavigation(e),!0),Ie=e=>{let t=pe(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Le=async e=>{if(!(n.disabled||n.readonly)&&!await Fe(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Ie(E.value);return}await $()}}},Re=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Fe(e)},ze=Re,Be=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},Ve=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},He=()=>{fe(),h(`clear`)},Ue=e=>{h(`endReached`,e)};return l({open:X,close:Z,toggle:$,focusSearchInput:Oe}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,De.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:we.value,disabled:n.disabled,"match-reference-width":F.value,"fit-viewport":n.fitViewport,"surface-class":n.surfaceClass,"content-id":Ce.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:oe.value},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Me,onKeydown:Ne},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:T,modelValue:E.value,"onUpdate:modelValue":u[2]||=e=>E.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":I.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ce),mandatory:!n.multiple,height:he.value,"max-height":ge.value,virtual:Y.value,"item-props":ye,"selected-on-top":(0,s.unref)(K),"can-load-more":n.canLoadMore,"end-reached-distance":n.endReachedDistance,onEndReached:Ue},(0,s.createSlots)({_:2},[(0,s.unref)(v).option||(0,s.unref)(v)[`option-icon`]||n.closableOptions||(0,s.unref)(K)?{name:`item`,fn:(0,s.withCtx)(r=>[(0,s.unref)(v).option?(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},r))):n.closableOptions?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.mergeProps)({key:1},be(r))),(0,s.createSlots)({_:2},[(0,s.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(r)))]),key:`0`}:void 0,ve(r.key)?{name:`right`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(_)(`select.removeOption`),disabled:n.disabled||n.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>xe(r.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)(o.t),(0,s.normalizeProps)((0,s.mergeProps)({key:2},be(r))),(0,s.createSlots)({_:2},[(0,s.unref)(v)[`option-icon`]?{name:`icon-left`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`option-icon`,(0,s.normalizeProps)((0,s.guardReactiveProps)(r)))]),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`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(G)||(0,s.unref)(v)[`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:w,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.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)(v)[`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:x,modelValue:S.value,"onUpdate:modelValue":u[7]||=e=>S.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:Se.value,onClear:He,onFocus:Be,onBlur:Ve},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:Se.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":(0,s.unref)(v)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Ce.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(de)?`list`:void 0,tabindex:Ee.value,onClick:Pe,onKeydown:Le},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Te.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`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(le)),1)),(0,s.unref)(v)[`value-suffix`]&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(me.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:C,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:je,onKeydown:Re},null,40,re)),[[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:ie,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(v).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(v).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)(v).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)(v).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 b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return F}});
@@ -25,6 +25,9 @@ declare const __VLS_export: <TItem extends Record<string, unknown>>(__VLS_props:
25
25
  attrs: any;
26
26
  slots: {
27
27
  item?: (slotProps: TSListItemSlotScope<TItem>) => unknown;
28
+ itemIconLeft?: (slotProps: TSListItemSlotScope<TItem>) => unknown;
29
+ itemTitle?: (slotProps: TSListItemSlotScope<TItem>) => unknown;
30
+ itemSubtitle?: (slotProps: TSListItemSlotScope<TItem>) => unknown;
28
31
  loadMore?: (slotProps: TSListLoadMoreSlotScope<TItem>) => unknown;
29
32
  default?: () => unknown;
30
33
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"AA8zBA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAiB9F,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA+8BO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;qBA/S3C,MAAM,GAAG,SAAS;mBAClB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;mBAC7B,MAAM,EAAE;;;;;uBA7nBO,QAAQ;;;iBAEC,MAAM;kBAAQ,KAAK;;;KAw6BmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CA/kBF,aAAa;MA+kBW,KAAK,IAAI;WACxE,GAAG;;eAr6BF,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;mBAC9C,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAAK,OAAO;kBACvD,MAAM,OAAO;;UAq6BlB;mBA96BqB,QAAQ;;aAEC,MAAM;cAAQ,KAAK;2NA46Bb;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"AAw1BA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAiB9F,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAshCO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;qBAnX3C,MAAM,GAAG,SAAS;mBAClB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;mBAC7B,MAAM,EAAE;;;;;uBAhoBO,QAAQ;;;iBAEC,MAAM;kBAAQ,KAAK;;;KA++BmC,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CAnpBF,aAAa;MAmpBW,KAAK,IAAI;WACxE,GAAG;;eA5+BF,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;uBAC1C,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;oBACrD,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;uBAC/C,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;mBACtD,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAAK,OAAO;kBACvD,MAAM,OAAO;;UAy+BlB;mBAr/BqB,QAAQ;;aAEC,MAAM;cAAQ,KAAK;2NAm/Bb;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-BFw8CCDr.cjs"),t=require("../SColorPalette-CqfVzhda.cjs"),n=require("../colorValue-Dda7fKd3.cjs");exports.EColorFormat=t.o,exports.MAX_RECENT_COLORS=e.i,exports.RECOMMENDED_COLOR_PALETTE=t.r,exports.SColorArea=e.r,exports.SColorPicker=e.t,exports.SColorValues=e.n,exports.isSameColor=n.r,exports.resolveColorPreview=n.a;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-DZx0q55N.cjs"),t=require("../SColorPalette-CqfVzhda.cjs"),n=require("../colorValue-Dda7fKd3.cjs");exports.EColorFormat=t.o,exports.MAX_RECENT_COLORS=e.i,exports.RECOMMENDED_COLOR_PALETTE=t.r,exports.SColorArea=e.r,exports.SColorPicker=e.t,exports.SColorValues=e.n,exports.isSameColor=n.r,exports.resolveColorPreview=n.a;
@@ -1,4 +1,4 @@
1
- import { i as e, n as t, r as n, t as r } from "../SColorPicker-CTl7cSAO.js";
1
+ import { i as e, n as t, r as n, t as r } from "../SColorPicker-so_XNexn.js";
2
2
  import { o as i, r as a } from "../SColorPalette-D2WCADDX.js";
3
3
  import { a as o, r as s } from "../colorValue-CSh0chxp.js";
4
4
  export { i as EColorFormat, e as MAX_RECENT_COLORS, a as RECOMMENDED_COLOR_PALETTE, n as SColorArea, r as SColorPicker, t as SColorValues, s as isSameColor, o as resolveColorPreview };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-D9SztBPD.cjs");exports.ESListGap=e.a,exports.SList=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-a88nA5Qh.cjs");exports.ESListGap=e.a,exports.SList=e.t;
@@ -1,2 +1,2 @@
1
- import { a as e, t } from "../SList-DhjYsx7q.js";
1
+ import { a as e, t } from "../SList-By6TzeID.js";
2
2
  export { e as ESListGap, t as SList };
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-mFCdoFuO.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-C48pqmeX.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../SSelect-fLtErA7p.js";
1
+ import { n as e, t } from "../SSelect-BZFFs_lW.js";
2
2
  export { e as ESSelectSearchable, t as SSelect };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-BFw8CCDr.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-Cnuo4SzC.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-Dh_HmD4Z.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-h8sm-3do.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-CF2TFkb3.cjs"),y=require("./SChip-BL47yJ-i.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SSelect-mFCdoFuO.cjs"),S=require("./SInput-CRAegYKS.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-D9SztBPD.cjs"),E=require("./SListItem-3IpjaE9h.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-FrWtwY4F.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-C4qDIp2k.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineGroup=u.n,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-DZx0q55N.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-Cnuo4SzC.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-Dh_HmD4Z.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-h8sm-3do.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-CF2TFkb3.cjs"),y=require("./SChip-BL47yJ-i.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SSelect-C48pqmeX.cjs"),S=require("./SInput-CRAegYKS.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-a88nA5Qh.cjs"),E=require("./SListItem-3IpjaE9h.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-FrWtwY4F.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-C4qDIp2k.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineGroup=u.n,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
2
2
  import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-BK8cEzGY.js";
3
- import { i as l, n as u, r as d, t as f } from "./SColorPicker-CTl7cSAO.js";
3
+ import { i as l, n as u, r as d, t as f } from "./SColorPicker-so_XNexn.js";
4
4
  import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-D2WCADDX.js";
5
5
  import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
6
6
  import { n as te, t as ne } from "./SAvatarGroup-F5w88NGf.js";
@@ -19,11 +19,11 @@ import { n as Oe, r as ke, t as Ae } from "./STag-CluIVRKi.js";
19
19
  import { t as je } from "./STagGroup-GzZhto7-.js";
20
20
  import { n as Me, r as Ne, t as Pe } from "./SChip-XCYvlpaS.js";
21
21
  import { n as Fe, t as Ie } from "./SDropdown-LOTCtlCX.js";
22
- import { n as Le, r as Re, t as ze } from "./SSelect-fLtErA7p.js";
22
+ import { n as Le, r as Re, t as ze } from "./SSelect-BZFFs_lW.js";
23
23
  import { n as Be, t as Ve } from "./SInput-Csy2uch7.js";
24
24
  import { n as He, t as Ue } from "./SInlineMessage-Dirk5RwO.js";
25
25
  import { n as We, r as Ge, t as Ke } from "./SLabel-FHHPlcKq.js";
26
- import { a as qe, o as Je, s as Ye, t as Xe } from "./SList-DhjYsx7q.js";
26
+ import { a as qe, o as Je, s as Ye, t as Xe } from "./SList-By6TzeID.js";
27
27
  import { n as Ze, t as Qe } from "./SListItem-BYMbFs2A.js";
28
28
  import { n as $e, t as et } from "./SRadio-D6_Pd6XX.js";
29
29
  import { n as tt, r as nt, t as rt } from "./SToggle-BtKNq9ZX.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shtabapp/ui-kit",
3
- "version": "1.59.1",
3
+ "version": "1.60.0",
4
4
  "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
5
5
  "keywords": [
6
6
  "shtab",
@@ -1 +0,0 @@
1
- const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./SListItem-3IpjaE9h.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives"),i=require("@vueuse/core"),a=require("@tanstack/vue-virtual");var o=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},s=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},c=(e,t)=>{if(!t)return!1;let n=e[t];return typeof n==`boolean`?n:!1},l=`__s-ui-load-more:`,u=e=>`${l}${e}`,d=`__s-ui-list-divider__`,f=()=>Object.create(null),p=e=>e===void 0?new Set:typeof e==`string`?new Set([e]):new Set(e),m=(e,t,n,r)=>{s(e,n).forEach(e=>{let i=o(e,t);i&&r.add(i),m(e,t,n,r)})},h=(e,t,n,r)=>{for(let i of e){if(o(i,n)===t)return i;let e=h(s(i,r),t,n,r);if(e)return e}},g=(e,t,n,r,i,a,l,d)=>{e.forEach(e=>{let f=o(e,t);if(!f)return;let p=s(e,n),m=p.length>0,h=r.includes(f);l.push({key:f,item:e,depth:i,flatIndex:l.length,hasChildren:m,expanded:h,parentKey:a}),m&&h&&g(p,t,n,r,i+1,f,l,d),m&&h&&c(e,d)&&l.push({key:u(f),item:e,depth:i+1,flatIndex:l.length,hasChildren:!1,expanded:!1,parentKey:f,loadMoreForKey:f})})},_=(e,t,n,r)=>{let i=p(r);if(i.size===0)return;let a=[],c=[];for(let r of e){if(s(r,n).length>0)return;i.has(o(r,t))?a.push(r):c.push(r)}if(!(a.length===0||c.length===0))return{selectedItems:a,restItems:c}},v=({items:e,childrenKey:t,itemKey:r,expanded:i,hasMoreChildrenKey:a,selectedOnTop:o,selectedKeys:s})=>({flatRows:(0,n.computed)(()=>{let c=[],l=(0,n.toValue)(e),u=(0,n.toValue)(t),p=(0,n.toValue)(r),m=(0,n.toValue)(a),h=(0,n.toValue)(o)?_(l,p,u,(0,n.toValue)(s)):void 0;return h?(g(h.selectedItems,p,u,i.value,0,void 0,c,m),c.push({key:d,item:f(),depth:0,flatIndex:c.length,hasChildren:!1,expanded:!1,divider:!0}),g(h.restItems,p,u,i.value,0,void 0,c,m),c):(g(l,p,u,i.value,0,void 0,c,m),c)}),toggleExpanded:a=>{let o=(0,n.toValue)(e),s=(0,n.toValue)(t),c=(0,n.toValue)(r),l=new Set(i.value);if(l.has(a)){l.delete(a);let e=h(o,a,c,s);if(e){let t=new Set;m(e,c,s,t),t.forEach(e=>{l.delete(e)})}}else l.add(a);i.value=[...l]},isExpanded:e=>i.value.includes(e)}),y=(e,t)=>(0,i.useInfiniteScroll)(e,()=>{t.onEndReached()},{distance:(0,n.toValue)(t.distance),canLoadMore:()=>t.canLoadMore===void 0?!0:(0,n.toValue)(t.canLoadMore),direction:`bottom`}),b=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),x=b.TWO_X_SMALL,ee={[b.NONE]:`var(--s-ui-space-gap-none)`,[b.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[b.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[b.SMALL]:`var(--s-ui-space-gap-small)`,[b.MEDIUM]:`var(--s-ui-space-gap-medium)`,[b.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[b.LARGE]:`var(--s-ui-space-gap-large)`,[b.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[b.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},te={[b.NONE]:0,[b.TWO_X_SMALL]:2,[b.X_SMALL]:4,[b.SMALL]:8,[b.MEDIUM]:12,[b.X_MEDIUM]:16,[b.LARGE]:20,[b.X_LARGE]:24,[b.TWO_X_LARGE]:32},ne=(e,t)=>`s-ui-list-option-${e}-${t}`,S=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},C=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},w=e=>e in r.ESIconName,T=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&w(n))return n},E=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,re=e=>e.some(e=>e.hasChildren||e.parentKey),D=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},O=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,k=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?D(r,t,n):O(r,t):null},A=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},ie=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return A(n,r+a,a,i.depth)},ae=[`role`,`aria-multiselectable`],oe=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],se=[`data-index`],j={key:0,class:`s-ui-list__divider`,role:`separator`},M={key:0,class:`s-ui-list__divider`,role:`separator`},ce={key:2,class:`s-ui-list__static`},N=(0,n.defineComponent)({__name:`SList`,props:(0,n.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>x},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,n.mergeModels)([`endReached`,`loadMoreChildren`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(i,{expose:o,emit:s}){let c=(0,n.useModel)(i,`modelValue`),l=(0,n.useModel)(i,`selected`),u=(0,n.useModel)(i,`expanded`),d=s,f=(0,n.useSlots)(),p=(0,n.useId)(),m=(0,n.useTemplateRef)(`scrollElementRef`),h=(0,n.useTemplateRef)(`listRootElementRef`),g=(0,n.computed)(()=>te[i.gap]),_=(0,n.computed)(()=>i.items!==void 0),b=(0,n.computed)(()=>_.value?i.virtual===void 0?!0:i.virtual:!1),{flatRows:x,toggleExpanded:w}=v({items:()=>i.items??[],childrenKey:()=>i.childrenKey,itemKey:()=>i.itemKey,expanded:u,hasMoreChildrenKey:()=>i.hasMoreChildrenKey,selectedOnTop:()=>i.selectedOnTop,selectedKeys:()=>l.value}),{t:D}=(0,r.useUiKitI18n)(),O=(0,n.computed)(()=>new Set(i.loadingMoreChildrenKeys)),A=(0,n.computed)(()=>D(`list.loadMore`)),N=e=>e.loadMoreForKey?O.value.has(e.loadMoreForKey):!1,P=(e,t)=>{O.value.has(e)||d(`loadMoreChildren`,{key:e,item:t})},F=e=>{e.loadMoreForKey&&P(e.loadMoreForKey,e.item)},I=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:N(e),loadMore:()=>{F(e)}}),L=(0,a.useVirtualizer)((0,n.computed)(()=>({count:x.value.length,getScrollElement:()=>m.value,estimateSize:()=>i.estimateItemSize,gap:g.value,overscan:i.overscan}))),R=(0,n.computed)(()=>{if(_.value)return x.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),z=(0,n.computed)(()=>{let e=new Set;for(let t of x.value)!t.loadMoreForKey&&C(t.item,i.disabledKey)&&e.add(t.key);return e}),B=async e=>{if(!b.value)return;let t=x.value.findIndex(t=>t.key===e);t!==-1&&(L.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,n.nextTick)())},V=e=>ne(p,e),H=e.o({modelValue:()=>l.value,onUpdateModelValue:e=>{l.value=e},mode:()=>i.selectionMode,mandatory:()=>i.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>b.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:R,isValueDisabled:e=>z.value.has(e),onBeforeFocusItem:async e=>{await B(e)},onFocusGroup:()=>{m.value?.focus()}}),U=(0,n.computed)(()=>_.value&&re(x.value)),W=()=>{if(b.value){m.value?.focus();return}h.value?.focus()},G=()=>{H.focusedValue.value=void 0,c.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==m.value&&e.blur(),W()},K=async e=>{b.value&&await B(e)},le=async e=>{if(G(),e.type===`expand`||e.type===`collapse`){w(e.rowKey),H.select(e.rowKey,!1),await K(e.rowKey);return}H.select(e.rowKey,!1),await K(e.rowKey)},ue=async(e,t)=>{if(!U.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let n=E(t,l.value),r=ie(e.key,n,x.value);return r?(e.preventDefault(),G(),H.select(r,!1),await K(r),!0):!1},de=async(e,t)=>{if(!U.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let n=E(t,l.value),r=k(e.key,n,x.value);return r?(e.preventDefault(),await le(r),!0):!1},q=()=>{if(c.value)return c.value;let e=E(``,l.value);if(e)return e;let t=R.value;if(t){for(let e of t)if(!z.value.has(e))return e}},fe=()=>q(),pe=async e=>{let t=fe();t&&await J(e,t)},me=[`Enter`,` `,`Spacebar`],he=(e,t)=>{if(!me.includes(e.key))return!1;let n=x.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),P(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{he(e,t)||await ue(e,t)||await de(e,t)||(await H.handleItemKeydown(e,t),c.value=H.focusedValue.value,!H.focusedValue.value&&!b.value&&W())},ge=async e=>{let t=q();t&&await J(e,t)},_e=async e=>{if(b.value||e.target!==h.value)return;let t=q();t&&await J(e,t)},ve=async()=>{let e=q();if(!e){W();return}await H.focusItem(e,!1)};(0,n.provide)(t.r,{mode:()=>i.selectionMode,isSelected:H.isSelected,selectItem:H.toggle,registerItem:H.registerItem,getItemTabIndex:H.getItemTabIndex,getGroupTabIndex:H.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>c.value,setActiveKey:e=>{c.value=e},isExpanded:e=>u.value.includes(e),toggleExpanded:e=>{if(_.value){w(e);return}let t=new Set(u.value);t.has(e)?t.delete(e):t.add(e),u.value=[...t]},revealRight:()=>i.revealRight,expandOnClick:()=>i.expandOnClick,getItemOptionId:e=>{if(b.value)return V(e)},usesActiveDescendantNavigation:()=>b.value,handlesTreeKeyboardNavigation:()=>_.value});let ye=(0,n.computed)(()=>L.value.getVirtualItems()),be=(0,n.computed)(()=>ye.value.flatMap(e=>{let t=x.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),xe=(0,n.computed)(()=>L.value.getTotalSize()),Se=(0,n.computed)(()=>({height:`${xe.value}px`,position:`relative`,width:`100%`})),Y=(0,n.computed)(()=>{let e={};return typeof i.height==`number`?e.height=`${i.height}px`:i.height&&(e.height=i.height),i.maxHeight&&(typeof i.maxHeight==`number`?e.maxHeight=`${i.maxHeight}px`:e.maxHeight=i.maxHeight),e}),Ce=(0,n.computed)(()=>({"s-ui-list--virtual":b.value,"s-ui-list--static":!b.value})),we=(0,n.computed)(()=>({"--s-ui-list-gap":ee[i.gap]})),X=(0,n.computed)(()=>({"s-ui-list__scroll--flat":_.value&&!b.value})),Z=(0,n.computed)(()=>{if(i.selectionMode===e.n.MULTIPLE)return!0}),Te=(0,n.computed)(()=>{if(!b.value)return`listbox`}),Ee=(0,n.computed)(()=>{if(!b.value)return Z.value}),De=(0,n.computed)(()=>{if(b.value)return H.getGroupTabIndex()}),Oe=(0,n.computed)(()=>c.value?c.value:E(``,l.value)),ke=(0,n.computed)(()=>{if(!b.value)return;let e=Oe.value;if(e)return V(e)});y(()=>m.value,{distance:()=>i.endReachedDistance,canLoadMore:()=>i.canLoadMore?i.canLoadMore():!0,onEndReached:()=>{d(`endReached`,{direction:`bottom`})}});let Ae=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),je=e=>{e instanceof HTMLElement&&L.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:H.isSelected(e.key),active:c.value===e.key,disabled:C(t,i.disabledKey),title:S(t,i.titleKey),subtitle:S(t,i.subtitleKey),iconLeft:T(t,i.iconLeftKey),revealRight:i.revealRight};return i.itemProps?{...n,...i.itemProps(t,e)}:n},$=e=>({...e,revealRight:i.revealRight,toggleExpanded:()=>{w(e.key)}});return o({focusNavigation:ve,handleKeyboardNavigation:ge}),(e,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:h,class:(0,n.normalizeClass)([`s-ui-list`,Ce.value]),style:(0,n.normalizeStyle)(we.value),role:Te.value,"aria-multiselectable":Ee.value,tabindex:`-1`,onKeydown:_e},[_.value&&b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":ke.value,tabindex:De.value,onKeydown:pe},[(0,n.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,n.normalizeStyle)(Se.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(be.value,i=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:i.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":i.virtualRow.index,ref_for:!0,ref:je,style:(0,n.normalizeStyle)(Ae(i.virtualRow))},[i.flatRow.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,j)):i.flatRow.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},I(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.flatRow.key,depth:i.flatRow.depth,tiny:``,title:A.value,onClick:e=>F(i.flatRow)},(0,n.createSlots)({_:2},[N(i.flatRow)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i.flatRow))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i.flatRow)),null,16))],64))],12,se))),128))],4)],46,oe)):_.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:m,class:(0,n.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,n.normalizeStyle)(Y.value)},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(x),i=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:i.key},[i.divider?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,M)):i.loadMoreForKey?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.unref)(f).loadMore?(0,n.renderSlot)(e.$slots,`loadMore`,(0,n.mergeProps)({key:0,ref_for:!0},I(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),{key:1,"row-key":i.key,depth:i.depth,tiny:``,title:A.value,onClick:e=>F(i)},(0,n.createSlots)({_:2},[N(i)?{name:`icon-left`,fn:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.unref)(f).item?(0,n.renderSlot)(e.$slots,`item`,(0,n.mergeProps)({key:0,ref_for:!0},$(i))):((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(t.t),(0,n.mergeProps)({key:1,ref_for:!0},Q(i)),null,16))],64))],64))),128))],6)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ce,[(0,n.renderSlot)(e.$slots,`default`)]))],46,ae))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});