@shtabapp/ui-kit 1.46.0 → 1.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{SColorPicker-ksmNupJa.js → SColorPicker-BqsD-5xA.js} +1 -1
- package/dist/{SColorPicker-BIrkgFys.cjs → SColorPicker-CeKB3QS1.cjs} +1 -1
- package/dist/SList-DAzztC-7.js +514 -0
- package/dist/SList-S18K8mlH.cjs +1 -0
- package/dist/{SSelect-DS2EGmjV.js → SSelect-Bntb-dgY.js} +1 -1
- package/dist/{SSelect-CkV6gq4S.cjs → SSelect-DcTEwHx6.cjs} +1 -1
- package/dist/components/SList/SList.types.d.ts +11 -0
- package/dist/components/SList/SList.types.d.ts.map +1 -1
- package/dist/components/SList/SList.vue.d.ts +11 -3
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/composables/useFlatTreeList.d.ts +4 -1
- package/dist/composables/useFlatTreeList.d.ts.map +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -3
- package/package.json +3 -3
- package/dist/SList-BtfUntkw.js +0 -437
- package/dist/SList-fZQdPkFG.cjs +0 -1
|
@@ -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-_QUOP-rw.cjs"),i=require("./SInput-C07kFnj_.cjs"),a=require("./SList-fZQdPkFG.cjs"),o=require("./SListItem-CdveotJe.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]:[]}),ee=({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))}),ee=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),k=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},te=(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))},A=(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){k((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}te(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:ee,listSelectedModel:A,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);k(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)}},k={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},te=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],A={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=20,P=(0,s.defineComponent)({inheritAttrs:!1,__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},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`],[`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),P=(0,s.computed)(()=>n.itemId??n.itemValue),oe=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:P.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:se,listSelectedModel:L,hasSelectedValues:R,singleDisplayLabel:ce,multipleDisplayLabels:le,multipleDisplayText:z,showPlaceholder:B,showInputSearchField:V,isSearchableMode:ue,isSearchableInputMode:H,isSearchableContentMode:U,isMultipleMode:W,clearSelection:de,removeSelectedValue:G,resolveValueFromListKey:K,formatSelectListKey:q}=ee({modelValue:p,options:()=>n.options,itemFields:()=>oe.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),fe=(0,s.computed)(()=>!!v[`value-suffix`]),pe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ce.value})),J=(0,s.computed)(()=>I.value.length>ae),me=(0,s.computed)(()=>U.value||J.value?n.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(U.value||J.value))return n.listHeight}),ge=(0,s.computed)(()=>F.value.map(e=>q(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:_e(e.key)}),be=e=>{let t=K(e);if(g(t)){if(W.value){G(t);return}p.value=void 0}},xe=(0,s.computed)(()=>n.id??y),Se=(0,s.computed)(()=>b),Ce=(0,s.computed)(()=>x.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:F.value,displayText:z.value,disabled:n.disabled||n.readonly,removeValue:G})),Te=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!H.value||!H.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":W.value,"s-ui-select--open":D.value})),De=()=>{if(U.value){w.value?.focus();return}C.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),w.value?.focus()},Y=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),U.value){await Oe();return}if(H.value){await(0,s.nextTick)(),C.value?.focus();return}await Y()}},ke=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{H.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||W.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||W.value||!D.value||!e||e===t||Z()});let Ae=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},je=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()},Me=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 $()}},Ne=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Y(),await T.value?.handleKeyboardNavigation(e),!0),Pe=e=>{let t=K(e);if(t){if(W.value){F.value.some(t=>q(t)===e)?G(t):L.value=[...F.value.map(e=>q(e)),e];return}L.value=e,Q()}},Fe=async e=>{if(!(n.disabled||n.readonly)&&!await Ne(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Pe(E.value);return}await $()}}},Ie=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ne(e)},Le=Ie,Re=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},ze=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},Be=()=>{de(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:Ce.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":Se.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:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ae,onKeydown:je},[(0,s.unref)(I).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)(L),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(L)?L.value=e:null,items:(0,s.unref)(I),"item-key":P.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!n.multiple,height:me.value,"max-height":he.value,virtual:J.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(v).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(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:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(U)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{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)(Le)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),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]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`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)(R),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:xe.value,onClear:Be,onFocus:Re,onBlur:ze},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(W),"s-ui-select__control--empty":(0,s.unref)(W)&&!(0,s.unref)(R)&&!(0,s.unref)(V),"s-ui-select__control--with-value-suffix":fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Me,onKeydown:Fe},[(0,s.unref)(W)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(z)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)((0,s.unref)(z)),1)):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(V)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(ce)),1)),fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(V)?(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:ke,onKeydown:Ie},null,40,re)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,te)]),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 P}});
|
|
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-_QUOP-rw.cjs"),i=require("./SInput-C07kFnj_.cjs"),a=require("./SList-S18K8mlH.cjs"),o=require("./SListItem-CdveotJe.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]:[]}),ee=({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))}),ee=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),k=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},te=(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))},A=(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){k((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}te(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:ee,listSelectedModel:A,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);k(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)}},k={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},te=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],A={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=20,P=(0,s.defineComponent)({inheritAttrs:!1,__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},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`],[`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),P=(0,s.computed)(()=>n.itemId??n.itemValue),oe=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:P.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:se,listSelectedModel:L,hasSelectedValues:R,singleDisplayLabel:ce,multipleDisplayLabels:le,multipleDisplayText:z,showPlaceholder:B,showInputSearchField:V,isSearchableMode:ue,isSearchableInputMode:H,isSearchableContentMode:U,isMultipleMode:W,clearSelection:de,removeSelectedValue:G,resolveValueFromListKey:K,formatSelectListKey:q}=ee({modelValue:p,options:()=>n.options,itemFields:()=>oe.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),fe=(0,s.computed)(()=>!!v[`value-suffix`]),pe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ce.value})),J=(0,s.computed)(()=>I.value.length>ae),me=(0,s.computed)(()=>U.value||J.value?n.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(U.value||J.value))return n.listHeight}),ge=(0,s.computed)(()=>F.value.map(e=>q(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:_e(e.key)}),be=e=>{let t=K(e);if(g(t)){if(W.value){G(t);return}p.value=void 0}},xe=(0,s.computed)(()=>n.id??y),Se=(0,s.computed)(()=>b),Ce=(0,s.computed)(()=>x.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:F.value,displayText:z.value,disabled:n.disabled||n.readonly,removeValue:G})),Te=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!H.value||!H.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":W.value,"s-ui-select--open":D.value})),De=()=>{if(U.value){w.value?.focus();return}C.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),w.value?.focus()},Y=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),U.value){await Oe();return}if(H.value){await(0,s.nextTick)(),C.value?.focus();return}await Y()}},ke=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{H.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||W.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||W.value||!D.value||!e||e===t||Z()});let Ae=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},je=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()},Me=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 $()}},Ne=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Y(),await T.value?.handleKeyboardNavigation(e),!0),Pe=e=>{let t=K(e);if(t){if(W.value){F.value.some(t=>q(t)===e)?G(t):L.value=[...F.value.map(e=>q(e)),e];return}L.value=e,Q()}},Fe=async e=>{if(!(n.disabled||n.readonly)&&!await Ne(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Pe(E.value);return}await $()}}},Ie=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ne(e)},Le=Ie,Re=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},ze=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},Be=()=>{de(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:Ce.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":Se.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:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ae,onKeydown:je},[(0,s.unref)(I).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)(L),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(L)?L.value=e:null,items:(0,s.unref)(I),"item-key":P.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!n.multiple,height:me.value,"max-height":he.value,virtual:J.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(v).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(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:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(U)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{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)(Le)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),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]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`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)(R),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:xe.value,onClear:Be,onFocus:Re,onBlur:ze},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(W),"s-ui-select__control--empty":(0,s.unref)(W)&&!(0,s.unref)(R)&&!(0,s.unref)(V),"s-ui-select__control--with-value-suffix":fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Me,onKeydown:Fe},[(0,s.unref)(W)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(z)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)((0,s.unref)(z)),1)):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(V)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(ce)),1)),fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(V)?(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:ke,onKeydown:Ie},null,40,re)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,te)]),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 P}});
|
|
@@ -54,7 +54,18 @@ export interface ISListProps<TItem extends Record<string, unknown> = Record<stri
|
|
|
54
54
|
revealRight?: boolean;
|
|
55
55
|
/** Клик по строке с потомками сворачивает/разворачивает ветку. */
|
|
56
56
|
expandOnClick?: boolean;
|
|
57
|
+
/** Поле-флаг «у раскрытого узла есть ещё дети для догрузки»; включает синтетическую строку «Показать ещё». */
|
|
58
|
+
hasMoreChildrenKey?: keyof TItem & string;
|
|
59
|
+
/** Ключи узлов, для которых сейчас идёт догрузка детей (в их строке «Показать ещё» — спиннер). */
|
|
60
|
+
loadingMoreChildrenKeys?: readonly string[];
|
|
57
61
|
}
|
|
62
|
+
export type TSListLoadMoreSlotScope<TItem extends Record<string, unknown>> = {
|
|
63
|
+
parentKey: string;
|
|
64
|
+
parentItem: TItem;
|
|
65
|
+
depth: number;
|
|
66
|
+
loading: boolean;
|
|
67
|
+
loadMore: () => void;
|
|
68
|
+
};
|
|
58
69
|
export type TSListItemSlotScope<TItem extends Record<string, unknown>> = TFlatListRow<TItem> & {
|
|
59
70
|
toggleExpanded: () => void;
|
|
60
71
|
revealRight: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SList.types.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,KAAK,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEzE,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,WAAW,aAAa;IACxB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,WAAW,aAAa;CACzB;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1F,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,KAAK,EAAE,CAAA;IACxB,wCAAwC;IACxC,OAAO,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACrC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAC/B,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,eAAe,CAAC,CAAA;IAC/E,0BAA0B;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,OAAO,CAAA;IAC3B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SList.types.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,KAAK,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEzE,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,WAAW,aAAa;IACxB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,WAAW,aAAa;CACzB;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1F,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,KAAK,EAAE,CAAA;IACxB,wCAAwC;IACxC,OAAO,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACrC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAC/B,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IAClC,yDAAyD;IACzD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,eAAe,CAAC,CAAA;IAC/E,0BAA0B;IAC1B,aAAa,CAAC,EAAE,cAAc,CAAA;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,OAAO,CAAA;IAC3B,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8GAA8G;IAC9G,kBAAkB,CAAC,EAAE,MAAM,KAAK,GAAG,MAAM,CAAA;IACzC,kGAAkG;IAClG,uBAAuB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAC5C;AAED,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC3E,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG;IAC7F,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,8EAA8E;IAC9E,wBAAwB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClE;AAED,MAAM,MAAM,cAAc,GAAG,uBAAuB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ISListProps, TSListItemSlotScope } from './SList.types';
|
|
1
|
+
import type { ISListProps, TSListItemSlotScope, TSListLoadMoreSlotScope } from './SList.types';
|
|
2
2
|
declare const __VLS_export: <TItem extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
3
|
props: import("vue").PublicProps & __VLS_PrettifyLocal<(ISListProps<TItem> & {
|
|
4
4
|
modelValue?: string | undefined;
|
|
@@ -10,6 +10,10 @@ declare const __VLS_export: <TItem extends Record<string, unknown>>(__VLS_props:
|
|
|
10
10
|
onEndReached?: ((args_0: {
|
|
11
11
|
direction: "bottom";
|
|
12
12
|
}) => any) | undefined;
|
|
13
|
+
onLoadMoreChildren?: ((payload: {
|
|
14
|
+
key: string;
|
|
15
|
+
item: TItem;
|
|
16
|
+
}) => any) | undefined;
|
|
13
17
|
"onUpdate:expanded"?: ((value: string[]) => any) | undefined;
|
|
14
18
|
}> & (typeof globalThis extends {
|
|
15
19
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -21,11 +25,15 @@ declare const __VLS_export: <TItem extends Record<string, unknown>>(__VLS_props:
|
|
|
21
25
|
attrs: any;
|
|
22
26
|
slots: {
|
|
23
27
|
item?: (slotProps: TSListItemSlotScope<TItem>) => unknown;
|
|
28
|
+
loadMore?: (slotProps: TSListLoadMoreSlotScope<TItem>) => unknown;
|
|
24
29
|
default?: () => unknown;
|
|
25
30
|
};
|
|
26
|
-
emit: ((evt: "endReached", args_0: {
|
|
31
|
+
emit: (((evt: "endReached", args_0: {
|
|
27
32
|
direction: "bottom";
|
|
28
|
-
}) => void) & ((
|
|
33
|
+
}) => void) & ((evt: "loadMoreChildren", payload: {
|
|
34
|
+
key: string;
|
|
35
|
+
item: TItem;
|
|
36
|
+
}) => void)) & (((event: "update:modelValue", value: string | undefined) => void) & ((event: "update:selected", value: string | string[] | undefined) => void) & ((event: "update:expanded", value: string[]) => void));
|
|
29
37
|
}>) => import("vue").VNode & {
|
|
30
38
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
31
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SList/SList.vue"],"names":[],"mappings":"AAkzBA,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;WAq7BO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;qBA/R3C,MAAM,GAAG,SAAS;mBAClB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;mBAC7B,MAAM,EAAE;;;;;uBApnBO,QAAQ;;;iBAEC,MAAM;kBAAQ,KAAK;;;KA+4BmC,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/jBF,aAAa;MA+jBW,KAAK,IAAI;WACxE,GAAG;;eA54BF,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO;mBAC9C,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,KAAK,OAAO;kBACvD,MAAM,OAAO;;UA44BlB;mBAr5BqB,QAAQ;;aAEC,MAAM;cAAQ,KAAK;2NAm5Bb;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"}
|
|
@@ -7,6 +7,8 @@ export type TFlatListRow<TItem extends Record<string, unknown>> = {
|
|
|
7
7
|
hasChildren: boolean;
|
|
8
8
|
expanded: boolean;
|
|
9
9
|
parentKey?: string;
|
|
10
|
+
/** Ключ родителя, для которого эта синтетическая строка догружает детей; `item` — сам родитель. */
|
|
11
|
+
loadMoreForKey?: string;
|
|
10
12
|
};
|
|
11
13
|
export type TListItemKeyResolver<TItem extends Record<string, unknown>> = (keyof TItem & string) | ((item: TItem) => string);
|
|
12
14
|
export interface IUseFlatTreeListOptions<TItem extends Record<string, unknown>> {
|
|
@@ -14,11 +16,12 @@ export interface IUseFlatTreeListOptions<TItem extends Record<string, unknown>>
|
|
|
14
16
|
childrenKey: MaybeRefOrGetter<keyof TItem & string>;
|
|
15
17
|
itemKey: MaybeRefOrGetter<TListItemKeyResolver<TItem>>;
|
|
16
18
|
expanded: Ref<string[]>;
|
|
19
|
+
hasMoreChildrenKey?: MaybeRefOrGetter<(keyof TItem & string) | undefined>;
|
|
17
20
|
}
|
|
18
21
|
export interface IUseFlatTreeListReturn<TItem extends Record<string, unknown>> {
|
|
19
22
|
flatRows: ComputedRef<TFlatListRow<TItem>[]>;
|
|
20
23
|
toggleExpanded: (rowKey: string) => void;
|
|
21
24
|
isExpanded: (rowKey: string) => boolean;
|
|
22
25
|
}
|
|
23
|
-
export declare const useFlatTreeList: <TItem extends Record<string, unknown>>({ items, childrenKey, itemKey, expanded, }: IUseFlatTreeListOptions<TItem>) => IUseFlatTreeListReturn<TItem>;
|
|
26
|
+
export declare const useFlatTreeList: <TItem extends Record<string, unknown>>({ items, childrenKey, itemKey, expanded, hasMoreChildrenKey, }: IUseFlatTreeListOptions<TItem>) => IUseFlatTreeListReturn<TItem>;
|
|
24
27
|
//# sourceMappingURL=useFlatTreeList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFlatTreeList.d.ts","sourceRoot":"","sources":["../../src/composables/useFlatTreeList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE1F,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAChE,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"useFlatTreeList.d.ts","sourceRoot":"","sources":["../../src/composables/useFlatTreeList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE1F,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAChE,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mGAAmG;IACnG,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAClE,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GACtB,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAA;AAE7B,MAAM,WAAW,uBAAuB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5E,KAAK,EAAE,gBAAgB,CAAC,SAAS,KAAK,EAAE,CAAC,CAAA;IACzC,WAAW,EAAE,gBAAgB,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAA;IACnD,OAAO,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAA;IACtD,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACvB,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC,CAAA;CAC1E;AAED,MAAM,WAAW,sBAAsB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3E,QAAQ,EAAE,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAC5C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;CACxC;AA+JD,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,gEAMpE,uBAAuB,CAAC,KAAK,CAAC,KAAG,sBAAsB,CAAC,KAAK,CAwD/D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SColorPicker-CeKB3QS1.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-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../SColorPicker-BqsD-5xA.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 };
|
package/dist/entries/list.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SList-S18K8mlH.cjs");exports.ESListGap=e.a,exports.SList=e.t;
|
package/dist/entries/list.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, t } from "../SList-
|
|
1
|
+
import { a as e, t } from "../SList-DAzztC-7.js";
|
|
2
2
|
export { e as ESListGap, t as SList };
|
package/dist/entries/select.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SSelect-DcTEwHx6.cjs");exports.ESSelectSearchable=e.n,exports.SSelect=e.t;
|
package/dist/entries/select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../SSelect-
|
|
1
|
+
import { n as e, t } from "../SSelect-Bntb-dgY.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-D5SreJLe.cjs"),n=require("./SColorPicker-BIrkgFys.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.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-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-CkV6gq4S.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-fZQdPkFG.cjs"),E=require("./SListItem-CdveotJe.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-VW9-n1yU.cjs"),j=require("./SChartSkeletonHost-BlIYGj-7.cjs"),te=require("./SChartLine-CEnRbnVo.cjs"),ne=require("./resolveSeriesPaletteColor-YACKW1NO.cjs"),re=require("./SChartStackedArea-DHSamqau.cjs"),ie=require("./SChartStackedBar-B3HcO4UQ.cjs"),ae=require("./SChartHorizontalBar-DnKbf_9E.cjs"),oe=require("./SChartPie-CQyENNM6.cjs"),se=require("./SChartMultiLine-B6GldTYv.cjs"),ce=require("./SChartBurnup-BhCS06uF.cjs"),le=require("./SChartProgress-CMcM6yvT.cjs"),ue=require("./SChartLegend-DGtjd6zV.cjs"),de=require("./useHasListener-BPgtbbo6.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),fe=require("@vueuse/core");var P=[`--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`],F=[`--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`],pe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:P,paletteFallback:P[0],skeletonPalette:F,skeletonFallback:F[0]}),I=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}({}),L=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),R=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),z=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),me={[I.INFO_ACCENT]:N.ESIconName.infoCircle,[I.INFO_NORMAL]:N.ESIconName.infoCircle,[I.SUCCESS]:N.ESIconName.checkCircle,[I.WARNING]:N.ESIconName.alertCircle,[I.DANGER]:N.ESIconName.dangerCircleFill,[I.BILLING]:N.ESIconName.infoCircle},he=(e,t)=>t||me[e],ge=[`role`],_e={class:`s-ui-notification__body`},ve={key:0,class:`s-ui-notification__leftside`},ye={key:0,class:`s-ui-notification__icon`},be={class:`s-ui-notification__content`},xe={class:`s-ui-notification__title-row`},Se={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Ce={key:0,class:`s-ui-notification__description-block`},we={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},Te={key:1,class:`s-ui-notification__actions-stack`},Ee={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.ICON},surface:{default:()=>z.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,M.useSlots)(),a=(0,M.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,M.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,M.computed)(()=>e.type===I.DANGER?`alert`:`status`),u=(0,M.computed)(()=>he(e.type,e.icon)),d=(0,M.computed)(()=>e.type===I.BILLING),f=(0,M.computed)(()=>!!(e.leftside===R.AVATAR&&e.avatar||e.leftside===R.ICON)),p=(0,M.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,M.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,M.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,M.computed)(()=>e.type===I.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===I.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-notification`,a.value]),style:(0,M.normalizeStyle)(c.value),role:l.value},[(0,M.createElementVNode)(`div`,_e,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ve,[e.leftside===(0,M.unref)(R).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ye,[(0,M.createVNode)((0,M.unref)(N.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,M.unref)(R).AVATAR&&e.avatar?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,M.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),(0,M.createElementVNode)(`div`,be,[(0,M.createElementVNode)(`div`,xe,[(0,M.createElementVNode)(`span`,Se,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(L).VERTICAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)]),p.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Ce,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,we,[(0,M.renderSlot)(n.$slots,`description`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.description),1)])])):(0,M.createCommentVNode)(``,!0),e.linkText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).MAIN,size:(0,M.unref)(o.n).SMALL,onClick:y},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(L).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,onClick:x},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)]),e.layout===(0,M.unref)(L).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Ee,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(L).HORIZONTAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)])],14,ge))}}),De=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.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,M.useSlots)();return(t,i)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(z).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,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),V=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.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,M.useSlots)(),i=(0,M.computed)(()=>e.width??360);return(t,a)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(z).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,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),Oe=.05,ke=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],Ae=(0,M.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,M.ref)(null),i=(0,M.ref)(0),a=(0,M.ref)(!1),o=(0,M.computed)(()=>e.index===0),s=(0,M.computed)(()=>1-e.index*Oe),c=(0,M.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,fe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,M.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,M.openBlock)(),(0,M.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,M.normalizeStyle)(c.value)},[(0,M.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,M.renderSlot)(t.$slots,`default`)],512)],12,ke))}}),H=4e3,U=1e4,je=50,W=(e,t)=>{let n=H+(e.length+(t?.length??0))*50;return n>1e4?U:n},G=(0,M.shallowRef)([]),K=new Map,Me=0,Ne={type:I.INFO_ACCENT,layout:L.HORIZONTAL,leftside:R.ICON,showPrimaryButton:!1,closable:!0},Pe=()=>`toast-${Date.now()}-${++Me}`,q=e=>{let t=K.get(e);t&&(window.clearTimeout(t),K.delete(e))},J=e=>{q(e.id);let t=e.duration===void 0?W(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Y(e.id)},t);K.set(e.id,n)}},Y=e=>{let t=G.value.findIndex(t=>t.id===e);if(t===-1)return;let n=G.value[t];n&&(q(e),n.onClose&&n.onClose(),G.value=G.value.filter(t=>t.id!==e))},Fe=()=>{K.forEach(e=>window.clearTimeout(e)),K.clear(),G.value=[]},X=e=>e.length<=3?e:(e.slice(3).forEach(e=>{q(e.id)}),e.slice(0,3)),Ie=e=>{let t=e.id??Pe(),n={...Ne,...e,id:t},r=G.value.findIndex(e=>e.id===t);if(r>-1){let e=[...G.value];e[r]=n,G.value=X(e)}else G.value=X([n,...G.value]);return J(n),t},Le=(e,t)=>{let n=G.value.findIndex(t=>t.id===e);if(n===-1)return;let r=G.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...G.value];a[n]=i,G.value=a,J(i)},Z=()=>({toasts:G,show:Ie,hide:Y,hideAll:Fe,update:Le}),Re=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Z(),r=(0,M.computed)(()=>t.value.slice(0,3)),i=(0,M.ref)(!1),a=(0,M.shallowRef)({}),o=(0,M.ref)(new Set),s=(0,M.computed)(()=>t.value[0]??null),c=(0,M.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,M.ref)(0),u=(0,M.computed)(()=>c.value>0?c.value:l.value);(0,M.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,M.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,M.openBlock)(),(0,M.createBlock)(M.Teleport,{to:`body`},[(0,M.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,M.normalizeStyle)(d.value)},[((0,M.openBlock)(!0),(0,M.createElementBlock)(M.Fragment,null,(0,M.renderList)(r.value,(t,n)=>((0,M.openBlock)(),(0,M.createBlock)(Ae,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,M.unref)(10),removed:p(t.id),visible:n<(0,M.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,M.withCtx)(()=>[(0,M.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,M.openBlock)(),(0,M.createBlock)((0,M.resolveDynamicComponent)(t.component),(0,M.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(V),{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,M.createCommentVNode)(``,!0)],32)]))}}),ze=4,Be=4,Ve=1,He=`400 12px var(--s-ui-font-family-label)`,Ue=4,We=(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()},Ge=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}},Ke=(e,t,n,r)=>{let i=Ge(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+ze*2;if(i.width<o+Ue*2)return;let s=i.left+i.width/2;We(e,s-o/2,i.centerY-20/2,o,20,Be),e.fillStyle=r.background,e.fill(),e.lineWidth=Ve,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},qe=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=He,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&&Ke(r,a,o,n)}),r.restore()}}),Je=40,Ye=4,Q=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:Q,right:Q},borderSkipped:!1,borderRadius:Ye,barThickness:Je,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?[]:[qe(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,M.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,M.useTemplateRef)(`chartRootRef`),o=(0,M.useTemplateRef)(`chartCanvasRef`),s=(0,M.computed)(()=>e.loading?Qe:e.segments),c=(0,M.computed)(()=>s.value.map((t,n)=>pe(n,a.value,t.fillColor,e.loading))),l=(0,M.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,M.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,M.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,M.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=de.t(`onSegmentClick`),h=(0,M.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,M.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,M.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,M.openBlock)(),(0,M.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,M.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,M.createElementVNode)(`div`,$e,[(0,M.createVNode)((0,M.unref)(j.t),{loading:e.loading,type:(0,M.unref)(i).CARTESIAN},{default:(0,M.withCtx)(()=>[(0,M.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,M.openBlock)(),(0,M.createBlock)((0,M.unref)(ue.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,M.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,M.defineComponent)({__name:`SChartWidget`,props:(0,M.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,M.useModel)(e,`collapsed`),n=(0,M.useSlots)(),{t:r}=(0,N.useUiKitI18n)(),i=(0,M.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,M.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,M.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,tt,[e.loading?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,nt)):((0,M.openBlock)(),(0,M.createElementBlock)(`span`,rt,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])])),(0,M.createElementVNode)(`div`,it,[(0,M.renderSlot)(n.$slots,`actions`),e.collapsible?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:(0,M.unref)(o.t).OUTLINED,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,icon:t.value?(0,M.unref)(N.ESIconName).chevronDown:(0,M.unref)(N.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,M.createCommentVNode)(``,!0)])])):(0,M.createCommentVNode)(``,!0),a.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,at,[(0,M.renderSlot)(n.$slots,`default`)])):(0,M.createCommentVNode)(``,!0)],2))}});exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=L,exports.ENotificationLeftside=R,exports.ENotificationType=I,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.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,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.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,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=De,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.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.SDropdown=b.t,exports.SDropdownMenu=x.r,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=V,exports.SToastProvider=Re,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=U,exports.TOAST_AUTO_DURATION_MIN_MS=H,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=je,exports.computeAutoDuration=W,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return N.createUiKit}}),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 N.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return N.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return N.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=Z,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return N.useUiKitI18n}});var $=require("@shtabapp/ui-kit-tokens");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})}),Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-D5SreJLe.cjs"),n=require("./SColorPicker-CeKB3QS1.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CdVjv8sb.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-BPy2YaEP.cjs"),d=require("./SCheckbox-CYy7tfoS.cjs"),f=require("./SCard-BR2R5VQd.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-BMIwBk-O.cjs"),y=require("./SChip-DoFL5c6-.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-DcTEwHx6.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-S18K8mlH.cjs"),E=require("./SListItem-CdveotJe.cjs"),D=require("./SRadio-Ca-1D4q6.cjs"),O=require("./SToggle-DxSm1RNz.cjs"),k=require("./SInlineInput-6LglCWSn.cjs"),ee=require("./STextarea-BJWrc9t1.cjs"),A=require("./SPhotoEdit-VW9-n1yU.cjs"),j=require("./SChartSkeletonHost-BlIYGj-7.cjs"),te=require("./SChartLine-CEnRbnVo.cjs"),ne=require("./resolveSeriesPaletteColor-YACKW1NO.cjs"),re=require("./SChartStackedArea-DHSamqau.cjs"),ie=require("./SChartStackedBar-B3HcO4UQ.cjs"),ae=require("./SChartHorizontalBar-DnKbf_9E.cjs"),oe=require("./SChartPie-CQyENNM6.cjs"),se=require("./SChartMultiLine-B6GldTYv.cjs"),ce=require("./SChartBurnup-BhCS06uF.cjs"),le=require("./SChartProgress-CMcM6yvT.cjs"),ue=require("./SChartLegend-DGtjd6zV.cjs"),de=require("./useHasListener-BPgtbbo6.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),fe=require("@vueuse/core");var P=[`--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`],F=[`--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`],pe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:P,paletteFallback:P[0],skeletonPalette:F,skeletonFallback:F[0]}),I=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}({}),L=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),R=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),z=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),me={[I.INFO_ACCENT]:N.ESIconName.infoCircle,[I.INFO_NORMAL]:N.ESIconName.infoCircle,[I.SUCCESS]:N.ESIconName.checkCircle,[I.WARNING]:N.ESIconName.alertCircle,[I.DANGER]:N.ESIconName.dangerCircleFill,[I.BILLING]:N.ESIconName.infoCircle},he=(e,t)=>t||me[e],ge=[`role`],_e={class:`s-ui-notification__body`},ve={key:0,class:`s-ui-notification__leftside`},ye={key:0,class:`s-ui-notification__icon`},be={class:`s-ui-notification__content`},xe={class:`s-ui-notification__title-row`},Se={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Ce={key:0,class:`s-ui-notification__description-block`},we={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},Te={key:1,class:`s-ui-notification__actions-stack`},Ee={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.ICON},surface:{default:()=>z.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,M.useSlots)(),a=(0,M.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,M.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,M.computed)(()=>e.type===I.DANGER?`alert`:`status`),u=(0,M.computed)(()=>he(e.type,e.icon)),d=(0,M.computed)(()=>e.type===I.BILLING),f=(0,M.computed)(()=>!!(e.leftside===R.AVATAR&&e.avatar||e.leftside===R.ICON)),p=(0,M.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,M.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,M.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,M.computed)(()=>e.type===I.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===I.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-notification`,a.value]),style:(0,M.normalizeStyle)(c.value),role:l.value},[(0,M.createElementVNode)(`div`,_e,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ve,[e.leftside===(0,M.unref)(R).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ye,[(0,M.createVNode)((0,M.unref)(N.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,M.unref)(R).AVATAR&&e.avatar?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,M.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),(0,M.createElementVNode)(`div`,be,[(0,M.createElementVNode)(`div`,xe,[(0,M.createElementVNode)(`span`,Se,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(L).VERTICAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)]),p.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Ce,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,we,[(0,M.renderSlot)(n.$slots,`description`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.description),1)])])):(0,M.createCommentVNode)(``,!0),e.linkText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).MAIN,size:(0,M.unref)(o.n).SMALL,onClick:y},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(L).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,onClick:x},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)]),e.layout===(0,M.unref)(L).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,Ee,[e.showPrimaryButton&&e.primaryButtonText?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,M.unref)(o.n).SMALL,onClick:b},{default:(0,M.withCtx)(()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,M.createCommentVNode)(``,!0),e.layout===(0,M.unref)(L).HORIZONTAL&&e.closable?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,M.unref)(o.t).BARE,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,M.createCommentVNode)(``,!0)])):(0,M.createCommentVNode)(``,!0)])],14,ge))}}),De=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.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,M.useSlots)();return(t,i)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(z).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,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),V=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>I.INFO_ACCENT},layout:{default:()=>L.HORIZONTAL},leftside:{default:()=>R.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,M.useSlots)(),i=(0,M.computed)(()=>e.width??360);return(t,a)=>((0,M.openBlock)(),(0,M.createBlock)(B,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,M.unref)(z).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,M.createSlots)({_:2},[(0,M.unref)(r).title?{name:`title`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,M.unref)(r).description?{name:`description`,fn:(0,M.withCtx)(()=>[(0,M.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),Oe=.05,ke=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],Ae=(0,M.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,M.ref)(null),i=(0,M.ref)(0),a=(0,M.ref)(!1),o=(0,M.computed)(()=>e.index===0),s=(0,M.computed)(()=>1-e.index*Oe),c=(0,M.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,fe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,M.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,M.openBlock)(),(0,M.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,M.normalizeStyle)(c.value)},[(0,M.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,M.renderSlot)(t.$slots,`default`)],512)],12,ke))}}),H=4e3,U=1e4,je=50,W=(e,t)=>{let n=H+(e.length+(t?.length??0))*50;return n>1e4?U:n},G=(0,M.shallowRef)([]),K=new Map,Me=0,Ne={type:I.INFO_ACCENT,layout:L.HORIZONTAL,leftside:R.ICON,showPrimaryButton:!1,closable:!0},Pe=()=>`toast-${Date.now()}-${++Me}`,q=e=>{let t=K.get(e);t&&(window.clearTimeout(t),K.delete(e))},J=e=>{q(e.id);let t=e.duration===void 0?W(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Y(e.id)},t);K.set(e.id,n)}},Y=e=>{let t=G.value.findIndex(t=>t.id===e);if(t===-1)return;let n=G.value[t];n&&(q(e),n.onClose&&n.onClose(),G.value=G.value.filter(t=>t.id!==e))},Fe=()=>{K.forEach(e=>window.clearTimeout(e)),K.clear(),G.value=[]},X=e=>e.length<=3?e:(e.slice(3).forEach(e=>{q(e.id)}),e.slice(0,3)),Ie=e=>{let t=e.id??Pe(),n={...Ne,...e,id:t},r=G.value.findIndex(e=>e.id===t);if(r>-1){let e=[...G.value];e[r]=n,G.value=X(e)}else G.value=X([n,...G.value]);return J(n),t},Le=(e,t)=>{let n=G.value.findIndex(t=>t.id===e);if(n===-1)return;let r=G.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...G.value];a[n]=i,G.value=a,J(i)},Z=()=>({toasts:G,show:Ie,hide:Y,hideAll:Fe,update:Le}),Re=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Z(),r=(0,M.computed)(()=>t.value.slice(0,3)),i=(0,M.ref)(!1),a=(0,M.shallowRef)({}),o=(0,M.ref)(new Set),s=(0,M.computed)(()=>t.value[0]??null),c=(0,M.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,M.ref)(0),u=(0,M.computed)(()=>c.value>0?c.value:l.value);(0,M.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,M.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,M.openBlock)(),(0,M.createBlock)(M.Teleport,{to:`body`},[(0,M.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,M.normalizeStyle)(d.value)},[((0,M.openBlock)(!0),(0,M.createElementBlock)(M.Fragment,null,(0,M.renderList)(r.value,(t,n)=>((0,M.openBlock)(),(0,M.createBlock)(Ae,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,M.unref)(10),removed:p(t.id),visible:n<(0,M.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,M.withCtx)(()=>[(0,M.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,M.openBlock)(),(0,M.createBlock)((0,M.resolveDynamicComponent)(t.component),(0,M.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(V),{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,M.createCommentVNode)(``,!0)],32)]))}}),ze=4,Be=4,Ve=1,He=`400 12px var(--s-ui-font-family-label)`,Ue=4,We=(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()},Ge=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}},Ke=(e,t,n,r)=>{let i=Ge(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+ze*2;if(i.width<o+Ue*2)return;let s=i.left+i.width/2;We(e,s-o/2,i.centerY-20/2,o,20,Be),e.fillStyle=r.background,e.fill(),e.lineWidth=Ve,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},qe=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=He,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&&Ke(r,a,o,n)}),r.restore()}}),Je=40,Ye=4,Q=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:Q,right:Q},borderSkipped:!1,borderRadius:Ye,barThickness:Je,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?[]:[qe(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,M.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,M.useTemplateRef)(`chartRootRef`),o=(0,M.useTemplateRef)(`chartCanvasRef`),s=(0,M.computed)(()=>e.loading?Qe:e.segments),c=(0,M.computed)(()=>s.value.map((t,n)=>pe(n,a.value,t.fillColor,e.loading))),l=(0,M.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,M.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,M.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,M.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=de.t(`onSegmentClick`),h=(0,M.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,M.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,M.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,M.openBlock)(),(0,M.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,M.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,M.createElementVNode)(`div`,$e,[(0,M.createVNode)((0,M.unref)(j.t),{loading:e.loading,type:(0,M.unref)(i).CARTESIAN},{default:(0,M.withCtx)(()=>[(0,M.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,M.openBlock)(),(0,M.createBlock)((0,M.unref)(ue.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,M.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,M.defineComponent)({__name:`SChartWidget`,props:(0,M.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,M.useModel)(e,`collapsed`),n=(0,M.useSlots)(),{t:r}=(0,N.useUiKitI18n)(),i=(0,M.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,M.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,M.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,M.openBlock)(),(0,M.createElementBlock)(`div`,{class:(0,M.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,tt,[e.loading?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,nt)):((0,M.openBlock)(),(0,M.createElementBlock)(`span`,rt,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])])),(0,M.createElementVNode)(`div`,it,[(0,M.renderSlot)(n.$slots,`actions`),e.collapsible?((0,M.openBlock)(),(0,M.createBlock)((0,M.unref)(s.t),{key:0,appearance:(0,M.unref)(o.t).OUTLINED,variant:(0,M.unref)(o.r).NEUTRAL,size:(0,M.unref)(o.n).SMALL,icon:t.value?(0,M.unref)(N.ESIconName).chevronDown:(0,M.unref)(N.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,M.createCommentVNode)(``,!0)])])):(0,M.createCommentVNode)(``,!0),a.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,at,[(0,M.renderSlot)(n.$slots,`default`)])):(0,M.createCommentVNode)(``,!0)],2))}});exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=L,exports.ENotificationLeftside=R,exports.ENotificationType=I,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.ESCheckboxSize=d.r,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,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.ESToggleSize=O.n,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,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=De,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.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.SDropdown=b.t,exports.SDropdownMenu=x.r,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=V,exports.SToastProvider=Re,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=U,exports.TOAST_AUTO_DURATION_MIN_MS=H,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=je,exports.computeAutoDuration=W,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return N.createUiKit}}),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 N.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return N.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return N.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=Z,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return N.useUiKitI18n}});var $=require("@shtabapp/ui-kit-tokens");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})}),Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[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-q1HSZPqy.js";
|
|
3
|
-
import { i as l, n as u, r as d, t as f } from "./SColorPicker-
|
|
3
|
+
import { i as l, n as u, r as d, t as f } from "./SColorPicker-BqsD-5xA.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-By-5Ub6i.js";
|
|
@@ -19,11 +19,11 @@ import { n as Te, r as Ee, t as De } from "./STag-CluIVRKi.js";
|
|
|
19
19
|
import { t as Oe } from "./STagGroup-wSpc3guU.js";
|
|
20
20
|
import { n as ke, r as Ae, t as je } from "./SChip-TxpPE0VS.js";
|
|
21
21
|
import { t as Me } from "./SDropdown-CTQ5Qlez.js";
|
|
22
|
-
import { n as Ne, r as Pe, t as Fe } from "./SSelect-
|
|
22
|
+
import { n as Ne, r as Pe, t as Fe } from "./SSelect-Bntb-dgY.js";
|
|
23
23
|
import { n as Ie, t as Le } from "./SInput-CkanJfLx.js";
|
|
24
24
|
import { n as Re, t as ze } from "./SInlineMessage-Dirk5RwO.js";
|
|
25
25
|
import { n as Be, r as Ve, t as He } from "./SLabel-yzcX4qp5.js";
|
|
26
|
-
import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-
|
|
26
|
+
import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-DAzztC-7.js";
|
|
27
27
|
import { n as qe, t as Je } from "./SListItem-BRXZEePg.js";
|
|
28
28
|
import { n as Ye, t as Xe } from "./SRadio-Db_YLcne.js";
|
|
29
29
|
import { n as Ze, t as Qe } from "./SToggle-T7FKzMSo.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shtabapp/ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.47.0",
|
|
4
4
|
"description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"shtab",
|
|
@@ -259,8 +259,8 @@
|
|
|
259
259
|
"dependencies": {
|
|
260
260
|
"chart.js": "^4.5.0",
|
|
261
261
|
"vue-i18n": "^9.14.5",
|
|
262
|
-
"@shtabapp/ui-kit-
|
|
263
|
-
"@shtabapp/ui-kit-
|
|
262
|
+
"@shtabapp/ui-kit-tokens": "^1.19.0",
|
|
263
|
+
"@shtabapp/ui-kit-primitives": "^1.22.0"
|
|
264
264
|
},
|
|
265
265
|
"devDependencies": {
|
|
266
266
|
"@storybook/vue3-vite": "^10.4.1",
|