@shtabapp/ui-kit 1.47.0 → 1.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/{SAvatar-q1HSZPqy.js → SAvatar-BK8cEzGY.js} +1 -1
- package/dist/{SAvatar-D5SreJLe.cjs → SAvatar-DTG0odWX.cjs} +1 -1
- package/dist/{SAvatarGroup-CdVjv8sb.cjs → SAvatarGroup-CaqcKGIq.cjs} +1 -1
- package/dist/{SAvatarGroup-By-5Ub6i.js → SAvatarGroup-MuTqzfYS.js} +1 -1
- package/dist/{SChartBurnup-BhCS06uF.cjs → SChartBurnup-C4x5kik6.cjs} +1 -1
- package/dist/{SChartBurnup-CG239MJx.js → SChartBurnup-Dxi0MBwo.js} +2 -2
- package/dist/{SChartHorizontalBar-DnKbf_9E.cjs → SChartHorizontalBar-4H-lgfO4.cjs} +1 -1
- package/dist/{SChartHorizontalBar-DqTZ4H-9.js → SChartHorizontalBar-XNasKzaO.js} +1 -1
- package/dist/{SChartLine-CEnRbnVo.cjs → SChartLine-BF6Klm4j.cjs} +1 -1
- package/dist/{SChartLine-CQhbtAjJ.js → SChartLine-DSQaezYq.js} +1 -1
- package/dist/{SChartMultiLine-CPEglksk.js → SChartMultiLine-CrMmphFe.js} +3 -3
- package/dist/{SChartMultiLine-B6GldTYv.cjs → SChartMultiLine-Ddvfmf__.cjs} +1 -1
- package/dist/{SChartPie-DXHCXNEs.js → SChartPie-bN8rY-y5.js} +2 -2
- package/dist/{SChartPie-CQyENNM6.cjs → SChartPie-namQTFla.cjs} +1 -1
- package/dist/{SChartProgress-BwDuidgB.js → SChartProgress-BtwqE4xL.js} +1 -1
- package/dist/{SChartProgress-CMcM6yvT.cjs → SChartProgress-DsFHotRv.cjs} +1 -1
- package/dist/{SChartSkeletonHost-DSFyP_DN.js → SChartSkeletonHost-BT96eWSF.js} +70 -45
- package/dist/SChartSkeletonHost-Dt5EjQr5.cjs +1 -0
- package/dist/{SChartStackedArea-DHSamqau.cjs → SChartStackedArea-BLHs3sSH.cjs} +1 -1
- package/dist/{SChartStackedArea-BR7W44h6.js → SChartStackedArea-BxUex_Di.js} +4 -4
- package/dist/{SChartStackedBar-BbYna5KB.js → SChartStackedBar-BJ9LOgSP.js} +40 -35
- package/dist/SChartStackedBar-CWNyvUj9.cjs +1 -0
- package/dist/buildWorkTimeLegendItems-ChGHTwbn.js +361 -0
- package/dist/buildWorkTimeLegendItems-DjhLKbAP.cjs +1 -0
- package/dist/components/SCalendar/index.d.ts +12 -0
- package/dist/components/SCalendar/index.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/buildWorkTimeLegendItems.d.ts +4 -0
- package/dist/components/SCalendar/utils/buildWorkTimeLegendItems.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/calendar.const.d.ts +4 -0
- package/dist/components/SCalendar/utils/calendar.const.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/calendar.types.d.ts +8 -0
- package/dist/components/SCalendar/utils/calendar.types.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/demoCalendarMonthWeeks.d.ts +4 -0
- package/dist/components/SCalendar/utils/demoCalendarMonthWeeks.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/demoCalendarWeekDays.d.ts +10 -0
- package/dist/components/SCalendar/utils/demoCalendarWeekDays.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/demoDayTimelineIntervals.d.ts +4 -0
- package/dist/components/SCalendar/utils/demoDayTimelineIntervals.d.ts.map +1 -0
- package/dist/components/SCalendar/utils/formatDurationHM.d.ts +2 -0
- package/dist/components/SCalendar/utils/formatDurationHM.d.ts.map +1 -0
- package/dist/components/SCalendarMonth/SCalendarMonth.types.d.ts +45 -0
- package/dist/components/SCalendarMonth/SCalendarMonth.types.d.ts.map +1 -0
- package/dist/components/SCalendarMonth/SCalendarMonth.vue.d.ts +21 -0
- package/dist/components/SCalendarMonth/SCalendarMonth.vue.d.ts.map +1 -0
- package/dist/components/SCalendarMonth/index.d.ts +3 -0
- package/dist/components/SCalendarMonth/index.d.ts.map +1 -0
- package/dist/components/SCalendarWeekGrid/SCalendarWeekGrid.types.d.ts +31 -0
- package/dist/components/SCalendarWeekGrid/SCalendarWeekGrid.types.d.ts.map +1 -0
- package/dist/components/SCalendarWeekGrid/SCalendarWeekGrid.vue.d.ts +18 -0
- package/dist/components/SCalendarWeekGrid/SCalendarWeekGrid.vue.d.ts.map +1 -0
- package/dist/components/SCalendarWeekGrid/index.d.ts +4 -0
- package/dist/components/SCalendarWeekGrid/index.d.ts.map +1 -0
- package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts +3 -1
- package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts.map +1 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts +2 -1
- package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts.map +1 -1
- package/dist/components/SDayTimeline/SDayTimeline.types.d.ts +43 -0
- package/dist/components/SDayTimeline/SDayTimeline.types.d.ts.map +1 -0
- package/dist/components/SDayTimeline/SDayTimeline.vue.d.ts +19 -0
- package/dist/components/SDayTimeline/SDayTimeline.vue.d.ts.map +1 -0
- package/dist/components/SDayTimeline/index.d.ts +4 -0
- package/dist/components/SDayTimeline/index.d.ts.map +1 -0
- package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
- package/dist/{createChartCrosshairPlugin-q3U4ePnf.js → createChartCrosshairPlugin-DwFOncWI.js} +1 -1
- package/dist/{createChartCrosshairPlugin-DdLyEWI0.cjs → createChartCrosshairPlugin-ZZwKUQm8.cjs} +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/entries/calendar.cjs +1 -0
- package/dist/entries/calendar.d.ts +3 -0
- package/dist/entries/calendar.d.ts.map +1 -0
- package/dist/entries/calendar.js +2 -0
- package/dist/entries/chart-burnup.cjs +1 -1
- package/dist/entries/chart-burnup.js +1 -1
- package/dist/entries/chart-horizontal-bar.cjs +1 -1
- package/dist/entries/chart-horizontal-bar.js +1 -1
- package/dist/entries/chart-line.cjs +1 -1
- package/dist/entries/chart-line.js +1 -1
- package/dist/entries/chart-multi-line.cjs +1 -1
- package/dist/entries/chart-multi-line.js +1 -1
- package/dist/entries/chart-pie.cjs +1 -1
- package/dist/entries/chart-pie.js +1 -1
- package/dist/entries/chart-progress.cjs +1 -1
- package/dist/entries/chart-progress.js +1 -1
- package/dist/entries/chart-stacked-area.cjs +1 -1
- package/dist/entries/chart-stacked-area.js +1 -1
- package/dist/entries/chart-stacked-bar.cjs +1 -1
- package/dist/entries/chart-stacked-bar.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +145 -144
- package/dist/{resolveSeriesPaletteColor-fuhGbjFO.js → resolveSeriesPaletteColor-BdvGT-PI.js} +1 -1
- package/dist/{resolveSeriesPaletteColor-YACKW1NO.cjs → resolveSeriesPaletteColor-hI4YDdUg.cjs} +1 -1
- package/dist/{resolveStackedChartContext-BiIGZ2or.js → resolveStackedChartContext-DFre3tt0.js} +1 -1
- package/dist/{resolveStackedChartContext-Bp75eU_I.cjs → resolveStackedChartContext-Dsxhhhel.cjs} +1 -1
- package/dist/uikit-components.css +1 -1
- package/dist/utils/chart/core/chartInteractivity.d.ts +17 -4
- package/dist/utils/chart/core/chartInteractivity.d.ts.map +1 -1
- package/package.json +8 -3
- package/dist/SChartSkeletonHost-BlIYGj-7.cjs +0 -1
- package/dist/SChartStackedBar-B3HcO4UQ.cjs +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.48.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.47.0...@shtabapp/ui-kit@1.48.0) (2026-07-22)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- calendar resolve fix ([87e62d6](https://gitlab.com/mstikharev/shtab-ui-kit/commit/87e62d64220b64e6ffb5276fb0e4653fa9b9ac4b))
|
|
6
|
+
- chart interactivity additions to stackedbar (index) ([55d54a1](https://gitlab.com/mstikharev/shtab-ui-kit/commit/55d54a170ae06ab533251aae75531a677c71bc13))
|
|
7
|
+
- fix ([609e69b](https://gitlab.com/mstikharev/shtab-ui-kit/commit/609e69befe590d0c7d66596bc71cab27bfb530f3))
|
|
8
|
+
- interactivity dim fix ([129a66a](https://gitlab.com/mstikharev/shtab-ui-kit/commit/129a66acc3a61d4b4367ce3ece54adfcc34f2850))
|
|
9
|
+
- interactivity fix ([66d1d9f](https://gitlab.com/mstikharev/shtab-ui-kit/commit/66d1d9fbdb15f3dae84136073bb6fcf121a9d958))
|
|
10
|
+
- scalendar init ([d0fe428](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d0fe428a0d2920df37a676da85bbd53a0606dcb1))
|
|
11
|
+
- stabs. added story for disabled state ([fd14011](https://gitlab.com/mstikharev/shtab-ui-kit/commit/fd14011694a661f7ccf0c2a778d91f2eea192508))
|
|
12
|
+
- story fix ([7296adb](https://gitlab.com/mstikharev/shtab-ui-kit/commit/7296adb6826e6b6050605478ba1c8ae50710f65d))
|
|
13
|
+
- sync icons from figma & uppercase avatar initials ([c99463a](https://gitlab.com/mstikharev/shtab-ui-kit/commit/c99463acdcbc813b044fee62979e5ebf6f09d9f2))
|
|
14
|
+
|
|
1
15
|
## [@shtabapp/ui-kit-v1.47.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.46.0...@shtabapp/ui-kit@1.47.0) (2026-07-14)
|
|
2
16
|
|
|
3
17
|
### Features
|
|
@@ -226,7 +226,7 @@ var E = /* @__PURE__ */ function(e) {
|
|
|
226
226
|
}, j = s(() => e.name ? A(e.name) : ""), P = s(() => e.alt ? e.alt : e.name ? e.name : j.value), F = s(() => {
|
|
227
227
|
if (e.alt) return e.alt;
|
|
228
228
|
if (e.name) return e.name;
|
|
229
|
-
}), I = s(() => j.value.slice(0, Math.max(e.initialLength, 0))), L = s(() => M[e.size]), R = s(() => N[e.size]), { avatarBadgeItemsProps: z } = K({
|
|
229
|
+
}), I = s(() => j.value.slice(0, Math.max(e.initialLength, 0)).toUpperCase()), L = s(() => M[e.size]), R = s(() => N[e.size]), { avatarBadgeItemsProps: z } = K({
|
|
230
230
|
badge: () => e.badge,
|
|
231
231
|
counter: () => e.counter,
|
|
232
232
|
size: () => e.size
|
|
@@ -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))),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(!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 +1 @@
|
|
|
1
|
-
const e=require("./SAvatar-
|
|
1
|
+
const e=require("./SAvatar-DTG0odWX.cjs"),t=require("./SOverflowGroup-DyVUzkNu.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-BK8cEzGY.js";
|
|
2
2
|
import { t as n } from "./SOverflowGroup-CVSon6Eg.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
|
-
const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),n=require("./createChartCrosshairPlugin-ZZwKUQm8.cjs"),r=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),i=require("./SChartLegend-DGtjd6zV.cjs");let a=require("vue");var o=(e,n)=>({id:`sUiChartBurnupTodayLine`,beforeDatasetsDraw(r){if(e<0)return;let{ctx:i,chartArea:a}=r,o=r.scales.x;if(!a||!o)return;let s=t.w(t.v.burnupToday,n),c=o.getPixelForValue(e);i.save(),i.beginPath(),i.moveTo(c,a.top),i.lineTo(c,a.bottom),i.lineWidth=1,i.strokeStyle=s,i.stroke(),i.restore()}}),s=8,c=4,l=5,u=12,d=12,f=60,p=12,m=e=>{if(typeof window>`u`)return`500 10px sans-serif`;let t=e??document.documentElement;return`500 10px ${getComputedStyle(t).getPropertyValue(`--s-ui-font-family-label`).trim()||`sans-serif`}`},h=(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()},g=({tagLines:e,factDatasetIndex:n,todayIndex:r},i)=>({id:`sUiChartBurnupTag`,afterDatasetsDraw(a){if(r<0||e.length===0)return;let o=a.getDatasetMeta(n)?.data[r],{chartArea:g}=a;if(!o||!g)return;let _=t.w(t.v.burnupToday,i),v=t.w(t.v.burnupTagBackground,i),{ctx:y}=a;y.save(),y.font=m(i),y.textAlign=`center`,y.textBaseline=`middle`;let b=e.reduce((e,t)=>Math.max(e,y.measureText(t).width),0),x=Math.max(f,b+s*2),S=e.length*d+c+l,C=Math.min(Math.max(o.x-x/2,g.left),g.right-x),w=Math.max(o.y-p-S,g.top);h(y,C,w,x,S,u),y.fillStyle=v,y.fill(),y.lineWidth=1,y.strokeStyle=_,y.stroke(),y.fillStyle=_,e.forEach((e,t)=>{y.fillText(e,C+x/2,w+c+d*(t+.5))}),y.restore()}}),_=(e,t)=>t>=0&&e>t,v=({todayIndex:e,futureLabel:t})=>({title:t=>{let n=t[0];return!n||_(n.dataIndex,e)?``:`${n.label}`},label:n=>_(n.dataIndex,e)?t:`${n.dataset.label??``}: ${n.parsed.y??0}%`}),y=e=>t=>!_(t.dataIndex,e)||t.datasetIndex===0,b=1,x=1,S=2,C=[8,8],w=[9,9],T=2,E=25,D=e=>e.reduce((e,t,n)=>t.fact===null?e:n,-1),O=(e,t,n)=>{let r=e.reduce((e,t)=>Math.max(e,t.plan,t.fact??0),t);return Math.ceil(r/n)*n},k=({points:i,colorHostElement:a,goalValue:s=100,goalLabel:c=`Цель`,planLabel:l=`План`,factLabel:u=`Факт`,futureLabel:d=`Этот день ещё не наступил`,yStep:f=E,mirrorYAxis:p=!0,showTag:m=!0,skeleton:h=!1})=>{if(i.length===0)return null;let _=t.w(t.v.axisLabel,a),k=t.w(t.v.grid,a),A=t.w(t.v.tooltipBackground,a),j=t.w(t.v.tooltipText,a),M=t.w(t.v.skeletonSeries,a),N=h?M:t.w(t.v.burnupGoal,a),P=h?M:t.w(t.v.burnupPlan,a),F=h?M:t.w(t.v.burnupFact,a),I=t.w(t.v.burnupFactFillStart,a),L=t.w(t.v.burnupFactFillEnd,a),R=D(i),z=R>=0?i[R]:void 0,B=z?[`${u.toLowerCase()} ${z.fact}%`,`${l.toLowerCase()} ${z.plan}%`]:[];return{type:`line`,data:{labels:i.map(e=>e.label),datasets:[{label:c,data:i.map(()=>s),borderColor:N,backgroundColor:N,borderWidth:b,borderDash:C,fill:!1,pointRadius:0,pointHoverRadius:0,tension:0},{label:l,data:i.map(e=>e.plan),borderColor:P,backgroundColor:P,borderWidth:x,borderDash:w,fill:!1,pointRadius:0,pointHoverRadius:0,tension:.4},{label:u,data:i.map(e=>e.fact??null),borderColor:F,backgroundColor:h?F:t=>e.t(t,I,L),borderWidth:S,fill:!h,spanGaps:!1,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.o(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.s(h),backgroundColor:A,titleColor:j,bodyColor:j,displayColors:!1,position:t.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,filter:y(R),callbacks:v({todayIndex:R,futureLabel:d})}},scales:r.t({axisLabelColor:_,gridColor:k,yMin:0,yMax:O(i,s,f),yStep:f,mirrorYAxis:p,formatYAxisTick:e=>`${e}%`})},plugins:t.c(h,[n.t(a),o(R,a),...m?[g({tagLines:B,factDatasetIndex:T,todayIndex:R},a)]:[]])}},A=[8,15,23,31,38,46,54,62,69,77,85,92,96,100],j=[5,10,16,22,28,34,40,45,50,54,57,60,null,null],M=A.map((e,t)=>({label:`Д${t+1}`,plan:e,fact:j[t]})),N={class:`s-ui-chart-burnup__canvas-wrap`},P=(0,a.defineComponent)({__name:`SChartBurnup`,props:{points:{default:()=>[]},loading:{type:Boolean,default:!1},goalValue:{default:100},goalLabel:{default:`Цель`},planLabel:{default:`План`},factLabel:{default:`Факт`},futureLabel:{default:`Этот день ещё не наступил`},yStep:{default:25},mirrorYAxis:{type:Boolean,default:!0},showTag:{type:Boolean,default:!0}},setup(e,{expose:n}){let r=(0,a.useTemplateRef)(`chartRootRef`),o=(0,a.useTemplateRef)(`chartCanvasRef`),s=(0,a.computed)(()=>e.loading?M:e.points),c=(0,a.computed)(()=>!e.loading&&e.points.length===0?null:k({points:s.value,colorHostElement:r.value,goalValue:e.goalValue,goalLabel:e.goalLabel,planLabel:e.planLabel,factLabel:e.factLabel,futureLabel:e.futureLabel,yStep:e.yStep,mirrorYAxis:e.mirrorYAxis,showTag:e.showTag,skeleton:e.loading})),l=(0,a.computed)(()=>[{label:e.goalLabel,cssVariable:t.v.burnupGoal},{label:e.planLabel,cssVariable:t.v.burnupPlan},{label:e.factLabel,cssVariable:t.v.burnupFact}].map(n=>({label:n.label.toLowerCase(),color:t.w(e.loading?t.v.skeletonSeries:n.cssVariable,r.value)}))),{chartInstance:u}=t.i({canvasRef:o,config:c,enabled:(0,a.computed)(()=>e.loading||e.points.length>0)}),{exportImage:d}=t.r({chartInstance:u,canvasRef:o,colorHostElement:r});return n({exportImage:d}),(n,s)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,a.normalizeClass)([`s-ui-chart-burnup`,{"s-ui-chart-burnup--skeleton":e.loading}])},[(0,a.createElementVNode)(`div`,N,[(0,a.createVNode)((0,a.unref)(t.t),{loading:e.loading},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-burnup__canvas`},null,512)]),_:1},8,[`loading`])]),(0,a.createVNode)((0,a.unref)(i.t),{items:l.value,disabled:e.loading},null,8,[`items`,`disabled`])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
|
|
2
|
-
import { c as t, f as n, i as r, o as i, r as a, s as o, t as s, v as c, w as l } from "./SChartSkeletonHost-
|
|
3
|
-
import { t as u } from "./createChartCrosshairPlugin-
|
|
2
|
+
import { c as t, f as n, i as r, o as i, r as a, s as o, t as s, v as c, w as l } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
3
|
+
import { t as u } from "./createChartCrosshairPlugin-DwFOncWI.js";
|
|
4
4
|
import { t as d } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
|
|
5
5
|
import { t as f } from "./SChartLegend-oZoF8XK7.js";
|
|
6
6
|
import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, unref as b, useTemplateRef as x, withCtx as S } from "vue";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),t=require("./useHasListener-BPgtbbo6.cjs");let n=require("vue");var r=10,i=14,a=({axisLabelColor:e,categoryLabelColor:t,gridColor:n,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:n,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:r,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:i,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),o=(t,n,r)=>r?e.w(e.v.barHorizontalSkeletonFill,n):t?e.w(t,n):e.w(e.v.barHorizontalFillDefault,n),s=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},c=10,l=0,u=36,d=4,f=({items:t,colorHostElement:n,xMax:r,xMin:i=l,xStep:f=c,skeleton:p=!1,onBarClick:m})=>{if(t.length===0)return null;let h=e.w(e.v.axisLabel,n),g=e.w(e.v.grid,n),_=e.w(e.v.tooltipBackground,n),v=e.w(e.v.tooltipText,n),y=e.w(p?e.v.barHorizontalCategoryLabelSkeleton:e.v.barHorizontalCategoryLabel,n),b=s(t,r,f),x=t.map(e=>o(e.color,n,p)),S=e.a({kind:`element`,skeleton:p,colorHostElement:n,onIndexClick:m});return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:x,hoverBackgroundColor:x,borderWidth:0,hoverBorderWidth:0,barThickness:u,borderRadius:{topRight:d,bottomRight:d}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,onHover:S.onHover,onClick:S.onClick,interaction:e.o(p,{mode:`index`,axis:`y`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(p),backgroundColor:_,titleColor:v,bodyColor:v}},scales:a({axisLabelColor:h,categoryLabelColor:y,gridColor:g,xMin:i,xMax:b,xStep:f})},plugins:S.plugins}},p=e=>f(e),m=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],h={class:`s-ui-chart-horizontal-bar__canvas-wrap`},g=(0,n.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},emits:[`barClick`],setup(r,{expose:i,emit:a}){let o=a,s=(0,n.useTemplateRef)(`chartRootRef`),c=(0,n.useTemplateRef)(`chartCanvasRef`),l=(0,n.computed)(()=>r.loading?m:r.items),u=e=>{let t=r.items[e];t&&o(`barClick`,e,t)},d=t.t(`onBarClick`),{chartInstance:f}=e.i({canvasRef:c,config:(0,n.computed)(()=>!r.loading&&r.items.length===0?null:p({items:l.value,colorHostElement:s.value,xMax:r.loading?60:r.xMax,xMin:r.loading?0:r.xMin,xStep:r.loading?10:r.xStep,skeleton:r.loading,onBarClick:d()?u:void 0})),enabled:(0,n.computed)(()=>r.loading||r.items.length>0)}),{exportImage:g}=e.r({chartInstance:f,canvasRef:c,colorHostElement:s});return i({exportImage:g}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:s,class:(0,n.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":r.loading}])},[(0,n.createElementVNode)(`div`,h,[(0,n.createVNode)((0,n.unref)(e.t),{loading:r.loading},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:c,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-
|
|
1
|
+
import { a as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
2
2
|
import { t as c } from "./useHasListener-RSjlUyqH.js";
|
|
3
3
|
import { computed as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
|
|
4
4
|
//#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs");let r=require("vue");var i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=5,o=5,s=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},c=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,l=({points:r,seriesLabel:l,colorHostElement:u,yMax:d,yMin:f,yStep:p=o,skeleton:m=!1})=>{let h=t.w(t.v.axisLabel,u),g=t.w(t.v.grid,u),_=t.w(m?t.v.skeletonSeries:t.v.seriesPrimary,u),v=t.w(m?t.v.skeletonFillStart:t.v.seriesFillStart,u),y=t.w(m?t.v.skeletonFillEnd:t.v.seriesFillEnd,u),b=t.w(t.v.tooltipBackground,u),x=t.w(t.v.tooltipText,u),S=i(m?t.v.skeletonFillOpacity:t.v.seriesFillOpacity,u,.8),C=m&&d?d:s(r,d,p),w=m&&f!==void 0?f:0;return{type:`line`,data:{labels:r.map(e=>e.label),datasets:[{label:l,data:r.map(e=>e.value),borderColor:_,backgroundColor:t=>e.t(t,v,y,S),borderWidth:a,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.o(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.s(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:n.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:p,formatYAxisTick:e=>c(e,m)})}}},u=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],d={class:`s-ui-chart-line__canvas-wrap`},f=(0,r.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(e,{expose:n}){let i=(0,r.useTemplateRef)(`chartRootRef`),a=(0,r.useTemplateRef)(`chartCanvasRef`),o=(0,r.computed)(()=>e.loading?u:e.points),{chartInstance:s}=t.i({canvasRef:a,config:(0,r.computed)(()=>!e.loading&&e.points.length===0?null:l({points:o.value,seriesLabel:e.seriesLabel,colorHostElement:i.value,yMax:e.loading?100:e.yMax,yMin:e.loading?50:void 0,yStep:e.loading?10:e.yStep,skeleton:e.loading})),enabled:(0,r.computed)(()=>e.loading||e.points.length>0)}),{exportImage:c}=t.r({chartInstance:s,canvasRef:a,colorHostElement:i});return n({exportImage:c}),(n,o)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,r.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":e.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(t.t),{loading:e.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
|
|
2
|
-
import { i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-
|
|
2
|
+
import { i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
3
3
|
import { t as c } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
4
4
|
import { computed as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
|
|
5
5
|
//#region src/utils/chart/css/readCssNumber.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { S as e, a as t, c as n, f as r, i, o as a, p as o, r as s, s as c, t as l, v as u, w as d, y as f } from "./SChartSkeletonHost-
|
|
1
|
+
import { S as e, a as t, c as n, f as r, i, o as a, p as o, r as s, s as c, t as l, v as u, w as d, y as f } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
2
2
|
import { n as p, r as m, t as h } from "./buildChartSeriesPoints-D8Xpfwp7.js";
|
|
3
|
-
import { t as g } from "./createChartCrosshairPlugin-
|
|
4
|
-
import { t as _ } from "./resolveSeriesPaletteColor-
|
|
3
|
+
import { t as g } from "./createChartCrosshairPlugin-DwFOncWI.js";
|
|
4
|
+
import { t as _ } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
|
|
5
5
|
import { t as v } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
|
|
6
6
|
import { t as y } from "./SChartLegend-oZoF8XK7.js";
|
|
7
7
|
import { t as b } from "./useHasListener-RSjlUyqH.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),t=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),n=require("./createChartCrosshairPlugin-ZZwKUQm8.cjs"),r=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),i=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),a=require("./SChartLegend-DGtjd6zV.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=(t,n,i,a=!1)=>r.t(t,n,i,a,{palette:e.y,paletteFallback:e.v.multiLinePalette1,skeletonPalette:e.S,skeletonFallback:e.v.skeletonPalette1}),l=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>{let n=t.points.reduce((e,t)=>Math.max(e,t.value),0);return Math.max(e,n)},0),i=Math.ceil(r/n)*n;return i>0?i:n*5},u=4,d=5,f=({seriesList:r,colorHostElement:a,yMax:o,yMin:s,yStep:f=d,mirrorYAxis:p=!0,skeleton:m=!1,onSeriesClick:h})=>{if(!t.r(r))return null;let g=e.w(e.v.axisLabel,a),_=e.w(e.v.grid,a),v=e.w(e.v.tooltipBackground,a),y=e.w(e.v.tooltipText,a),b=m&&o?o:l(r,o,f),x=m&&s!==void 0?s:0,S=r[0]?.points.map(e=>e.label)??[],C=e.a({kind:`series`,skeleton:m,colorHostElement:a,onIndexClick:h});return{type:`line`,data:{labels:S,datasets:r.map((e,t)=>{let n=c(t,a,e.fillColor,m);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,...m?{}:{hoverBorderColor:n,hoverBackgroundColor:n},borderWidth:u,fill:!1,pointRadius:0,pointHoverRadius:4,tension:.4}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:C.onHover,onClick:C.onClick,interaction:e.o(m,{mode:`index`,intersect:!1}),hover:m?void 0:{mode:`nearest`,intersect:!1},plugins:{legend:{display:!1},tooltip:{enabled:e.s(m),backgroundColor:v,titleColor:y,bodyColor:y,footerColor:y,displayColors:!1,position:e.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.p()}},scales:i.t({axisLabelColor:g,gridColor:_,yMin:x,yMax:b,yStep:f,mirrorYAxis:p})},plugins:e.c(m,[n.t(a),...C.plugins])}},p=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],m=[{label:`Series 1`,points:t.t(p,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:t.t(p,[22,24,26,28,30,32,33,35,36,38,40])}],h={class:`s-ui-chart-multi-line__canvas-wrap`},g=(0,s.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0}},emits:[`seriesClick`],setup(n,{expose:r,emit:i}){let l=i,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),p=(0,s.computed)(()=>n.loading?m:n.series),g=e=>{let t=n.series[e];t&&l(`seriesClick`,e,t)},_=o.t(`onSeriesClick`),v=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:f({seriesList:p.value,colorHostElement:u.value,yMax:n.yMax,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,skeleton:n.loading,onSeriesClick:_()?g:void 0})),y=(0,s.computed)(()=>t.n(p.value,(e,t)=>c(e,u.value,t,n.loading))),{chartInstance:b}=e.i({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(t,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,h,[(0,s.createVNode)((0,s.unref)(e.t),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),y.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,s.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as e, b as t, c as n, i as r, n as i, o as a, r as o, s, t as c, v as l, w as u, x as d } from "./SChartSkeletonHost-
|
|
2
|
-
import { t as f } from "./resolveSeriesPaletteColor-
|
|
1
|
+
import { a as e, b as t, c as n, i as r, n as i, o as a, r as o, s, t as c, v as l, w as u, x as d } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
2
|
+
import { t as f } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
|
|
3
3
|
import { t as p } from "./SChartLegend-oZoF8XK7.js";
|
|
4
4
|
import { t as m } from "./useHasListener-RSjlUyqH.js";
|
|
5
5
|
import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, openBlock as C, unref as w, useTemplateRef as T, withCtx as E } from "vue";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),t=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),n=require("./SChartLegend-DGtjd6zV.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(n,r,i,a=!1)=>t.t(n,r,i,a,{palette:e.x,paletteFallback:e.v.piePalette1,skeletonPalette:e.b,skeletonFallback:e.v.pieSkeletonPalette1}),o=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),s=4,c=4,l=1,u=`400 12px var(--s-ui-font-family-label)`,d=(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()},f=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),p=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.w(e.v.pieBadgeBackground,t),a=e.w(e.v.pieBadgeBorder,t),o=e.w(e.v.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=u,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],u=n.data.datasets[0]?.data[e],m=t?f(t):null;if(t&&typeof u==`number`&&u>0&&m){let e=`${u}`,t=p.measureText(e).width+s*2;d(p,m.x-t/2,m.y-20/2,t,20,c),p.fillStyle=i,p.fill(),p.lineWidth=l,p.strokeStyle=a,p.stroke(),p.fillStyle=o,p.fillText(e,m.x,m.y)}}p.restore()}}),m=({sliceList:t,colorHostElement:n,skeleton:r=!1,onSliceClick:i})=>{if(t.length===0)return null;let s=e.w(e.v.pieSegmentBorder,n),c=e.w(e.v.tooltipBackground,n),l=e.w(e.v.tooltipText,n),u=t.map((e,t)=>a(t,n,e.fillColor,r)),d=e.a({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:u,hoverBackgroundColor:u,borderColor:s,hoverBorderColor:s,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:d.onHover,onClick:d.onClick,interaction:e.o(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(r),backgroundColor:c,titleColor:l,bodyColor:l,displayColors:!1,callbacks:o()}}},plugins:e.c(r,[p(n),...d.plugins])}},h=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],g=[4,1,1,1,1,1,1,1],_=h.map((e,t)=>({label:e,value:g[t]??1})),v={class:`s-ui-chart-pie__canvas-wrap`},y=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},emits:[`sliceClick`],setup(t,{expose:o,emit:s}){let c=s,l=e.n,u=(0,i.useTemplateRef)(`chartRootRef`),d=(0,i.useTemplateRef)(`chartCanvasRef`),f=(0,i.computed)(()=>t.loading?_:t.slices),p=e=>{let n=t.slices[e];n&&c(`sliceClick`,e,n)},h=r.t(`onSliceClick`),g=(0,i.computed)(()=>!t.loading&&t.slices.length===0?null:m({sliceList:f.value,colorHostElement:u.value,skeleton:t.loading,onSliceClick:h()?p:void 0})),y=(0,i.computed)(()=>f.value.map((e,n)=>({label:e.label,color:a(n,u.value,e.fillColor,t.loading)}))),{chartInstance:b}=e.i({canvasRef:d,config:g,enabled:(0,i.computed)(()=>t.loading||t.slices.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:b,canvasRef:d,colorHostElement:u,legendDimKind:`element`});return o({exportImage:x}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,i.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":t.loading}])},[(0,i.createElementVNode)(`div`,v,[(0,i.createVNode)((0,i.unref)(e.t),{loading:t.loading,type:(0,i.unref)(l).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),y.value.length?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(n.t),{key:0,items:y.value,disabled:t.loading,interactive:!t.loading,direction:`column`,onItemHover:(0,i.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-
|
|
1
|
+
import { d as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
2
2
|
import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
|
|
3
3
|
var v = 4, y = 12, b = 24, x = (e) => {
|
|
4
4
|
let t = e <= 15;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.w(e.v.axisLabel,m),_=e.w(e.v.grid,m),v=e.w(h?e.v.skeletonSeries:e.v.progressLine,m),y=e.w(h?e.v.skeletonFillStart:e.v.referenceFill,m),b=e.w(e.v.tooltipBackground,m),x=e.w(e.v.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.o(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.s(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.d,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.i({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.r({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as ee } from "vue";
|
|
2
2
|
import { ESSkeletonType as d, SSkeleton as f } from "@shtabapp/ui-kit-primitives";
|
|
3
3
|
import { useResizeObserver as p } from "@vueuse/core";
|
|
4
|
-
import { ArcElement as m, BarController as
|
|
4
|
+
import { ArcElement as m, BarController as h, BarElement as te, CategoryScale as ne, Chart as g, Filler as re, LineController as ie, LineElement as ae, LinearScale as oe, PieController as _, PointElement as v, Tooltip as y } from "chart.js";
|
|
5
5
|
//#region src/utils/chart/css/readCssColor.ts
|
|
6
6
|
var b = (e, t) => {
|
|
7
7
|
if (typeof window > "u") return "";
|
|
@@ -185,7 +185,7 @@ var b = (e, t) => {
|
|
|
185
185
|
}, L = "progressChartPoint", R = 1, z = (e, t) => {
|
|
186
186
|
let n = e.data.datasets[R]?.data[t];
|
|
187
187
|
return typeof n == "number" ? n : null;
|
|
188
|
-
},
|
|
188
|
+
}, B = function(e) {
|
|
189
189
|
let t = e.find((e) => e.datasetIndex === R) ?? e[0];
|
|
190
190
|
if (!t) return !1;
|
|
191
191
|
let n = this.chart.scales.y;
|
|
@@ -197,7 +197,7 @@ var b = (e, t) => {
|
|
|
197
197
|
xAlign: "center",
|
|
198
198
|
yAlign: "bottom"
|
|
199
199
|
};
|
|
200
|
-
},
|
|
200
|
+
}, V = ({ total: e } = {}) => ({
|
|
201
201
|
title: (e) => {
|
|
202
202
|
let t = e[0];
|
|
203
203
|
return t ? `${t.label}` : "";
|
|
@@ -207,7 +207,7 @@ var b = (e, t) => {
|
|
|
207
207
|
let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
|
|
208
208
|
return e ? `${e} – ${n}` : `${n}`;
|
|
209
209
|
}
|
|
210
|
-
}),
|
|
210
|
+
}), H = "stackedAreaTop", U = function(e, t) {
|
|
211
211
|
let n = this.chart.chartArea;
|
|
212
212
|
return !n || e.length === 0 ? {
|
|
213
213
|
x: t.x,
|
|
@@ -216,69 +216,94 @@ var b = (e, t) => {
|
|
|
216
216
|
x: t.x,
|
|
217
217
|
y: n.top
|
|
218
218
|
};
|
|
219
|
-
},
|
|
220
|
-
|
|
219
|
+
}, W = !1, se = !1, G = !1, K = !1, ce = !1, le = () => {
|
|
220
|
+
se ||= (y.positioners.stackedAreaTop = U, !0);
|
|
221
221
|
}, ue = () => {
|
|
222
222
|
G ||= (y.positioners.stackedBarTop = N, !0);
|
|
223
223
|
}, de = () => {
|
|
224
|
-
K ||= (y.positioners.progressChartPoint =
|
|
224
|
+
K ||= (y.positioners.progressChartPoint = B, !0);
|
|
225
225
|
}, fe = () => {
|
|
226
226
|
ce ||= (y.positioners.multiLineTop = I, !0);
|
|
227
227
|
}, pe = () => {
|
|
228
|
-
|
|
228
|
+
W ||= (g.register(ie, ae, v, h, te, _, m, oe, ne, y, re), le(), ue(), de(), fe(), !0);
|
|
229
229
|
}, me = (e, t) => e ? {
|
|
230
230
|
mode: "nearest",
|
|
231
231
|
intersect: !1
|
|
232
|
-
} : t, he = (e) => !e, ge = (e, t) => e ? [] : t, q = /* @__PURE__ */ new WeakMap(),
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
232
|
+
} : t, he = (e) => !e, ge = (e, t) => e ? [] : t, q = /* @__PURE__ */ new WeakMap(), _e = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
|
|
233
|
+
index: 0,
|
|
234
|
+
datasetIndex: e
|
|
235
|
+
} : {
|
|
236
|
+
index: e,
|
|
237
|
+
datasetIndex: 0
|
|
238
|
+
} : e, ve = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, ye = (e, t, n) => {
|
|
239
|
+
let r = e.data.datasets[0], i = r?.hoverBackgroundColor;
|
|
240
|
+
!r || !Array.isArray(i) || (r.backgroundColor = t === null ? [...i] : i.map((e, r) => r === t.index ? e : n));
|
|
241
|
+
}, J = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, Y = {
|
|
242
|
+
element: ye,
|
|
237
243
|
series: (e, t, n) => {
|
|
238
244
|
e.data.datasets.forEach((e, r) => {
|
|
239
|
-
let i = t === null || r === t, { hoverBackgroundColor: a, hoverBorderColor: o } = e;
|
|
240
|
-
a !== void 0 && !Array.isArray(a) && (e.backgroundColor = i ? a : n), o !== void 0 && !Array.isArray(o) && (e.borderColor = i ? o : n);
|
|
245
|
+
let i = t === null || r === t.datasetIndex, { hoverBackgroundColor: a, hoverBorderColor: o } = e;
|
|
246
|
+
a !== void 0 && !Array.isArray(a) && (e.backgroundColor = J(e, e.backgroundColor, i ? a : n)), o !== void 0 && !Array.isArray(o) && (e.borderColor = J(e, e.borderColor, i ? o : n));
|
|
247
|
+
});
|
|
248
|
+
},
|
|
249
|
+
segment: (e, t, n) => {
|
|
250
|
+
e.data.datasets.forEach((e, r) => {
|
|
251
|
+
let { hoverBackgroundColor: i } = e;
|
|
252
|
+
i === void 0 || Array.isArray(i) || (e.backgroundColor = (e.data ?? []).map((e, a) => t === null || r === t.datasetIndex && a === t.index ? i : n));
|
|
241
253
|
});
|
|
242
254
|
}
|
|
243
|
-
},
|
|
244
|
-
|
|
245
|
-
|
|
255
|
+
}, X = (e, t, n, r, i = !1, a = "external") => {
|
|
256
|
+
let o = _e(n, t);
|
|
257
|
+
ve(q.get(e)?.hovered ?? null, o) || (q.set(e, {
|
|
258
|
+
hovered: o,
|
|
246
259
|
kind: t,
|
|
247
|
-
mutedColor: r
|
|
248
|
-
|
|
249
|
-
},
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
},
|
|
260
|
+
mutedColor: r,
|
|
261
|
+
source: a
|
|
262
|
+
}), Y[t](e, o, r), e.canvas.style.cursor = o !== null && i ? "pointer" : "", e.update());
|
|
263
|
+
}, be = (e, t) => {
|
|
264
|
+
let n = q.get(e);
|
|
265
|
+
!n || n.hovered === null || t !== void 0 && n.source !== t || (q.set(e, {
|
|
266
|
+
...n,
|
|
267
|
+
hovered: null
|
|
268
|
+
}), Y[n.kind](e, null, n.mutedColor), e.canvas.style.cursor = "", e.update());
|
|
269
|
+
}, xe = {
|
|
256
270
|
id: "sChartHoverDimReset",
|
|
271
|
+
beforeEvent: (e, t) => t.replay && q.get(e)?.source === "external" ? !1 : void 0,
|
|
257
272
|
afterEvent: (e, t) => {
|
|
258
|
-
t.event.type === "mouseout" &&
|
|
273
|
+
t.event.type === "mouseout" && be(e, "canvas");
|
|
259
274
|
}
|
|
260
|
-
},
|
|
275
|
+
}, Se = (e, t) => {
|
|
261
276
|
let n = e[0];
|
|
262
277
|
return n ? t === "element" ? n.index : n.datasetIndex : null;
|
|
263
|
-
},
|
|
278
|
+
}, Ce = (e) => {
|
|
279
|
+
let t = e[0];
|
|
280
|
+
return t ? {
|
|
281
|
+
index: t.index,
|
|
282
|
+
datasetIndex: t.datasetIndex
|
|
283
|
+
} : null;
|
|
284
|
+
}, we = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
|
|
264
285
|
if (t) return { plugins: [] };
|
|
265
|
-
let
|
|
286
|
+
let a = Z(n), o = !!(r || i), s = {
|
|
266
287
|
onHover: (t, n, r) => {
|
|
267
|
-
|
|
288
|
+
X(r, e, Ce(n), a, o, "canvas");
|
|
268
289
|
},
|
|
269
|
-
plugins: [
|
|
290
|
+
plugins: [xe]
|
|
270
291
|
};
|
|
271
|
-
return r && (
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
}
|
|
292
|
+
return (r || i) && (s.onClick = (t, n) => {
|
|
293
|
+
if (r) {
|
|
294
|
+
let t = Se(n, e);
|
|
295
|
+
t !== null && r(t);
|
|
296
|
+
}
|
|
297
|
+
let a = n[0];
|
|
298
|
+
a && i && i(a.index, a.datasetIndex);
|
|
299
|
+
}), s;
|
|
300
|
+
}, Z = (e) => b(x.fillMuted, e), Q = (e, t) => {
|
|
276
301
|
if (!e.canvas.width || !e.canvas.height) return;
|
|
277
302
|
let n = document.createElement("canvas");
|
|
278
303
|
n.width = e.canvas.width, n.height = e.canvas.height;
|
|
279
304
|
let r = n.getContext("2d");
|
|
280
305
|
if (r) return r.fillStyle = b(x.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
|
|
281
|
-
},
|
|
306
|
+
}, Te = ({ canvasRef: e, config: t, enabled: n }) => {
|
|
282
307
|
let a = s(), o = () => {
|
|
283
308
|
a.value &&= (a.value.destroy(), void 0);
|
|
284
309
|
}, l = () => {
|
|
@@ -291,7 +316,7 @@ var b = (e, t) => {
|
|
|
291
316
|
o();
|
|
292
317
|
return;
|
|
293
318
|
}
|
|
294
|
-
pe(), a.value &&= (a.value.destroy(), void 0), a.value = new
|
|
319
|
+
pe(), a.value &&= (a.value.destroy(), void 0), a.value = new g(r, i);
|
|
295
320
|
};
|
|
296
321
|
return i(() => {
|
|
297
322
|
l();
|
|
@@ -306,19 +331,19 @@ var b = (e, t) => {
|
|
|
306
331
|
}), r(() => {
|
|
307
332
|
o();
|
|
308
333
|
}), { chartInstance: a };
|
|
309
|
-
},
|
|
334
|
+
}, Ee = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
|
|
310
335
|
let e = c(t);
|
|
311
336
|
e?.style.cursor && (e.style.cursor = "");
|
|
312
337
|
}), {
|
|
313
338
|
exportImage: () => {
|
|
314
|
-
if (e.value) return
|
|
339
|
+
if (e.value) return Q(e.value, c(n));
|
|
315
340
|
},
|
|
316
341
|
handleLegendItemHover: (t) => {
|
|
317
|
-
e.value &&
|
|
342
|
+
e.value && X(e.value, r, t, Z(c(n)));
|
|
318
343
|
}
|
|
319
344
|
}), $ = /* @__PURE__ */ function(e) {
|
|
320
345
|
return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
|
|
321
|
-
}({}),
|
|
346
|
+
}({}), De = /* @__PURE__ */ n({
|
|
322
347
|
__name: "SChartSkeletonHost",
|
|
323
348
|
props: {
|
|
324
349
|
loading: {
|
|
@@ -340,4 +365,4 @@ var b = (e, t) => {
|
|
|
340
365
|
}
|
|
341
366
|
});
|
|
342
367
|
//#endregion
|
|
343
|
-
export { S as C, C as S, w as _,
|
|
368
|
+
export { S as C, C as S, w as _, we as a, D as b, ge as c, L as d, F as f, T as g, j as h, Te as i, H as l, M as m, $ as n, me as o, P as p, Ee as r, he as s, De as t, V as u, x as v, b as w, E as x, O as y };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},a={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,fillMuted:`--s-ui-chart-fill-muted`,exportBackground:`--s-ui-chart-export-background`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`,progressLine:`--s-ui-chart-progress-line`,referenceFill:`--s-ui-chart-reference-fill`,multiLinePalette1:`--s-ui-chart-multi-line-palette-1`,multiLinePalette2:`--s-ui-chart-multi-line-palette-2`,multiLinePalette3:`--s-ui-chart-multi-line-palette-3`,burnupGoal:`--s-ui-chart-burnup-goal`,burnupPlan:`--s-ui-chart-burnup-plan`,burnupFact:`--s-ui-chart-burnup-fact`,burnupFactFillStart:`--s-ui-chart-burnup-fact-fill-start`,burnupFactFillEnd:`--s-ui-chart-burnup-fact-fill-end`,burnupToday:`--s-ui-chart-burnup-today`,burnupTagBackground:`--s-ui-chart-burnup-tag-background`},o=[a.stackedPalette1,a.stackedPalette2,a.stackedPalette3,a.stackedPalette4,a.stackedPalette5,a.stackedPalette6],s=[a.skeletonPalette1,a.skeletonPalette2,a.skeletonPalette3,a.skeletonPalette4,a.skeletonPalette5,a.skeletonPalette6],c=[a.barStackedPalette1,a.barStackedPalette2,a.barStackedPalette3,a.barStackedPalette4,a.barStackedPalette5,a.barStackedPalette6],l=[a.barSkeletonPalette1,a.barSkeletonPalette2,a.barSkeletonPalette3,a.barSkeletonPalette4,a.barSkeletonPalette5,a.barSkeletonPalette6],u=[a.piePalette1,a.piePalette2,a.piePalette3,a.piePalette4,a.piePalette5,a.piePalette6,a.piePalette7,a.piePalette8],d=[a.pieSkeletonPalette1,a.pieSkeletonPalette2,a.pieSkeletonPalette3,a.pieSkeletonPalette4,a.pieSkeletonPalette5,a.pieSkeletonPalette6,a.pieSkeletonPalette7,a.pieSkeletonPalette8],f=[a.multiLinePalette1,a.multiLinePalette2,a.multiLinePalette3],p=e=>`captions`in e,m=(e,t)=>{let n=e.data.datasets[0];if(!n||!p(n))return;let r=n.captions?.[t];if(r)return r},h=()=>({title:e=>{let t=e[0];if(!t)return``;let n=m(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),ee=`stackedBarTop`,g=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},_=()=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``}: ${e.parsed.y??0}`}),v=`multiLineTop`,y=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},b=`progressChartPoint`,x=1,S=(e,t)=>{let n=e.data.datasets[x]?.data[t];return typeof n==`number`?n:null},C=function(e){let t=e.find(e=>e.datasetIndex===x)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=S(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},w=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),T=`stackedAreaTop`,E=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},D=!1,O=!1,k=!1,A=!1,j=!1,M=()=>{O||=(r.Tooltip.positioners.stackedAreaTop=E,!0)},N=()=>{k||=(r.Tooltip.positioners.stackedBarTop=g,!0)},P=()=>{A||=(r.Tooltip.positioners.progressChartPoint=C,!0)},F=()=>{j||=(r.Tooltip.positioners.multiLineTop=y,!0)},te=()=>{D||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),M(),N(),P(),F(),!0)},I=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,L=e=>!e,R=(e,t)=>e?[]:t,z=new WeakMap,B=(e,t)=>e===null?null:typeof e==`number`?t===`series`?{index:0,datasetIndex:e}:{index:e,datasetIndex:0}:e,V=(e,t)=>e===null||t===null?e===t:e.index===t.index&&e.datasetIndex===t.datasetIndex,H=(e,t,n)=>{let r=e.data.datasets[0],i=r?.hoverBackgroundColor;!r||!Array.isArray(i)||(r.backgroundColor=t===null?[...i]:i.map((e,r)=>r===t.index?e:n))},U=(e,t,n)=>Array.isArray(t)?(e.data??[]).map(()=>n):n,W={element:H,series:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let i=t===null||r===t.datasetIndex,{hoverBackgroundColor:a,hoverBorderColor:o}=e;a!==void 0&&!Array.isArray(a)&&(e.backgroundColor=U(e,e.backgroundColor,i?a:n)),o!==void 0&&!Array.isArray(o)&&(e.borderColor=U(e,e.borderColor,i?o:n))})},segment:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let{hoverBackgroundColor:i}=e;i===void 0||Array.isArray(i)||(e.backgroundColor=(e.data??[]).map((e,a)=>t===null||r===t.datasetIndex&&a===t.index?i:n))})}},G=(e,t,n,r,i=!1,a=`external`)=>{let o=B(n,t);V(z.get(e)?.hovered??null,o)||(z.set(e,{hovered:o,kind:t,mutedColor:r,source:a}),W[t](e,o,r),e.canvas.style.cursor=o!==null&&i?`pointer`:``,e.update())},K=(e,t)=>{let n=z.get(e);!n||n.hovered===null||t!==void 0&&n.source!==t||(z.set(e,{...n,hovered:null}),W[n.kind](e,null,n.mutedColor),e.canvas.style.cursor=``,e.update())},q={id:`sChartHoverDimReset`,beforeEvent:(e,t)=>t.replay&&z.get(e)?.source===`external`?!1:void 0,afterEvent:(e,t)=>{t.event.type===`mouseout`&&K(e,`canvas`)}},J=(e,t)=>{let n=e[0];return n?t===`element`?n.index:n.datasetIndex:null},Y=e=>{let t=e[0];return t?{index:t.index,datasetIndex:t.datasetIndex}:null},X=({kind:e,skeleton:t,colorHostElement:n,onIndexClick:r,onElementIndexClick:i})=>{if(t)return{plugins:[]};let a=Z(n),o=!!(r||i),s={onHover:(t,n,r)=>{G(r,e,Y(n),a,o,`canvas`)},plugins:[q]};return(r||i)&&(s.onClick=(t,n)=>{if(r){let t=J(n,e);t!==null&&r(t)}let a=n[0];a&&i&&i(a.index,a.datasetIndex)}),s},Z=e=>i(a.fillMuted,e),Q=(e,t)=>{if(!e.canvas.width||!e.canvas.height)return;let n=document.createElement(`canvas`);n.width=e.canvas.width,n.height=e.canvas.height;let r=n.getContext(`2d`);if(r)return r.fillStyle=i(a.exportBackground,t)||`#ffffff`,r.fillRect(0,0,n.width,n.height),r.drawImage(e.canvas,0,0),n.toDataURL(`image/png`)},ne=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}te(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},re=({chartInstance:t,canvasRef:n,colorHostElement:r,legendDimKind:i=`series`})=>((0,e.watch)(t,()=>{let t=(0,e.toValue)(n);t?.style.cursor&&(t.style.cursor=``)}),{exportImage:()=>{if(t.value)return Q(t.value,(0,e.toValue)(r))},handleLegendItemHover:n=>{t.value&&G(t.value,i,n,Z((0,e.toValue)(r)))}}),$=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),ie=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>$.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===$.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}});Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return f}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./SChartSkeletonHost-
|
|
1
|
+
const e=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),r=require("./resolveStackedChartContext-Dsxhhhel.cjs"),i=require("./createChartCrosshairPlugin-ZZwKUQm8.cjs"),a=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),o=require("./SChartLegend-DGtjd6zV.cjs"),s=require("./useHasListener-BPgtbbo6.cjs");let c=require("vue");var l=(t,n,r,i=!1)=>a.t(t,n,r,i,{palette:e.C,paletteFallback:e.v.stackedPalette1,skeletonPalette:e.S,skeletonFallback:e.v.skeletonPalette1}),u=20,d=`stack0`,f=({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:c=u,skeleton:f=!1,totalLabel:p,onSeriesClick:m})=>{let h=r.t({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:f});if(!h)return null;let{axisLabelColor:g,gridColor:_,tooltipBackgroundColor:v,tooltipTextColor:y,resolvedYMax:b,resolvedYMin:x,chartLabels:S}=h,C=e.a({kind:`series`,skeleton:f,colorHostElement:a,onIndexClick:m});return{type:`line`,data:{labels:S,datasets:n.map((e,t)=>{let n=l(t,a,e.fillColor,f);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,...f?{}:{hoverBorderColor:n,hoverBackgroundColor:n},borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:d}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:C.onHover,onClick:C.onClick,hover:f?void 0:{mode:`nearest`,intersect:!1},interaction:e.o(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(f),backgroundColor:v,titleColor:y,bodyColor:y,footerColor:y,displayColors:!1,position:e.l,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.u({total:p})}},scales:t.t({axisLabelColor:g,gridColor:_,yMin:x,yMax:b,yStep:c,stacked:!0})},plugins:e.c(f,[i.t(a),...C.plugins])}},p=[`24.02`,`28.02`,`04.03`,`08.03`,`12.03`,`16.03`,`20.03`,`24.03`,`28.03`,`01.04`,`05.04`,`09.04`,`13.04`,`17.04`],m=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],h=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],g=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],_=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],v=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],y=[{label:v[0]??`Series 1`,points:n.t(p,m)},{label:v[1]??`Series 2`,points:n.t(p,h)},{label:v[2]??`Series 3`,points:n.t(p,g)},{label:v[3]??`Series 4`,points:n.t(p,_)}],b={class:`s-ui-chart-stacked-area__canvas-wrap`},x=(0,c.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{}},emits:[`seriesClick`],setup(t,{expose:r,emit:i}){let a=i,u=(0,c.useTemplateRef)(`chartRootRef`),d=(0,c.useTemplateRef)(`chartCanvasRef`),p=(0,c.computed)(()=>t.loading?y:t.series),m=e=>{let n=t.series[e];n&&a(`seriesClick`,e,n)},h=s.t(`onSeriesClick`),g=(0,c.computed)(()=>!t.loading&&t.series.length===0?null:f({seriesList:p.value,colorHostElement:u.value,yMax:t.loading?160:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?20:t.yStep,skeleton:t.loading,totalLabel:t.totalLabel,onSeriesClick:h()?m:void 0})),_=(0,c.computed)(()=>n.n(p.value,(e,n)=>l(e,u.value,n,t.loading))),{chartInstance:v}=e.i({canvasRef:d,config:g,enabled:(0,c.computed)(()=>t.loading||t.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:v,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(n,r)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,c.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":t.loading}])},[(0,c.createElementVNode)(`div`,b,[(0,c.createVNode)((0,c.unref)(e.t),{loading:t.loading},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),_.value.length?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),{key:0,items:_.value,disabled:t.loading,interactive:!t.loading,onItemHover:(0,c.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,c.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { C as e, S as t, a as n, c as r, i, l as a, o, r as s, s as c, t as l, u, v as d } from "./SChartSkeletonHost-
|
|
1
|
+
import { C as e, S as t, a as n, c as r, i, l as a, o, r as s, s as c, t as l, u, v as d } from "./SChartSkeletonHost-BT96eWSF.js";
|
|
2
2
|
import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
3
3
|
import { n as p, t as m } from "./buildChartSeriesPoints-D8Xpfwp7.js";
|
|
4
|
-
import { t as h } from "./resolveStackedChartContext-
|
|
5
|
-
import { t as g } from "./createChartCrosshairPlugin-
|
|
6
|
-
import { t as _ } from "./resolveSeriesPaletteColor-
|
|
4
|
+
import { t as h } from "./resolveStackedChartContext-DFre3tt0.js";
|
|
5
|
+
import { t as g } from "./createChartCrosshairPlugin-DwFOncWI.js";
|
|
6
|
+
import { t as _ } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
|
|
7
7
|
import { t as v } from "./SChartLegend-oZoF8XK7.js";
|
|
8
8
|
import { t as y } from "./useHasListener-RSjlUyqH.js";
|
|
9
9
|
import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
|