@shtabapp/ui-kit 1.64.0 → 1.64.1
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/{SAvatar-DTG0odWX.cjs → SAvatar-ClmtSIFg.cjs} +1 -1
- package/dist/{SAvatar-BK8cEzGY.js → SAvatar-hWbsODUa.js} +1 -1
- package/dist/{SAvatarGroup-CTC_esUv.cjs → SAvatarGroup-By8oMNTe.cjs} +1 -1
- package/dist/{SAvatarGroup-F5w88NGf.js → SAvatarGroup-CSSCQKdH.js} +1 -1
- package/dist/entries/avatar-group.cjs +1 -1
- package/dist/entries/avatar-group.js +1 -1
- package/dist/entries/avatar.cjs +1 -1
- package/dist/entries/avatar.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/uikit-components.css +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.64.1](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.64.0...@shtabapp/ui-kit@1.64.1) (2026-08-31)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
- **components:** transparent avatar background under image ([32e01cf](https://gitlab.com/mstikharev/shtab-ui-kit/commit/32e01cf0253fb8596029ff45904ca3ca09e09ad7))
|
|
6
|
+
|
|
1
7
|
## [@shtabapp/ui-kit-v1.64.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.63.0...@shtabapp/ui-kit@1.64.0) (2026-08-28)
|
|
2
8
|
|
|
3
9
|
### Features
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.SIZE_80=`80`,e.SIZE_72=`72`,e.SIZE_64=`64`,e.SIZE_56=`56`,e.SIZE_48=`48`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),s=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ONLINE=`online`,e.OFFLINE=`offline`,e.RECENTLY=`recently`,e.ERROR=`error`,e.TRACK=`track`,e.DONE=`done`,e.CONTROLLER=`controller`,e.FAVORITE=`favorite`,e.PIN=`pin`,e.PRIVATE=`private`,e}({}),l=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),u={[i.SIZE_80]:`s-ui-typography-heading-h3-semibold`,[i.SIZE_72]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_64]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_56]:`s-ui-typography-label-16-medium`,[i.SIZE_48]:`s-ui-typography-label-16-medium`,[i.SIZE_40]:`s-ui-typography-label-16-medium`,[i.SIZE_32]:`s-ui-typography-label-14-medium`,[i.SIZE_24]:`s-ui-typography-label-12-medium`,[i.SIZE_20]:`s-ui-typography-label-12-medium`,[i.SIZE_16]:`s-ui-typography-label-10-medium`},d={[i.SIZE_80]:40,[i.SIZE_72]:40,[i.SIZE_64]:40,[i.SIZE_56]:32,[i.SIZE_48]:32,[i.SIZE_40]:24,[i.SIZE_32]:24,[i.SIZE_24]:20,[i.SIZE_20]:16,[i.SIZE_16]:16},f={[i.SIZE_80]:l.LARGE,[i.SIZE_72]:l.LARGE,[i.SIZE_64]:l.MEDIUM,[i.SIZE_56]:l.MEDIUM,[i.SIZE_48]:l.SMALL,[i.SIZE_40]:l.SMALL,[i.SIZE_32]:l.SMALL,[i.SIZE_24]:l.SMALL,[i.SIZE_20]:l.SMALL,[i.SIZE_16]:l.SMALL},p={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.MEDIUM,[l.LARGE]:e.i.LARGE},m={[e.i.SMALL]:8,[e.i.MEDIUM]:10,[e.i.LARGE]:12},h={[e.i.SMALL]:12,[e.i.MEDIUM]:16,[e.i.LARGE]:20},g=16,_={[i.SIZE_80]:0,[i.SIZE_72]:0,[i.SIZE_64]:0,[i.SIZE_56]:0,[i.SIZE_48]:0,[i.SIZE_40]:0,[i.SIZE_32]:-2,[i.SIZE_24]:-2,[i.SIZE_20]:-4,[i.SIZE_16]:-4},v={[i.SIZE_80]:-8,[i.SIZE_72]:-8,[i.SIZE_64]:-8,[i.SIZE_56]:-8,[i.SIZE_48]:-8,[i.SIZE_40]:-8,[i.SIZE_32]:-8,[i.SIZE_24]:-8,[i.SIZE_20]:-10,[i.SIZE_16]:-10},y={[c.DEFAULT]:e.n.MAIN,[c.ONLINE]:e.n.SUCCESS,[c.OFFLINE]:e.n.WHITE,[c.RECENTLY]:e.n.WARNING,[c.ERROR]:e.n.DANGER,[c.TRACK]:e.n.MAIN,[c.DONE]:e.n.SUCCESS,[c.CONTROLLER]:e.n.MAIN,[c.FAVORITE]:e.n.WARNING,[c.PIN]:e.n.MAIN,[c.PRIVATE]:e.n.BILLING},b={[c.TRACK]:r.ESIconName.playFill,[c.DONE]:r.ESIconName.checkBold,[c.CONTROLLER]:r.ESIconName.controlFill,[c.FAVORITE]:r.ESIconName.starFill,[c.PIN]:r.ESIconName.pinFill,[c.PRIVATE]:r.ESIconName.tabooBold},x=({avatarSize:e,badgeSize:t,hasIcon:n})=>{let r=_[e];return n?r:r+(h[t]-m[t])/2},S=(e,t)=>({offsetX:-e-t/2,offsetY:-e-t/2}),C=(e,t)=>({offsetX:-e-t/2,offsetY:e+t/2}),w=({badge:t,counter:r,size:i})=>{let a=(0,n.computed)(()=>{let r=(0,n.toValue)(t);if(!r)return;let a=(0,n.toValue)(i),o=b[r],s=p[f[a]],c=o?h[s]:m[s],l=S(x({avatarSize:a,badgeSize:s,hasIcon:!!o}),c);return{anchored:!0,color:y[r],icon:o,label:r,offsetX:l.offsetX,offsetY:l.offsetY,placement:e.r.BOTTOM_END,size:s}}),o=(0,n.computed)(()=>{let t=(0,n.toValue)(r);if(typeof t!=`number`)return;let a=v[(0,n.toValue)(i)],o=C(a,g);return{anchored:!0,color:e.n.MAIN,offsetX:o.offsetX,offsetY:o.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:t}});return{avatarBadgeItemsProps:(0,n.computed)(()=>{let e=[];return o.value&&e.push(o.value),a.value&&e.push(a.value),e})}},T={[o.CYAN]:`#127c97`,[o.INDIGO]:`#755ace`,[o.PINK]:`#c33c86`,[o.TEAL]:`#158472`,[o.VIOLET]:`#8757c7`},E=e=>{if(t.n(e))return e;if(e!==o.SURFACE)return T[e]},D=e=>{let n=E(e);if(n)return t.t(n)},O=e=>t.n(e),k=e=>O(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,A=e=>{let t=D(e),n={};if(O(e)&&(n[`--s-ui-avatar-background`]=e),t&&(n[`--s-ui-avatar-color`]=t),Object.keys(n).length!==0)return n},j=[`aria-disabled`],M={class:`s-ui-avatar__content`},N=[`src`,`alt`],P={key:1,class:`s-ui-avatar__icon`},F=[`role`,`aria-label`],I={key:0,class:`s-ui-avatar__name`},L=(0,n.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},badge:{},bordered:{type:Boolean,default:!0},color:{default:()=>o.TEAL},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconBackground:{default:()=>s.NEUTRAL},initialLength:{default:1},name:{},shape:{default:()=>a.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>i.SIZE_40},src:{}},setup(t){let i=(0,n.useAttrs)(),a=(0,n.ref)(!1),o=e=>typeof e==`number`||typeof e==`string`,s=(0,n.computed)(()=>{if(o(i.tabindex))return i.tabindex;if(o(i.tabIndex))return i.tabIndex}),c=(0,n.computed)(()=>o(i.tabindex)||o(i.tabIndex)),l=(0,n.computed)(()=>t.disabled?-1:c.value?s.value:0),f=(0,n.computed)(()=>({...i,tabindex:l.value})),p=(0,n.computed)(()=>[`s-ui-avatar--size-${t.size}`,`s-ui-avatar--shape-${t.shape}`,k(t.color),`s-ui-avatar--icon-background-${t.iconBackground}`,{"s-ui-avatar--bordered":t.bordered,"s-ui-avatar--disabled":t.disabled,"s-ui-avatar--icon":g.value,"s-ui-avatar--photo":h.value}]),m=(0,n.computed)(()=>{if(!g.value)return A(t.color)}),h=(0,n.computed)(()=>!!(t.src&&!a.value)),g=(0,n.computed)(()=>!!(!h.value&&t.icon)),_=e=>{let t=e.split(/\s+/).filter(Boolean);if(t.length===1){let e=t[0];if(e)return e}return t.map(e=>e.slice(0,1)).join(``)},v=(0,n.computed)(()=>t.name?_(t.name):``),y=(0,n.computed)(()=>t.alt?t.alt:t.name?t.name:v.value),b=(0,n.computed)(()=>{if(t.alt)return t.alt;if(t.name)return t.name}),x=(0,n.computed)(()=>v.value.slice(0,Math.max(t.initialLength,0)).toUpperCase()),S=(0,n.computed)(()=>u[t.size]),C=(0,n.computed)(()=>d[t.size]),{avatarBadgeItemsProps:T}=w({badge:()=>t.badge,counter:()=>t.counter,size:()=>t.size}),E=()=>{a.value=!0};return(0,n.watch)(()=>t.src,()=>{a.value=!1}),(i,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,(0,n.mergeProps)(f.value,{class:[`s-ui-avatar`,p.value],style:m.value,"aria-disabled":t.disabled||void 0}),[(0,n.createElementVNode)(`span`,M,[t.src&&!a.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:t.src,alt:y.value,onError:E},null,40,N)):t.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,P,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:t.icon,size:C.value,"aria-label":b.value},null,8,[`name`,`size`,`aria-label`])])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-avatar__initials`,S.value]),role:t.alt?`img`:void 0,"aria-label":t.alt},(0,n.toDisplayString)(x.value),11,F)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(T),t=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),(0,n.mergeProps)({key:t.placement},{ref_for:!0},t),null,16))),128))]),t.showName&&t.name?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(t.name),1)):(0,n.createCommentVNode)(``,!0)],16,j))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});
|
|
1
|
+
const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.SIZE_80=`80`,e.SIZE_72=`72`,e.SIZE_64=`64`,e.SIZE_56=`56`,e.SIZE_48=`48`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),s=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ONLINE=`online`,e.OFFLINE=`offline`,e.RECENTLY=`recently`,e.ERROR=`error`,e.TRACK=`track`,e.DONE=`done`,e.CONTROLLER=`controller`,e.FAVORITE=`favorite`,e.PIN=`pin`,e.PRIVATE=`private`,e}({}),l=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),u={[i.SIZE_80]:`s-ui-typography-heading-h3-semibold`,[i.SIZE_72]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_64]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_56]:`s-ui-typography-label-16-medium`,[i.SIZE_48]:`s-ui-typography-label-16-medium`,[i.SIZE_40]:`s-ui-typography-label-16-medium`,[i.SIZE_32]:`s-ui-typography-label-14-medium`,[i.SIZE_24]:`s-ui-typography-label-12-medium`,[i.SIZE_20]:`s-ui-typography-label-12-medium`,[i.SIZE_16]:`s-ui-typography-label-10-medium`},d={[i.SIZE_80]:40,[i.SIZE_72]:40,[i.SIZE_64]:40,[i.SIZE_56]:32,[i.SIZE_48]:32,[i.SIZE_40]:24,[i.SIZE_32]:24,[i.SIZE_24]:20,[i.SIZE_20]:16,[i.SIZE_16]:16},f={[i.SIZE_80]:l.LARGE,[i.SIZE_72]:l.LARGE,[i.SIZE_64]:l.MEDIUM,[i.SIZE_56]:l.MEDIUM,[i.SIZE_48]:l.SMALL,[i.SIZE_40]:l.SMALL,[i.SIZE_32]:l.SMALL,[i.SIZE_24]:l.SMALL,[i.SIZE_20]:l.SMALL,[i.SIZE_16]:l.SMALL},p={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.MEDIUM,[l.LARGE]:e.i.LARGE},m={[e.i.SMALL]:8,[e.i.MEDIUM]:10,[e.i.LARGE]:12},h={[e.i.SMALL]:12,[e.i.MEDIUM]:16,[e.i.LARGE]:20},g=16,_={[i.SIZE_80]:0,[i.SIZE_72]:0,[i.SIZE_64]:0,[i.SIZE_56]:0,[i.SIZE_48]:0,[i.SIZE_40]:0,[i.SIZE_32]:-2,[i.SIZE_24]:-2,[i.SIZE_20]:-4,[i.SIZE_16]:-4},v={[i.SIZE_80]:-8,[i.SIZE_72]:-8,[i.SIZE_64]:-8,[i.SIZE_56]:-8,[i.SIZE_48]:-8,[i.SIZE_40]:-8,[i.SIZE_32]:-8,[i.SIZE_24]:-8,[i.SIZE_20]:-10,[i.SIZE_16]:-10},y={[c.DEFAULT]:e.n.MAIN,[c.ONLINE]:e.n.SUCCESS,[c.OFFLINE]:e.n.WHITE,[c.RECENTLY]:e.n.WARNING,[c.ERROR]:e.n.DANGER,[c.TRACK]:e.n.MAIN,[c.DONE]:e.n.SUCCESS,[c.CONTROLLER]:e.n.MAIN,[c.FAVORITE]:e.n.WARNING,[c.PIN]:e.n.MAIN,[c.PRIVATE]:e.n.BILLING},b={[c.TRACK]:r.ESIconName.playFill,[c.DONE]:r.ESIconName.checkBold,[c.CONTROLLER]:r.ESIconName.controlFill,[c.FAVORITE]:r.ESIconName.starFill,[c.PIN]:r.ESIconName.pinFill,[c.PRIVATE]:r.ESIconName.tabooBold},x=({avatarSize:e,badgeSize:t,hasIcon:n})=>{let r=_[e];return n?r:r+(h[t]-m[t])/2},S=(e,t)=>({offsetX:-e-t/2,offsetY:-e-t/2}),C=(e,t)=>({offsetX:-e-t/2,offsetY:e+t/2}),w=({badge:t,counter:r,size:i})=>{let a=(0,n.computed)(()=>{let r=(0,n.toValue)(t);if(!r)return;let a=(0,n.toValue)(i),o=b[r],s=p[f[a]],c=o?h[s]:m[s],l=S(x({avatarSize:a,badgeSize:s,hasIcon:!!o}),c);return{anchored:!0,color:y[r],icon:o,label:r,offsetX:l.offsetX,offsetY:l.offsetY,placement:e.r.BOTTOM_END,size:s}}),o=(0,n.computed)(()=>{let t=(0,n.toValue)(r);if(typeof t!=`number`)return;let a=v[(0,n.toValue)(i)],o=C(a,g);return{anchored:!0,color:e.n.MAIN,offsetX:o.offsetX,offsetY:o.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:t}});return{avatarBadgeItemsProps:(0,n.computed)(()=>{let e=[];return o.value&&e.push(o.value),a.value&&e.push(a.value),e})}},T={[o.CYAN]:`#127c97`,[o.INDIGO]:`#755ace`,[o.PINK]:`#c33c86`,[o.TEAL]:`#158472`,[o.VIOLET]:`#8757c7`},E=e=>{if(t.n(e))return e;if(e!==o.SURFACE)return T[e]},D=e=>{let n=E(e);if(n)return t.t(n)},O=e=>t.n(e),k=e=>O(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,A=e=>{let t=D(e),n={};if(O(e)&&(n[`--s-ui-avatar-background`]=e),t&&(n[`--s-ui-avatar-color`]=t),Object.keys(n).length!==0)return n},j=[`aria-disabled`],M={class:`s-ui-avatar__content`},N=[`src`,`alt`],P={key:1,class:`s-ui-avatar__icon`},F=[`role`,`aria-label`],I={key:0,class:`s-ui-avatar__name`},L=(0,n.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},badge:{},bordered:{type:Boolean,default:!0},color:{default:()=>o.TEAL},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconBackground:{default:()=>s.NEUTRAL},initialLength:{default:1},name:{},shape:{default:()=>a.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>i.SIZE_40},src:{}},setup(t){let i=(0,n.useAttrs)(),a=(0,n.ref)(!1),o=e=>typeof e==`number`||typeof e==`string`,s=(0,n.computed)(()=>{if(o(i.tabindex))return i.tabindex;if(o(i.tabIndex))return i.tabIndex}),c=(0,n.computed)(()=>o(i.tabindex)||o(i.tabIndex)),l=(0,n.computed)(()=>t.disabled?-1:c.value?s.value:0),f=(0,n.computed)(()=>({...i,tabindex:l.value})),p=(0,n.computed)(()=>[`s-ui-avatar--size-${t.size}`,`s-ui-avatar--shape-${t.shape}`,k(t.color),`s-ui-avatar--icon-background-${t.iconBackground}`,{"s-ui-avatar--bordered":t.bordered,"s-ui-avatar--disabled":t.disabled,"s-ui-avatar--icon":g.value,"s-ui-avatar--photo":h.value}]),m=(0,n.computed)(()=>{if(!(h.value||g.value))return A(t.color)}),h=(0,n.computed)(()=>!!(t.src&&!a.value)),g=(0,n.computed)(()=>!!(!h.value&&t.icon)),_=e=>{let t=e.split(/\s+/).filter(Boolean);if(t.length===1){let e=t[0];if(e)return e}return t.map(e=>e.slice(0,1)).join(``)},v=(0,n.computed)(()=>t.name?_(t.name):``),y=(0,n.computed)(()=>t.alt?t.alt:t.name?t.name:v.value),b=(0,n.computed)(()=>{if(t.alt)return t.alt;if(t.name)return t.name}),x=(0,n.computed)(()=>v.value.slice(0,Math.max(t.initialLength,0)).toUpperCase()),S=(0,n.computed)(()=>u[t.size]),C=(0,n.computed)(()=>d[t.size]),{avatarBadgeItemsProps:T}=w({badge:()=>t.badge,counter:()=>t.counter,size:()=>t.size}),E=()=>{a.value=!0};return(0,n.watch)(()=>t.src,()=>{a.value=!1}),(i,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,(0,n.mergeProps)(f.value,{class:[`s-ui-avatar`,p.value],style:m.value,"aria-disabled":t.disabled||void 0}),[(0,n.createElementVNode)(`span`,M,[t.src&&!a.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:t.src,alt:y.value,onError:E},null,40,N)):t.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,P,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:t.icon,size:C.value,"aria-label":b.value},null,8,[`name`,`size`,`aria-label`])])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-avatar__initials`,S.value]),role:t.alt?`img`:void 0,"aria-label":t.alt},(0,n.toDisplayString)(x.value),11,F)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(T),t=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),(0,n.mergeProps)({key:t.placement},{ref_for:!0},t),null,16))),128))]),t.showName&&t.name?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(t.name),1)):(0,n.createCommentVNode)(``,!0)],16,j))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});
|
|
@@ -215,7 +215,7 @@ var E = /* @__PURE__ */ function(e) {
|
|
|
215
215
|
"s-ui-avatar--photo": O.value
|
|
216
216
|
}
|
|
217
217
|
]), D = s(() => {
|
|
218
|
-
if (!k.value) return Q(e.color);
|
|
218
|
+
if (!(O.value || k.value)) return Q(e.color);
|
|
219
219
|
}), O = s(() => !!(e.src && !n.value)), k = s(() => !!(!O.value && e.icon)), A = (e) => {
|
|
220
220
|
let t = e.split(/\s+/).filter(Boolean);
|
|
221
221
|
if (t.length === 1) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SAvatar-
|
|
1
|
+
const e=require("./SAvatar-ClmtSIFg.cjs"),t=require("./SOverflowGroup-rmU10_7L.cjs");let n=require("vue");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),i={class:`s-ui-avatar-group__overflow`},a=(0,n.defineComponent)({__name:`SAvatarGroup`,props:{disabled:{type:Boolean,default:!1},maxVisible:{},size:{default:()=>r.SMALL}},setup(a){let o=(0,n.computed)(()=>[`s-ui-avatar-group--size-${a.size}`,{"s-ui-avatar-group--disabled":a.disabled}]),s={[r.EXTRA_SMALL]:e.o.SIZE_16,[r.SMALL]:e.o.SIZE_20,[r.MEDIUM]:e.o.SIZE_24},c=(0,n.computed)(()=>s[a.size]),l=(e,t)=>({"--s-ui-avatar-group-item-z-index":e-t}),u=(t,r)=>t.type===e.t?(0,n.cloneVNode)(t,{...a.disabled?{disabled:!0}:{},showName:!1,size:c.value,style:l(r.visibleCount,r.visibleIndex)}):t;return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{class:(0,n.normalizeClass)([`s-ui-avatar-group`,o.value]),role:`group`,"aria-disabled":a.disabled||void 0,"cluster-class":`s-ui-avatar-group__cluster`,"max-visible":a.maxVisible,"map-vnode":u},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(e),1)]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`aria-disabled`,`max-visible`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { o as e, t } from "./SAvatar-
|
|
1
|
+
import { o as e, t } from "./SAvatar-hWbsODUa.js";
|
|
2
2
|
import { t as n } from "./SOverflowGroup-CyksOav7.js";
|
|
3
3
|
import { cloneVNode as r, computed as i, createBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
|
|
4
4
|
//#region src/components/SAvatarGroup/SAvatarGroup.types.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SAvatarGroup-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SAvatarGroup-By8oMNTe.cjs");exports.ESAvatarGroupSize=e.n,exports.SAvatarGroup=e.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../SAvatarGroup-
|
|
1
|
+
import { n as e, t } from "../SAvatarGroup-CSSCQKdH.js";
|
|
2
2
|
export { e as ESAvatarGroupSize, t as SAvatarGroup };
|
package/dist/entries/avatar.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SAvatar-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SAvatar-ClmtSIFg.cjs");exports.ESAvatarBadge=e.n,exports.ESAvatarColor=e.r,exports.ESAvatarIconBackground=e.i,exports.ESAvatarShape=e.a,exports.ESAvatarSize=e.o,exports.SAvatar=e.t;
|
package/dist/entries/avatar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../SAvatar-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../SAvatar-hWbsODUa.js";
|
|
2
2
|
export { n as ESAvatarBadge, i as ESAvatarColor, t as ESAvatarIconBackground, e as ESAvatarShape, r as ESAvatarSize, a as SAvatar };
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-BRSi0Xhm.cjs"),r=require("./SColorPalette-CqIA4Qtp.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-9dLbCJvh.cjs"),c=require("./useSelectionGroup-NJvi3hNo.cjs"),l=require("./useSelectLink-DZIAhQ2J.cjs"),u=require("./SButtonGroup-Co1AUbsm.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-OXTka86u.cjs"),m=require("./STab-C06drUMG.cjs"),h=require("./STabs-g1pGWDkl.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D8xdkjVR.cjs"),v=require("./STagGroup-D9hENgSo.cjs"),y=require("./SChip-nzYT9SEi.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SDropdownMenu-k9SxaFVH.cjs"),S=require("./SInput-IfbP8zrv.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./treeKeyboardNavigation-BOz2SVus.cjs"),E=require("./SListItem-cWTuQQY-.cjs"),D=require("./SList-D0PDc8VN.cjs"),ee=require("./SSelect-CRlkCLik.cjs"),O=require("./SRadio-DRo_GU5A.cjs"),k=require("./SToggle-CGd0Mh0R.cjs"),A=require("./SInlineInput-D3vCX4QA.cjs"),te=require("./STextarea-C4qDIp2k.cjs"),j=require("./SPhotoEdit-CxYaBC3u.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),N=require("./useChartInteractivity-CXSdHPOw.cjs"),ne=require("./SChartLine-nIGaef_o.cjs"),re=require("./resolveSeriesPaletteColor-B5qoBbXN.cjs"),ie=require("./SChartStackedArea-BNe6FAg8.cjs"),ae=require("./SChartStackedBar-D1G-VloG.cjs"),oe=require("./SChartHorizontalBar-Bv90SV6E.cjs"),se=require("./SChartPie-Bv5Obcwb.cjs"),ce=require("./SChartMultiLine-BzoW4ETf.cjs"),le=require("./SChartBurnup-Ch3UMa9w.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),de=require("./SChartBar-CBU1uCuL.cjs"),fe=require("./SChartProgress-xxqrj03o.cjs"),P=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs"),F=require("./STable-NbCfen0n.cjs");let I=require("vue"),L=require("@shtabapp/ui-kit-primitives"),pe=require("@vueuse/core");var R=[`--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`],z=[`--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`],me=(e,t,n,r=!1)=>re.t(e,t,n,r,{palette:R,paletteFallback:R[0],skeletonPalette:z,skeletonFallback:z[0]}),B=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}({}),V=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),H=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),U=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),he={[B.INFO_ACCENT]:L.ESIconName.infoCircle,[B.INFO_NORMAL]:L.ESIconName.infoCircle,[B.SUCCESS]:L.ESIconName.checkCircle,[B.WARNING]:L.ESIconName.alertCircle,[B.DANGER]:L.ESIconName.dangerCircleFill,[B.BILLING]:L.ESIconName.infoCircle},ge=(e,t)=>t||he[e],_e=[`role`],ve={class:`s-ui-notification__body`},ye={key:0,class:`s-ui-notification__leftside`},be={key:0,class:`s-ui-notification__icon`},xe={class:`s-ui-notification__content`},Se={class:`s-ui-notification__title-row`},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`},W=(0,I.defineComponent)({__name:`SNotification`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},surface:{default:()=>U.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,I.useSlots)(),a=(0,I.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,I.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,I.computed)(()=>e.type===B.DANGER?`alert`:`status`),u=(0,I.computed)(()=>ge(e.type,e.icon)),d=(0,I.computed)(()=>e.type===B.BILLING),f=(0,I.computed)(()=>!!(e.leftside===H.AVATAR&&e.avatar||e.leftside===H.ICON)),p=(0,I.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,I.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,I.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,I.computed)(()=>e.type===B.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,I.computed)(()=>e.type===B.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{class:(0,I.normalizeClass)([`s-ui-notification`,a.value]),style:(0,I.normalizeStyle)(c.value),role:l.value},[(0,I.createElementVNode)(`div`,ve,[f.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,ye,[e.leftside===(0,I.unref)(H).ICON?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,be,[(0,I.createVNode)((0,I.unref)(L.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,I.unref)(H).AVATAR&&e.avatar?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,I.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0),(0,I.createElementVNode)(`div`,xe,[(0,I.createElementVNode)(`div`,Se,[(0,I.createElementVNode)(`span`,{class:(0,I.normalizeClass)([`s-ui-notification__title s-ui-typography-label-14-medium`,{"s-ui-notification__title--truncated":e.truncateTitle}])},[(0,I.renderSlot)(n.$slots,`title`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.title),1)])],2),e.layout===(0,I.unref)(V).VERTICAL&&e.closable?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,I.createCommentVNode)(``,!0)]),p.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Ce,[e.description||(0,I.unref)(i).description?((0,I.openBlock)(),(0,I.createElementBlock)(`span`,we,[(0,I.renderSlot)(n.$slots,`description`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.description),1)])])):(0,I.createCommentVNode)(``,!0),e.linkText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).MAIN,size:(0,I.unref)(o.n).SMALL,onClick:y},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0),e.layout===(0,I.unref)(V).VERTICAL&&m.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,I.unref)(o.n).SMALL,onClick:b},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,onClick:x},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0)]),e.layout===(0,I.unref)(V).HORIZONTAL&&h.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Ee,[e.showPrimaryButton&&e.primaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,I.unref)(o.n).SMALL,onClick:b},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0),e.layout===(0,I.unref)(V).HORIZONTAL&&e.closable?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0)])],14,_e))}}),De=(0,I.defineComponent)({__name:`SBanner`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,I.useSlots)();return(t,i)=>((0,I.openBlock)(),(0,I.createBlock)(W,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,I.unref)(U).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,truncateTitle:e.truncateTitle,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,I.createSlots)({_:2},[(0,I.unref)(r).title?{name:`title`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,I.unref)(r).description?{name:`description`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`,`truncateTitle`]))}}),G=(0,I.defineComponent)({__name:`SToast`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,I.useSlots)(),i=(0,I.computed)(()=>e.width??360);return(t,a)=>((0,I.openBlock)(),(0,I.createBlock)(W,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,I.unref)(U).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,truncateTitle:e.truncateTitle,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,I.createSlots)({_:2},[(0,I.unref)(r).title?{name:`title`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,I.unref)(r).description?{name:`description`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`truncateTitle`]))}}),Oe=.05,ke=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],Ae=(0,I.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,I.ref)(null),i=(0,I.ref)(0),a=(0,I.ref)(!1),o=(0,I.computed)(()=>e.index===0),s=(0,I.computed)(()=>1-e.index*Oe),c=(0,I.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,pe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,I.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,I.openBlock)(),(0,I.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,I.normalizeStyle)(c.value)},[(0,I.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,I.renderSlot)(t.$slots,`default`)],512)],12,ke))}}),K=4e3,q=1e4,je=50,J=(e,t)=>{let n=K+(e.length+(t?.length??0))*50;return n>1e4?q:n},Y=(0,I.shallowRef)([]),X=new Map,Me=0,Ne={type:B.INFO_ACCENT,layout:V.HORIZONTAL,leftside:H.ICON,showPrimaryButton:!1,closable:!0},Pe=()=>`toast-${Date.now()}-${++Me}`,Z=e=>{let t=X.get(e);t&&(window.clearTimeout(t),X.delete(e))},Q=e=>{Z(e.id);let t=e.duration===void 0?J(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{$(e.id)},t);X.set(e.id,n)}},$=e=>{let t=Y.value.findIndex(t=>t.id===e);if(t===-1)return;let n=Y.value[t];n&&(Z(e),n.onClose&&n.onClose(),Y.value=Y.value.filter(t=>t.id!==e))},Fe=()=>{X.forEach(e=>window.clearTimeout(e)),X.clear(),Y.value=[]},Ie=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Z(e.id)}),e.slice(0,3)),Le=e=>{let t=e.id??Pe(),n={...Ne,...e,id:t},r=Y.value.findIndex(e=>e.id===t);if(r>-1){let e=[...Y.value];e[r]=n,Y.value=Ie(e)}else Y.value=Ie([n,...Y.value]);return Q(n),t},Re=(e,t)=>{let n=Y.value.findIndex(t=>t.id===e);if(n===-1)return;let r=Y.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...Y.value];a[n]=i,Y.value=a,Q(i)},ze=()=>({toasts:Y,show:Le,hide:$,hideAll:Fe,update:Re}),Be=(0,I.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=ze(),r=(0,I.computed)(()=>t.value.slice(0,3)),i=(0,I.ref)(!1),a=(0,I.shallowRef)({}),o=(0,I.ref)(new Set),s=(0,I.computed)(()=>t.value[0]??null),c=(0,I.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,I.ref)(0),u=(0,I.computed)(()=>c.value>0?c.value:l.value);(0,I.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,I.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,I.openBlock)(),(0,I.createBlock)(I.Teleport,{to:`body`},[(0,I.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,I.normalizeStyle)(d.value)},[((0,I.openBlock)(!0),(0,I.createElementBlock)(I.Fragment,null,(0,I.renderList)(r.value,(t,n)=>((0,I.openBlock)(),(0,I.createBlock)(Ae,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,I.unref)(10),removed:p(t.id),visible:n<(0,I.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,I.withCtx)(()=>[(0,I.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,I.openBlock)(),(0,I.createBlock)((0,I.resolveDynamicComponent)(t.component),(0,I.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(G),{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,truncateTitle:t.truncateTitle,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`,`truncateTitle`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,I.createCommentVNode)(``,!0)],32)]))}}),Ve=4,He=4,Ue=1,We=`400 12px var(--s-ui-font-family-label)`,Ge=4,Ke=(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()},qe=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}},Je=(e,t,n,r)=>{let i=qe(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Ve*2;if(i.width<o+Ge*2)return;let s=i.left+i.width/2;Ke(e,s-o/2,i.centerY-20/2,o,20,He),e.fillStyle=r.background,e.fill(),e.lineWidth=Ue,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ye=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:N.S(N.g.pieBadgeBackground,e),border:N.S(N.g.pieBadgeBorder,e),text:N.S(N.g.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=We,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&&Je(r,a,o,n)}),r.restore()}}),Xe=40,Ze=4,Qe=1,$e=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],et=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=N.S(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=N.r({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:Qe,right:Qe},borderSkipped:!1,borderRadius:Ze,barThickness:Xe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:$e,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?[]:[Ye(n)],...s.plugins]}},tt=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),nt={class:`s-ui-chart-segmented-bar__canvas-wrap`},rt=(0,I.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=N.w,a=(0,I.useTemplateRef)(`chartRootRef`),o=(0,I.useTemplateRef)(`chartCanvasRef`),s=(0,I.computed)(()=>e.loading?tt:e.segments),c=(0,I.computed)(()=>s.value.map((t,n)=>me(n,a.value,t.fillColor,e.loading))),l=(0,I.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,I.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,I.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,I.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,I.computed)(()=>et({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,I.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=N.n({canvasRef:o,config:h,enabled:(0,I.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=N.t({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,I.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,I.createElementVNode)(`div`,nt,[(0,I.createVNode)((0,I.unref)(N.C),{loading:e.loading,type:(0,I.unref)(i).CARTESIAN},{default:(0,I.withCtx)(()=>[(0,I.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,I.openBlock)(),(0,I.createBlock)((0,I.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,I.createCommentVNode)(``,!0)],2))}}),it={key:0,class:`s-ui-chart-widget__header`},at={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},ot={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},st={class:`s-ui-chart-widget__controls`},ct={key:1,class:`s-ui-chart-widget__content`},lt=(0,I.defineComponent)({__name:`SChartWidget`,props:(0,I.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,I.useModel)(e,`collapsed`),n=(0,I.useSlots)(),{t:r}=(0,L.useUiKitI18n)(),i=(0,I.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,I.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,I.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{class:(0,I.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,it,[e.loading?((0,I.openBlock)(),(0,I.createElementBlock)(`span`,at)):((0,I.openBlock)(),(0,I.createElementBlock)(`span`,ot,[(0,I.renderSlot)(n.$slots,`title`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.title),1)])])),(0,I.createElementVNode)(`div`,st,[(0,I.renderSlot)(n.$slots,`actions`),e.collapsible?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:(0,I.unref)(o.t).OUTLINED,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,icon:t.value?(0,I.unref)(L.ESIconName).chevronDown:(0,I.unref)(L.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,I.createCommentVNode)(``,!0)])])):(0,I.createCommentVNode)(``,!0),a.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,ct,[(0,I.renderSlot)(n.$slots,`default`)])):(0,I.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=P.a,exports.DAY_TIMELINE_MINUTES=P.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=V,exports.ENotificationLeftside=H,exports.ENotificationType=B,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=A.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=D.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=j.n,exports.ESPhotoEditSize=j.r,exports.ESRadioLabelPlacement=O.n,exports.ESSelectSearchable=ee.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTableCellState=F.n,exports.ESTableCheckState=F.r,exports.ESTableColumnAlign=F.i,exports.ESTableColumnSticky=F.a,exports.ESTableDropAction=F.o,exports.ESTableFooterTone=F.s,exports.ESTableRowHeightMode=F.c,exports.ESTableRowKind=F.l,exports.ESTableRowState=F.u,exports.ESTableRowsDragMode=F.d,exports.ESTableSortDirection=F.f,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=k.n,exports.ESToggleSize=k.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=P.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=De,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=P.l,exports.SCalendarWeekGrid=P.i,exports.SCard=f.t,exports.SChartBar=de.t,exports.SChartBurnup=le.t,exports.SChartHorizontalBar=oe.t,exports.SChartLegend=M.t,exports.SChartLine=ne.t,exports.SChartMultiLine=ce.t,exports.SChartPie=se.t,exports.SChartProgress=fe.t,exports.SChartSegmentedBar=rt,exports.SChartStackedArea=ie.t,exports.SChartStackedBar=ae.t,exports.SChartWidget=lt,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=P.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.t,exports.SInlineGroup=u.n,exports.SInlineInput=A.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=D.t,exports.SListItem=E.t,exports.SPhotoEdit=j.t,exports.SRadio=O.t,exports.SSegmentControl=p.t,exports.SSelect=ee.t,exports.STab=m.t,exports.STable=F.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=te.t,exports.SToast=G,exports.SToastProvider=Be,exports.SToggle=k.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=q,exports.TOAST_AUTO_DURATION_MIN_MS=K,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=je,exports.WORK_TIME_SOURCE_COLOR_VARS=P.o,exports.WORK_TIME_SOURCE_ORDER=P.s,exports.buildWorkTimeLegendItems=P.t,exports.computeAutoDuration=J,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return L.createUiKit}}),exports.formatDurationHM=P.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return L.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return L.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return L.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.a,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=ze,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return L.useUiKitI18n}});var ut=require("@shtabapp/ui-kit-tokens");Object.keys(ut).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ut[e]}})}),Object.keys(L).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return L[e]}})});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-ClmtSIFg.cjs"),n=require("./SColorPicker-BRSi0Xhm.cjs"),r=require("./SColorPalette-CqIA4Qtp.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-By8oMNTe.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-9dLbCJvh.cjs"),c=require("./useSelectionGroup-NJvi3hNo.cjs"),l=require("./useSelectLink-DZIAhQ2J.cjs"),u=require("./SButtonGroup-Co1AUbsm.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-OXTka86u.cjs"),m=require("./STab-C06drUMG.cjs"),h=require("./STabs-g1pGWDkl.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D8xdkjVR.cjs"),v=require("./STagGroup-D9hENgSo.cjs"),y=require("./SChip-nzYT9SEi.cjs"),b=require("./SDropdown-LNVnMol3.cjs"),x=require("./SDropdownMenu-k9SxaFVH.cjs"),S=require("./SInput-IfbP8zrv.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./treeKeyboardNavigation-BOz2SVus.cjs"),E=require("./SListItem-cWTuQQY-.cjs"),D=require("./SList-D0PDc8VN.cjs"),ee=require("./SSelect-CRlkCLik.cjs"),O=require("./SRadio-DRo_GU5A.cjs"),k=require("./SToggle-CGd0Mh0R.cjs"),A=require("./SInlineInput-D3vCX4QA.cjs"),te=require("./STextarea-C4qDIp2k.cjs"),j=require("./SPhotoEdit-CxYaBC3u.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),N=require("./useChartInteractivity-CXSdHPOw.cjs"),ne=require("./SChartLine-nIGaef_o.cjs"),re=require("./resolveSeriesPaletteColor-B5qoBbXN.cjs"),ie=require("./SChartStackedArea-BNe6FAg8.cjs"),ae=require("./SChartStackedBar-D1G-VloG.cjs"),oe=require("./SChartHorizontalBar-Bv90SV6E.cjs"),se=require("./SChartPie-Bv5Obcwb.cjs"),ce=require("./SChartMultiLine-BzoW4ETf.cjs"),le=require("./SChartBurnup-Ch3UMa9w.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),de=require("./SChartBar-CBU1uCuL.cjs"),fe=require("./SChartProgress-xxqrj03o.cjs"),P=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs"),F=require("./STable-NbCfen0n.cjs");let I=require("vue"),L=require("@shtabapp/ui-kit-primitives"),pe=require("@vueuse/core");var R=[`--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`],z=[`--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`],me=(e,t,n,r=!1)=>re.t(e,t,n,r,{palette:R,paletteFallback:R[0],skeletonPalette:z,skeletonFallback:z[0]}),B=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}({}),V=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),H=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),U=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),he={[B.INFO_ACCENT]:L.ESIconName.infoCircle,[B.INFO_NORMAL]:L.ESIconName.infoCircle,[B.SUCCESS]:L.ESIconName.checkCircle,[B.WARNING]:L.ESIconName.alertCircle,[B.DANGER]:L.ESIconName.dangerCircleFill,[B.BILLING]:L.ESIconName.infoCircle},ge=(e,t)=>t||he[e],_e=[`role`],ve={class:`s-ui-notification__body`},ye={key:0,class:`s-ui-notification__leftside`},be={key:0,class:`s-ui-notification__icon`},xe={class:`s-ui-notification__content`},Se={class:`s-ui-notification__title-row`},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`},W=(0,I.defineComponent)({__name:`SNotification`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},surface:{default:()=>U.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,I.useSlots)(),a=(0,I.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,I.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,I.computed)(()=>e.type===B.DANGER?`alert`:`status`),u=(0,I.computed)(()=>ge(e.type,e.icon)),d=(0,I.computed)(()=>e.type===B.BILLING),f=(0,I.computed)(()=>!!(e.leftside===H.AVATAR&&e.avatar||e.leftside===H.ICON)),p=(0,I.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,I.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,I.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,I.computed)(()=>e.type===B.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,I.computed)(()=>e.type===B.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{class:(0,I.normalizeClass)([`s-ui-notification`,a.value]),style:(0,I.normalizeStyle)(c.value),role:l.value},[(0,I.createElementVNode)(`div`,ve,[f.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,ye,[e.leftside===(0,I.unref)(H).ICON?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,be,[(0,I.createVNode)((0,I.unref)(L.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,I.unref)(H).AVATAR&&e.avatar?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,I.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0),(0,I.createElementVNode)(`div`,xe,[(0,I.createElementVNode)(`div`,Se,[(0,I.createElementVNode)(`span`,{class:(0,I.normalizeClass)([`s-ui-notification__title s-ui-typography-label-14-medium`,{"s-ui-notification__title--truncated":e.truncateTitle}])},[(0,I.renderSlot)(n.$slots,`title`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.title),1)])],2),e.layout===(0,I.unref)(V).VERTICAL&&e.closable?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,I.createCommentVNode)(``,!0)]),p.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Ce,[e.description||(0,I.unref)(i).description?((0,I.openBlock)(),(0,I.createElementBlock)(`span`,we,[(0,I.renderSlot)(n.$slots,`description`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.description),1)])])):(0,I.createCommentVNode)(``,!0),e.linkText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).MAIN,size:(0,I.unref)(o.n).SMALL,onClick:y},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0),e.layout===(0,I.unref)(V).VERTICAL&&m.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,I.unref)(o.n).SMALL,onClick:b},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,onClick:x},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0)]),e.layout===(0,I.unref)(V).HORIZONTAL&&h.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,Ee,[e.showPrimaryButton&&e.primaryButtonText?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,I.unref)(o.n).SMALL,onClick:b},{default:(0,I.withCtx)(()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,I.createCommentVNode)(``,!0),e.layout===(0,I.unref)(V).HORIZONTAL&&e.closable?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,I.unref)(o.t).BARE,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,I.createCommentVNode)(``,!0)])):(0,I.createCommentVNode)(``,!0)])],14,_e))}}),De=(0,I.defineComponent)({__name:`SBanner`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,I.useSlots)();return(t,i)=>((0,I.openBlock)(),(0,I.createBlock)(W,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,I.unref)(U).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,truncateTitle:e.truncateTitle,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,I.createSlots)({_:2},[(0,I.unref)(r).title?{name:`title`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,I.unref)(r).description?{name:`description`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`,`truncateTitle`]))}}),G=(0,I.defineComponent)({__name:`SToast`,props:{type:{default:()=>B.INFO_ACCENT},layout:{default:()=>V.HORIZONTAL},leftside:{default:()=>H.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},truncateTitle:{type:Boolean,default:!1}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,I.useSlots)(),i=(0,I.computed)(()=>e.width??360);return(t,a)=>((0,I.openBlock)(),(0,I.createBlock)(W,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,I.unref)(U).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,truncateTitle:e.truncateTitle,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,I.createSlots)({_:2},[(0,I.unref)(r).title?{name:`title`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,I.unref)(r).description?{name:`description`,fn:(0,I.withCtx)(()=>[(0,I.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`truncateTitle`]))}}),Oe=.05,ke=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],Ae=(0,I.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,I.ref)(null),i=(0,I.ref)(0),a=(0,I.ref)(!1),o=(0,I.computed)(()=>e.index===0),s=(0,I.computed)(()=>1-e.index*Oe),c=(0,I.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,pe.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,I.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,I.openBlock)(),(0,I.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,I.normalizeStyle)(c.value)},[(0,I.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,I.renderSlot)(t.$slots,`default`)],512)],12,ke))}}),K=4e3,q=1e4,je=50,J=(e,t)=>{let n=K+(e.length+(t?.length??0))*50;return n>1e4?q:n},Y=(0,I.shallowRef)([]),X=new Map,Me=0,Ne={type:B.INFO_ACCENT,layout:V.HORIZONTAL,leftside:H.ICON,showPrimaryButton:!1,closable:!0},Pe=()=>`toast-${Date.now()}-${++Me}`,Z=e=>{let t=X.get(e);t&&(window.clearTimeout(t),X.delete(e))},Q=e=>{Z(e.id);let t=e.duration===void 0?J(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{$(e.id)},t);X.set(e.id,n)}},$=e=>{let t=Y.value.findIndex(t=>t.id===e);if(t===-1)return;let n=Y.value[t];n&&(Z(e),n.onClose&&n.onClose(),Y.value=Y.value.filter(t=>t.id!==e))},Fe=()=>{X.forEach(e=>window.clearTimeout(e)),X.clear(),Y.value=[]},Ie=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Z(e.id)}),e.slice(0,3)),Le=e=>{let t=e.id??Pe(),n={...Ne,...e,id:t},r=Y.value.findIndex(e=>e.id===t);if(r>-1){let e=[...Y.value];e[r]=n,Y.value=Ie(e)}else Y.value=Ie([n,...Y.value]);return Q(n),t},Re=(e,t)=>{let n=Y.value.findIndex(t=>t.id===e);if(n===-1)return;let r=Y.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...Y.value];a[n]=i,Y.value=a,Q(i)},ze=()=>({toasts:Y,show:Le,hide:$,hideAll:Fe,update:Re}),Be=(0,I.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=ze(),r=(0,I.computed)(()=>t.value.slice(0,3)),i=(0,I.ref)(!1),a=(0,I.shallowRef)({}),o=(0,I.ref)(new Set),s=(0,I.computed)(()=>t.value[0]??null),c=(0,I.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,I.ref)(0),u=(0,I.computed)(()=>c.value>0?c.value:l.value);(0,I.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,I.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,I.openBlock)(),(0,I.createBlock)(I.Teleport,{to:`body`},[(0,I.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,I.normalizeStyle)(d.value)},[((0,I.openBlock)(!0),(0,I.createElementBlock)(I.Fragment,null,(0,I.renderList)(r.value,(t,n)=>((0,I.openBlock)(),(0,I.createBlock)(Ae,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,I.unref)(10),removed:p(t.id),visible:n<(0,I.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,I.withCtx)(()=>[(0,I.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,I.openBlock)(),(0,I.createBlock)((0,I.resolveDynamicComponent)(t.component),(0,I.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(G),{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,truncateTitle:t.truncateTitle,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`,`truncateTitle`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,I.createCommentVNode)(``,!0)],32)]))}}),Ve=4,He=4,Ue=1,We=`400 12px var(--s-ui-font-family-label)`,Ge=4,Ke=(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()},qe=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}},Je=(e,t,n,r)=>{let i=qe(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Ve*2;if(i.width<o+Ge*2)return;let s=i.left+i.width/2;Ke(e,s-o/2,i.centerY-20/2,o,20,He),e.fillStyle=r.background,e.fill(),e.lineWidth=Ue,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ye=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:N.S(N.g.pieBadgeBackground,e),border:N.S(N.g.pieBadgeBorder,e),text:N.S(N.g.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=We,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&&Je(r,a,o,n)}),r.restore()}}),Xe=40,Ze=4,Qe=1,$e=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],et=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=N.S(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=N.r({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:Qe,right:Qe},borderSkipped:!1,borderRadius:Ze,barThickness:Xe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:$e,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?[]:[Ye(n)],...s.plugins]}},tt=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),nt={class:`s-ui-chart-segmented-bar__canvas-wrap`},rt=(0,I.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=N.w,a=(0,I.useTemplateRef)(`chartRootRef`),o=(0,I.useTemplateRef)(`chartCanvasRef`),s=(0,I.computed)(()=>e.loading?tt:e.segments),c=(0,I.computed)(()=>s.value.map((t,n)=>me(n,a.value,t.fillColor,e.loading))),l=(0,I.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,I.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,I.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,I.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,I.computed)(()=>et({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,I.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=N.n({canvasRef:o,config:h,enabled:(0,I.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=N.t({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,I.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,I.createElementVNode)(`div`,nt,[(0,I.createVNode)((0,I.unref)(N.C),{loading:e.loading,type:(0,I.unref)(i).CARTESIAN},{default:(0,I.withCtx)(()=>[(0,I.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,I.openBlock)(),(0,I.createBlock)((0,I.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,I.createCommentVNode)(``,!0)],2))}}),it={key:0,class:`s-ui-chart-widget__header`},at={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},ot={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},st={class:`s-ui-chart-widget__controls`},ct={key:1,class:`s-ui-chart-widget__content`},lt=(0,I.defineComponent)({__name:`SChartWidget`,props:(0,I.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,I.useModel)(e,`collapsed`),n=(0,I.useSlots)(),{t:r}=(0,L.useUiKitI18n)(),i=(0,I.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,I.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,I.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,I.openBlock)(),(0,I.createElementBlock)(`div`,{class:(0,I.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,it,[e.loading?((0,I.openBlock)(),(0,I.createElementBlock)(`span`,at)):((0,I.openBlock)(),(0,I.createElementBlock)(`span`,ot,[(0,I.renderSlot)(n.$slots,`title`,{},()=>[(0,I.createTextVNode)((0,I.toDisplayString)(e.title),1)])])),(0,I.createElementVNode)(`div`,st,[(0,I.renderSlot)(n.$slots,`actions`),e.collapsible?((0,I.openBlock)(),(0,I.createBlock)((0,I.unref)(s.t),{key:0,appearance:(0,I.unref)(o.t).OUTLINED,variant:(0,I.unref)(o.r).NEUTRAL,size:(0,I.unref)(o.n).SMALL,icon:t.value?(0,I.unref)(L.ESIconName).chevronDown:(0,I.unref)(L.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,I.createCommentVNode)(``,!0)])])):(0,I.createCommentVNode)(``,!0),a.value?((0,I.openBlock)(),(0,I.createElementBlock)(`div`,ct,[(0,I.renderSlot)(n.$slots,`default`)])):(0,I.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=P.a,exports.DAY_TIMELINE_MINUTES=P.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.i,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=V,exports.ENotificationLeftside=H,exports.ENotificationType=B,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineGroupOrientation=u.r,exports.ESInlineInputAppearance=A.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=D.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=j.n,exports.ESPhotoEditSize=j.r,exports.ESRadioLabelPlacement=O.n,exports.ESSelectSearchable=ee.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTableCellState=F.n,exports.ESTableCheckState=F.r,exports.ESTableColumnAlign=F.i,exports.ESTableColumnSticky=F.a,exports.ESTableDropAction=F.o,exports.ESTableFooterTone=F.s,exports.ESTableRowHeightMode=F.c,exports.ESTableRowKind=F.l,exports.ESTableRowState=F.u,exports.ESTableRowsDragMode=F.d,exports.ESTableSortDirection=F.f,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=k.n,exports.ESToggleSize=k.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=P.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=De,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=P.l,exports.SCalendarWeekGrid=P.i,exports.SCard=f.t,exports.SChartBar=de.t,exports.SChartBurnup=le.t,exports.SChartHorizontalBar=oe.t,exports.SChartLegend=M.t,exports.SChartLine=ne.t,exports.SChartMultiLine=ce.t,exports.SChartPie=se.t,exports.SChartProgress=fe.t,exports.SChartSegmentedBar=rt,exports.SChartStackedArea=ie.t,exports.SChartStackedBar=ae.t,exports.SChartWidget=lt,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=P.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.t,exports.SInlineGroup=u.n,exports.SInlineInput=A.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=D.t,exports.SListItem=E.t,exports.SPhotoEdit=j.t,exports.SRadio=O.t,exports.SSegmentControl=p.t,exports.SSelect=ee.t,exports.STab=m.t,exports.STable=F.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=te.t,exports.SToast=G,exports.SToastProvider=Be,exports.SToggle=k.t,exports.S_DROPDOWN_SHEET_BREAKPOINT=b.n,exports.TOAST_AUTO_DURATION_MAX_MS=q,exports.TOAST_AUTO_DURATION_MIN_MS=K,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=je,exports.WORK_TIME_SOURCE_COLOR_VARS=P.o,exports.WORK_TIME_SOURCE_ORDER=P.s,exports.buildWorkTimeLegendItems=P.t,exports.computeAutoDuration=J,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return L.createUiKit}}),exports.formatDurationHM=P.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return L.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return L.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return L.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.a,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=ze,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return L.useUiKitI18n}});var ut=require("@shtabapp/ui-kit-tokens");Object.keys(ut).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ut[e]}})}),Object.keys(L).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return L[e]}})});
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
|
|
2
|
-
import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-
|
|
2
|
+
import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-hWbsODUa.js";
|
|
3
3
|
import { i as l, n as u, r as d, t as f } from "./SColorPicker-Djr-R81h.js";
|
|
4
4
|
import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-OCu-tgZ3.js";
|
|
5
5
|
import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
|
|
6
|
-
import { n as te, t as ne } from "./SAvatarGroup-
|
|
6
|
+
import { n as te, t as ne } from "./SAvatarGroup-CSSCQKdH.js";
|
|
7
7
|
import { n as x, r as S, t as C } from "./SButton.types-CpdHQtyx.js";
|
|
8
8
|
import { t as w } from "./SButton-6AL2ipRT.js";
|
|
9
9
|
import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-BCAmPf3R.js";
|