@shtabapp/ui-kit 1.41.0 → 1.43.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.
Files changed (31) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/{SColorPicker-Df7YG5BE.cjs → SColorPicker-BIrkgFys.cjs} +1 -1
  3. package/dist/{SColorPicker-9vWK-6Pt.js → SColorPicker-ksmNupJa.js} +1 -1
  4. package/dist/{SList-B4C-PzjB.js → SList-BtfUntkw.js} +6 -1
  5. package/dist/SList-fZQdPkFG.cjs +1 -0
  6. package/dist/{SListItem-BFxQ2cj3.js → SListItem-BRXZEePg.js} +17 -16
  7. package/dist/SListItem-CdveotJe.cjs +1 -0
  8. package/dist/{SSelect-ClHXMqXz.cjs → SSelect-CkV6gq4S.cjs} +1 -1
  9. package/dist/{SSelect-CjaiJDdO.js → SSelect-DS2EGmjV.js} +2 -2
  10. package/dist/components/SList/SList.types.d.ts +2 -0
  11. package/dist/components/SList/SList.types.d.ts.map +1 -1
  12. package/dist/components/SList/SList.vue.d.ts.map +1 -1
  13. package/dist/components/SList/utils/context.d.ts +1 -0
  14. package/dist/components/SList/utils/context.d.ts.map +1 -1
  15. package/dist/components/SListItem/SListItem.types.d.ts +2 -0
  16. package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
  17. package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
  18. package/dist/entries/color-picker.cjs +1 -1
  19. package/dist/entries/color-picker.js +1 -1
  20. package/dist/entries/list-item.cjs +1 -1
  21. package/dist/entries/list-item.js +1 -1
  22. package/dist/entries/list.cjs +1 -1
  23. package/dist/entries/list.js +1 -1
  24. package/dist/entries/select.cjs +1 -1
  25. package/dist/entries/select.js +1 -1
  26. package/dist/index.cjs +1 -1
  27. package/dist/index.js +4 -4
  28. package/dist/uikit-components.css +1 -1
  29. package/package.json +3 -3
  30. package/dist/SList-Bp3mUJfQ.cjs +0 -1
  31. package/dist/SListItem-Cs1-uv5N.cjs +0 -1
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-Df7YG5BE.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-ClHXMqXz.cjs"),S=require("./SInput-C07kFnj_.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-CTiOAAOu.cjs"),T=require("./SList-Bp3mUJfQ.cjs"),E=require("./SListItem-Cs1-uv5N.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"),te=require("./SChartLine-xql-HCwK.cjs"),ne=require("./SChartStackedArea-BUy47veO.cjs"),re=require("./SChartStackedBar-1HNyHP8J.cjs"),ie=require("./SChartHorizontalBar-tfgmCHtk.cjs"),j=require("./SChartPie-xu1fcWMy.cjs"),ae=require("./SChartProgress-C08fiO6U.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),oe=require("@vueuse/core");var P=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}({}),F=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),I=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),L=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),se={[P.INFO_ACCENT]:N.ESIconName.infoCircle,[P.INFO_NORMAL]:N.ESIconName.infoCircle,[P.SUCCESS]:N.ESIconName.checkCircle,[P.WARNING]:N.ESIconName.alertCircle,[P.DANGER]:N.ESIconName.dangerCircleFill,[P.BILLING]:N.ESIconName.infoCircle},ce=(e,t)=>t||se[e],le=[`role`],ue={class:`s-ui-notification__body`},de={key:0,class:`s-ui-notification__leftside`},fe={key:0,class:`s-ui-notification__icon`},pe={class:`s-ui-notification__content`},R={class:`s-ui-notification__title-row`},z={class:`s-ui-notification__title s-ui-typography-label-14-medium`},me={key:0,class:`s-ui-notification__description-block`},he={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},ge={key:1,class:`s-ui-notification__actions-stack`},_e={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},surface:{default:()=>L.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===P.DANGER?`alert`:`status`),u=(0,M.computed)(()=>ce(e.type,e.icon)),d=(0,M.computed)(()=>e.type===P.BILLING),f=(0,M.computed)(()=>!!(e.leftside===I.AVATAR&&e.avatar||e.leftside===I.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===P.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===P.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`,ue,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,de,[e.leftside===(0,M.unref)(I).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,fe,[(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)(I).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`,pe,[(0,M.createElementVNode)(`div`,R,[(0,M.createElementVNode)(`span`,z,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(F).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`,me,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,he,[(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)(F).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ge,[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)(F).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,_e,[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)(F).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,le))}}),V=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.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)(L).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`]))}}),H=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.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)(L).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`]))}}),ve=.05,ye=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],be=(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*ve),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,oe.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,ye))}}),U=4e3,W=1e4,xe=50,G=(e,t)=>{let n=U+(e.length+(t?.length??0))*50;return n>1e4?W:n},K=(0,M.shallowRef)([]),q=new Map,Se=0,Ce={type:P.INFO_ACCENT,layout:F.HORIZONTAL,leftside:I.ICON,showPrimaryButton:!1,closable:!0},we=()=>`toast-${Date.now()}-${++Se}`,J=e=>{let t=q.get(e);t&&(window.clearTimeout(t),q.delete(e))},Y=e=>{J(e.id);let t=e.duration===void 0?G(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{X(e.id)},t);q.set(e.id,n)}},X=e=>{let t=K.value.findIndex(t=>t.id===e);if(t===-1)return;let n=K.value[t];n&&(J(e),n.onClose&&n.onClose(),K.value=K.value.filter(t=>t.id!==e))},Te=()=>{q.forEach(e=>window.clearTimeout(e)),q.clear(),K.value=[]},Z=e=>e.length<=3?e:(e.slice(3).forEach(e=>{J(e.id)}),e.slice(0,3)),Ee=e=>{let t=e.id??we(),n={...Ce,...e,id:t},r=K.value.findIndex(e=>e.id===t);if(r>-1){let e=[...K.value];e[r]=n,K.value=Z(e)}else K.value=Z([n,...K.value]);return Y(n),t},De=(e,t)=>{let n=K.value.findIndex(t=>t.id===e);if(n===-1)return;let r=K.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...K.value];a[n]=i,K.value=a,Y(i)},Q=()=>({toasts:K,show:Ee,hide:X,hideAll:Te,update:De}),Oe=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Q(),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)(be,{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)(H),{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)]))}});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=F,exports.ENotificationLeftside=I,exports.ENotificationType=P,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=V,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartHorizontalBar=ie.t,exports.SChartLine=te.t,exports.SChartPie=j.t,exports.SChartProgress=ae.t,exports.SChartStackedArea=ne.t,exports.SChartStackedBar=re.t,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=H,exports.SToastProvider=Oe,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=W,exports.TOAST_AUTO_DURATION_MIN_MS=U,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=xe,exports.computeAutoDuration=G,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=Q,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-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"),te=require("./SChartLine-xql-HCwK.cjs"),ne=require("./SChartStackedArea-BUy47veO.cjs"),re=require("./SChartStackedBar-1HNyHP8J.cjs"),ie=require("./SChartHorizontalBar-tfgmCHtk.cjs"),j=require("./SChartPie-xu1fcWMy.cjs"),ae=require("./SChartProgress-C08fiO6U.cjs");let M=require("vue"),N=require("@shtabapp/ui-kit-primitives"),oe=require("@vueuse/core");var P=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}({}),F=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),I=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),L=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),se={[P.INFO_ACCENT]:N.ESIconName.infoCircle,[P.INFO_NORMAL]:N.ESIconName.infoCircle,[P.SUCCESS]:N.ESIconName.checkCircle,[P.WARNING]:N.ESIconName.alertCircle,[P.DANGER]:N.ESIconName.dangerCircleFill,[P.BILLING]:N.ESIconName.infoCircle},ce=(e,t)=>t||se[e],le=[`role`],ue={class:`s-ui-notification__body`},de={key:0,class:`s-ui-notification__leftside`},fe={key:0,class:`s-ui-notification__icon`},pe={class:`s-ui-notification__content`},R={class:`s-ui-notification__title-row`},z={class:`s-ui-notification__title s-ui-typography-label-14-medium`},me={key:0,class:`s-ui-notification__description-block`},he={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},ge={key:1,class:`s-ui-notification__actions-stack`},_e={key:1,class:`s-ui-notification__actions-row`},B=(0,M.defineComponent)({__name:`SNotification`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.ICON},surface:{default:()=>L.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===P.DANGER?`alert`:`status`),u=(0,M.computed)(()=>ce(e.type,e.icon)),d=(0,M.computed)(()=>e.type===P.BILLING),f=(0,M.computed)(()=>!!(e.leftside===I.AVATAR&&e.avatar||e.leftside===I.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===P.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,M.computed)(()=>e.type===P.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`,ue,[f.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,de,[e.leftside===(0,M.unref)(I).ICON?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,fe,[(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)(I).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`,pe,[(0,M.createElementVNode)(`div`,R,[(0,M.createElementVNode)(`span`,z,[(0,M.renderSlot)(n.$slots,`title`,{},()=>[(0,M.createTextVNode)((0,M.toDisplayString)(e.title),1)])]),e.layout===(0,M.unref)(F).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`,me,[e.description||(0,M.unref)(i).description?((0,M.openBlock)(),(0,M.createElementBlock)(`span`,he,[(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)(F).VERTICAL&&m.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,ge,[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)(F).HORIZONTAL&&h.value?((0,M.openBlock)(),(0,M.createElementBlock)(`div`,_e,[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)(F).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,le))}}),V=(0,M.defineComponent)({__name:`SBanner`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.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)(L).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`]))}}),H=(0,M.defineComponent)({__name:`SToast`,props:{type:{default:()=>P.INFO_ACCENT},layout:{default:()=>F.HORIZONTAL},leftside:{default:()=>I.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)(L).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`]))}}),ve=.05,ye=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],be=(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*ve),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,oe.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,ye))}}),U=4e3,W=1e4,xe=50,G=(e,t)=>{let n=U+(e.length+(t?.length??0))*50;return n>1e4?W:n},K=(0,M.shallowRef)([]),q=new Map,Se=0,Ce={type:P.INFO_ACCENT,layout:F.HORIZONTAL,leftside:I.ICON,showPrimaryButton:!1,closable:!0},we=()=>`toast-${Date.now()}-${++Se}`,J=e=>{let t=q.get(e);t&&(window.clearTimeout(t),q.delete(e))},Y=e=>{J(e.id);let t=e.duration===void 0?G(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{X(e.id)},t);q.set(e.id,n)}},X=e=>{let t=K.value.findIndex(t=>t.id===e);if(t===-1)return;let n=K.value[t];n&&(J(e),n.onClose&&n.onClose(),K.value=K.value.filter(t=>t.id!==e))},Te=()=>{q.forEach(e=>window.clearTimeout(e)),q.clear(),K.value=[]},Z=e=>e.length<=3?e:(e.slice(3).forEach(e=>{J(e.id)}),e.slice(0,3)),Ee=e=>{let t=e.id??we(),n={...Ce,...e,id:t},r=K.value.findIndex(e=>e.id===t);if(r>-1){let e=[...K.value];e[r]=n,K.value=Z(e)}else K.value=Z([n,...K.value]);return Y(n),t},De=(e,t)=>{let n=K.value.findIndex(t=>t.id===e);if(n===-1)return;let r=K.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...K.value];a[n]=i,K.value=a,Y(i)},Q=()=>({toasts:K,show:Ee,hide:X,hideAll:Te,update:De}),Oe=(0,M.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=Q(),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)(be,{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)(H),{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)]))}});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=F,exports.ENotificationLeftside=I,exports.ENotificationType=P,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=V,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCard=f.t,exports.SChartHorizontalBar=ie.t,exports.SChartLine=te.t,exports.SChartPie=j.t,exports.SChartProgress=ae.t,exports.SChartStackedArea=ne.t,exports.SChartStackedBar=re.t,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=H,exports.SToastProvider=Oe,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=W,exports.TOAST_AUTO_DURATION_MIN_MS=U,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=xe,exports.computeAutoDuration=G,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=Q,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-9vWK-6Pt.js";
3
+ import { i as l, n as u, r as d, t as f } from "./SColorPicker-ksmNupJa.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,12 +19,12 @@ 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-CjaiJDdO.js";
22
+ import { n as Ne, r as Pe, t as Fe } from "./SSelect-DS2EGmjV.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-B4C-PzjB.js";
27
- import { n as qe, t as Je } from "./SListItem-BFxQ2cj3.js";
26
+ import { a as Ue, o as We, s as Ge, t as Ke } from "./SList-BtfUntkw.js";
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";
30
30
  import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";