@semcore/d3-chart 16.5.0 → 16.6.0-prerelease.2
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 +13 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +15 -15
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +20 -15
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/CompactHorizontalBar.js +16 -16
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +9 -9
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +9 -23
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.js +252 -90
- package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/bubble.shadow.css +4 -0
- package/lib/cjs/utils.js +3 -2
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +15 -15
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +20 -15
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +9 -23
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.js +254 -92
- package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/bubble.shadow.css +4 -0
- package/lib/es6/utils.js +3 -2
- package/lib/es6/utils.js.map +1 -1
- package/lib/esm/Area.mjs +12 -12
- package/lib/esm/Axis.mjs +16 -16
- package/lib/esm/Bar.mjs +17 -17
- package/lib/esm/Bubble.mjs +20 -17
- package/lib/esm/CompactHorizontalBar.mjs +17 -17
- package/lib/esm/Donut.mjs +10 -10
- package/lib/esm/Dots.mjs +9 -9
- package/lib/esm/HorizontalBar.mjs +17 -17
- package/lib/esm/Hover.mjs +4 -4
- package/lib/esm/Line.mjs +10 -10
- package/lib/esm/Plot.mjs +4 -4
- package/lib/esm/Radar.mjs +20 -20
- package/lib/esm/RadialTree.mjs +13 -13
- package/lib/esm/Reference.mjs +13 -13
- package/lib/esm/ScatterPlot.mjs +10 -10
- package/lib/esm/Tooltip.mjs +10 -10
- package/lib/esm/Venn.mjs +10 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +3 -3
- package/lib/esm/a11y/PlotA11yView.mjs +3 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +10 -24
- package/lib/esm/component/Chart/CigaretteChart.mjs +210 -61
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
- package/lib/esm/style/bubble.shadow.css +4 -0
- package/lib/esm/utils.mjs +2 -2
- package/lib/types/component/Chart/AbstractChart.d.ts +4 -7
- package/lib/types/component/Chart/CigaretteChart.type.d.ts +7 -4
- package/package.json +6 -6
|
@@ -22,24 +22,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
22
22
|
import createElement from './createElement';
|
|
23
23
|
import { PatternFill } from './Pattern';
|
|
24
24
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
25
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
25
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_bdlu1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_bdlu1);transition-timing-function:ease-in-out}.___SBar_bdlu1_gg_.__color_bdlu1_gg_{fill:var(--color_bdlu1)}.___SBar_bdlu1_gg_.__pattern_bdlu1_gg_.__color_bdlu1_gg_{fill:var(--pattern_bdlu1);stroke:var(--color_bdlu1);stroke-width:1px}.___SBar_bdlu1_gg_.__hide_bdlu1_gg_{display:none}.___SBar_bdlu1_gg_.__transparent_bdlu1_gg_{opacity:.3}.___SBackground_bdlu1_gg_.__onClick_bdlu1_gg_,.___SBar_bdlu1_gg_.__onClick_bdlu1_gg_{cursor:pointer}.___SBackground_bdlu1_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_bdlu1_gg_{display:flex;justify-content:space-between}.___SBarLabel_bdlu1_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_bdlu1_gg_,.___SBarPercent_bdlu1_gg_,.___SBarValue_bdlu1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_bdlu1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_bdlu1_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_bdlu1_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"bdlu1_gg_"),
|
|
26
26
|
/*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__SBar": "
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_pattern": "
|
|
33
|
-
"--pattern": "--
|
|
34
|
-
"_hide": "
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"_onClick": "
|
|
37
|
-
"__SBackground": "
|
|
38
|
-
"__SBarAnnotation": "
|
|
39
|
-
"__SBarLabel": "
|
|
40
|
-
"__SBarPercent": "
|
|
41
|
-
"__SBarValue": "
|
|
42
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
28
|
+
"__SBar": "___SBar_bdlu1_gg_",
|
|
29
|
+
"--duration": "--duration_bdlu1",
|
|
30
|
+
"_color": "__color_bdlu1_gg_",
|
|
31
|
+
"--color": "--color_bdlu1",
|
|
32
|
+
"_pattern": "__pattern_bdlu1_gg_",
|
|
33
|
+
"--pattern": "--pattern_bdlu1",
|
|
34
|
+
"_hide": "__hide_bdlu1_gg_",
|
|
35
|
+
"_transparent": "__transparent_bdlu1_gg_",
|
|
36
|
+
"_onClick": "__onClick_bdlu1_gg_",
|
|
37
|
+
"__SBackground": "___SBackground_bdlu1_gg_",
|
|
38
|
+
"__SBarAnnotation": "___SBarAnnotation_bdlu1_gg_",
|
|
39
|
+
"__SBarLabel": "___SBarLabel_bdlu1_gg_",
|
|
40
|
+
"__SBarPercent": "___SBarPercent_bdlu1_gg_",
|
|
41
|
+
"__SBarValue": "___SBarValue_bdlu1_gg_",
|
|
42
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_bdlu1_gg_"
|
|
43
43
|
});
|
|
44
44
|
import Tooltip from './Tooltip';
|
|
45
45
|
import { roundedPath, scaleToBand, eventToPoint } from './utils';
|
package/lib/es6/Donut.js
CHANGED
|
@@ -21,17 +21,17 @@ import React from 'react';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { PatternFill } from './Pattern';
|
|
23
23
|
/*!__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPie_lnryn_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_lnryn_gg_.__color_lnryn_gg_{fill:var(--color_lnryn)}.___SPie_lnryn_gg_.__pattern_lnryn_gg_.__color_lnryn_gg_{fill:var(--pattern_lnryn);stroke:var(--color_lnryn);stroke-width:1px}.___SPie_lnryn_gg_.__transparent_lnryn_gg_{opacity:.3}.___SEmptyData_lnryn_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_lnryn_gg_.__color_lnryn_gg_{fill:var(--color_lnryn)}.___SLabel_lnryn_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}", /*__inner_css_end__*/"lnryn_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SPie": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SEmptyData": "
|
|
34
|
-
"__SLabel": "
|
|
27
|
+
"__SPie": "___SPie_lnryn_gg_",
|
|
28
|
+
"_color": "__color_lnryn_gg_",
|
|
29
|
+
"--color": "--color_lnryn",
|
|
30
|
+
"_pattern": "__pattern_lnryn_gg_",
|
|
31
|
+
"--pattern": "--pattern_lnryn",
|
|
32
|
+
"_transparent": "__transparent_lnryn_gg_",
|
|
33
|
+
"__SEmptyData": "___SEmptyData_lnryn_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_lnryn_gg_"
|
|
35
35
|
});
|
|
36
36
|
import Tooltip from './Tooltip';
|
|
37
37
|
import { getChartDefaultColorName } from './utils';
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,16 +7,16 @@ import React from 'react';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
9
9
|
/*!__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDots_1yffv_gg_ .___SDot_1yffv_gg_{transition-duration:var(--duration_1yffv)}.___SDot_1yffv_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1yffv_gg_.__hide_1yffv_gg_{display:none}.___SDot_1yffv_gg_.__color_1yffv_gg_{fill:var(--color_1yffv)}.___SDot_1yffv_gg_.__transparent_1yffv_gg_{opacity:.3}", /*__inner_css_end__*/"1yffv_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SDot": "
|
|
14
|
-
"_hide": "
|
|
15
|
-
"_color": "
|
|
16
|
-
"--color": "--
|
|
17
|
-
"_transparent": "
|
|
18
|
-
"__SDots": "
|
|
19
|
-
"--duration": "--
|
|
13
|
+
"__SDot": "___SDot_1yffv_gg_",
|
|
14
|
+
"_hide": "__hide_1yffv_gg_",
|
|
15
|
+
"_color": "__color_1yffv_gg_",
|
|
16
|
+
"--color": "--color_1yffv",
|
|
17
|
+
"_transparent": "__transparent_1yffv_gg_",
|
|
18
|
+
"__SDots": "___SDots_1yffv_gg_",
|
|
19
|
+
"--duration": "--duration_1yffv"
|
|
20
20
|
});
|
|
21
21
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
|
22
22
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,24 +12,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { PatternFill } from './Pattern';
|
|
14
14
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
15
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_bdlu1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_bdlu1);transition-timing-function:ease-in-out}.___SBar_bdlu1_gg_.__color_bdlu1_gg_{fill:var(--color_bdlu1)}.___SBar_bdlu1_gg_.__pattern_bdlu1_gg_.__color_bdlu1_gg_{fill:var(--pattern_bdlu1);stroke:var(--color_bdlu1);stroke-width:1px}.___SBar_bdlu1_gg_.__hide_bdlu1_gg_{display:none}.___SBar_bdlu1_gg_.__transparent_bdlu1_gg_{opacity:.3}.___SBackground_bdlu1_gg_.__onClick_bdlu1_gg_,.___SBar_bdlu1_gg_.__onClick_bdlu1_gg_{cursor:pointer}.___SBackground_bdlu1_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_bdlu1_gg_{display:flex;justify-content:space-between}.___SBarLabel_bdlu1_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_bdlu1_gg_,.___SBarPercent_bdlu1_gg_,.___SBarValue_bdlu1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_bdlu1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_bdlu1_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_bdlu1_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"bdlu1_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SBar": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_hide": "
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"_onClick": "
|
|
27
|
-
"__SBackground": "
|
|
28
|
-
"__SBarAnnotation": "
|
|
29
|
-
"__SBarLabel": "
|
|
30
|
-
"__SBarPercent": "
|
|
31
|
-
"__SBarValue": "
|
|
32
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
18
|
+
"__SBar": "___SBar_bdlu1_gg_",
|
|
19
|
+
"--duration": "--duration_bdlu1",
|
|
20
|
+
"_color": "__color_bdlu1_gg_",
|
|
21
|
+
"--color": "--color_bdlu1",
|
|
22
|
+
"_pattern": "__pattern_bdlu1_gg_",
|
|
23
|
+
"--pattern": "--pattern_bdlu1",
|
|
24
|
+
"_hide": "__hide_bdlu1_gg_",
|
|
25
|
+
"_transparent": "__transparent_bdlu1_gg_",
|
|
26
|
+
"_onClick": "__onClick_bdlu1_gg_",
|
|
27
|
+
"__SBackground": "___SBackground_bdlu1_gg_",
|
|
28
|
+
"__SBarAnnotation": "___SBarAnnotation_bdlu1_gg_",
|
|
29
|
+
"__SBarLabel": "___SBarLabel_bdlu1_gg_",
|
|
30
|
+
"__SBarPercent": "___SBarPercent_bdlu1_gg_",
|
|
31
|
+
"__SBarValue": "___SBarValue_bdlu1_gg_",
|
|
32
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_bdlu1_gg_"
|
|
33
33
|
});
|
|
34
34
|
import { scaleToBand, roundedPath } from './utils';
|
|
35
35
|
export var MIN_WIDTH = 2;
|
package/lib/es6/Hover.js
CHANGED
|
@@ -15,11 +15,11 @@ import trottle from '@semcore/core/lib/utils/rafTrottle';
|
|
|
15
15
|
import React from 'react';
|
|
16
16
|
import createElement from './createElement';
|
|
17
17
|
/*!__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_7h3de_gg_,.___SHoverLine_7h3de_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_7h3de_gg_,.___SHoverRect_7h3de_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"7h3de_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHoverLine": "
|
|
22
|
-
"__SHoverRect": "
|
|
21
|
+
"__SHoverLine": "___SHoverLine_7h3de_gg_",
|
|
22
|
+
"__SHoverRect": "___SHoverRect_7h3de_gg_"
|
|
23
23
|
});
|
|
24
24
|
import Tooltip from './Tooltip';
|
|
25
25
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
|
package/lib/es6/Line.js
CHANGED
|
@@ -15,17 +15,17 @@ import createElement from './createElement';
|
|
|
15
15
|
import Dots from './Dots';
|
|
16
16
|
import { resolvePatternDasharray } from './Pattern';
|
|
17
17
|
/*!__reshadow-styles__:"./style/line.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_1eh64_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1eh64);transition-timing-function:ease-in-out}.___SLine_1eh64_gg_.__color_1eh64_gg_{stroke:var(--color_1eh64)}.___SLine_1eh64_gg_.__hide_1eh64_gg_{display:none}.___SLine_1eh64_gg_.__transparent_1eh64_gg_{opacity:.3}.___SNull_1eh64_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1eh64_gg_.__hide_1eh64_gg_{display:none}.___SLineArea_1eh64_gg_{transition-property:d;transition-duration:var(--duration_1eh64);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_1eh64_gg_.__color_1eh64_gg_{fill:var(--color_1eh64)}", /*__inner_css_end__*/"1eh64_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SLine": "
|
|
22
|
-
"--duration": "--
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_hide": "
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SNull": "
|
|
28
|
-
"__SLineArea": "
|
|
21
|
+
"__SLine": "___SLine_1eh64_gg_",
|
|
22
|
+
"--duration": "--duration_1eh64",
|
|
23
|
+
"_color": "__color_1eh64_gg_",
|
|
24
|
+
"--color": "--color_1eh64",
|
|
25
|
+
"_hide": "__hide_1eh64_gg_",
|
|
26
|
+
"_transparent": "__transparent_1eh64_gg_",
|
|
27
|
+
"__SNull": "___SNull_1eh64_gg_",
|
|
28
|
+
"__SLineArea": "___SLineArea_1eh64_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue, getChartDefaultColorName, eventToPoint, invert } from './utils';
|
|
31
31
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Plot.js
CHANGED
|
@@ -17,11 +17,11 @@ import React from 'react';
|
|
|
17
17
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
18
18
|
import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
19
19
|
/*!__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_t4rh7_gg_{overflow:hidden}.___SPlot_t4rh7_gg_:focus{outline:0}.___SPlot_t4rh7_gg_:active{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_t4rh7_gg_.__keyboardFocused_t4rh7_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"t4rh7_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SPlot": "
|
|
24
|
-
"_keyboardFocused": "
|
|
23
|
+
"__SPlot": "___SPlot_t4rh7_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_t4rh7_gg_"
|
|
25
25
|
});
|
|
26
26
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
27
27
|
import { eventToPoint, uniqueId } from './utils';
|
package/lib/es6/Radar.js
CHANGED
|
@@ -19,27 +19,27 @@ import React, { cloneElement } from 'react';
|
|
|
19
19
|
import createElement from './createElement';
|
|
20
20
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
21
21
|
/*!__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_t7iw1_gg_,.___SAxisTick_t7iw1_gg_,.___SAxis_t7iw1_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_t7iw1_gg_,.___SAxisTick_t7iw1_gg_{stroke-dasharray:2}.___SAxisLine_t7iw1_gg_.__active_t7iw1_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_t7iw1_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_t7iw1_gg_.__xDirection_t7iw1_gg_{text-anchor:var(--xDirection_t7iw1)}.___SAxisLabel_t7iw1_gg_.__yDirection_t7iw1_gg_{dominant-baseline:var(--yDirection_t7iw1)}.___SPolygonDot_t7iw1_gg_,.___SPolygon_t7iw1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_t7iw1_gg_{opacity:.2}.___SPolygon_t7iw1_gg_.__color_t7iw1_gg_{fill:var(--color_t7iw1)}.___SPolygon_t7iw1_gg_.__pattern_t7iw1_gg_.__color_t7iw1_gg_{fill:var(--pattern_t7iw1);stroke:var(--color_t7iw1);stroke-width:1px}.___SPolygonDot_t7iw1_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_t7iw1_gg_.__transparent_t7iw1_gg_{opacity:.3}.___SPolygonDot_t7iw1_gg_.__color_t7iw1_gg_{fill:var(--color_t7iw1)}.___SPolygonLine_t7iw1_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_t7iw1_gg_.__transparent_t7iw1_gg_{opacity:.3}.___SPolygonLine_t7iw1_gg_.__color_t7iw1_gg_{stroke:var(--color_t7iw1)}.___SPieRect_t7iw1_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"t7iw1_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SAxis": "
|
|
26
|
-
"__SAxisLine": "
|
|
27
|
-
"__SAxisTick": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"__SAxisLabel": "
|
|
30
|
-
"_xDirection": "
|
|
31
|
-
"--xDirection": "--
|
|
32
|
-
"_yDirection": "
|
|
33
|
-
"--yDirection": "--
|
|
34
|
-
"__SPolygon": "
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"_pattern": "
|
|
38
|
-
"--pattern": "--
|
|
39
|
-
"__SPolygonDot": "
|
|
40
|
-
"_transparent": "
|
|
41
|
-
"__SPolygonLine": "
|
|
42
|
-
"__SPieRect": "
|
|
25
|
+
"__SAxis": "___SAxis_t7iw1_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_t7iw1_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_t7iw1_gg_",
|
|
28
|
+
"_active": "__active_t7iw1_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_t7iw1_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_t7iw1_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_t7iw1",
|
|
32
|
+
"_yDirection": "__yDirection_t7iw1_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_t7iw1",
|
|
34
|
+
"__SPolygon": "___SPolygon_t7iw1_gg_",
|
|
35
|
+
"_color": "__color_t7iw1_gg_",
|
|
36
|
+
"--color": "--color_t7iw1",
|
|
37
|
+
"_pattern": "__pattern_t7iw1_gg_",
|
|
38
|
+
"--pattern": "--pattern_t7iw1",
|
|
39
|
+
"__SPolygonDot": "___SPolygonDot_t7iw1_gg_",
|
|
40
|
+
"_transparent": "__transparent_t7iw1_gg_",
|
|
41
|
+
"__SPolygonLine": "___SPolygonLine_t7iw1_gg_",
|
|
42
|
+
"__SPieRect": "___SPieRect_t7iw1_gg_"
|
|
43
43
|
});
|
|
44
44
|
import Tooltip from './Tooltip';
|
|
45
45
|
import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -19,20 +19,20 @@ import React from 'react';
|
|
|
19
19
|
import createElement from './createElement';
|
|
20
20
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
21
21
|
/*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_1csu0_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1csu0_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1csu0_gg_.__stroke_1csu0_gg_{stroke:var(--stroke_1csu0)}.___SLine_1csu0_gg_.__transparent_1csu0_gg_{opacity:.3}.___SCap_1csu0_gg_{transition:r .1s}.___SCap_1csu0_gg_.__pattern_1csu0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1csu0_gg_.__transparent_1csu0_gg_,.___SIcon_1csu0_gg_.__transparent_1csu0_gg_,.___SLabel_1csu0_gg_.__transparent_1csu0_gg_{opacity:.3}.___SLabel_1csu0_gg_{fill:var(--color_1csu0)}@media (hover:hover){.___SRadian_1csu0_gg_:hover .___SLabel_1csu0_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1csu0_gg_{transition:none}}", /*__inner_css_end__*/"1csu0_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_stroke": "
|
|
28
|
-
"--stroke": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"__SIcon": "
|
|
33
|
-
"__SLabel": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SLineCap": "
|
|
25
|
+
"__SRadian": "___SRadian_1csu0_gg_",
|
|
26
|
+
"__SLine": "___SLine_1csu0_gg_",
|
|
27
|
+
"_stroke": "__stroke_1csu0_gg_",
|
|
28
|
+
"--stroke": "--stroke_1csu0",
|
|
29
|
+
"_transparent": "__transparent_1csu0_gg_",
|
|
30
|
+
"__SCap": "___SCap_1csu0_gg_",
|
|
31
|
+
"_pattern": "__pattern_1csu0_gg_",
|
|
32
|
+
"__SIcon": "___SIcon_1csu0_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_1csu0_gg_",
|
|
34
|
+
"--color": "--color_1csu0",
|
|
35
|
+
"__SLineCap": "___SLineCap_1csu0_gg_"
|
|
36
36
|
});
|
|
37
37
|
import { getChartDefaultColorName, measureText } from './utils';
|
|
38
38
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
package/lib/es6/Reference.js
CHANGED
|
@@ -11,20 +11,20 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
/*!__reshadow-styles__:"./style/reference.shadow.css"*/
|
|
14
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_1am5a_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1am5a_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1am5a)}.___STitle_1am5a_gg_._position_top_1am5a_gg_{text-anchor:middle}.___STitle_1am5a_gg_._position_bottom_1am5a_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1am5a_gg_._position_left_1am5a_gg_,.___STitle_1am5a_gg_._position_right_1am5a_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1am5a_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1am5a_gg_{fill:var(--fill_1am5a)}.___SStripesPatternPath_1am5a_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}", /*__inner_css_end__*/"1am5a_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SReferenceLine": "
|
|
18
|
-
"__STitle": "
|
|
19
|
-
"--transform-origin": "--transform-
|
|
20
|
-
"_position_top": "
|
|
21
|
-
"_position_bottom": "
|
|
22
|
-
"_position_right": "
|
|
23
|
-
"_position_left": "
|
|
24
|
-
"__SBackground": "
|
|
25
|
-
"__SStripes": "
|
|
26
|
-
"--fill": "--
|
|
27
|
-
"__SStripesPatternPath": "
|
|
17
|
+
"__SReferenceLine": "___SReferenceLine_1am5a_gg_",
|
|
18
|
+
"__STitle": "___STitle_1am5a_gg_",
|
|
19
|
+
"--transform-origin": "--transform-origin_1am5a",
|
|
20
|
+
"_position_top": "_position_top_1am5a_gg_",
|
|
21
|
+
"_position_bottom": "_position_bottom_1am5a_gg_",
|
|
22
|
+
"_position_right": "_position_right_1am5a_gg_",
|
|
23
|
+
"_position_left": "_position_left_1am5a_gg_",
|
|
24
|
+
"__SBackground": "___SBackground_1am5a_gg_",
|
|
25
|
+
"__SStripes": "___SStripes_1am5a_gg_",
|
|
26
|
+
"--fill": "--fill_1am5a",
|
|
27
|
+
"__SStripesPatternPath": "___SStripesPatternPath_1am5a_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { scaleOfBandwidth } from './utils';
|
|
30
30
|
var side2direction = {
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -15,17 +15,17 @@ import React from 'react';
|
|
|
15
15
|
import createElement from './createElement';
|
|
16
16
|
import { PatternFill } from './Pattern';
|
|
17
17
|
/*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SScatterPlot_1dk3f_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1dk3f);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1dk3f_gg_:hover{opacity:.8}}.___SScatterPlot_1dk3f_gg_.__color_1dk3f_gg_{fill:var(--color_1dk3f)}.___SScatterPlot_1dk3f_gg_.__pattern_1dk3f_gg_.__color_1dk3f_gg_{fill:var(--pattern_1dk3f);stroke:var(--color_1dk3f);stroke-width:1px}.___SScatterPlot_1dk3f_gg_.__transparent_1dk3f_gg_{opacity:.3}.___SValue_1dk3f_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1dk3f_gg_.__color_1dk3f_gg_{stroke:var(--color_1dk3f)}.___SValue_1dk3f_gg_.__transparent_1dk3f_gg_{opacity:.3}", /*__inner_css_end__*/"1dk3f_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SScatterPlot": "
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_pattern": "
|
|
25
|
-
"--pattern": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"--duration": "--
|
|
21
|
+
"__SScatterPlot": "___SScatterPlot_1dk3f_gg_",
|
|
22
|
+
"_color": "__color_1dk3f_gg_",
|
|
23
|
+
"--color": "--color_1dk3f",
|
|
24
|
+
"_pattern": "__pattern_1dk3f_gg_",
|
|
25
|
+
"--pattern": "--pattern_1dk3f",
|
|
26
|
+
"_transparent": "__transparent_1dk3f_gg_",
|
|
27
|
+
"__SValue": "___SValue_1dk3f_gg_",
|
|
28
|
+
"--duration": "--duration_1dk3f"
|
|
29
29
|
});
|
|
30
30
|
import Tooltip from './Tooltip';
|
|
31
31
|
import { getScatterPlotRadius } from './utils';
|
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,17 +21,17 @@ import React from 'react';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { PatternSymbol } from './Pattern';
|
|
23
23
|
/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltip_1wre6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1wre6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1wre6_gg_{display:flex;align-items:center}.___SDot_1wre6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1wre6_gg_.__color_1wre6_gg_{background-color:var(--color_1wre6);width:8px;height:8px;border-radius:50%}.___SFooter_1wre6_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1wre6_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__STooltip": "
|
|
28
|
-
"__STitle": "
|
|
29
|
-
"__SDotGroup": "
|
|
30
|
-
"__SDot": "
|
|
31
|
-
"__SDotCircle": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SFooter": "
|
|
27
|
+
"__STooltip": "___STooltip_1wre6_gg_",
|
|
28
|
+
"__STitle": "___STitle_1wre6_gg_",
|
|
29
|
+
"__SDotGroup": "___SDotGroup_1wre6_gg_",
|
|
30
|
+
"__SDot": "___SDot_1wre6_gg_",
|
|
31
|
+
"__SDotCircle": "___SDotCircle_1wre6_gg_",
|
|
32
|
+
"_color": "__color_1wre6_gg_",
|
|
33
|
+
"--color": "--color_1wre6",
|
|
34
|
+
"__SFooter": "___SFooter_1wre6_gg_"
|
|
35
35
|
});
|
|
36
36
|
import { getChartDefaultColorName } from './utils';
|
|
37
37
|
|
package/lib/es6/Venn.js
CHANGED
|
@@ -18,17 +18,17 @@ import React from 'react';
|
|
|
18
18
|
import createElement from './createElement';
|
|
19
19
|
import { PatternFill } from './Pattern';
|
|
20
20
|
/*!__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCircle_gjugu_gg_,.___SIntersection_gjugu_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_gjugu_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_gjugu);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_gjugu_gg_:hover{fill-opacity:.7}}.___SCircle_gjugu_gg_.__color_gjugu_gg_{fill:var(--color_gjugu)}.___SCircle_gjugu_gg_.__pattern_gjugu_gg_.__color_gjugu_gg_{fill:var(--pattern_gjugu);fill-opacity:.7;stroke:var(--color_gjugu);stroke-width:1px}@media (hover:hover){.___SCircle_gjugu_gg_.__pattern_gjugu_gg_.__color_gjugu_gg_:hover{fill-opacity:.85}}.___SCircle_gjugu_gg_.__transparent_gjugu_gg_{opacity:.3}.___SIntersection_gjugu_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_gjugu_gg_:hover{fill-opacity:.1}}.___SIntersection_gjugu_gg_.__transparent_gjugu_gg_{opacity:.3}", /*__inner_css_end__*/"gjugu_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SCircle": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SIntersection": "
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
24
|
+
"__SCircle": "___SCircle_gjugu_gg_",
|
|
25
|
+
"_color": "__color_gjugu_gg_",
|
|
26
|
+
"--color": "--color_gjugu",
|
|
27
|
+
"_transparent": "__transparent_gjugu_gg_",
|
|
28
|
+
"__SIntersection": "___SIntersection_gjugu_gg_",
|
|
29
|
+
"--duration": "--duration_gjugu",
|
|
30
|
+
"_pattern": "__pattern_gjugu_gg_",
|
|
31
|
+
"--pattern": "--pattern_gjugu"
|
|
32
32
|
});
|
|
33
33
|
import Tooltip from './Tooltip';
|
|
34
34
|
import { getChartDefaultColorName } from './utils';
|
|
@@ -11,10 +11,10 @@ import { Box } from '@semcore/flex-box';
|
|
|
11
11
|
import React from 'react';
|
|
12
12
|
import { normalizeLocale } from './locale';
|
|
13
13
|
/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
14
|
-
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_a990g_gg_{-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_a990g_gg_:focus{-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"a990g_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SPlotA11yModule": "
|
|
17
|
+
"__SPlotA11yModule": "___SPlotA11yModule_a990g_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
|
20
20
|
var globalWasFocused = false;
|
|
@@ -12,10 +12,10 @@ import { makeDataSummarizationConfig } from './hints';
|
|
|
12
12
|
import { getIntl } from './intl';
|
|
13
13
|
import { summarize } from './summarize';
|
|
14
14
|
/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
15
|
-
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_7vfm5_gg_{-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_7vfm5_gg_:focus,.___SPlotA11yView_7vfm5_gg_:focus-within{-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_7vfm5_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_7vfm5_gg_ table,.___SPlotA11yView_7vfm5_gg_ td,.___SPlotA11yView_7vfm5_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"7vfm5_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SPlotA11yView": "
|
|
18
|
+
"__SPlotA11yView": "___SPlotA11yView_7vfm5_gg_"
|
|
19
19
|
});
|
|
20
20
|
import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
|
|
21
21
|
export var PlotA11yView = function PlotA11yView(_ref3) {
|
|
@@ -23,12 +23,12 @@ import React, { Fragment } from 'react';
|
|
|
23
23
|
import { Plot, XAxis, YAxis } from '../..';
|
|
24
24
|
import { makeDataHintsContainer } from '../../a11y/hints';
|
|
25
25
|
/*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_1ym6g_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_1ym6g_gg_._columnsCount_2_1ym6g_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1ym6g_gg_._columnsCount_3_1ym6g_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"1ym6g_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__STooltipChildrenWrapper": "
|
|
30
|
-
"_columnsCount_2": "
|
|
31
|
-
"_columnsCount_3": "
|
|
29
|
+
"__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1ym6g_gg_",
|
|
30
|
+
"_columnsCount_2": "_columnsCount_2_1ym6g_gg_",
|
|
31
|
+
"_columnsCount_3": "_columnsCount_3_1ym6g_gg_"
|
|
32
32
|
});
|
|
33
33
|
import { interpolateValue } from '../../utils';
|
|
34
34
|
import ChartLegend, { ChartLegendTable } from '../ChartLegend';
|
|
@@ -43,11 +43,6 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
|
|
|
43
43
|
*/
|
|
44
44
|
_defineProperty(_this, "plotPadding", 6);
|
|
45
45
|
_defineProperty(_this, "dataHints", makeDataHintsContainer());
|
|
46
|
-
_defineProperty(_this, "state", {
|
|
47
|
-
dataDefinitions: _this.getDefaultDataDefinitions(),
|
|
48
|
-
highlightedLine: -1,
|
|
49
|
-
withTrend: false
|
|
50
|
-
});
|
|
51
46
|
_this.setHighlightedLine = _this.setHighlightedLine.bind(_this);
|
|
52
47
|
_this.handleChangeVisible = _this.handleChangeVisible.bind(_this);
|
|
53
48
|
_this.handleMouseEnter = _this.handleMouseEnter.bind(_this);
|
|
@@ -55,6 +50,11 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
|
|
|
55
50
|
_this.resolveColor = _this.resolveColor.bind(_this);
|
|
56
51
|
_this.tooltipValueFormatter = _this.tooltipValueFormatter.bind(_this);
|
|
57
52
|
_this.handleWithTrendChange = _this.handleWithTrendChange.bind(_this);
|
|
53
|
+
_this.state = {
|
|
54
|
+
dataDefinitions: _this.getDefaultDataDefinitions(),
|
|
55
|
+
highlightedLine: -1,
|
|
56
|
+
withTrend: false
|
|
57
|
+
};
|
|
58
58
|
return _this;
|
|
59
59
|
}
|
|
60
60
|
_inherits(AbstractChart, _Component);
|
|
@@ -263,20 +263,6 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
|
|
|
263
263
|
}
|
|
264
264
|
return total;
|
|
265
265
|
}
|
|
266
|
-
}, {
|
|
267
|
-
key: "percentValue",
|
|
268
|
-
value: function percentValue(data, key) {
|
|
269
|
-
var total = this.totalValue(data);
|
|
270
|
-
var value = data[key];
|
|
271
|
-
if (typeof value === 'number' && total !== 0) {
|
|
272
|
-
var percent = Math.round(100 * value / total);
|
|
273
|
-
return "".concat(percent, "%");
|
|
274
|
-
}
|
|
275
|
-
if (value === null) {
|
|
276
|
-
return "0%";
|
|
277
|
-
}
|
|
278
|
-
return NOT_A_VALUE;
|
|
279
|
-
}
|
|
280
266
|
}, {
|
|
281
267
|
key: "getValueScale",
|
|
282
268
|
value: function getValueScale(values) {
|