@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8
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 +10 -0
- package/lib/cjs/AnimatedClipPath.js +28 -41
- package/lib/cjs/AnimatedClipPath.js.map +1 -1
- package/lib/cjs/Area.js +187 -223
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +248 -327
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +162 -185
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +219 -248
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/CompactHorizontalBar.js +448 -482
- package/lib/cjs/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Donut.js +349 -396
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +67 -86
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +78 -93
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +149 -167
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +178 -207
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +182 -222
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Pattern.js +124 -126
- package/lib/cjs/Pattern.js.map +1 -1
- package/lib/cjs/Plot.js +100 -126
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/Radar.js +576 -681
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +518 -571
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/Reference.js +147 -178
- package/lib/cjs/Reference.js.map +1 -1
- package/lib/cjs/ResponsiveContainer.js +64 -82
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +169 -199
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +135 -177
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +60 -73
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +193 -208
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +182 -217
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/DataAccessibilityTable.js +45 -83
- package/lib/cjs/a11y/DataAccessibilityTable.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +37 -97
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yView.js +97 -91
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/a11y/bezier.js +17 -23
- package/lib/cjs/a11y/bezier.js.map +1 -1
- package/lib/cjs/a11y/focus.js +16 -16
- package/lib/cjs/a11y/focus.js.map +1 -1
- package/lib/cjs/a11y/hints.js +72 -75
- package/lib/cjs/a11y/hints.js.map +1 -1
- package/lib/cjs/a11y/insights.js +354 -525
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/a11y/intl.js +5 -5
- package/lib/cjs/a11y/intl.js.map +1 -1
- package/lib/cjs/a11y/locale.js +12 -19
- package/lib/cjs/a11y/locale.js.map +1 -1
- package/lib/cjs/a11y/serialize.js +164 -203
- package/lib/cjs/a11y/serialize.js.map +1 -1
- package/lib/cjs/a11y/summarize.js +7 -6
- package/lib/cjs/a11y/summarize.js.map +1 -1
- package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/a11y/translations/module/de.json +2 -2
- package/lib/cjs/a11y/translations/module/en.json +2 -2
- package/lib/cjs/a11y/translations/module/es.json +2 -2
- package/lib/cjs/a11y/translations/module/fr.json +2 -2
- package/lib/cjs/a11y/translations/module/it.json +2 -2
- package/lib/cjs/a11y/translations/module/ja.json +2 -2
- package/lib/cjs/a11y/translations/module/ko.json +2 -2
- package/lib/cjs/a11y/translations/module/nl.json +2 -2
- package/lib/cjs/a11y/translations/module/pl.json +2 -2
- package/lib/cjs/a11y/translations/module/pt.json +2 -2
- package/lib/cjs/a11y/translations/module/sv.json +2 -2
- package/lib/cjs/a11y/translations/module/tr.json +2 -2
- package/lib/cjs/a11y/translations/module/vi.json +2 -2
- package/lib/cjs/a11y/translations/module/zh.json +2 -2
- package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/color.js +1 -1
- package/lib/cjs/color.js.map +1 -1
- package/lib/cjs/component/Chart/AbstractChart.js +421 -466
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/AbstractChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/AreaChart.js +97 -115
- package/lib/cjs/component/Chart/AreaChart.js.map +1 -1
- package/lib/cjs/component/Chart/AreaChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/BarChart.js +229 -216
- package/lib/cjs/component/Chart/BarChart.js.map +1 -1
- package/lib/cjs/component/Chart/BarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.js +114 -136
- package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.js +280 -305
- package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.js +76 -108
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.js +80 -95
- package/lib/cjs/component/Chart/DonutChart.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/HistogramChart.js +126 -148
- package/lib/cjs/component/Chart/HistogramChart.js.map +1 -1
- package/lib/cjs/component/Chart/HistogramChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/LineChart.js +95 -113
- package/lib/cjs/component/Chart/LineChart.js.map +1 -1
- package/lib/cjs/component/Chart/LineChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/RadarChart.js +84 -110
- package/lib/cjs/component/Chart/RadarChart.js.map +1 -1
- package/lib/cjs/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.js +119 -143
- package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.js +103 -122
- package/lib/cjs/component/Chart/VennChart.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/index.js +2 -2
- package/lib/cjs/component/Chart/index.js.map +1 -1
- package/lib/cjs/component/ChartLegend/BaseLegend.js +72 -105
- package/lib/cjs/component/ChartLegend/BaseLegend.js.map +1 -1
- package/lib/cjs/component/ChartLegend/BaseLegend.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +58 -70
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +208 -221
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js +1 -1
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +63 -73
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/index.js +4 -4
- package/lib/cjs/component/ChartLegend/index.js.map +1 -1
- package/lib/cjs/component/Cigarette/Cigarette.js +115 -129
- package/lib/cjs/component/Cigarette/Cigarette.js.map +1 -1
- package/lib/cjs/component/StackGroupBar/StackGroupBar.js +107 -137
- package/lib/cjs/component/StackGroupBar/StackGroupBar.js.map +1 -1
- package/lib/cjs/component/SvgElement.js +7 -7
- package/lib/cjs/component/SvgElement.js.map +1 -1
- package/lib/cjs/createElement.js +66 -65
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/cjs/index.js +62 -62
- package/lib/cjs/style/axis.shadow.css +3 -0
- package/lib/cjs/style/plot.shadow.css +1 -3
- package/lib/cjs/style/plotA11yModule.shadow.css +10 -11
- package/lib/cjs/style/plotA11yView.shadow.css +13 -26
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/types/Axis.d.js.map +1 -1
- package/lib/cjs/types/CompactHorizontalBar.d.js.map +1 -1
- package/lib/cjs/types/Hover.d.js.map +1 -1
- package/lib/cjs/types/Line.d.js.map +1 -1
- package/lib/cjs/types/Plot.d.js.map +1 -1
- package/lib/cjs/types/Radar.d.js.map +1 -1
- package/lib/cjs/types/ResponsiveContainer.d.js.map +1 -1
- package/lib/cjs/types/Tooltip.d.js.map +1 -1
- package/lib/cjs/types/Venn.d.js.map +1 -1
- package/lib/cjs/types/index.d.js +80 -80
- package/lib/cjs/types/index.d.js.map +1 -1
- package/lib/cjs/utils.js +122 -145
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/AnimatedClipPath.js +24 -37
- package/lib/es6/AnimatedClipPath.js.map +1 -1
- package/lib/es6/Area.js +179 -215
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +242 -321
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +154 -177
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +206 -235
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/CompactHorizontalBar.js +433 -467
- package/lib/es6/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Donut.js +337 -384
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +60 -79
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/GroupBar.js +74 -89
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +141 -159
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +174 -203
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +173 -213
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Pattern.js +68 -74
- package/lib/es6/Pattern.js.map +1 -1
- package/lib/es6/Plot.js +95 -121
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/Radar.js +554 -659
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +500 -553
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/Reference.js +140 -171
- package/lib/es6/Reference.js.map +1 -1
- package/lib/es6/ResponsiveContainer.js +58 -76
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +161 -191
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +130 -172
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +56 -69
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +183 -198
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +169 -204
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/DataAccessibilityTable.js +41 -80
- package/lib/es6/a11y/DataAccessibilityTable.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +35 -95
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
- package/lib/es6/a11y/PlotA11yView.js +89 -84
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/a11y/bezier.js +16 -23
- package/lib/es6/a11y/bezier.js.map +1 -1
- package/lib/es6/a11y/focus.js +15 -16
- package/lib/es6/a11y/focus.js.map +1 -1
- package/lib/es6/a11y/hints.js +67 -73
- package/lib/es6/a11y/hints.js.map +1 -1
- package/lib/es6/a11y/insights.js +353 -524
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/a11y/intl.js +4 -5
- package/lib/es6/a11y/intl.js.map +1 -1
- package/lib/es6/a11y/locale.js +11 -18
- package/lib/es6/a11y/locale.js.map +1 -1
- package/lib/es6/a11y/serialize.js +162 -203
- package/lib/es6/a11y/serialize.js.map +1 -1
- package/lib/es6/a11y/summarize.js +6 -6
- package/lib/es6/a11y/summarize.js.map +1 -1
- package/lib/es6/a11y/translations/module/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/a11y/translations/module/de.json +2 -2
- package/lib/es6/a11y/translations/module/en.json +2 -2
- package/lib/es6/a11y/translations/module/es.json +2 -2
- package/lib/es6/a11y/translations/module/fr.json +2 -2
- package/lib/es6/a11y/translations/module/it.json +2 -2
- package/lib/es6/a11y/translations/module/ja.json +2 -2
- package/lib/es6/a11y/translations/module/ko.json +2 -2
- package/lib/es6/a11y/translations/module/nl.json +2 -2
- package/lib/es6/a11y/translations/module/pl.json +2 -2
- package/lib/es6/a11y/translations/module/pt.json +2 -2
- package/lib/es6/a11y/translations/module/sv.json +2 -2
- package/lib/es6/a11y/translations/module/tr.json +2 -2
- package/lib/es6/a11y/translations/module/vi.json +2 -2
- package/lib/es6/a11y/translations/module/zh.json +2 -2
- package/lib/es6/a11y/translations/view/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/color.js +1 -1
- package/lib/es6/color.js.map +1 -1
- package/lib/es6/component/Chart/AbstractChart.js +416 -462
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/AbstractChart.type.js.map +1 -1
- package/lib/es6/component/Chart/AreaChart.js +92 -111
- package/lib/es6/component/Chart/AreaChart.js.map +1 -1
- package/lib/es6/component/Chart/AreaChart.type.js.map +1 -1
- package/lib/es6/component/Chart/BarChart.js +225 -213
- package/lib/es6/component/Chart/BarChart.js.map +1 -1
- package/lib/es6/component/Chart/BarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.js +109 -132
- package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.js +276 -301
- package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.js +70 -103
- package/lib/es6/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.js +74 -90
- package/lib/es6/component/Chart/DonutChart.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/es6/component/Chart/HistogramChart.js +121 -144
- package/lib/es6/component/Chart/HistogramChart.js.map +1 -1
- package/lib/es6/component/Chart/HistogramChart.type.js.map +1 -1
- package/lib/es6/component/Chart/LineChart.js +90 -109
- package/lib/es6/component/Chart/LineChart.js.map +1 -1
- package/lib/es6/component/Chart/LineChart.type.js.map +1 -1
- package/lib/es6/component/Chart/RadarChart.js +80 -107
- package/lib/es6/component/Chart/RadarChart.js.map +1 -1
- package/lib/es6/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.js +113 -138
- package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.js +97 -117
- package/lib/es6/component/Chart/VennChart.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/BaseLegend.js +70 -104
- package/lib/es6/component/ChartLegend/BaseLegend.js.map +1 -1
- package/lib/es6/component/ChartLegend/BaseLegend.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +53 -65
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +198 -211
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js +1 -1
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +58 -68
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/lib/es6/component/Cigarette/Cigarette.js +108 -122
- package/lib/es6/component/Cigarette/Cigarette.js.map +1 -1
- package/lib/es6/component/StackGroupBar/StackGroupBar.js +100 -130
- package/lib/es6/component/StackGroupBar/StackGroupBar.js.map +1 -1
- package/lib/es6/component/SvgElement.js +4 -5
- package/lib/es6/component/SvgElement.js.map +1 -1
- package/lib/es6/createElement.js +55 -54
- package/lib/es6/createElement.js.map +1 -1
- package/lib/es6/style/axis.shadow.css +3 -0
- package/lib/es6/style/plot.shadow.css +1 -3
- package/lib/es6/style/plotA11yModule.shadow.css +10 -11
- package/lib/es6/style/plotA11yView.shadow.css +13 -26
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +14 -14
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/types/Axis.d.js.map +1 -1
- package/lib/es6/types/CompactHorizontalBar.d.js.map +1 -1
- package/lib/es6/types/Hover.d.js.map +1 -1
- package/lib/es6/types/Line.d.js.map +1 -1
- package/lib/es6/types/Plot.d.js.map +1 -1
- package/lib/es6/types/Radar.d.js.map +1 -1
- package/lib/es6/types/ResponsiveContainer.d.js.map +1 -1
- package/lib/es6/types/Tooltip.d.js.map +1 -1
- package/lib/es6/types/Venn.d.js.map +1 -1
- package/lib/es6/utils.js +105 -144
- package/lib/es6/utils.js.map +1 -1
- package/lib/esm/AnimatedClipPath.mjs +24 -36
- package/lib/esm/Area.mjs +178 -149
- package/lib/esm/Axis.mjs +241 -242
- package/lib/esm/Bar.mjs +155 -137
- package/lib/esm/Bubble.mjs +205 -171
- package/lib/esm/CompactHorizontalBar.mjs +428 -383
- package/lib/esm/Donut.mjs +315 -266
- package/lib/esm/Dots.mjs +60 -49
- package/lib/esm/GroupBar.mjs +71 -75
- package/lib/esm/HorizontalBar.mjs +142 -120
- package/lib/esm/Hover.mjs +173 -163
- package/lib/esm/Line.mjs +174 -145
- package/lib/esm/Pattern.mjs +67 -63
- package/lib/esm/Plot.mjs +98 -95
- package/lib/esm/Radar.mjs +550 -498
- package/lib/esm/RadialTree.mjs +512 -416
- package/lib/esm/Reference.mjs +137 -122
- package/lib/esm/ResponsiveContainer.mjs +58 -69
- package/lib/esm/ScatterPlot.mjs +163 -162
- package/lib/esm/StackBar.mjs +126 -147
- package/lib/esm/StackedArea.mjs +53 -61
- package/lib/esm/Tooltip.mjs +185 -175
- package/lib/esm/Venn.mjs +170 -170
- package/lib/esm/a11y/DataAccessibilityTable.mjs +46 -73
- package/lib/esm/a11y/PlotA11yModule.mjs +37 -80
- package/lib/esm/a11y/PlotA11yView.mjs +99 -74
- package/lib/esm/a11y/bezier.mjs +16 -23
- package/lib/esm/a11y/focus.mjs +15 -16
- package/lib/esm/a11y/hints.mjs +65 -71
- package/lib/esm/a11y/insights.mjs +347 -495
- package/lib/esm/a11y/intl.mjs +4 -5
- package/lib/esm/a11y/locale.mjs +12 -14
- package/lib/esm/a11y/serialize.mjs +139 -152
- package/lib/esm/a11y/summarize.mjs +3 -3
- package/lib/esm/a11y/translations/module/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/esm/a11y/translations/module/de.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/en.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/es.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/fr.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/it.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/ja.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/ko.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/nl.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/pl.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/pt.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/sv.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/tr.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/vi.json.mjs +2 -4
- package/lib/esm/a11y/translations/module/zh.json.mjs +2 -4
- package/lib/esm/a11y/translations/view/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/esm/color.mjs +1 -1
- package/lib/esm/component/Chart/AbstractChart.mjs +422 -415
- package/lib/esm/component/Chart/AreaChart.mjs +92 -91
- package/lib/esm/component/Chart/BarChart.mjs +225 -177
- package/lib/esm/component/Chart/BubbleChart.mjs +110 -118
- package/lib/esm/component/Chart/CigaretteChart.mjs +277 -268
- package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs +70 -87
- package/lib/esm/component/Chart/DonutChart.mjs +74 -84
- package/lib/esm/component/Chart/HistogramChart.mjs +121 -117
- package/lib/esm/component/Chart/LineChart.mjs +90 -89
- package/lib/esm/component/Chart/RadarChart.mjs +81 -97
- package/lib/esm/component/Chart/ScatterPlotChart.mjs +113 -111
- package/lib/esm/component/Chart/VennChart.mjs +98 -111
- package/lib/esm/component/ChartLegend/BaseLegend.mjs +75 -97
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +54 -55
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +194 -165
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.type.mjs +1 -1
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +60 -58
- package/lib/esm/component/Cigarette/Cigarette.mjs +109 -99
- package/lib/esm/component/StackGroupBar/StackGroupBar.mjs +97 -111
- package/lib/esm/component/SvgElement.mjs +4 -4
- package/lib/esm/createElement.mjs +54 -37
- package/lib/esm/style/axis.shadow.css +3 -0
- package/lib/esm/style/plot.shadow.css +1 -3
- package/lib/esm/style/plotA11yModule.shadow.css +10 -11
- package/lib/esm/style/plotA11yView.shadow.css +13 -26
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/esm/utils.mjs +103 -138
- package/lib/types/Axis.d.ts +4 -0
- package/lib/types/CompactHorizontalBar.d.ts +1 -1
- package/lib/types/Hover.d.ts +1 -1
- package/lib/types/Line.d.ts +1 -1
- package/lib/types/Plot.d.ts +1 -1
- package/lib/types/Radar.d.ts +1 -1
- package/lib/types/ResponsiveContainer.d.ts +1 -1
- package/lib/types/Tooltip.d.ts +1 -3
- package/lib/types/Venn.d.ts +1 -1
- package/lib/types/a11y/PlotA11yModule.d.ts +4 -11
- package/lib/types/a11y/PlotA11yView.d.ts +12 -1
- package/lib/types/a11y/translations/module/__intergalactic-dynamic-locales.d.ts +14 -14
- package/lib/types/component/Chart/AbstractChart.d.ts +1 -1
- package/lib/types/component/Chart/AbstractChart.type.d.ts +1 -1
- package/lib/types/component/Chart/AreaChart.type.d.ts +1 -1
- package/lib/types/component/Chart/BarChart.type.d.ts +1 -1
- package/lib/types/component/Chart/BubbleChart.type.d.ts +1 -1
- package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +1 -1
- package/lib/types/component/Chart/DonutChart.type.d.ts +1 -1
- package/lib/types/component/Chart/HistogramChart.type.d.ts +1 -1
- package/lib/types/component/Chart/LineChart.type.d.ts +1 -1
- package/lib/types/component/Chart/RadarChart.type.d.ts +1 -1
- package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +1 -1
- package/lib/types/component/Chart/VennChart.type.d.ts +1 -1
- package/lib/types/component/ChartLegend/BaseLegend.d.ts +1 -1
- package/lib/types/component/ChartLegend/BaseLegend.type.d.ts +1 -1
- package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts +1 -1
- package/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +1 -1
- package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts +1 -1
- package/lib/types/utils.d.ts +10 -10
- package/package.json +11 -14
|
@@ -1,93 +1,83 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
3
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
4
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
5
|
+
import { Box } from '@semcore/base-components';
|
|
10
6
|
import { createComponent, sstyled, Root } from '@semcore/core';
|
|
11
|
-
import { Box } from '@semcore/flex-box';
|
|
12
7
|
import React from 'react';
|
|
13
8
|
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
14
|
-
|
|
9
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendTable_1jxzo_gg_.__columns-count_1jxzo_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1jxzo_gg_._size_l_1jxzo_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1jxzo_gg_._size_m_1jxzo_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"1jxzo_gg_"),
|
|
15
10
|
/*__reshadow_css_end__*/
|
|
16
11
|
{
|
|
17
|
-
"__SLegendTable": "
|
|
18
|
-
"_columns-count": "__columns-
|
|
19
|
-
"__SColumnItem": "
|
|
20
|
-
"_size_l": "
|
|
21
|
-
"_size_m": "
|
|
12
|
+
"__SLegendTable": "___SLegendTable_1jxzo_gg_",
|
|
13
|
+
"_columns-count": "__columns-count_1jxzo_gg_",
|
|
14
|
+
"__SColumnItem": "___SColumnItem_1jxzo_gg_",
|
|
15
|
+
"_size_l": "_size_l_1jxzo_gg_",
|
|
16
|
+
"_size_m": "_size_m_1jxzo_gg_"
|
|
22
17
|
});
|
|
23
18
|
import { BaseLegend } from '../BaseLegend';
|
|
24
19
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
styles = _this$asProps.styles,
|
|
40
|
-
Children = _this$asProps.Children,
|
|
41
|
-
_this$asProps$size = _this$asProps.size,
|
|
42
|
-
size = _this$asProps$size === void 0 ? 'm' : _this$asProps$size,
|
|
43
|
-
items = _this$asProps.items;
|
|
44
|
-
var columnsCount = (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.columns.length;
|
|
45
|
-
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendTable, _ref3.cn("SLegendTable", _objectSpread({}, _assignProps({
|
|
20
|
+
class LegendTableRoot extends BaseLegend {
|
|
21
|
+
render() {
|
|
22
|
+
var _ref = this.asProps,
|
|
23
|
+
_ref3;
|
|
24
|
+
const SLegendTable = Box;
|
|
25
|
+
const {
|
|
26
|
+
styles,
|
|
27
|
+
Children,
|
|
28
|
+
size = 'm',
|
|
29
|
+
items
|
|
30
|
+
} = this.asProps;
|
|
31
|
+
const columnsCount = items[0]?.columns.length;
|
|
32
|
+
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLegendTable, _ref3.cn("SLegendTable", {
|
|
33
|
+
..._assignProps({
|
|
46
34
|
"columns-count": columnsCount + 1,
|
|
47
35
|
"role": 'group'
|
|
48
|
-
}, _ref)
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
36
|
+
}, _ref)
|
|
37
|
+
}), items.map(({
|
|
38
|
+
id,
|
|
39
|
+
columns = []
|
|
40
|
+
}, _index) => {
|
|
41
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
42
|
+
key: id
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Children, null), columns.map((item, index) => {
|
|
52
44
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
53
|
-
key: id
|
|
54
|
-
}, /*#__PURE__*/React.createElement(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
size: size,
|
|
60
|
-
styles: styles
|
|
61
|
-
}, item));
|
|
62
|
-
}));
|
|
45
|
+
key: `${id}__${index}`
|
|
46
|
+
}, /*#__PURE__*/React.createElement(LegendTable.Column, {
|
|
47
|
+
index: index,
|
|
48
|
+
size: size,
|
|
49
|
+
styles: styles
|
|
50
|
+
}, item));
|
|
63
51
|
}));
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
52
|
+
}));
|
|
53
|
+
}
|
|
54
|
+
}
|
|
67
55
|
_defineProperty(LegendTableRoot, "displayName", 'LegendTable');
|
|
68
56
|
_defineProperty(LegendTableRoot, "style", style);
|
|
69
|
-
_defineProperty(LegendTableRoot, "defaultProps",
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
};
|
|
73
|
-
});
|
|
57
|
+
_defineProperty(LegendTableRoot, "defaultProps", () => ({
|
|
58
|
+
children: /*#__PURE__*/React.createElement(LegendTable.LegendItem, null)
|
|
59
|
+
}));
|
|
74
60
|
function ColumnComponent(props) {
|
|
75
61
|
var _ref2 = arguments[0],
|
|
76
62
|
_ref4;
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
63
|
+
const SColumnItem = Box;
|
|
64
|
+
const {
|
|
65
|
+
styles,
|
|
66
|
+
index,
|
|
67
|
+
size,
|
|
68
|
+
Children
|
|
69
|
+
} = props;
|
|
70
|
+
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SColumnItem, _ref4.cn("SColumnItem", {
|
|
71
|
+
..._assignProps2({
|
|
72
|
+
"style": {
|
|
73
|
+
gridColumnStart: `${index + 2}`,
|
|
74
|
+
gridColumnEnd: `${index + 3}`
|
|
75
|
+
},
|
|
76
|
+
"size": size
|
|
77
|
+
}, _ref2)
|
|
78
|
+
}), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
|
|
89
79
|
}
|
|
90
|
-
export
|
|
80
|
+
export const LegendTable = createComponent(LegendTableRoot, {
|
|
91
81
|
LegendItem: LegendItemComponent,
|
|
92
82
|
Column: ColumnComponent
|
|
93
83
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendTable.js","names":["createComponent","sstyled","Root","
|
|
1
|
+
{"version":3,"file":"LegendTable.js","names":["Box","createComponent","sstyled","Root","React","style","_sstyled","insert","BaseLegend","LegendItemComponent","LegendTableRoot","render","_ref","asProps","_ref3","SLegendTable","styles","Children","size","items","columnsCount","columns","length","createElement","cn","_assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n static displayName = 'LegendTable';\n static style = style;\n\n static defaultProps = () => ({\n children: <LegendTable.LegendItem />,\n });\n\n render() {\n const SLegendTable = Root;\n const { styles, Children, size = 'm', items } = this.asProps;\n const columnsCount = items[0]?.columns.length;\n\n return sstyled(styles)(\n <SLegendTable render={Box} columns-count={columnsCount + 1} role='group'>\n {items.map(({ id, columns = [] }, _index) => {\n return (\n <React.Fragment key={id}>\n <Children />\n {columns.map((item, index) => {\n return (\n <React.Fragment key={`${id}__${index}`}>\n <LegendTable.Column index={index} size={size} styles={styles}>\n {item}\n </LegendTable.Column>\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </SLegendTable>,\n );\n }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n const SColumnItem = Root;\n const { styles, index, size, Children } = props;\n\n return sstyled(styles)(\n <SColumnItem\n style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n render={Box}\n size={size}\n >\n <Children />\n </SColumnItem>,\n );\n}\n\nexport const LegendTable = createComponent(LegendTableRoot, {\n LegendItem: LegendItemComponent,\n Column: ColumnComponent,\n}) as LegendTableType;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n /**\n * Legend items\n */\n items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n index: number;\n size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n LegendItem: LegendItemType;\n Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
2
|
import { Component, sstyled } from '@semcore/core';
|
|
7
3
|
import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
@@ -10,141 +6,131 @@ import React from 'react';
|
|
|
10
6
|
import createElement from '../../createElement';
|
|
11
7
|
import { PatternFill } from '../../Pattern';
|
|
12
8
|
import { roundedPath } from '../../utils';
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
_this = _callSuper(this, CigaretteBarRoot, [].concat(args));
|
|
21
|
-
_defineProperty(_this, "refElement", /*#__PURE__*/React.createRef());
|
|
22
|
-
_defineProperty(_this, "handleMouseMove", function () {
|
|
23
|
-
_this.handlers.hovered(true);
|
|
24
|
-
_this.setCursor('pointer');
|
|
9
|
+
class CigaretteBarRoot extends Component {
|
|
10
|
+
constructor(...args) {
|
|
11
|
+
super(...args);
|
|
12
|
+
_defineProperty(this, "refElement", /*#__PURE__*/React.createRef());
|
|
13
|
+
_defineProperty(this, "handleMouseMove", () => {
|
|
14
|
+
this.handlers.hovered(true);
|
|
15
|
+
this.setCursor('pointer');
|
|
25
16
|
});
|
|
26
|
-
_defineProperty(
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
_defineProperty(this, "handleMouseLeave", () => {
|
|
18
|
+
this.handlers.hovered(false);
|
|
19
|
+
this.setCursor('auto');
|
|
29
20
|
});
|
|
30
|
-
_defineProperty(
|
|
31
|
-
|
|
32
|
-
onClick
|
|
33
|
-
dataKey
|
|
21
|
+
_defineProperty(this, "handleClick", e => {
|
|
22
|
+
const {
|
|
23
|
+
onClick,
|
|
24
|
+
dataKey
|
|
25
|
+
} = this.asProps;
|
|
34
26
|
if (onClick && e.currentTarget.tagName === 'path') {
|
|
35
27
|
e.stopPropagation();
|
|
36
28
|
onClick(dataKey, e);
|
|
37
29
|
return false;
|
|
38
30
|
}
|
|
39
31
|
});
|
|
40
|
-
_defineProperty(
|
|
41
|
-
|
|
32
|
+
_defineProperty(this, "setCursor", value => {
|
|
33
|
+
const {
|
|
34
|
+
onClick
|
|
35
|
+
} = this.asProps;
|
|
42
36
|
if (onClick) {
|
|
43
|
-
|
|
44
|
-
(_this$refElement$curr = _this.refElement.current) === null || _this$refElement$curr === void 0 || _this$refElement$curr.style.setProperty('cursor', value);
|
|
37
|
+
this.refElement.current?.style.setProperty('cursor', value);
|
|
45
38
|
}
|
|
46
39
|
});
|
|
47
|
-
return _this;
|
|
48
40
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
uncontrolledProps() {
|
|
42
|
+
return {
|
|
43
|
+
hovered: false
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
getRect() {
|
|
47
|
+
const {
|
|
48
|
+
x,
|
|
49
|
+
y,
|
|
50
|
+
width,
|
|
51
|
+
height,
|
|
52
|
+
r: radius,
|
|
53
|
+
direction,
|
|
54
|
+
index,
|
|
55
|
+
hovered
|
|
56
|
+
} = this.asProps;
|
|
57
|
+
let xV = x;
|
|
58
|
+
let yV = y;
|
|
59
|
+
let widthV = width;
|
|
60
|
+
let heightV = height;
|
|
61
|
+
if (hovered && direction === 'horizontal') {
|
|
62
|
+
yV = yV - 2;
|
|
63
|
+
heightV = heightV + 4;
|
|
56
64
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
radius = _this$asProps2.r,
|
|
66
|
-
direction = _this$asProps2.direction,
|
|
67
|
-
index = _this$asProps2.index,
|
|
68
|
-
hovered = _this$asProps2.hovered;
|
|
69
|
-
var xV = x;
|
|
70
|
-
var yV = y;
|
|
71
|
-
var widthV = width;
|
|
72
|
-
var heightV = height;
|
|
73
|
-
if (hovered && direction === 'horizontal') {
|
|
74
|
-
yV = yV - 2;
|
|
75
|
-
heightV = heightV + 4;
|
|
76
|
-
}
|
|
77
|
-
if (hovered && direction === 'vertical') {
|
|
78
|
-
xV = xV - 2;
|
|
79
|
-
widthV = widthV + 4;
|
|
80
|
-
}
|
|
81
|
-
if (radius) {
|
|
82
|
-
if (direction === 'horizontal') {
|
|
83
|
-
if (index === 0) {
|
|
84
|
-
return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);
|
|
85
|
-
} else {
|
|
86
|
-
return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);
|
|
87
|
-
}
|
|
65
|
+
if (hovered && direction === 'vertical') {
|
|
66
|
+
xV = xV - 2;
|
|
67
|
+
widthV = widthV + 4;
|
|
68
|
+
}
|
|
69
|
+
if (radius) {
|
|
70
|
+
if (direction === 'horizontal') {
|
|
71
|
+
if (index === 0) {
|
|
72
|
+
return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);
|
|
88
73
|
} else {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
74
|
+
return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);
|
|
75
|
+
}
|
|
76
|
+
} else {
|
|
77
|
+
if (index === 0) {
|
|
78
|
+
return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);
|
|
79
|
+
} else {
|
|
80
|
+
return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);
|
|
94
81
|
}
|
|
95
82
|
}
|
|
96
|
-
return roundedPath(xV, yV, widthV, heightV, radius);
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
key: "render",
|
|
100
|
-
value: function render() {
|
|
101
|
-
var _ref;
|
|
102
|
-
// @ts-ignore
|
|
103
|
-
var SBar = this.Element;
|
|
104
|
-
var _this$asProps3 = this.asProps,
|
|
105
|
-
styles = _this$asProps3.styles,
|
|
106
|
-
color = _this$asProps3.color,
|
|
107
|
-
data = _this$asProps3.data,
|
|
108
|
-
dataKey = _this$asProps3.dataKey,
|
|
109
|
-
index = _this$asProps3.index,
|
|
110
|
-
hide = _this$asProps3.hide,
|
|
111
|
-
uid = _this$asProps3.uid,
|
|
112
|
-
duration = _this$asProps3.duration,
|
|
113
|
-
onMouseMove = _this$asProps3.onMouseMove,
|
|
114
|
-
onMouseLeave = _this$asProps3.onMouseLeave,
|
|
115
|
-
transparent = _this$asProps3.transparent,
|
|
116
|
-
resolveColor = _this$asProps3.resolveColor,
|
|
117
|
-
patterns = _this$asProps3.patterns;
|
|
118
|
-
var dSvg = this.getRect();
|
|
119
|
-
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
120
|
-
key: "horizontal-bar-".concat(index)
|
|
121
|
-
}, (_ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
|
|
122
|
-
"ref": this.refElement,
|
|
123
|
-
"aria-hidden": true,
|
|
124
|
-
"render": 'path',
|
|
125
|
-
"clipPath": "url(#".concat(uid, ")"),
|
|
126
|
-
"__excludeProps": ['data', 'scale', 'value', 'offset'],
|
|
127
|
-
"childrenPosition": 'above',
|
|
128
|
-
"value": data[dataKey],
|
|
129
|
-
"index": index,
|
|
130
|
-
"hide": hide,
|
|
131
|
-
"fill": resolveColor(color),
|
|
132
|
-
"pattern": patterns ? "url(#".concat(uid, "-").concat(index, "-pattern)") : undefined,
|
|
133
|
-
"transparent": transparent,
|
|
134
|
-
"d": dSvg,
|
|
135
|
-
"use:duration": "".concat(duration, "ms"),
|
|
136
|
-
"onMouseMove": callAllEventHandlers(onMouseMove, this.handleMouseMove),
|
|
137
|
-
"onMouseLeave": callAllEventHandlers(onMouseLeave, this.handleMouseLeave),
|
|
138
|
-
"use:onClick": this.handleClick
|
|
139
|
-
}))), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref.cn("PatternFill", {
|
|
140
|
-
"id": "".concat(uid, "-").concat(index, "-pattern"),
|
|
141
|
-
"patternKey": color,
|
|
142
|
-
"color": resolveColor(color),
|
|
143
|
-
"patterns": patterns
|
|
144
|
-
})));
|
|
145
83
|
}
|
|
146
|
-
|
|
147
|
-
}
|
|
84
|
+
return roundedPath(xV, yV, widthV, heightV, radius);
|
|
85
|
+
}
|
|
86
|
+
render() {
|
|
87
|
+
var _ref;
|
|
88
|
+
// @ts-ignore
|
|
89
|
+
const SBar = this.Element;
|
|
90
|
+
const {
|
|
91
|
+
styles,
|
|
92
|
+
color,
|
|
93
|
+
data,
|
|
94
|
+
dataKey,
|
|
95
|
+
index,
|
|
96
|
+
hide,
|
|
97
|
+
uid,
|
|
98
|
+
duration,
|
|
99
|
+
onMouseMove,
|
|
100
|
+
onMouseLeave,
|
|
101
|
+
transparent,
|
|
102
|
+
resolveColor,
|
|
103
|
+
patterns
|
|
104
|
+
} = this.asProps;
|
|
105
|
+
const dSvg = this.getRect();
|
|
106
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
107
|
+
key: `horizontal-bar-${index}`
|
|
108
|
+
}, (_ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
|
|
109
|
+
"ref": this.refElement,
|
|
110
|
+
"aria-hidden": true,
|
|
111
|
+
"render": 'path',
|
|
112
|
+
"clipPath": `url(#${uid})`,
|
|
113
|
+
"__excludeProps": ['data', 'scale', 'value', 'offset'],
|
|
114
|
+
"childrenPosition": 'above',
|
|
115
|
+
"value": data[dataKey],
|
|
116
|
+
"index": index,
|
|
117
|
+
"hide": hide,
|
|
118
|
+
"fill": resolveColor(color),
|
|
119
|
+
"pattern": patterns ? `url(#${uid}-${index}-pattern)` : undefined,
|
|
120
|
+
"transparent": transparent,
|
|
121
|
+
"d": dSvg,
|
|
122
|
+
"use:duration": `${duration}ms`,
|
|
123
|
+
"onMouseMove": callAllEventHandlers(onMouseMove, this.handleMouseMove),
|
|
124
|
+
"onMouseLeave": callAllEventHandlers(onMouseLeave, this.handleMouseLeave),
|
|
125
|
+
"use:onClick": this.handleClick
|
|
126
|
+
}))), patterns && /*#__PURE__*/React.createElement(PatternFill, _ref.cn("PatternFill", {
|
|
127
|
+
"id": `${uid}-${index}-pattern`,
|
|
128
|
+
"patternKey": color,
|
|
129
|
+
"color": resolveColor(color),
|
|
130
|
+
"patterns": patterns
|
|
131
|
+
})));
|
|
132
|
+
}
|
|
133
|
+
}
|
|
148
134
|
_defineProperty(CigaretteBarRoot, "displayName", 'Cigarette.BarItem');
|
|
149
135
|
_defineProperty(CigaretteBarRoot, "enhance", [uniqueIDEnhancement()]);
|
|
150
136
|
_defineProperty(CigaretteBarRoot, "style", {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","handlers","hovered","setCursor","e","_this$asProps","asProps","onClick","dataKey","currentTarget","tagName","stopPropagation","value","_this$refElement$curr","refElement","current","style","setProperty","_inherits","_createClass","key","uncontrolledProps","getRect","_this$asProps2","x","y","width","height","radius","r","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","_this$asProps3","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any> {\n static displayName = 'Cigarette.BarItem';\n static enhance = [uniqueIDEnhancement()];\n static style = {};\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n direction: 'horizontal',\n defaultHovered: false,\n };\n\n refElement = React.createRef<SVGPathElement>();\n\n uncontrolledProps() {\n return {\n hovered: false,\n };\n }\n\n handleMouseMove = () => {\n this.handlers.hovered(true);\n this.setCursor('pointer');\n };\n\n handleMouseLeave = () => {\n this.handlers.hovered(false);\n this.setCursor('auto');\n };\n\n handleClick = (e: React.SyntheticEvent) => {\n const { onClick, dataKey } = this.asProps;\n\n if (onClick && e.currentTarget.tagName === 'path') {\n e.stopPropagation();\n\n onClick(dataKey, e);\n\n return false;\n }\n };\n\n setCursor = (value: 'pointer' | 'auto') => {\n const { onClick } = this.asProps;\n\n if (onClick) {\n this.refElement.current?.style.setProperty('cursor', value);\n }\n };\n\n getRect() {\n const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n let xV = x;\n let yV = y;\n let widthV = width;\n let heightV = height;\n\n if (hovered && direction === 'horizontal') {\n yV = yV - 2;\n heightV = heightV + 4;\n }\n\n if (hovered && direction === 'vertical') {\n xV = xV - 2;\n widthV = widthV + 4;\n }\n\n if (radius) {\n if (direction === 'horizontal') {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n }\n } else {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n }\n }\n }\n\n return roundedPath(xV, yV, widthV, heightV, radius);\n }\n\n render() {\n // @ts-ignore\n const SBar = this.Element;\n const {\n styles,\n color,\n data,\n dataKey,\n index,\n hide,\n uid,\n duration,\n onMouseMove,\n onMouseLeave,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n\n const dSvg = this.getRect();\n\n return (\n <React.Fragment key={`horizontal-bar-${index}`}>\n {sstyled(styles)(\n <SBar\n ref={this.refElement}\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'offset']}\n childrenPosition='above'\n value={data[dataKey]}\n index={index}\n hide={hide}\n fill={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n transparent={transparent}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n use:onClick={this.handleClick}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Cigarette.js","names":["Component","sstyled","callAllEventHandlers","uniqueIDEnhancement","React","createElement","PatternFill","roundedPath","CigaretteBarRoot","constructor","args","_defineProperty","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","Fragment","key","cn","undefined","handleMouseMove","handleMouseLeave","handleClick","offset","defaultHovered"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n static displayName = 'Cigarette.BarItem';\n static enhance = [uniqueIDEnhancement()];\n static style = {};\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n direction: 'horizontal',\n defaultHovered: false,\n };\n\n refElement = React.createRef<SVGPathElement>();\n\n uncontrolledProps() {\n return {\n hovered: false,\n };\n }\n\n handleMouseMove = () => {\n this.handlers.hovered(true);\n this.setCursor('pointer');\n };\n\n handleMouseLeave = () => {\n this.handlers.hovered(false);\n this.setCursor('auto');\n };\n\n handleClick = (e: React.SyntheticEvent) => {\n const { onClick, dataKey } = this.asProps;\n\n if (onClick && e.currentTarget.tagName === 'path') {\n e.stopPropagation();\n\n onClick(dataKey, e);\n\n return false;\n }\n };\n\n setCursor = (value: 'pointer' | 'auto') => {\n const { onClick } = this.asProps;\n\n if (onClick) {\n this.refElement.current?.style.setProperty('cursor', value);\n }\n };\n\n getRect() {\n const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n let xV = x;\n let yV = y;\n let widthV = width;\n let heightV = height;\n\n if (hovered && direction === 'horizontal') {\n yV = yV - 2;\n heightV = heightV + 4;\n }\n\n if (hovered && direction === 'vertical') {\n xV = xV - 2;\n widthV = widthV + 4;\n }\n\n if (radius) {\n if (direction === 'horizontal') {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n }\n } else {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n }\n }\n }\n\n return roundedPath(xV, yV, widthV, heightV, radius);\n }\n\n render() {\n // @ts-ignore\n const SBar = this.Element;\n const {\n styles,\n color,\n data,\n dataKey,\n index,\n hide,\n uid,\n duration,\n onMouseMove,\n onMouseLeave,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n\n const dSvg = this.getRect();\n\n return (\n <React.Fragment key={`horizontal-bar-${index}`}>\n {sstyled(styles)(\n <SBar\n ref={this.refElement}\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'offset']}\n childrenPosition='above'\n value={data[dataKey]}\n index={index}\n hide={hide}\n fill={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n transparent={transparent}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n use:onClick={this.handleClick}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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","ignoreList":[]}
|