@shtabapp/ui-kit 1.74.0 → 1.76.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 +26 -0
- package/dist/{SButton-CLTNdnCK.cjs → SButton-BCgdXE_B.cjs} +1 -1
- package/dist/{SButton-LAOBxpd4.js → SButton-DIWMMCSc.js} +1 -0
- package/dist/{SButtonGroup-DPq5g7bZ.js → SButtonGroup-BqW5Rz1p.js} +0 -2
- package/dist/{SButtonGroup-Co1AUbsm.cjs → SButtonGroup-DSi8mQSz.cjs} +1 -1
- package/dist/{SCard-DKZYyR5b.cjs → SCard-B210wsTH.cjs} +1 -1
- package/dist/{SCard-DgGxjBUV.js → SCard-DJuyINB7.js} +1 -1
- package/dist/SChartBar-BvytQ-2z.js +293 -0
- package/dist/SChartBar-BzCeNCsi.cjs +1 -0
- package/dist/SChartBurnup-BeQWgnGT.js +261 -0
- package/dist/SChartBurnup-joKIDLFb.cjs +1 -0
- package/dist/SChartHorizontalBar-C40Yroue.js +176 -0
- package/dist/SChartHorizontalBar-Dwln3uuE.cjs +1 -0
- package/dist/SChartLegend-D1gPKGm0.cjs +1 -0
- package/dist/SChartLegend-dDqLhvIj.js +88 -0
- package/dist/{SChartLine-v0tkmnN6.js → SChartLine-BV8Ytso5.js} +36 -36
- package/dist/{SChartLine-3l507dBg.cjs → SChartLine-DeJjaBmo.cjs} +1 -1
- package/dist/SChartMultiLine-7_HcvVEQ.js +279 -0
- package/dist/SChartMultiLine-Cl9Pf3Wp.cjs +1 -0
- package/dist/SChartPie-BiLoxutQ.js +267 -0
- package/dist/SChartPie-DccW5J0b.cjs +1 -0
- package/dist/{SChartProgress-9Zzy7E8K.cjs → SChartProgress-Cpdkad6Q.cjs} +1 -1
- package/dist/{SChartProgress-DUgSOdv7.js → SChartProgress-DSxJqRA0.js} +27 -27
- package/dist/{SChartStackedArea-Blpqa23h.js → SChartStackedArea-B28offwE.js} +44 -44
- package/dist/{SChartStackedArea-C3MezV9k.cjs → SChartStackedArea-Ce7xyhp1.cjs} +1 -1
- package/dist/{SChartStackedBar-CCxEXw1H.js → SChartStackedBar-C77FlKGS.js} +55 -55
- package/dist/{SChartStackedBar-CJ-UdOfv.cjs → SChartStackedBar-CqUDrFJ3.cjs} +1 -1
- package/dist/SCheckbox-Dkbk21Id.cjs +1 -0
- package/dist/SCheckbox-Dulusx5v.js +105 -0
- package/dist/{SChip-Dcvk3JI8.cjs → SChip-BCB1bvua.cjs} +1 -1
- package/dist/{SChip-NDTK29yq.js → SChip-C6d9oIYL.js} +1 -1
- package/dist/{SColorPicker-Ct8FVU0D.cjs → SColorPicker-CcPnyXE0.cjs} +1 -1
- package/dist/{SColorPicker-BjtlrGHZ.js → SColorPicker-XXyDOuDg.js} +2 -2
- package/dist/{SInput-D8NftspL.js → SInput-CGlUBCkW.js} +57 -54
- package/dist/SInput-fT-S-Tko.cjs +1 -0
- package/dist/SList-BuuCfuHg.js +471 -0
- package/dist/SList-Vg9nx1oe.cjs +1 -0
- package/dist/SListItem-CDlsjhA3.js +227 -0
- package/dist/SListItem-DMjtJXxV.cjs +1 -0
- package/dist/{SPhotoEdit-CShhPLJt.cjs → SPhotoEdit-B4ujF5Dh.cjs} +1 -1
- package/dist/{SPhotoEdit-r63G2NZI.js → SPhotoEdit-BxxycqvA.js} +1 -1
- package/dist/SRadio-B9qQ-PEk.cjs +1 -0
- package/dist/SRadio-BhoLtFUS.js +60 -0
- package/dist/SSelect-Bn4kifqp.js +666 -0
- package/dist/SSelect-DyngcoP9.cjs +1 -0
- package/dist/STab-BkQzKaLY.cjs +1 -0
- package/dist/STab-D7SATMfv.js +242 -0
- package/dist/{STable-CToIFCiU.js → STable-BVGHC_FJ.js} +193 -169
- package/dist/STable-QYXxMVAw.cjs +1 -0
- package/dist/STabs-BYbsRtvi.js +151 -0
- package/dist/STabs-DDP-2p6T.cjs +1 -0
- package/dist/{STag-C5KhPWjQ.js → STag-DWjv_Za8.js} +1 -1
- package/dist/{STag-ZPrc5q4N.cjs → STag-nqzlv8OZ.cjs} +1 -1
- package/dist/{STagGroup-ccEvIkK7.cjs → STagGroup-CYEI9OXO.cjs} +1 -1
- package/dist/{STagGroup-BGwvunuu.js → STagGroup-DEPpEU5C.js} +1 -1
- package/dist/SToggle-BNgLiIrQ.cjs +1 -0
- package/dist/SToggle-MSdprnRP.js +62 -0
- package/dist/applyChartHighlightedYTick-BHVwiljn.cjs +1 -0
- package/dist/applyChartHighlightedYTick-DmsstRVM.js +17 -0
- package/dist/buildMultiLineChartScales-Di-yTvEB.js +41 -0
- package/dist/buildMultiLineChartScales-lVP6h9H4.cjs +1 -0
- package/dist/components/SButton/SButton.vue.d.ts.map +1 -1
- package/dist/components/SButtonGroup/SButtonGroup.vue.d.ts.map +1 -1
- package/dist/components/SChartBar/SChartBar.types.d.ts +33 -4
- package/dist/components/SChartBar/SChartBar.types.d.ts.map +1 -1
- package/dist/components/SChartBar/SChartBar.vue.d.ts.map +1 -1
- package/dist/components/SChartBar/index.d.ts +1 -1
- package/dist/components/SChartBar/index.d.ts.map +1 -1
- package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts +8 -2
- package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts.map +1 -1
- package/dist/components/SChartBar/utils/createBarTargetLinePlugin.d.ts.map +1 -1
- package/dist/components/SChartBar/utils/createBarValueLabelPlugin.d.ts +7 -0
- package/dist/components/SChartBar/utils/createBarValueLabelPlugin.d.ts.map +1 -0
- package/dist/components/SChartBar/utils/demoBarSeries.d.ts +7 -1
- package/dist/components/SChartBar/utils/demoBarSeries.d.ts.map +1 -1
- package/dist/components/SChartBurnup/SChartBurnup.types.d.ts +8 -1
- package/dist/components/SChartBurnup/SChartBurnup.types.d.ts.map +1 -1
- package/dist/components/SChartBurnup/utils/buildBurnupChartConfig.d.ts.map +1 -1
- package/dist/components/SChartBurnup/utils/demoBurnupPoints.d.ts +1 -0
- package/dist/components/SChartBurnup/utils/demoBurnupPoints.d.ts.map +1 -1
- package/dist/components/SChartLegend/SChartLegend.types.d.ts +17 -0
- package/dist/components/SChartLegend/SChartLegend.types.d.ts.map +1 -1
- package/dist/components/SChartLegend/SChartLegend.vue.d.ts +3 -1
- package/dist/components/SChartLegend/SChartLegend.vue.d.ts.map +1 -1
- package/dist/components/SChartLegend/index.d.ts +1 -0
- package/dist/components/SChartLegend/index.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts +14 -2
- package/dist/components/SChartMultiLine/SChartMultiLine.types.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts +3 -1
- package/dist/components/SChartMultiLine/SChartMultiLine.vue.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/index.d.ts +1 -1
- package/dist/components/SChartMultiLine/index.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts +9 -2
- package/dist/components/SChartMultiLine/utils/buildMultiLineChartConfig.d.ts.map +1 -1
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts +4 -1
- package/dist/components/SChartMultiLine/utils/demoMultiLineSeries.d.ts.map +1 -1
- package/dist/components/SChartPie/SChartPie.types.d.ts +27 -1
- package/dist/components/SChartPie/SChartPie.types.d.ts.map +1 -1
- package/dist/components/SChartPie/SChartPie.vue.d.ts +16 -2
- package/dist/components/SChartPie/SChartPie.vue.d.ts.map +1 -1
- package/dist/components/SChartPie/index.d.ts +2 -1
- package/dist/components/SChartPie/index.d.ts.map +1 -1
- package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts +3 -1
- package/dist/components/SChartPie/utils/buildPieChartConfig.d.ts.map +1 -1
- package/dist/components/SChartPie/utils/demoPieSlices.d.ts +1 -0
- package/dist/components/SChartPie/utils/demoPieSlices.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.types.d.ts +9 -0
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.types.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts +14 -2
- package/dist/components/SChartSegmentedBar/SChartSegmentedBar.vue.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts +4 -1
- package/dist/components/SChartSegmentedBar/utils/buildSegmentedBarChartConfig.d.ts.map +1 -1
- package/dist/components/SChartSegmentedBar/utils/createSegmentedBarBadgePlugin.d.ts.map +1 -1
- package/dist/components/SCheckbox/SCheckbox.vue.d.ts.map +1 -1
- package/dist/components/SInput/SInput.vue.d.ts.map +1 -1
- package/dist/components/SInput/utils/fieldLabelId.d.ts +6 -0
- package/dist/components/SInput/utils/fieldLabelId.d.ts.map +1 -0
- package/dist/components/SList/SList.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/context.d.ts +3 -0
- package/dist/components/SList/utils/context.d.ts.map +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.types.d.ts +22 -0
- package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/components/SListItem/index.d.ts +2 -2
- package/dist/components/SListItem/index.d.ts.map +1 -1
- package/dist/components/SListItem/utils/listItemAria.d.ts +31 -0
- package/dist/components/SListItem/utils/listItemAria.d.ts.map +1 -0
- package/dist/components/SRadio/SRadio.vue.d.ts.map +1 -1
- package/dist/components/SRoadmap/SRoadmap.types.d.ts +47 -0
- package/dist/components/SRoadmap/SRoadmap.types.d.ts.map +1 -0
- package/dist/components/SRoadmap/SRoadmap.vue.d.ts +21 -0
- package/dist/components/SRoadmap/SRoadmap.vue.d.ts.map +1 -0
- package/dist/components/SRoadmap/index.d.ts +4 -0
- package/dist/components/SRoadmap/index.d.ts.map +1 -0
- package/dist/components/SRoadmap/utils/buildRoadmapRows.d.ts +19 -0
- package/dist/components/SRoadmap/utils/buildRoadmapRows.d.ts.map +1 -0
- package/dist/components/SRoadmap/utils/demoRoadmapItems.d.ts +5 -0
- package/dist/components/SRoadmap/utils/demoRoadmapItems.d.ts.map +1 -0
- package/dist/components/SRoadmap/utils/roadmapDate.d.ts +16 -0
- package/dist/components/SRoadmap/utils/roadmapDate.d.ts.map +1 -0
- package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
- package/dist/components/STab/STab.types.d.ts +5 -0
- package/dist/components/STab/STab.types.d.ts.map +1 -1
- package/dist/components/STab/STab.vue.d.ts +2 -0
- package/dist/components/STab/STab.vue.d.ts.map +1 -1
- package/dist/components/STable/STable.vue.d.ts.map +1 -1
- package/dist/components/STable/parts/STableGroupRow.vue.d.ts +2 -0
- package/dist/components/STable/parts/STableGroupRow.vue.d.ts.map +1 -1
- package/dist/components/STable/parts/STableRow.vue.d.ts +2 -0
- package/dist/components/STable/parts/STableRow.vue.d.ts.map +1 -1
- package/dist/components/STable/utils/useTableRowHydration.d.ts +3 -1
- package/dist/components/STable/utils/useTableRowHydration.d.ts.map +1 -1
- package/dist/components/STabs/STabs.vue.d.ts.map +1 -1
- package/dist/components/SToggle/SToggle.vue.d.ts.map +1 -1
- package/dist/composables/useAriaAttrs.d.ts +21 -0
- package/dist/composables/useAriaAttrs.d.ts.map +1 -0
- package/dist/composables/useChartInteractivity.d.ts +2 -1
- package/dist/composables/useChartInteractivity.d.ts.map +1 -1
- package/dist/{createChartCrosshairPlugin-B4e8d8OF.cjs → createChartCrosshairPlugin-BTPv09h4.cjs} +1 -1
- package/dist/{createChartCrosshairPlugin-C2NUAO5s.js → createChartCrosshairPlugin-EqMlaexu.js} +2 -2
- package/dist/createChartMarkersPlugin-BKxLg4pL.cjs +1 -0
- package/dist/{createChartMarkersPlugin-DkXituwE.js → createChartMarkersPlugin-DPvfZp_e.js} +11 -11
- package/dist/entries/button-group.cjs +1 -1
- package/dist/entries/button-group.js +1 -1
- package/dist/entries/button.cjs +1 -1
- package/dist/entries/button.js +1 -1
- package/dist/entries/card.cjs +1 -1
- package/dist/entries/card.js +1 -1
- package/dist/entries/chart-bar.cjs +1 -1
- package/dist/entries/chart-bar.js +1 -1
- 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.d.ts +2 -2
- package/dist/entries/chart-pie.d.ts.map +1 -1
- package/dist/entries/chart-pie.js +2 -2
- 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/entries/checkbox.cjs +1 -1
- package/dist/entries/checkbox.js +1 -1
- package/dist/entries/chip.cjs +1 -1
- package/dist/entries/chip.js +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/input.cjs +1 -1
- package/dist/entries/input.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.d.ts +2 -2
- package/dist/entries/list-item.d.ts.map +1 -1
- package/dist/entries/list-item.js +2 -2
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/photo-edit.cjs +1 -1
- package/dist/entries/photo-edit.js +1 -1
- package/dist/entries/radio.cjs +1 -1
- package/dist/entries/radio.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/tab.cjs +1 -1
- package/dist/entries/tab.js +1 -1
- package/dist/entries/table.cjs +1 -1
- package/dist/entries/table.js +1 -1
- package/dist/entries/tabs.cjs +1 -1
- package/dist/entries/tabs.js +2 -2
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +2 -2
- package/dist/entries/tag.cjs +1 -1
- package/dist/entries/tag.js +1 -1
- package/dist/entries/toggle.cjs +1 -1
- package/dist/entries/toggle.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +9 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +568 -302
- package/dist/resolveBarStackedSeriesColor-CjwUxrUx.js +11 -0
- package/dist/resolveBarStackedSeriesColor-Czkj5bJY.cjs +1 -0
- package/dist/resolveCssColorValue-BFMo08-w.cjs +1 -0
- package/dist/resolveCssColorValue-DH_SEZj4.js +8 -0
- package/dist/resolveSeriesPaletteColor-BepW1gdW.cjs +1 -0
- package/dist/{resolveSeriesPaletteColor-B7wHDj1L.js → resolveSeriesPaletteColor-DoPeNP_F.js} +3 -2
- package/dist/{resolveStackedChartContext-DxJNWqwE.js → resolveStackedChartContext-BbCzct6O.js} +5 -5
- package/dist/{resolveStackedChartContext-Br3N7ISo.cjs → resolveStackedChartContext-D4tuSA6Z.cjs} +1 -1
- package/dist/splitChartAxisLabel-D-IFyucJ.js +4 -0
- package/dist/splitChartAxisLabel-DAmQOJn6.cjs +2 -0
- package/dist/uikit-components.css +1 -1
- package/dist/useAriaAttrs-CxGRTeye.js +15 -0
- package/dist/useAriaAttrs-D748yeJ_.cjs +1 -0
- package/dist/useChartInteractivity-CaZ37kX-.cjs +1 -0
- package/dist/{useChartInteractivity-Cl06JL4l.js → useChartInteractivity-DygkiRA1.js} +178 -144
- package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts +3 -1
- package/dist/utils/chart/burnup/createBurnupTooltipCallbacks.d.ts.map +1 -1
- package/dist/utils/chart/chart.types.d.ts +10 -0
- package/dist/utils/chart/chart.types.d.ts.map +1 -1
- package/dist/utils/chart/core/applyChartHighlightedYTick.d.ts +19 -0
- package/dist/utils/chart/core/applyChartHighlightedYTick.d.ts.map +1 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts +3 -0
- package/dist/utils/chart/core/chartCssVariables.d.ts.map +1 -1
- package/dist/utils/chart/core/chartInteractivity.d.ts +9 -2
- package/dist/utils/chart/core/chartInteractivity.d.ts.map +1 -1
- package/dist/utils/chart/core/createChartMarkersPlugin.d.ts.map +1 -1
- package/dist/utils/chart/core/resolveSeriesPaletteColor.d.ts.map +1 -1
- package/dist/utils/chart/core/splitChartAxisLabel.d.ts +2 -0
- package/dist/utils/chart/core/splitChartAxisLabel.d.ts.map +1 -0
- package/dist/utils/chart/css/resolveCssColorValue.d.ts +2 -0
- package/dist/utils/chart/css/resolveCssColorValue.d.ts.map +1 -0
- package/dist/utils/chart/horizontalBar/resolveHorizontalBarColor.d.ts.map +1 -1
- package/dist/utils/chart/index.d.ts +4 -1
- package/dist/utils/chart/index.d.ts.map +1 -1
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts +119 -14
- package/dist/utils/chart/multiLine/buildMultiLineChartScales.d.ts.map +1 -1
- package/dist/utils/chart/multiLine/createMultiLineTooltipCallbacks.d.ts +7 -2
- package/dist/utils/chart/multiLine/createMultiLineTooltipCallbacks.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/SChartBar-CUAibXox.js +0 -215
- package/dist/SChartBar-xzw8oxXl.cjs +0 -1
- package/dist/SChartBurnup-C5Z7UDi-.js +0 -250
- package/dist/SChartBurnup-CWSJUoA_.cjs +0 -1
- package/dist/SChartHorizontalBar-0RpJa5EJ.cjs +0 -1
- package/dist/SChartHorizontalBar-B9SWFvdN.js +0 -175
- package/dist/SChartLegend-DGtjd6zV.cjs +0 -1
- package/dist/SChartLegend-oZoF8XK7.js +0 -42
- package/dist/SChartMultiLine-CG6dKmWm.js +0 -244
- package/dist/SChartMultiLine-vz7JdyA3.cjs +0 -1
- package/dist/SChartPie-0ugeo2fO.js +0 -182
- package/dist/SChartPie-QpnxLQYv.cjs +0 -1
- package/dist/SCheckbox-BMkOc5cn.js +0 -102
- package/dist/SCheckbox-DnnC5mOH.cjs +0 -1
- package/dist/SInput-B4So5LGW.cjs +0 -1
- package/dist/SList-BuXrkB03.js +0 -465
- package/dist/SList-CvP0U6U1.cjs +0 -1
- package/dist/SListItem-BOSQGRWA.js +0 -209
- package/dist/SListItem-BeaflFVf.cjs +0 -1
- package/dist/SRadio-D6_Pd6XX.js +0 -57
- package/dist/SRadio-DRo_GU5A.cjs +0 -1
- package/dist/SSelect-mnobObXO.cjs +0 -1
- package/dist/SSelect-rpJCD5PL.js +0 -652
- package/dist/STab-C06drUMG.cjs +0 -1
- package/dist/STab-ltjZBvbK.js +0 -218
- package/dist/STable-Ci_3UqBz.cjs +0 -1
- package/dist/STabs-BARXqgoB.js +0 -149
- package/dist/STabs-n5hMERTK.cjs +0 -1
- package/dist/SToggle-CGd0Mh0R.cjs +0 -1
- package/dist/SToggle-sGw-LSNd.js +0 -59
- package/dist/buildMultiLineChartScales-7mcIfRVG.cjs +0 -1
- package/dist/buildMultiLineChartScales-CFZ8YVeJ.js +0 -19
- package/dist/createChartMarkersPlugin-Cg1yGzxW.cjs +0 -1
- package/dist/resolveBarStackedSeriesColor-DM7Ax0-s.js +0 -11
- package/dist/resolveBarStackedSeriesColor-z3NP5vAS.cjs +0 -1
- package/dist/resolveSeriesPaletteColor-D0XlU5vT.cjs +0 -1
- package/dist/useChartInteractivity-LbJiqlvI.cjs +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ActiveElement, ChartEvent, UpdateMode } from 'chart.js';
|
|
2
|
-
export type TChartDimKind = 'element' | 'series' | 'segment';
|
|
2
|
+
export type TChartDimKind = 'element' | 'series' | 'segment' | 'category';
|
|
3
3
|
export interface TChartHoveredElement {
|
|
4
4
|
index: number;
|
|
5
5
|
datasetIndex: number;
|
|
@@ -10,6 +10,8 @@ interface IInteractiveChartDataset {
|
|
|
10
10
|
hoverBackgroundColor?: unknown;
|
|
11
11
|
borderColor?: unknown;
|
|
12
12
|
hoverBorderColor?: unknown;
|
|
13
|
+
/** Индекс категории каждой точки: легенда категорий подсвечивает точки своей категории. */
|
|
14
|
+
categories?: (number | undefined)[];
|
|
13
15
|
}
|
|
14
16
|
export interface IInteractiveChart {
|
|
15
17
|
data: {
|
|
@@ -19,7 +21,10 @@ export interface IInteractiveChart {
|
|
|
19
21
|
update: (mode?: UpdateMode) => void;
|
|
20
22
|
}
|
|
21
23
|
export type TChartDimSource = 'canvas' | 'external';
|
|
24
|
+
export declare const readChartHoveredElement: (chart: IInteractiveChart) => TChartHoveredElement | null;
|
|
25
|
+
export declare const isChartPointDimmed: (chart: IInteractiveChart, datasetIndex: number, pointIndex: number) => boolean;
|
|
22
26
|
export declare const dimChart: (chart: IInteractiveChart, kind: TChartDimKind, hoveredIndex: number | TChartHoveredElement | null, mutedColor: string, showPointer?: boolean, source?: TChartDimSource) => void;
|
|
27
|
+
export declare const pinChartElement: (chart: IInteractiveChart, kind: TChartDimKind, pinnedIndex: number | TChartHoveredElement | null, mutedColor: string) => void;
|
|
23
28
|
export declare const resetChartHoverDim: (chart: IInteractiveChart, source?: TChartDimSource) => void;
|
|
24
29
|
export interface IChartHoverResetPlugin {
|
|
25
30
|
id: string;
|
|
@@ -41,13 +46,15 @@ export interface IChartInteractivityOptions {
|
|
|
41
46
|
colorHostElement?: Element | null;
|
|
42
47
|
onIndexClick?: (index: number) => void;
|
|
43
48
|
onElementIndexClick?: (pointIndex: number, seriesIndex: number) => void;
|
|
49
|
+
/** Наведённый индекс (по `kind`) или `null`, когда курсор не над элементом. */
|
|
50
|
+
onHoverIndexChange?: (index: number | null) => void;
|
|
44
51
|
}
|
|
45
52
|
export interface IChartInteractivityHandlers {
|
|
46
53
|
onHover?: (event: ChartEvent, elements: ActiveElement[], chart: IInteractiveChart) => void;
|
|
47
54
|
onClick?: (event: ChartEvent, elements: ActiveElement[]) => void;
|
|
48
55
|
plugins: IChartHoverResetPlugin[];
|
|
49
56
|
}
|
|
50
|
-
export declare const createChartInteractivity: ({ kind, skeleton, colorHostElement, onIndexClick, onElementIndexClick, }: IChartInteractivityOptions) => IChartInteractivityHandlers;
|
|
57
|
+
export declare const createChartInteractivity: ({ kind, skeleton, colorHostElement, onIndexClick, onElementIndexClick, onHoverIndexChange, }: IChartInteractivityOptions) => IChartInteractivityHandlers;
|
|
51
58
|
export declare const readChartMutedColor: (colorHostElement?: Element | null) => string;
|
|
52
59
|
export declare const exportChartImage: (chart: Pick<IInteractiveChart, "canvas">, colorHostElement?: Element | null) => string | undefined;
|
|
53
60
|
export {};
|
|
@@ -1 +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,EAAqB,UAAU,EAAE,MAAM,UAAU,CAAA;AAUxF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"chartInteractivity.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartInteractivity.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createChartMarkersPlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/createChartMarkersPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAS,MAAM,EAAE,MAAM,UAAU,CAAA;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAclD,MAAM,WAAW,gCAAgC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;
|
|
1
|
+
{"version":3,"file":"createChartMarkersPlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/createChartMarkersPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAS,MAAM,EAAE,MAAM,UAAU,CAAA;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAclD,MAAM,WAAW,gCAAgC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAqGD,eAAO,MAAM,wBAAwB,GACnC,2BAA+B,gCAAgC,EAC/D,mBAAmB,OAAO,GAAG,IAAI,KAChC,MAAM,CAAC,MAAM,CAmEd,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveSeriesPaletteColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/resolveSeriesPaletteColor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"resolveSeriesPaletteColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/resolveSeriesPaletteColor.ts"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,SAAS,MAAM,EAAE,CAAA;IAClC,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAID,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,kBAAkB,OAAO,GAAG,IAAI,GAAG,SAAS,EAC5C,WAAW,MAAM,GAAG,SAAS,EAC7B,UAAU,OAAO,EACjB,QAAQ,oBAAoB,WAW7B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"splitChartAxisLabel.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/splitChartAxisLabel.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,MAAM,EACyB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveCssColorValue.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/css/resolveCssColorValue.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,EAAE,mBAAmB,OAAO,GAAG,IAAI,WAUpF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveHorizontalBarColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/horizontalBar/resolveHorizontalBarColor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"resolveHorizontalBarColor.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/horizontalBar/resolveHorizontalBarColor.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,GACpC,WAAW,MAAM,GAAG,SAAS,EAC7B,kBAAkB,OAAO,GAAG,IAAI,GAAG,SAAS,EAC5C,UAAU,OAAO,WAWlB,CAAA"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
export { applyOpacityToCssColor } from './css/applyOpacityToCssColor';
|
|
2
2
|
export { readCssColor } from './css/readCssColor';
|
|
3
3
|
export { readCssNumber } from './css/readCssNumber';
|
|
4
|
+
export { resolveCssColorValue } from './css/resolveCssColorValue';
|
|
4
5
|
export { buildCartesianChartScales } from './core/buildCartesianChartScales';
|
|
5
6
|
export { CHART_CSS_VARIABLES, SKELETON_SERIES_PALETTE_CSS_VARIABLES, STACKED_SERIES_PALETTE_CSS_VARIABLES, } from './core/chartCssVariables';
|
|
6
7
|
export { ensureChartJsRegistered } from './core/registerChartJs';
|
|
7
8
|
export { createChartSkeletonInteraction, createChartSkeletonTooltipEnabled, resolveChartSkeletonPlugins, } from './core/chartSkeletonConfig';
|
|
8
9
|
export type { IChartInteractionOptions } from './core/chartSkeletonConfig';
|
|
9
|
-
export type { TChartMarker, TChartPoint, TChartSeries, TChartSlice } from './chart.types';
|
|
10
|
+
export type { TChartHighlightedTick, TChartMarker, TChartPoint, TChartSeries, TChartSlice, } from './chart.types';
|
|
10
11
|
export { resolveChartValueRange } from './core/resolveChartValueRange';
|
|
11
12
|
export type { IChartValueRange, IResolveChartValueRangeOptions, } from './core/resolveChartValueRange';
|
|
12
13
|
export { createZeroLinePlugin } from './core/createZeroLinePlugin';
|
|
@@ -34,6 +35,8 @@ export { resolveMultiLineYMax } from './multiLine/resolveMultiLineYMax';
|
|
|
34
35
|
export { buildMultiLineChartScales, MULTI_LINE_MIRROR_Y_AXIS_ID, } from './multiLine/buildMultiLineChartScales';
|
|
35
36
|
export type { IBuildMultiLineChartScalesOptions } from './multiLine/buildMultiLineChartScales';
|
|
36
37
|
export { createMultiLineTooltipCallbacks, MULTI_LINE_TOOLTIP_POSITIONER, multiLineTooltipPositioner, } from './multiLine/createMultiLineTooltipCallbacks';
|
|
38
|
+
export type { IMultiLineTooltipOptions } from './multiLine/createMultiLineTooltipCallbacks';
|
|
39
|
+
export { splitChartAxisLabel } from './core/splitChartAxisLabel';
|
|
37
40
|
export { createBurnupTodayLinePlugin } from './burnup/createBurnupTodayLinePlugin';
|
|
38
41
|
export { createBurnupTagPlugin } from './burnup/createBurnupTagPlugin';
|
|
39
42
|
export type { ICreateBurnupTagPluginOptions } from './burnup/createBurnupTagPlugin';
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
|
+
import type { TChartHighlightedTick } from '../chart.types';
|
|
1
2
|
import { type IBuildCartesianChartScalesOptions } from '../core/buildCartesianChartScales';
|
|
2
3
|
export declare const MULTI_LINE_MIRROR_Y_AXIS_ID = "yMirror";
|
|
3
4
|
export interface IBuildMultiLineChartScalesOptions extends IBuildCartesianChartScalesOptions {
|
|
4
5
|
mirrorYAxis?: boolean;
|
|
6
|
+
verticalGrid?: boolean;
|
|
7
|
+
xAxisOffset?: boolean;
|
|
8
|
+
highlightedYTick?: TChartHighlightedTick;
|
|
9
|
+
colorHostElement?: Element | null;
|
|
5
10
|
}
|
|
6
|
-
export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOptions }: IBuildMultiLineChartScalesOptions) => {
|
|
11
|
+
export declare const buildMultiLineChartScales: ({ mirrorYAxis, verticalGrid, xAxisOffset, highlightedYTick, colorHostElement, ...cartesianOptions }: IBuildMultiLineChartScalesOptions) => {
|
|
7
12
|
x: {
|
|
8
|
-
|
|
13
|
+
offset: boolean;
|
|
14
|
+
grid: {
|
|
15
|
+
display: boolean;
|
|
16
|
+
} | {
|
|
9
17
|
display: boolean;
|
|
18
|
+
offset: boolean;
|
|
19
|
+
color: string;
|
|
20
|
+
drawTicks: boolean;
|
|
10
21
|
};
|
|
11
|
-
|
|
22
|
+
border: {
|
|
12
23
|
display: boolean;
|
|
13
24
|
};
|
|
14
25
|
ticks: {
|
|
@@ -22,6 +33,24 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
22
33
|
};
|
|
23
34
|
};
|
|
24
35
|
y: {
|
|
36
|
+
afterBuildTicks: (axis: import("chart.js").Scale) => void;
|
|
37
|
+
ticks: {
|
|
38
|
+
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
39
|
+
color: string;
|
|
40
|
+
stepSize: number;
|
|
41
|
+
font: {
|
|
42
|
+
family: string;
|
|
43
|
+
size: number;
|
|
44
|
+
weight: number;
|
|
45
|
+
};
|
|
46
|
+
padding: number;
|
|
47
|
+
} & {
|
|
48
|
+
color: ({ tick }: {
|
|
49
|
+
tick: {
|
|
50
|
+
value: number;
|
|
51
|
+
};
|
|
52
|
+
}) => string;
|
|
53
|
+
};
|
|
25
54
|
min: number;
|
|
26
55
|
max: number;
|
|
27
56
|
stacked: boolean;
|
|
@@ -32,6 +61,7 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
32
61
|
color: string;
|
|
33
62
|
drawTicks: boolean;
|
|
34
63
|
};
|
|
64
|
+
} | {
|
|
35
65
|
ticks: {
|
|
36
66
|
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
37
67
|
color: string;
|
|
@@ -43,19 +73,44 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
43
73
|
};
|
|
44
74
|
padding: number;
|
|
45
75
|
};
|
|
46
|
-
};
|
|
47
|
-
} | {
|
|
48
|
-
yMirror: {
|
|
49
|
-
type: "linear";
|
|
50
|
-
position: "right";
|
|
51
76
|
min: number;
|
|
52
77
|
max: number;
|
|
78
|
+
stacked: boolean;
|
|
53
79
|
border: {
|
|
54
80
|
display: boolean;
|
|
55
81
|
};
|
|
56
82
|
grid: {
|
|
57
|
-
|
|
83
|
+
color: string;
|
|
84
|
+
drawTicks: boolean;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
yMirror?: undefined;
|
|
88
|
+
} | {
|
|
89
|
+
x: {
|
|
90
|
+
offset: boolean;
|
|
91
|
+
grid: {
|
|
92
|
+
display: boolean;
|
|
93
|
+
} | {
|
|
94
|
+
display: boolean;
|
|
95
|
+
offset: boolean;
|
|
96
|
+
color: string;
|
|
97
|
+
drawTicks: boolean;
|
|
98
|
+
};
|
|
99
|
+
border: {
|
|
100
|
+
display: boolean;
|
|
58
101
|
};
|
|
102
|
+
ticks: {
|
|
103
|
+
color: string;
|
|
104
|
+
font: {
|
|
105
|
+
family: string;
|
|
106
|
+
size: number;
|
|
107
|
+
weight: number;
|
|
108
|
+
};
|
|
109
|
+
padding: number;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
y: {
|
|
113
|
+
afterBuildTicks: (axis: import("chart.js").Scale) => void;
|
|
59
114
|
ticks: {
|
|
60
115
|
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
61
116
|
color: string;
|
|
@@ -66,17 +121,28 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
66
121
|
weight: number;
|
|
67
122
|
};
|
|
68
123
|
padding: number;
|
|
124
|
+
} & {
|
|
125
|
+
color: ({ tick }: {
|
|
126
|
+
tick: {
|
|
127
|
+
value: number;
|
|
128
|
+
};
|
|
129
|
+
}) => string;
|
|
69
130
|
};
|
|
70
|
-
|
|
71
|
-
|
|
131
|
+
min: number;
|
|
132
|
+
max: number;
|
|
133
|
+
stacked: boolean;
|
|
72
134
|
border: {
|
|
73
135
|
display: boolean;
|
|
74
136
|
};
|
|
75
137
|
grid: {
|
|
76
|
-
|
|
138
|
+
color: string;
|
|
139
|
+
drawTicks: boolean;
|
|
77
140
|
};
|
|
141
|
+
} | {
|
|
78
142
|
ticks: {
|
|
143
|
+
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
79
144
|
color: string;
|
|
145
|
+
stepSize: number;
|
|
80
146
|
font: {
|
|
81
147
|
family: string;
|
|
82
148
|
size: number;
|
|
@@ -84,8 +150,6 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
84
150
|
};
|
|
85
151
|
padding: number;
|
|
86
152
|
};
|
|
87
|
-
};
|
|
88
|
-
y: {
|
|
89
153
|
min: number;
|
|
90
154
|
max: number;
|
|
91
155
|
stacked: boolean;
|
|
@@ -96,6 +160,9 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
96
160
|
color: string;
|
|
97
161
|
drawTicks: boolean;
|
|
98
162
|
};
|
|
163
|
+
};
|
|
164
|
+
yMirror: {
|
|
165
|
+
afterBuildTicks: (axis: import("chart.js").Scale) => void;
|
|
99
166
|
ticks: {
|
|
100
167
|
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
101
168
|
color: string;
|
|
@@ -106,6 +173,44 @@ export declare const buildMultiLineChartScales: ({ mirrorYAxis, ...cartesianOpti
|
|
|
106
173
|
weight: number;
|
|
107
174
|
};
|
|
108
175
|
padding: number;
|
|
176
|
+
} & {
|
|
177
|
+
color: ({ tick }: {
|
|
178
|
+
tick: {
|
|
179
|
+
value: number;
|
|
180
|
+
};
|
|
181
|
+
}) => string;
|
|
182
|
+
};
|
|
183
|
+
type: "linear";
|
|
184
|
+
position: "right";
|
|
185
|
+
min: number;
|
|
186
|
+
max: number;
|
|
187
|
+
border: {
|
|
188
|
+
display: boolean;
|
|
189
|
+
};
|
|
190
|
+
grid: {
|
|
191
|
+
drawOnChartArea: boolean;
|
|
192
|
+
};
|
|
193
|
+
} | {
|
|
194
|
+
ticks: {
|
|
195
|
+
callback?: ((tickValue: string | number) => string | number) | undefined;
|
|
196
|
+
color: string;
|
|
197
|
+
stepSize: number;
|
|
198
|
+
font: {
|
|
199
|
+
family: string;
|
|
200
|
+
size: number;
|
|
201
|
+
weight: number;
|
|
202
|
+
};
|
|
203
|
+
padding: number;
|
|
204
|
+
};
|
|
205
|
+
type: "linear";
|
|
206
|
+
position: "right";
|
|
207
|
+
min: number;
|
|
208
|
+
max: number;
|
|
209
|
+
border: {
|
|
210
|
+
display: boolean;
|
|
211
|
+
};
|
|
212
|
+
grid: {
|
|
213
|
+
drawOnChartArea: boolean;
|
|
109
214
|
};
|
|
110
215
|
};
|
|
111
216
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildMultiLineChartScales.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/multiLine/buildMultiLineChartScales.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,mCAAmC,CAAA;AAI1C,eAAO,MAAM,2BAA2B,YAAY,CAAA;AAEpD,MAAM,WAAW,iCAAkC,SAAQ,iCAAiC;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"buildMultiLineChartScales.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/multiLine/buildMultiLineChartScales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAE3D,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,mCAAmC,CAAA;AAI1C,eAAO,MAAM,2BAA2B,YAAY,CAAA;AAEpD,MAAM,WAAW,iCAAkC,SAAQ,iCAAiC;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,yBAAyB,GAAI,qGAOvC,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnC,CAAA"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import type { TooltipItem, TooltipPositionerFunction } from 'chart.js';
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export interface IMultiLineTooltipOptions {
|
|
3
|
+
/** Заголовок тултипа по индексу точки; по умолчанию — подпись оси X. */
|
|
4
|
+
resolveTitle?: (dataIndex: number) => string | string[] | undefined;
|
|
5
|
+
formatValue?: (value: number) => string;
|
|
6
|
+
}
|
|
7
|
+
export declare const createMultiLineTooltipCallbacks: ({ resolveTitle, formatValue, }?: IMultiLineTooltipOptions) => {
|
|
8
|
+
title: (tooltipItems: TooltipItem<"line">[]) => string | string[];
|
|
4
9
|
label: (context: TooltipItem<"line">) => string;
|
|
5
10
|
};
|
|
6
11
|
export declare const MULTI_LINE_TOOLTIP_POSITIONER = "multiLineTop";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMultiLineTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/multiLine/createMultiLineTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEtE,eAAO,MAAM,+BAA+B;
|
|
1
|
+
{"version":3,"file":"createMultiLineTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/multiLine/createMultiLineTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAEtE,MAAM,WAAW,wBAAwB;IACvC,wEAAwE;IACxE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;IACnE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC;AAED,eAAO,MAAM,+BAA+B,GAAI,iCAG7C,wBAA6B;0BACR,WAAW,CAAC,MAAM,CAAC,EAAE;qBAS1B,WAAW,CAAC,MAAM,CAAC;CAMpC,CAAA;AAEF,eAAO,MAAM,6BAA6B,iBAAiB,CAAA;AAG3D,eAAO,MAAM,0BAA0B,EAAE,yBAAyB,CAAC,MAAM,CAetE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shtabapp/ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.76.0",
|
|
4
4
|
"description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"shtab",
|
|
@@ -274,8 +274,8 @@
|
|
|
274
274
|
"dependencies": {
|
|
275
275
|
"chart.js": "^4.5.0",
|
|
276
276
|
"vue-i18n": "^9.14.5",
|
|
277
|
-
"@shtabapp/ui-kit-primitives": "^1.
|
|
278
|
-
"@shtabapp/ui-kit-tokens": "^1.
|
|
277
|
+
"@shtabapp/ui-kit-primitives": "^1.36.0",
|
|
278
|
+
"@shtabapp/ui-kit-tokens": "^1.22.0"
|
|
279
279
|
},
|
|
280
280
|
"devDependencies": {
|
|
281
281
|
"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./SChartLegend-oZoF8XK7.js";
|
|
2
|
-
import { E as t, T as n, c as r, l as i, n as a, r as o, s, t as c, y as l } from "./useChartInteractivity-Cl06JL4l.js";
|
|
3
|
-
import { t as u } from "./buildCartesianChartScales-EofFq3ry.js";
|
|
4
|
-
import { t as d } from "./resolveChartValueRange-DZybnmaX.js";
|
|
5
|
-
import { t as f } from "./resolveBarStackedSeriesColor-DM7Ax0-s.js";
|
|
6
|
-
import { n as p, t as m } from "./buildChartSeriesPoints-BTyOpkin.js";
|
|
7
|
-
import { t as h } from "./useHasListener-RSjlUyqH.js";
|
|
8
|
-
import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, normalizeClass as C, openBlock as w, unref as T, useTemplateRef as E, withCtx as D } from "vue";
|
|
9
|
-
//#region src/components/SChartBar/utils/createBarTargetLinePlugin.ts
|
|
10
|
-
var O = 1, k = [4, 4], A = "500 10px var(--s-ui-font-family-label)", j = 4, M = (e) => e.length > 0 && new Set(e).size === 1, N = ({ target: e, colorHostElement: t, rightAxisId: r }) => ({
|
|
11
|
-
id: "barTargetLine",
|
|
12
|
-
afterDatasetsDraw(i) {
|
|
13
|
-
if (!e || e.values.length === 0) return;
|
|
14
|
-
let a = e.axis === "right" ? r : "y", o = i.scales[a], s = i.scales.x;
|
|
15
|
-
if (!o || !s) return;
|
|
16
|
-
let { ctx: c, chartArea: u } = i, d = e.color ? n(e.color, t) || e.color : n(l.grid, t);
|
|
17
|
-
c.save(), c.strokeStyle = d, c.lineWidth = O, c.setLineDash(k);
|
|
18
|
-
let [f] = e.values;
|
|
19
|
-
if (f !== void 0 && M(e.values)) {
|
|
20
|
-
let t = o.getPixelForValue(f);
|
|
21
|
-
c.beginPath(), c.moveTo(u.left, t), c.lineTo(u.right, t), c.stroke(), e.label && (c.setLineDash([]), c.fillStyle = d, c.font = A, c.textAlign = "left", c.fillText(e.label, u.left, t - j));
|
|
22
|
-
} else {
|
|
23
|
-
let t = (u.right - u.left) / e.values.length;
|
|
24
|
-
e.values.forEach((e, n) => {
|
|
25
|
-
if (e <= 0) return;
|
|
26
|
-
let r = o.getPixelForValue(e);
|
|
27
|
-
c.beginPath(), c.moveTo(u.left + t * n, r), c.lineTo(u.left + t * (n + 1), r), c.stroke();
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
c.restore();
|
|
31
|
-
}
|
|
32
|
-
}), P = 5, F = 4, I = 12, L = "yRight", R = "yMirror", z = 1.05, B = (e, t, n, r) => d(e.flatMap((e) => e.points.map((e) => e.value * z)), {
|
|
33
|
-
yMin: t,
|
|
34
|
-
yMax: n,
|
|
35
|
-
yStep: r
|
|
36
|
-
}), V = ({ seriesList: e, colorHostElement: t, yMax: a, yMin: c, yStep: d = P, rightYMax: p, rightYStep: m = P, mirrorYAxis: h = !1, target: g, skeleton: _ = !1, onPointClick: v }) => {
|
|
37
|
-
if (e.length === 0) return null;
|
|
38
|
-
let y = e.filter((e) => e.axis !== "right"), b = e.filter((e) => e.axis === "right"), x = n(l.axisLabel, t), S = n(l.grid, t), C = n(l.tooltipBackground, t), w = n(l.tooltipText, t), T = B(y, c, a, d), E = B(b, void 0, p, m), D = u({
|
|
39
|
-
axisLabelColor: x,
|
|
40
|
-
gridColor: S,
|
|
41
|
-
yMin: T.min,
|
|
42
|
-
yMax: T.max,
|
|
43
|
-
yStep: d,
|
|
44
|
-
xTickFontSize: I
|
|
45
|
-
}), O = (e, t) => ({
|
|
46
|
-
type: "linear",
|
|
47
|
-
position: "right",
|
|
48
|
-
min: e,
|
|
49
|
-
max: t,
|
|
50
|
-
border: { display: !1 },
|
|
51
|
-
grid: { drawOnChartArea: !1 },
|
|
52
|
-
ticks: D.y.ticks
|
|
53
|
-
}), k = b.length > 0 ? { [L]: O(E.min, E.max) } : h ? { [R]: O(T.min, T.max) } : {}, A = {
|
|
54
|
-
...D,
|
|
55
|
-
...k
|
|
56
|
-
}, j = o({
|
|
57
|
-
kind: "segment",
|
|
58
|
-
skeleton: _,
|
|
59
|
-
colorHostElement: t,
|
|
60
|
-
onElementIndexClick: v
|
|
61
|
-
});
|
|
62
|
-
return {
|
|
63
|
-
type: "bar",
|
|
64
|
-
data: {
|
|
65
|
-
labels: e[0]?.points.map((e) => e.label) ?? [],
|
|
66
|
-
datasets: e.map((e, r) => {
|
|
67
|
-
let i = f(r, t, e.fillColor, _), a = e.points.map((e) => e.fillColor ? n(e.fillColor, t) || e.fillColor : i);
|
|
68
|
-
return {
|
|
69
|
-
label: e.label,
|
|
70
|
-
data: e.points.map((e) => e.value),
|
|
71
|
-
backgroundColor: a,
|
|
72
|
-
hoverBackgroundColor: a,
|
|
73
|
-
borderWidth: 0,
|
|
74
|
-
hoverBorderWidth: 0,
|
|
75
|
-
borderRadius: F,
|
|
76
|
-
yAxisID: e.axis === "right" ? L : "y",
|
|
77
|
-
captions: e.points.map((e) => e.caption)
|
|
78
|
-
};
|
|
79
|
-
})
|
|
80
|
-
},
|
|
81
|
-
options: {
|
|
82
|
-
responsive: !0,
|
|
83
|
-
maintainAspectRatio: !1,
|
|
84
|
-
onHover: j.onHover,
|
|
85
|
-
onClick: j.onClick,
|
|
86
|
-
hover: _ ? void 0 : {
|
|
87
|
-
mode: "nearest",
|
|
88
|
-
intersect: !0
|
|
89
|
-
},
|
|
90
|
-
interaction: s(_, {
|
|
91
|
-
mode: "nearest",
|
|
92
|
-
intersect: !0
|
|
93
|
-
}),
|
|
94
|
-
plugins: {
|
|
95
|
-
legend: { display: !1 },
|
|
96
|
-
tooltip: {
|
|
97
|
-
enabled: r(_),
|
|
98
|
-
backgroundColor: C,
|
|
99
|
-
titleColor: w,
|
|
100
|
-
bodyColor: w,
|
|
101
|
-
displayColors: !1
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
scales: A
|
|
105
|
-
},
|
|
106
|
-
plugins: i(_, [N({
|
|
107
|
-
target: g,
|
|
108
|
-
colorHostElement: t,
|
|
109
|
-
rightAxisId: L
|
|
110
|
-
}), ...j.plugins])
|
|
111
|
-
};
|
|
112
|
-
}, H = [
|
|
113
|
-
"5 неделя",
|
|
114
|
-
"6 неделя",
|
|
115
|
-
"7 неделя",
|
|
116
|
-
"8 неделя",
|
|
117
|
-
"9 неделя",
|
|
118
|
-
"10 неделя"
|
|
119
|
-
], U = [{
|
|
120
|
-
label: "Series 1",
|
|
121
|
-
points: m(H, [
|
|
122
|
-
28,
|
|
123
|
-
34,
|
|
124
|
-
24,
|
|
125
|
-
42,
|
|
126
|
-
30,
|
|
127
|
-
36
|
|
128
|
-
])
|
|
129
|
-
}, {
|
|
130
|
-
label: "Series 2",
|
|
131
|
-
points: m(H, [
|
|
132
|
-
18,
|
|
133
|
-
22,
|
|
134
|
-
16,
|
|
135
|
-
28,
|
|
136
|
-
20,
|
|
137
|
-
24
|
|
138
|
-
])
|
|
139
|
-
}], W = { class: "s-ui-chart-bar__canvas-wrap" }, G = /* @__PURE__ */ S({
|
|
140
|
-
__name: "SChartBar",
|
|
141
|
-
props: {
|
|
142
|
-
series: { default: () => [] },
|
|
143
|
-
mode: { default: "grouped" },
|
|
144
|
-
loading: {
|
|
145
|
-
type: Boolean,
|
|
146
|
-
default: !1
|
|
147
|
-
},
|
|
148
|
-
yMax: {},
|
|
149
|
-
yMin: {},
|
|
150
|
-
yStep: {},
|
|
151
|
-
rightYMax: {},
|
|
152
|
-
rightYStep: {},
|
|
153
|
-
mirrorYAxis: {
|
|
154
|
-
type: Boolean,
|
|
155
|
-
default: !1
|
|
156
|
-
},
|
|
157
|
-
target: {},
|
|
158
|
-
showLegend: {
|
|
159
|
-
type: Boolean,
|
|
160
|
-
default: !0
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
emits: ["pointClick"],
|
|
164
|
-
setup(n, { expose: r, emit: i }) {
|
|
165
|
-
let o = i, s = E("chartRootRef"), l = E("chartCanvasRef"), u = g(() => n.loading ? U : n.mode === "single" ? n.series.slice(0, 1) : n.series), d = (e, t) => {
|
|
166
|
-
let n = u.value[t], r = n?.points[e];
|
|
167
|
-
n && r && o("pointClick", e, t, r, n);
|
|
168
|
-
}, m = h("onPointClick"), S = g(() => !n.loading && n.series.length === 0 ? null : V({
|
|
169
|
-
seriesList: u.value,
|
|
170
|
-
colorHostElement: s.value,
|
|
171
|
-
yMax: n.loading ? 50 : n.yMax,
|
|
172
|
-
yMin: n.loading ? void 0 : n.yMin,
|
|
173
|
-
yStep: n.loading ? 10 : n.yStep,
|
|
174
|
-
rightYMax: n.rightYMax,
|
|
175
|
-
rightYStep: n.rightYStep,
|
|
176
|
-
mirrorYAxis: n.mirrorYAxis,
|
|
177
|
-
target: n.loading ? void 0 : n.target,
|
|
178
|
-
skeleton: n.loading,
|
|
179
|
-
onPointClick: m() ? d : void 0
|
|
180
|
-
})), O = g(() => p(u.value, (e, t) => f(e, s.value, t, n.loading))), { chartInstance: k } = a({
|
|
181
|
-
canvasRef: l,
|
|
182
|
-
config: S,
|
|
183
|
-
enabled: g(() => n.loading || n.series.length > 0)
|
|
184
|
-
}), { exportImage: A, handleLegendItemHover: j } = c({
|
|
185
|
-
chartInstance: k,
|
|
186
|
-
canvasRef: l,
|
|
187
|
-
colorHostElement: s
|
|
188
|
-
});
|
|
189
|
-
return r({ exportImage: A }), (r, i) => (w(), y("div", {
|
|
190
|
-
ref_key: "chartRootRef",
|
|
191
|
-
ref: s,
|
|
192
|
-
class: C(["s-ui-chart-bar", { "s-ui-chart-bar--skeleton": n.loading }])
|
|
193
|
-
}, [b("div", W, [x(T(t), { loading: n.loading }, {
|
|
194
|
-
default: D(() => [b("canvas", {
|
|
195
|
-
ref_key: "chartCanvasRef",
|
|
196
|
-
ref: l,
|
|
197
|
-
class: "s-ui-chart-bar__canvas"
|
|
198
|
-
}, null, 512)]),
|
|
199
|
-
_: 1
|
|
200
|
-
}, 8, ["loading"])]), n.showLegend && O.value.length ? (w(), _(T(e), {
|
|
201
|
-
key: 0,
|
|
202
|
-
items: O.value,
|
|
203
|
-
disabled: n.loading,
|
|
204
|
-
interactive: !n.loading,
|
|
205
|
-
onItemHover: T(j)
|
|
206
|
-
}, null, 8, [
|
|
207
|
-
"items",
|
|
208
|
-
"disabled",
|
|
209
|
-
"interactive",
|
|
210
|
-
"onItemHover"
|
|
211
|
-
])) : v("", !0)], 2));
|
|
212
|
-
}
|
|
213
|
-
});
|
|
214
|
-
//#endregion
|
|
215
|
-
export { G as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveChartValueRange-DBCYLCXs.cjs"),i=require("./resolveBarStackedSeriesColor-z3NP5vAS.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=1,l=[4,4],u=`500 10px var(--s-ui-font-family-label)`,d=4,f=e=>e.length>0&&new Set(e).size===1,p=({target:e,colorHostElement:n,rightAxisId:r})=>({id:`barTargetLine`,afterDatasetsDraw(i){if(!e||e.values.length===0)return;let a=e.axis===`right`?r:`y`,o=i.scales[a],s=i.scales.x;if(!o||!s)return;let{ctx:p,chartArea:m}=i,h=e.color?t.T(e.color,n)||e.color:t.T(t.y.grid,n);p.save(),p.strokeStyle=h,p.lineWidth=c,p.setLineDash(l);let[g]=e.values;if(g!==void 0&&f(e.values)){let t=o.getPixelForValue(g);p.beginPath(),p.moveTo(m.left,t),p.lineTo(m.right,t),p.stroke(),e.label&&(p.setLineDash([]),p.fillStyle=h,p.font=u,p.textAlign=`left`,p.fillText(e.label,m.left,t-d))}else{let t=(m.right-m.left)/e.values.length;e.values.forEach((e,n)=>{if(e<=0)return;let r=o.getPixelForValue(e);p.beginPath(),p.moveTo(m.left+t*n,r),p.lineTo(m.left+t*(n+1),r),p.stroke()})}p.restore()}}),m=5,h=4,g=12,_=`yRight`,v=`yMirror`,y=1.05,b=(e,t,n,i)=>r.t(e.flatMap(e=>e.points.map(e=>e.value*y)),{yMin:t,yMax:n,yStep:i}),x=({seriesList:e,colorHostElement:r,yMax:a,yMin:o,yStep:s=m,rightYMax:c,rightYStep:l=m,mirrorYAxis:u=!1,target:d,skeleton:f=!1,onPointClick:y})=>{if(e.length===0)return null;let x=e.filter(e=>e.axis!==`right`),S=e.filter(e=>e.axis===`right`),C=t.T(t.y.axisLabel,r),w=t.T(t.y.grid,r),T=t.T(t.y.tooltipBackground,r),E=t.T(t.y.tooltipText,r),D=b(x,o,a,s),O=b(S,void 0,c,l),k=n.t({axisLabelColor:C,gridColor:w,yMin:D.min,yMax:D.max,yStep:s,xTickFontSize:g}),A=(e,t)=>({type:`linear`,position:`right`,min:e,max:t,border:{display:!1},grid:{drawOnChartArea:!1},ticks:k.y.ticks}),j=S.length>0?{[_]:A(O.min,O.max)}:u?{[v]:A(D.min,D.max)}:{},M={...k,...j},N=t.r({kind:`segment`,skeleton:f,colorHostElement:r,onElementIndexClick:y});return{type:`bar`,data:{labels:e[0]?.points.map(e=>e.label)??[],datasets:e.map((e,n)=>{let a=i.t(n,r,e.fillColor,f),o=e.points.map(e=>e.fillColor?t.T(e.fillColor,r)||e.fillColor:a);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:h,yAxisID:e.axis===`right`?_:`y`,captions:e.points.map(e=>e.caption)}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:N.onHover,onClick:N.onClick,hover:f?void 0:{mode:`nearest`,intersect:!0},interaction:t.s(f,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(f),backgroundColor:T,titleColor:E,bodyColor:E,displayColors:!1}},scales:M},plugins:t.l(f,[p({target:d,colorHostElement:r,rightAxisId:_}),...N.plugins])}},S=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],C=[{label:`Series 1`,points:a.t(S,[28,34,24,42,30,36])},{label:`Series 2`,points:a.t(S,[18,22,16,28,20,24])}],w={class:`s-ui-chart-bar__canvas-wrap`},T=(0,s.defineComponent)({__name:`SChartBar`,props:{series:{default:()=>[]},mode:{default:`grouped`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},rightYMax:{},rightYStep:{},mirrorYAxis:{type:Boolean,default:!1},target:{},showLegend:{type:Boolean,default:!0}},emits:[`pointClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.mode===`single`?n.series.slice(0,1):n.series),p=(e,t)=>{let n=f.value[t],r=n?.points[e];n&&r&&l(`pointClick`,e,t,r,n)},m=o.t(`onPointClick`),h=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:x({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?void 0:n.yMin,yStep:n.loading?10:n.yStep,rightYMax:n.rightYMax,rightYStep:n.rightYStep,mirrorYAxis:n.mirrorYAxis,target:n.loading?void 0:n.target,skeleton:n.loading,onPointClick:m()?p:void 0})),g=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:_}=t.n({canvasRef:d,config:h,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:v,handleLegendItemHover:y}=t.t({chartInstance:_,canvasRef:d,colorHostElement:u});return r({exportImage:v}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.E),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),n.showLegend&&g.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.t),{key:0,items:g.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,s.unref)(y)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});
|