@shtabapp/ui-kit 1.44.0 → 1.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/{SChartBurnup-DhuCNXhU.cjs → SChartBurnup-BhCS06uF.cjs} +1 -1
  3. package/dist/SChartBurnup-CG239MJx.js +251 -0
  4. package/dist/SChartHorizontalBar-DnKbf_9E.cjs +1 -0
  5. package/dist/SChartHorizontalBar-DqTZ4H-9.js +175 -0
  6. package/dist/SChartLegend-DGtjd6zV.cjs +1 -0
  7. package/dist/SChartLegend-oZoF8XK7.js +42 -0
  8. package/dist/SChartLine-CEnRbnVo.cjs +1 -0
  9. package/dist/SChartLine-CQhbtAjJ.js +129 -0
  10. package/dist/SChartMultiLine-B6GldTYv.cjs +1 -0
  11. package/dist/SChartMultiLine-CPEglksk.js +198 -0
  12. package/dist/SChartPie-CQyENNM6.cjs +1 -0
  13. package/dist/SChartPie-DXHCXNEs.js +168 -0
  14. package/dist/{SChartProgress-Zdphet8I.js → SChartProgress-BwDuidgB.js} +54 -50
  15. package/dist/{SChartProgress-QsGTZ8kT.cjs → SChartProgress-CMcM6yvT.cjs} +1 -1
  16. package/dist/SChartSkeletonHost-BlIYGj-7.cjs +1 -0
  17. package/dist/{SChartSkeletonHost-CecfQ3Ye.js → SChartSkeletonHost-DSFyP_DN.js} +150 -89
  18. package/dist/SChartStackedArea-BR7W44h6.js +254 -0
  19. package/dist/SChartStackedArea-DHSamqau.cjs +1 -0
  20. package/dist/SChartStackedBar-B3HcO4UQ.cjs +1 -0
  21. package/dist/SChartStackedBar-BbYna5KB.js +245 -0
  22. package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts +4 -1
  23. package/dist/components/SChartBurnup/SChartBurnup.vue.d.ts.map +1 -1
  24. package/dist/components/SChartHorizontalBar/SChartHorizontalBar.vue.d.ts +9 -2
  25. package/dist/components/SChartHorizontalBar/SChartHorizontalBar.vue.d.ts.map +1 -1
  26. package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts +1 -0
  27. package/dist/components/SChartHorizontalBar/utils/buildSChartHorizontalBarConfig.d.ts.map +1 -1
  28. package/dist/components/SChartLegend/SChartLegend.types.d.ts +2 -0
  29. package/dist/components/SChartLegend/SChartLegend.types.d.ts.map +1 -1
  30. package/dist/components/SChartLegend/SChartLegend.vue.d.ts +5 -1
  31. package/dist/components/SChartLegend/SChartLegend.vue.d.ts.map +1 -1
  32. package/dist/components/SChartLine/SChartLine.vue.d.ts +4 -1
  33. package/dist/components/SChartLine/SChartLine.vue.d.ts.map +1 -1
  34. package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts +9 -2
  35. package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts.map +1 -1
  36. package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts +2 -1
  37. package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts.map +1 -1
  38. package/dist/components/SChartPie/SChartPie.vue.d.ts +9 -2
  39. package/dist/components/SChartPie/SChartPie.vue.d.ts.map +1 -1
  40. package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts +2 -1
  41. package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts.map +1 -1
  42. package/dist/components/SChartProgress/SChartProgress.vue.d.ts +4 -1
  43. package/dist/components/SChartProgress/SChartProgress.vue.d.ts.map +1 -1
  44. package/dist/components/SChartSegmentedBar/SChartSegmentedBar.types.d.ts +11 -0
  45. package/dist/components/SChartSegmentedBar/SChartSegmentedBar.types.d.ts.map +1 -0
  46. package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts +12 -0
  47. package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts.map +1 -0
  48. package/dist/components/SChartSegmentedBar/index.d.ts +3 -0
  49. package/dist/components/SChartSegmentedBar/index.d.ts.map +1 -0
  50. package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts +11 -0
  51. package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts.map +1 -0
  52. package/dist/components/SChartSegmentedBar/utils/createSegmentedBarBadgePlugin.d.ts +3 -0
  53. package/dist/components/SChartSegmentedBar/utils/createSegmentedBarBadgePlugin.d.ts.map +1 -0
  54. package/dist/components/SChartSegmentedBar/utils/skeletonSegments.d.ts +3 -0
  55. package/dist/components/SChartSegmentedBar/utils/skeletonSegments.d.ts.map +1 -0
  56. package/dist/components/SChartStackedArea/SChartStackedArea.vue.d.ts +9 -2
  57. package/dist/components/SChartStackedArea/SChartStackedArea.vue.d.ts.map +1 -1
  58. package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts +2 -1
  59. package/dist/components/SChartStackedArea/utils/buildStackedAreaChartConfig.d.ts.map +1 -1
  60. package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts +9 -2
  61. package/dist/components/SChartStackedBar/SChartStackedBar.vue.d.ts.map +1 -1
  62. package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts +2 -1
  63. package/dist/components/SChartStackedBar/utils/buildStackedBarChartConfig.d.ts.map +1 -1
  64. package/dist/components/SChartWidget/SChartWidget.types.d.ts +11 -0
  65. package/dist/components/SChartWidget/SChartWidget.types.d.ts.map +1 -0
  66. package/dist/components/SChartWidget/SChartWidget.vue.d.ts +28 -0
  67. package/dist/components/SChartWidget/SChartWidget.vue.d.ts.map +1 -0
  68. package/dist/components/SChartWidget/index.d.ts +3 -0
  69. package/dist/components/SChartWidget/index.d.ts.map +1 -0
  70. package/dist/composables/useChartInteractivity.d.ts +14 -0
  71. package/dist/composables/useChartInteractivity.d.ts.map +1 -0
  72. package/dist/composables/useHasListener.d.ts +2 -0
  73. package/dist/composables/useHasListener.d.ts.map +1 -0
  74. package/dist/{createChartCrosshairPlugin-HfMMUP5O.cjs → createChartCrosshairPlugin-DdLyEWI0.cjs} +1 -1
  75. package/dist/{createChartCrosshairPlugin-BC0IDCn3.js → createChartCrosshairPlugin-q3U4ePnf.js} +2 -2
  76. package/dist/entries/chart-burnup.cjs +1 -1
  77. package/dist/entries/chart-burnup.js +1 -1
  78. package/dist/entries/chart-horizontal-bar.cjs +1 -1
  79. package/dist/entries/chart-horizontal-bar.js +1 -1
  80. package/dist/entries/chart-line.cjs +1 -1
  81. package/dist/entries/chart-line.js +1 -1
  82. package/dist/entries/chart-multi-line.cjs +1 -1
  83. package/dist/entries/chart-multi-line.js +1 -1
  84. package/dist/entries/chart-pie.cjs +1 -1
  85. package/dist/entries/chart-pie.js +1 -1
  86. package/dist/entries/chart-progress.cjs +1 -1
  87. package/dist/entries/chart-progress.js +1 -1
  88. package/dist/entries/chart-stacked-area.cjs +1 -1
  89. package/dist/entries/chart-stacked-area.js +1 -1
  90. package/dist/entries/chart-stacked-bar.cjs +1 -1
  91. package/dist/entries/chart-stacked-bar.js +1 -1
  92. package/dist/index.cjs +1 -1
  93. package/dist/index.d.ts +4 -0
  94. package/dist/index.d.ts.map +1 -1
  95. package/dist/index.js +434 -162
  96. package/dist/resolveSeriesPaletteColor-YACKW1NO.cjs +1 -0
  97. package/dist/{resolveSeriesPaletteColor-m8HQ9qwV.js → resolveSeriesPaletteColor-fuhGbjFO.js} +1 -1
  98. package/dist/{resolveStackedChartContext-DdraOueU.js → resolveStackedChartContext-BiIGZ2or.js} +5 -5
  99. package/dist/{resolveStackedChartContext-BywAnZUu.cjs → resolveStackedChartContext-Bp75eU_I.cjs} +1 -1
  100. package/dist/uikit-components.css +1 -1
  101. package/dist/useHasListener-BPgtbbo6.cjs +1 -0
  102. package/dist/useHasListener-RSjlUyqH.js +8 -0
  103. package/dist/utils/chart/core/chartCssVariables.d.ts +2 -0
  104. package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
  105. package/dist/utils/chart/core/chartInteractivity.d.ts +41 -0
  106. package/dist/utils/chart/core/chartInteractivity.d.ts.map +1 -0
  107. package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts +2 -1
  108. package/dist/utils/chart/horizontalBar/buildHorizontalBarChartConfig.d.ts.map +1 -1
  109. package/dist/utils/chart/index.d.ts +1 -0
  110. package/dist/utils/chart/index.d.ts.map +1 -1
  111. package/dist/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.d.ts +2 -0
  112. package/dist/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.d.ts.map +1 -0
  113. package/package.json +3 -3
  114. package/dist/SChartBurnup-DYBnJMnm.js +0 -247
  115. package/dist/SChartHorizontalBar-DMBzyz9x.cjs +0 -1
  116. package/dist/SChartHorizontalBar-bm3Jexa3.js +0 -156
  117. package/dist/SChartLegend-Chr0IZWN.js +0 -30
  118. package/dist/SChartLegend-DXFXKXCm.cjs +0 -1
  119. package/dist/SChartLine-CiREb4H_.js +0 -125
  120. package/dist/SChartLine-P57XRR2o.cjs +0 -1
  121. package/dist/SChartMultiLine-3cdB0U12.js +0 -166
  122. package/dist/SChartMultiLine-BW1kITlR.cjs +0 -1
  123. package/dist/SChartPie-55wx2zRi.cjs +0 -1
  124. package/dist/SChartPie-Dc_gjzIl.js +0 -143
  125. package/dist/SChartSkeletonHost-CfM0zolj.cjs +0 -1
  126. package/dist/SChartStackedArea-BaJ963lU.cjs +0 -1
  127. package/dist/SChartStackedArea-cjN9gECV.js +0 -219
  128. package/dist/SChartStackedBar-0jGICBA0.js +0 -217
  129. package/dist/SChartStackedBar-j9WyOnsL.cjs +0 -1
  130. package/dist/resolveSeriesPaletteColor-BcFyrhh0.cjs +0 -1
@@ -0,0 +1 @@
1
+ let e=require("vue");var t=t=>{let n=(0,e.getCurrentInstance)();return()=>!!n?.vnode.props?.[t]};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
@@ -0,0 +1,8 @@
1
+ import { getCurrentInstance as e } from "vue";
2
+ //#region src/composables/useHasListener.ts
3
+ var t = (t) => {
4
+ let n = e();
5
+ return () => !!n?.vnode.props?.[t];
6
+ };
7
+ //#endregion
8
+ export { t };
@@ -17,6 +17,8 @@ export declare const CHART_CSS_VARIABLES: {
17
17
  readonly skeletonFillStart: "--s-ui-chart-skeleton-fill-start";
18
18
  readonly skeletonFillEnd: "--s-ui-chart-skeleton-fill-end";
19
19
  readonly skeletonFillOpacity: "--s-ui-chart-skeleton-fill-opacity";
20
+ readonly fillMuted: "--s-ui-chart-fill-muted";
21
+ readonly exportBackground: "--s-ui-chart-export-background";
20
22
  readonly tooltipBackground: "--s-ui-chart-tooltip-background";
21
23
  readonly tooltipText: "--s-ui-chart-tooltip-text";
22
24
  readonly stackedPalette1: "--s-ui-chart-stacked-palette-1";
@@ -1 +1 @@
1
- {"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA;AAEV,eAAO,MAAM,uCAAuC,0HAI1C,CAAA"}
1
+ {"version":3,"file":"chartCssVariables.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartCssVariables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EtB,CAAA;AAEV,eAAO,MAAM,oCAAoC,uNAOvC,CAAA;AAEV,eAAO,MAAM,qCAAqC,6NAOxC,CAAA;AAEV,eAAO,MAAM,wCAAwC,+OAO3C,CAAA;AAEV,eAAO,MAAM,yCAAyC,qPAO5C,CAAA;AAEV,eAAO,MAAM,+BAA+B,2PASlC,CAAA;AAEV,eAAO,MAAM,wCAAwC,mUAS3C,CAAA;AAEV,eAAO,MAAM,uCAAuC,0HAI1C,CAAA"}
@@ -0,0 +1,41 @@
1
+ import type { ActiveElement, ChartEvent, UpdateMode } from 'chart.js';
2
+ export type TChartDimKind = 'element' | 'series';
3
+ interface IInteractiveChartDataset {
4
+ backgroundColor?: unknown;
5
+ hoverBackgroundColor?: unknown;
6
+ borderColor?: unknown;
7
+ hoverBorderColor?: unknown;
8
+ }
9
+ export interface IInteractiveChart {
10
+ data: {
11
+ datasets: IInteractiveChartDataset[];
12
+ };
13
+ canvas: HTMLCanvasElement;
14
+ update: (mode?: UpdateMode) => void;
15
+ }
16
+ export declare const dimChart: (chart: IInteractiveChart, kind: TChartDimKind, hoveredIndex: number | null, mutedColor: string, showPointer?: boolean) => void;
17
+ export declare const resetChartHoverDim: (chart: IInteractiveChart) => void;
18
+ export interface IChartHoverResetPlugin {
19
+ id: string;
20
+ afterEvent: (chart: IInteractiveChart, args: {
21
+ event: {
22
+ type: string;
23
+ };
24
+ }) => void;
25
+ }
26
+ export interface IChartInteractivityOptions {
27
+ kind: TChartDimKind;
28
+ skeleton: boolean;
29
+ colorHostElement?: Element | null;
30
+ onIndexClick?: (index: number) => void;
31
+ }
32
+ export interface IChartInteractivityHandlers {
33
+ onHover?: (event: ChartEvent, elements: ActiveElement[], chart: IInteractiveChart) => void;
34
+ onClick?: (event: ChartEvent, elements: ActiveElement[]) => void;
35
+ plugins: IChartHoverResetPlugin[];
36
+ }
37
+ export declare const createChartInteractivity: ({ kind, skeleton, colorHostElement, onIndexClick, }: IChartInteractivityOptions) => IChartInteractivityHandlers;
38
+ export declare const readChartMutedColor: (colorHostElement?: Element | null) => string;
39
+ export declare const exportChartImage: (chart: Pick<IInteractiveChart, "canvas">, colorHostElement?: Element | null) => string | undefined;
40
+ export {};
41
+ //# sourceMappingURL=chartInteractivity.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chartInteractivity.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartInteractivity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAKrE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEhD,UAAU,wBAAwB;IAChC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAA;KAAE,CAAA;IAC9C,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAoDD,eAAO,MAAM,QAAQ,GACnB,OAAO,iBAAiB,EACxB,MAAM,aAAa,EACnB,cAAc,MAAM,GAAG,IAAI,EAC3B,YAAY,MAAM,EAClB,qBAAmB,SAWpB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,SAU1D,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAClF;AAmBD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAChE,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,wBAAwB,GAAI,qDAKtC,0BAA0B,KAAG,2BAyB/B,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,OAAO,GAAG,IAAI,WACN,CAAA;AAE/D,eAAO,MAAM,gBAAgB,GAC3B,OAAO,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EACxC,mBAAmB,OAAO,GAAG,IAAI,KAChC,MAAM,GAAG,SAkBX,CAAA"}
@@ -7,6 +7,7 @@ export interface IBuildHorizontalBarChartConfigOptions {
7
7
  xMin?: number;
8
8
  xStep?: number;
9
9
  skeleton?: boolean;
10
+ onBarClick?: (index: number) => void;
10
11
  }
11
- export declare const buildHorizontalBarChartConfig: ({ items, colorHostElement, xMax, xMin, xStep, skeleton, }: IBuildHorizontalBarChartConfigOptions) => ChartConfiguration<"bar"> | null;
12
+ export declare const buildHorizontalBarChartConfig: ({ items, colorHostElement, xMax, xMin, xStep, skeleton, onBarClick, }: IBuildHorizontalBarChartConfigOptions) => ChartConfiguration<"bar"> | null;
12
13
  //# sourceMappingURL=buildHorizontalBarChartConfig.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"buildHorizontalBarChartConfig.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/horizontalBar/buildHorizontalBarChartConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AASlD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AASpE,MAAM,WAAW,qCAAqC;IACpD,KAAK,EAAE,uBAAuB,EAAE,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,6BAA6B,GAAI,2DAO3C,qCAAqC,KAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAuEtE,CAAA"}
1
+ {"version":3,"file":"buildHorizontalBarChartConfig.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/horizontalBar/buildHorizontalBarChartConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAUlD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AASpE,MAAM,WAAW,qCAAqC;IACpD,KAAK,EAAE,uBAAuB,EAAE,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,6BAA6B,GAAI,uEAQ3C,qCAAqC,KAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAiFtE,CAAA"}
@@ -21,6 +21,7 @@ export { createStackedBarHoverOutlinePlugin } from './bar/createStackedBarHoverO
21
21
  export { buildHorizontalBarChartConfig } from './horizontalBar/buildHorizontalBarChartConfig';
22
22
  export type { TChartHorizontalBarItem } from './horizontalBar/horizontalBar.types';
23
23
  export { resolvePieSliceColor } from './pie/resolvePieSliceColor';
24
+ export { resolveSegmentedBarSegmentColor } from './segmentedBar/resolveSegmentedBarSegmentColor';
24
25
  export { createPieTooltipCallbacks } from './pie/createPieTooltipCallbacks';
25
26
  export { createPieSegmentBadgePlugin } from './pie/createPieSegmentBadgePlugin';
26
27
  export { resolveMultiLineSeriesColor } from './multiLine/resolveMultiLineSeriesColor';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EACL,mBAAmB,EACnB,qCAAqC,EACrC,oCAAoC,GACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EACL,8BAA8B,EAC9B,iCAAiC,EACjC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAA;AACnC,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,YAAY,EACV,kCAAkC,EAClC,oBAAoB,GACrB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EACL,iCAAiC,EACjC,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EACL,gCAAgC,EAChC,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,kCAAkC,EAAE,MAAM,0CAA0C,CAAA;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAA;AAC7F,YAAY,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,iCAAiC,EAAE,MAAM,uCAAuC,CAAA;AAC9F,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAA;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAA;AACnF,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EACL,mBAAmB,EACnB,qCAAqC,EACrC,oCAAoC,GACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EACL,8BAA8B,EAC9B,iCAAiC,EACjC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAA;AACnC,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,YAAY,EACV,kCAAkC,EAClC,oBAAoB,GACrB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EACL,iCAAiC,EACjC,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EACL,gCAAgC,EAChC,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,kCAAkC,EAAE,MAAM,0CAA0C,CAAA;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAA;AAC7F,YAAY,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gDAAgD,CAAA;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,iCAAiC,EAAE,MAAM,uCAAuC,CAAA;AAC9F,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAA;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAA;AACnF,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare const resolveSegmentedBarSegmentColor: (segmentIndex: number, colorHostElement: Element | null | undefined, fillColor?: string, skeleton?: boolean) => string;
2
+ //# sourceMappingURL=resolveSegmentedBarSegmentColor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveSegmentedBarSegmentColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,+BAA+B,GAC1C,cAAc,MAAM,EACpB,kBAAkB,OAAO,GAAG,IAAI,GAAG,SAAS,EAC5C,YAAY,MAAM,EAClB,kBAAgB,WAOd,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shtabapp/ui-kit",
3
- "version": "1.44.0",
3
+ "version": "1.46.0",
4
4
  "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
5
5
  "keywords": [
6
6
  "shtab",
@@ -259,8 +259,8 @@
259
259
  "dependencies": {
260
260
  "chart.js": "^4.5.0",
261
261
  "vue-i18n": "^9.14.5",
262
- "@shtabapp/ui-kit-tokens": "^1.17.0",
263
- "@shtabapp/ui-kit-primitives": "^1.20.0"
262
+ "@shtabapp/ui-kit-primitives": "^1.21.0",
263
+ "@shtabapp/ui-kit-tokens": "^1.19.0"
264
264
  },
265
265
  "devDependencies": {
266
266
  "@storybook/vue3-vite": "^10.4.1",
@@ -1,247 +0,0 @@
1
- import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
2
- import { S as t, a as n, g as r, i, o as a, r as o, t as s, u as c } from "./SChartSkeletonHost-CecfQ3Ye.js";
3
- import { t as l } from "./createChartCrosshairPlugin-BC0IDCn3.js";
4
- import { t as u } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
5
- import { t as d } from "./SChartLegend-Chr0IZWN.js";
6
- import { computed as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, unref as y, useTemplateRef as b, withCtx as x } from "vue";
7
- //#region src/utils/chart/burnup/createBurnupTodayLinePlugin.ts
8
- var S = (e, n) => ({
9
- id: "sUiChartBurnupTodayLine",
10
- beforeDatasetsDraw(i) {
11
- if (e < 0) return;
12
- let { ctx: a, chartArea: o } = i, s = i.scales.x;
13
- if (!o || !s) return;
14
- let c = t(r.burnupToday, n), l = s.getPixelForValue(e);
15
- a.save(), a.beginPath(), a.moveTo(l, o.top), a.lineTo(l, o.bottom), a.lineWidth = 1, a.strokeStyle = c, a.stroke(), a.restore();
16
- }
17
- }), C = 8, w = 4, T = 5, E = 12, D = 12, O = 60, k = 12, A = (e) => {
18
- if (typeof window > "u") return "500 10px sans-serif";
19
- let t = e ?? document.documentElement;
20
- return `500 10px ${getComputedStyle(t).getPropertyValue("--s-ui-font-family-label").trim() || "sans-serif"}`;
21
- }, j = (e, t, n, r, i, a) => {
22
- let o = Math.min(a, r / 2, i / 2);
23
- 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();
24
- }, M = ({ tagLines: e, factDatasetIndex: n, todayIndex: i }, a) => ({
25
- id: "sUiChartBurnupTag",
26
- afterDatasetsDraw(o) {
27
- if (i < 0 || e.length === 0) return;
28
- let s = o.getDatasetMeta(n)?.data[i], { chartArea: c } = o;
29
- if (!s || !c) return;
30
- let l = t(r.burnupToday, a), u = t(r.burnupTagBackground, a), { ctx: d } = o;
31
- d.save(), d.font = A(a), d.textAlign = "center", d.textBaseline = "middle";
32
- let f = e.reduce((e, t) => Math.max(e, d.measureText(t).width), 0), p = Math.max(O, f + C * 2), m = e.length * D + w + T, h = Math.min(Math.max(s.x - p / 2, c.left), c.right - p), g = Math.max(s.y - k - m, c.top);
33
- j(d, h, g, p, m, E), d.fillStyle = u, d.fill(), d.lineWidth = 1, d.strokeStyle = l, d.stroke(), d.fillStyle = l, e.forEach((e, t) => {
34
- d.fillText(e, h + p / 2, g + w + D * (t + .5));
35
- }), d.restore();
36
- }
37
- }), N = (e, t) => t >= 0 && e > t, P = ({ todayIndex: e, futureLabel: t }) => ({
38
- title: (t) => {
39
- let n = t[0];
40
- return !n || N(n.dataIndex, e) ? "" : `${n.label}`;
41
- },
42
- label: (n) => N(n.dataIndex, e) ? t : `${n.dataset.label ?? ""}: ${n.parsed.y ?? 0}%`
43
- }), F = (e) => (t) => !N(t.dataIndex, e) || t.datasetIndex === 0, I = 1, L = 1, R = 2, z = [8, 8], B = [9, 9], V = 2, H = 25, U = (e) => e.reduce((e, t, n) => t.fact === null ? e : n, -1), W = (e, t, n) => {
44
- let r = e.reduce((e, t) => Math.max(e, t.plan, t.fact ?? 0), t);
45
- return Math.ceil(r / n) * n;
46
- }, G = ({ points: o, colorHostElement: s, goalValue: d = 100, goalLabel: f = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = H, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
47
- if (o.length === 0) return null;
48
- let b = t(r.axisLabel, s), x = t(r.grid, s), C = t(r.tooltipBackground, s), w = t(r.tooltipText, s), T = t(r.skeletonSeries, s), E = y ? T : t(r.burnupGoal, s), D = y ? T : t(r.burnupPlan, s), O = y ? T : t(r.burnupFact, s), k = t(r.burnupFactFillStart, s), A = t(r.burnupFactFillEnd, s), j = U(o), N = j >= 0 ? o[j] : void 0, G = N ? [`${m.toLowerCase()} ${N.fact}%`, `${p.toLowerCase()} ${N.plan}%`] : [];
49
- return {
50
- type: "line",
51
- data: {
52
- labels: o.map((e) => e.label),
53
- datasets: [
54
- {
55
- label: f,
56
- data: o.map(() => d),
57
- borderColor: E,
58
- backgroundColor: E,
59
- borderWidth: I,
60
- borderDash: z,
61
- fill: !1,
62
- pointRadius: 0,
63
- pointHoverRadius: 0,
64
- tension: 0
65
- },
66
- {
67
- label: p,
68
- data: o.map((e) => e.plan),
69
- borderColor: D,
70
- backgroundColor: D,
71
- borderWidth: L,
72
- borderDash: B,
73
- fill: !1,
74
- pointRadius: 0,
75
- pointHoverRadius: 0,
76
- tension: .4
77
- },
78
- {
79
- label: m,
80
- data: o.map((e) => e.fact ?? null),
81
- borderColor: O,
82
- backgroundColor: y ? O : (t) => e(t, k, A),
83
- borderWidth: R,
84
- fill: !y,
85
- spanGaps: !1,
86
- pointRadius: 0,
87
- pointHoverRadius: 4,
88
- tension: .4
89
- }
90
- ]
91
- },
92
- options: {
93
- responsive: !0,
94
- maintainAspectRatio: !1,
95
- interaction: i(y, {
96
- mode: "index",
97
- intersect: !1
98
- }),
99
- plugins: {
100
- legend: { display: !1 },
101
- tooltip: {
102
- enabled: n(y),
103
- backgroundColor: C,
104
- titleColor: w,
105
- bodyColor: w,
106
- displayColors: !1,
107
- position: c,
108
- yAlign: "bottom",
109
- xAlign: "center",
110
- caretPadding: 8,
111
- filter: F(j),
112
- callbacks: P({
113
- todayIndex: j,
114
- futureLabel: h
115
- })
116
- }
117
- },
118
- scales: u({
119
- axisLabelColor: b,
120
- gridColor: x,
121
- yMin: 0,
122
- yMax: W(o, d, g),
123
- yStep: g,
124
- mirrorYAxis: _,
125
- formatYAxisTick: (e) => `${e}%`
126
- })
127
- },
128
- plugins: a(y, [
129
- l(s),
130
- S(j, s),
131
- ...v ? [M({
132
- tagLines: G,
133
- factDatasetIndex: V,
134
- todayIndex: j
135
- }, s)] : []
136
- ])
137
- };
138
- }, K = [
139
- 8,
140
- 15,
141
- 23,
142
- 31,
143
- 38,
144
- 46,
145
- 54,
146
- 62,
147
- 69,
148
- 77,
149
- 85,
150
- 92,
151
- 96,
152
- 100
153
- ], q = [
154
- 5,
155
- 10,
156
- 16,
157
- 22,
158
- 28,
159
- 34,
160
- 40,
161
- 45,
162
- 50,
163
- 54,
164
- 57,
165
- 60,
166
- null,
167
- null
168
- ], J = K.map((e, t) => ({
169
- label: `Д${t + 1}`,
170
- plan: e,
171
- fact: q[t]
172
- })), Y = { class: "s-ui-chart-burnup__canvas-wrap" }, X = /* @__PURE__ */ g({
173
- __name: "SChartBurnup",
174
- props: {
175
- points: { default: () => [] },
176
- loading: {
177
- type: Boolean,
178
- default: !1
179
- },
180
- goalValue: { default: 100 },
181
- goalLabel: { default: "Цель" },
182
- planLabel: { default: "План" },
183
- factLabel: { default: "Факт" },
184
- futureLabel: { default: "Этот день ещё не наступил" },
185
- yStep: { default: 25 },
186
- mirrorYAxis: {
187
- type: Boolean,
188
- default: !0
189
- },
190
- showTag: {
191
- type: Boolean,
192
- default: !0
193
- }
194
- },
195
- setup(e) {
196
- let n = b("chartRootRef"), i = b("chartCanvasRef"), a = f(() => e.loading ? J : e.points), c = f(() => !e.loading && e.points.length === 0 ? null : G({
197
- points: a.value,
198
- colorHostElement: n.value,
199
- goalValue: e.goalValue,
200
- goalLabel: e.goalLabel,
201
- planLabel: e.planLabel,
202
- factLabel: e.factLabel,
203
- futureLabel: e.futureLabel,
204
- yStep: e.yStep,
205
- mirrorYAxis: e.mirrorYAxis,
206
- showTag: e.showTag,
207
- skeleton: e.loading
208
- })), l = f(() => [
209
- {
210
- label: e.goalLabel,
211
- cssVariable: r.burnupGoal
212
- },
213
- {
214
- label: e.planLabel,
215
- cssVariable: r.burnupPlan
216
- },
217
- {
218
- label: e.factLabel,
219
- cssVariable: r.burnupFact
220
- }
221
- ].map((i) => ({
222
- label: i.label.toLowerCase(),
223
- color: t(e.loading ? r.skeletonSeries : i.cssVariable, n.value)
224
- })));
225
- return o({
226
- canvasRef: i,
227
- config: c,
228
- enabled: f(() => e.loading || e.points.length > 0)
229
- }), (t, r) => (v(), p("div", {
230
- ref_key: "chartRootRef",
231
- ref: n,
232
- class: _(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": e.loading }])
233
- }, [m("div", Y, [h(y(s), { loading: e.loading }, {
234
- default: x(() => [m("canvas", {
235
- ref_key: "chartCanvasRef",
236
- ref: i,
237
- class: "s-ui-chart-burnup__canvas"
238
- }, null, 512)]),
239
- _: 1
240
- }, 8, ["loading"])]), h(y(d), {
241
- items: l.value,
242
- disabled: e.loading
243
- }, null, 8, ["items", "disabled"])], 2));
244
- }
245
- });
246
- //#endregion
247
- export { X as t };
@@ -1 +0,0 @@
1
- const e=require("./SChartSkeletonHost-CfM0zolj.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.S(e.g.barHorizontalSkeletonFill,n):t?e.S(t,n):e.S(e.g.barHorizontalFillDefault,n),o=(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},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.S(e.g.axisLabel,n),h=e.S(e.g.grid,n),g=e.S(e.g.tooltipBackground,n),_=e.S(e.g.tooltipText,n),v=e.S(p?e.g.barHorizontalCategoryLabelSkeleton:e.g.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--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:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
@@ -1,156 +0,0 @@
1
- import { S as e, a as t, g as n, i as r, r as i, t as a } from "./SChartSkeletonHost-CecfQ3Ye.js";
2
- import { computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p, useTemplateRef as m, withCtx as h } from "vue";
3
- //#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
4
- var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
5
- x: {
6
- type: "linear",
7
- min: r,
8
- max: i,
9
- border: { display: !1 },
10
- grid: {
11
- color: n,
12
- drawTicks: !1
13
- },
14
- ticks: {
15
- color: e,
16
- stepSize: a,
17
- font: {
18
- size: g,
19
- weight: 500
20
- },
21
- padding: 8
22
- }
23
- },
24
- y: {
25
- border: { display: !1 },
26
- grid: { display: !1 },
27
- ticks: {
28
- color: t,
29
- font: {
30
- size: _,
31
- weight: 400
32
- },
33
- padding: 8,
34
- crossAlign: "far",
35
- autoSkip: !1
36
- }
37
- }
38
- }), y = (t, r, i) => e(i ? n.barHorizontalSkeletonFill : t || n.barHorizontalFillDefault, r), b = (e, t, n) => {
39
- if (t) return t;
40
- let r = 0;
41
- for (let t of e) r = Math.max(r, t.value);
42
- let i = Math.ceil(r / n) * n;
43
- return i > 0 ? i : n * 6;
44
- }, x = 10, S = 0, C = 36, w = 4, T = ({ items: i, colorHostElement: a, xMax: o, xMin: s = S, xStep: c = x, skeleton: l = !1 }) => {
45
- if (i.length === 0) return null;
46
- let u = e(n.axisLabel, a), d = e(n.grid, a), f = e(n.tooltipBackground, a), p = e(n.tooltipText, a), m = e(l ? n.barHorizontalCategoryLabelSkeleton : n.barHorizontalCategoryLabel, a), h = b(i, o, c), g = i.map((e) => y(e.color, a, l));
47
- return {
48
- type: "bar",
49
- data: {
50
- labels: i.map((e) => e.label),
51
- datasets: [{
52
- data: i.map((e) => e.value),
53
- backgroundColor: g,
54
- hoverBackgroundColor: g,
55
- borderWidth: 0,
56
- hoverBorderWidth: 0,
57
- barThickness: C,
58
- borderRadius: {
59
- topRight: w,
60
- bottomRight: w
61
- }
62
- }]
63
- },
64
- options: {
65
- indexAxis: "y",
66
- responsive: !0,
67
- maintainAspectRatio: !1,
68
- interaction: r(l, {
69
- mode: "index",
70
- intersect: !1
71
- }),
72
- plugins: {
73
- legend: { display: !1 },
74
- tooltip: {
75
- enabled: t(l),
76
- backgroundColor: f,
77
- titleColor: p,
78
- bodyColor: p
79
- }
80
- },
81
- scales: v({
82
- axisLabelColor: u,
83
- categoryLabelColor: m,
84
- gridColor: d,
85
- xMin: s,
86
- xMax: h,
87
- xStep: c
88
- })
89
- }
90
- };
91
- }, E = (e) => T(e), D = [
92
- {
93
- label: "Открыта",
94
- value: 48
95
- },
96
- {
97
- label: "В процессе",
98
- value: 32
99
- },
100
- {
101
- label: "Ревью",
102
- value: 53
103
- },
104
- {
105
- label: "Готова для QA",
106
- value: 18
107
- },
108
- {
109
- label: "QA",
110
- value: 25
111
- },
112
- {
113
- label: "Готова",
114
- value: 0
115
- }
116
- ], O = { class: "s-ui-chart-horizontal-bar__canvas-wrap" }, k = /* @__PURE__ */ u({
117
- __name: "SChartHorizontalBar",
118
- props: {
119
- items: { default: () => [] },
120
- loading: {
121
- type: Boolean,
122
- default: !1
123
- },
124
- xMin: {},
125
- xMax: {},
126
- xStep: {}
127
- },
128
- setup(e) {
129
- let t = m("chartRootRef"), n = m("chartCanvasRef"), r = o(() => e.loading ? D : e.items);
130
- return i({
131
- canvasRef: n,
132
- config: o(() => !e.loading && e.items.length === 0 ? null : E({
133
- items: r.value,
134
- colorHostElement: t.value,
135
- xMax: e.loading ? 60 : e.xMax,
136
- xMin: e.loading ? 0 : e.xMin,
137
- xStep: e.loading ? 10 : e.xStep,
138
- skeleton: e.loading
139
- })),
140
- enabled: o(() => e.loading || e.items.length > 0)
141
- }), (r, i) => (f(), s("div", {
142
- ref_key: "chartRootRef",
143
- ref: t,
144
- class: d(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
145
- }, [c("div", O, [l(p(a), { loading: e.loading }, {
146
- default: h(() => [c("canvas", {
147
- ref_key: "chartCanvasRef",
148
- ref: n,
149
- class: "s-ui-chart-horizontal-bar__canvas"
150
- }, null, 512)]),
151
- _: 1
152
- }, 8, ["loading"])])], 2));
153
- }
154
- });
155
- //#endregion
156
- export { k as t };
@@ -1,30 +0,0 @@
1
- import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
2
- //#region src/components/SChartLegend/SChartLegend.vue?vue&type=script&setup=true&lang.ts
3
- var l = {
4
- class: "s-ui-chart-legend__swatch-slot",
5
- "aria-hidden": "true"
6
- }, u = { class: "s-ui-chart-legend__label" }, d = /* @__PURE__ */ r({
7
- __name: "SChartLegend",
8
- props: {
9
- items: {},
10
- disabled: {
11
- type: Boolean,
12
- default: !1
13
- },
14
- direction: { default: "row" }
15
- },
16
- setup(r) {
17
- return (d, f) => (o(), t("ul", { class: i(["s-ui-chart-legend", {
18
- "s-ui-chart-legend--disabled": r.disabled,
19
- "s-ui-chart-legend--column": r.direction === "column"
20
- }]) }, [(o(!0), t(e, null, s(r.items, (e) => (o(), t("li", {
21
- key: e.label,
22
- class: "s-ui-chart-legend__item"
23
- }, [n("span", l, [n("span", {
24
- class: "s-ui-chart-legend__swatch",
25
- style: a({ backgroundColor: e.color })
26
- }, null, 4)]), n("span", u, "— " + c(e.label), 1)]))), 128))], 2));
27
- }
28
- });
29
- //#endregion
30
- export { d as t };
@@ -1 +0,0 @@
1
- let e=require("vue");var t={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},n={class:`s-ui-chart-legend__label`},r=(0,e.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`}},setup(r){return(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`ul`,{class:(0,e.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":r.disabled,"s-ui-chart-legend--column":r.direction===`column`}])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,r=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:r.label,class:`s-ui-chart-legend__item`},[(0,e.createElementVNode)(`span`,t,[(0,e.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,e.normalizeStyle)({backgroundColor:r.color})},null,4)]),(0,e.createElementVNode)(`span`,n,`— `+(0,e.toDisplayString)(r.label),1)]))),128))],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});