@semcore/d3-chart 2.10.0 → 2.11.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 +6 -0
- package/lib/cjs/Area.js +10 -10
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +9 -9
- package/lib/cjs/Bubble.js +11 -11
- package/lib/cjs/Donut.js +8 -8
- package/lib/cjs/Dots.js +10 -10
- package/lib/cjs/HorizontalBar.js +9 -9
- package/lib/cjs/Hover.js +4 -4
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +4 -4
- package/lib/cjs/Radar.js +42 -34
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +13 -13
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ScatterPlot.js +8 -8
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +8 -8
- package/lib/cjs/a11y/PlotA11yModule.js +3 -3
- package/lib/cjs/a11y/PlotA11yView.js +4 -4
- package/lib/cjs/a11y/insights.js +46 -0
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/a11y/serialize.js +2 -2
- package/lib/cjs/a11y/serialize.js.map +1 -1
- package/lib/es6/Area.js +10 -10
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +9 -9
- package/lib/es6/Bubble.js +11 -11
- package/lib/es6/Donut.js +8 -8
- package/lib/es6/Dots.js +10 -10
- package/lib/es6/HorizontalBar.js +9 -9
- package/lib/es6/Hover.js +4 -4
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +4 -4
- package/lib/es6/Radar.js +42 -34
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +13 -13
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ScatterPlot.js +8 -8
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +8 -8
- package/lib/es6/a11y/PlotA11yModule.js +3 -3
- package/lib/es6/a11y/PlotA11yView.js +4 -4
- package/lib/es6/a11y/insights.js +47 -0
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/a11y/serialize.js +2 -2
- package/lib/es6/a11y/serialize.js.map +1 -1
- package/lib/types/a11y/insights.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/lib/cjs/Area.js
CHANGED
|
@@ -42,19 +42,19 @@ var style = (
|
|
|
42
42
|
/*__reshadow_css_start__*/
|
|
43
43
|
_core.sstyled.insert(
|
|
44
44
|
/*__inner_css_start__*/
|
|
45
|
-
".
|
|
45
|
+
".___SArea_1s7ja_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1s7ja_gg_.__color_1s7ja_gg_{fill:var(--color_1s7ja)}.___SArea_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1s7ja_gg_.__color_1s7ja_gg_{stroke:var(--color_1s7ja)}.___SAreaLine_1s7ja_gg_.__transparent_1s7ja_gg_{opacity:.3}.___SAreaLine_1s7ja_gg_,.___SArea_1s7ja_gg_{transition-property:d;transition-duration:var(--duration_1s7ja);transition-timing-function:ease-in-out}.___SNull_1s7ja_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1s7ja_gg_.__hide_1s7ja_gg_{display:none}"
|
|
46
46
|
/*__inner_css_end__*/
|
|
47
|
-
, "
|
|
47
|
+
, "1s7ja_gg_")
|
|
48
48
|
/*__reshadow_css_end__*/
|
|
49
49
|
, {
|
|
50
|
-
"__SArea": "
|
|
51
|
-
"_color": "
|
|
52
|
-
"--color": "--
|
|
53
|
-
"_transparent": "
|
|
54
|
-
"__SAreaLine": "
|
|
55
|
-
"--duration": "--
|
|
56
|
-
"__SNull": "
|
|
57
|
-
"_hide": "
|
|
50
|
+
"__SArea": "___SArea_1s7ja_gg_",
|
|
51
|
+
"_color": "__color_1s7ja_gg_",
|
|
52
|
+
"--color": "--color_1s7ja",
|
|
53
|
+
"_transparent": "__transparent_1s7ja_gg_",
|
|
54
|
+
"__SAreaLine": "___SAreaLine_1s7ja_gg_",
|
|
55
|
+
"--duration": "--duration_1s7ja",
|
|
56
|
+
"__SNull": "___SNull_1s7ja_gg_",
|
|
57
|
+
"_hide": "__hide_1s7ja_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -36,23 +36,23 @@ var style = (
|
|
|
36
36
|
/*__reshadow_css_start__*/
|
|
37
37
|
_core.sstyled.insert(
|
|
38
38
|
/*__inner_css_start__*/
|
|
39
|
-
".
|
|
39
|
+
".___SAxis_uaozb_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_uaozb_gg_.__hide_uaozb_gg_,.___STick_uaozb_gg_.__hide_uaozb_gg_{display:none}.___STick_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_uaozb_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_uaozb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_uaozb)}.___STitle_uaozb_gg_._position_top_uaozb_gg_{text-anchor:middle}.___STitle_uaozb_gg_._position_bottom_uaozb_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_uaozb_gg_._position_left_uaozb_gg_,.___STitle_uaozb_gg_._position_right_uaozb_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_uaozb_gg_._position_top_uaozb_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_uaozb_gg_._position_bottom_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_right_uaozb_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_uaozb_gg_._position_left_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_uaozb_gg_._position_custom_0_uaozb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_uaozb_gg_._position_custom_1_uaozb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
|
|
40
40
|
/*__inner_css_end__*/
|
|
41
|
-
, "
|
|
41
|
+
, "uaozb_gg_")
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
, {
|
|
44
|
-
"__SAxis": "
|
|
45
|
-
"_hide": "
|
|
46
|
-
"__STick": "
|
|
47
|
-
"__SGrid": "
|
|
48
|
-
"__STitle": "
|
|
49
|
-
"--transform-origin": "--transform-
|
|
50
|
-
"_position_top": "
|
|
51
|
-
"_position_bottom": "
|
|
52
|
-
"_position_right": "
|
|
53
|
-
"_position_left": "
|
|
54
|
-
"_position_custom_0": "
|
|
55
|
-
"_position_custom_1": "
|
|
44
|
+
"__SAxis": "___SAxis_uaozb_gg_",
|
|
45
|
+
"_hide": "__hide_uaozb_gg_",
|
|
46
|
+
"__STick": "___STick_uaozb_gg_",
|
|
47
|
+
"__SGrid": "___SGrid_uaozb_gg_",
|
|
48
|
+
"__STitle": "___STitle_uaozb_gg_",
|
|
49
|
+
"--transform-origin": "--transform-origin_uaozb",
|
|
50
|
+
"_position_top": "_position_top_uaozb_gg_",
|
|
51
|
+
"_position_bottom": "_position_bottom_uaozb_gg_",
|
|
52
|
+
"_position_right": "_position_right_uaozb_gg_",
|
|
53
|
+
"_position_left": "_position_left_uaozb_gg_",
|
|
54
|
+
"_position_custom_0": "_position_custom_0_uaozb_gg_",
|
|
55
|
+
"_position_custom_1": "_position_custom_1_uaozb_gg_"
|
|
56
56
|
});
|
|
57
57
|
var CUSTOM_0 = Symbol('custom_0');
|
|
58
58
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -38,18 +38,18 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_core.sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
41
|
+
".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "1jtbl_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SBar": "
|
|
47
|
-
"--duration": "--
|
|
48
|
-
"_color": "
|
|
49
|
-
"--color": "--
|
|
50
|
-
"_hide": "
|
|
51
|
-
"_transparent": "
|
|
52
|
-
"__SBackground": "
|
|
46
|
+
"__SBar": "___SBar_1jtbl_gg_",
|
|
47
|
+
"--duration": "--duration_1jtbl",
|
|
48
|
+
"_color": "__color_1jtbl_gg_",
|
|
49
|
+
"--color": "--color_1jtbl",
|
|
50
|
+
"_hide": "__hide_1jtbl_gg_",
|
|
51
|
+
"_transparent": "__transparent_1jtbl_gg_",
|
|
52
|
+
"__SBackground": "___SBackground_1jtbl_gg_"
|
|
53
53
|
});
|
|
54
54
|
|
|
55
55
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -48,20 +48,20 @@ var style = (
|
|
|
48
48
|
/*__reshadow_css_start__*/
|
|
49
49
|
_core.sstyled.insert(
|
|
50
50
|
/*__inner_css_start__*/
|
|
51
|
-
".
|
|
51
|
+
".___SBubble_82aux_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_82aux);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_82aux_gg_:hover{opacity:.8}}.___SBubble_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SBubble_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SCenter_82aux_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_82aux_gg_.__color_82aux_gg_{stroke:var(--color_82aux)}.___SCenter_82aux_gg_.__transparent_82aux_gg_{opacity:.3}.___SLabel_82aux_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_82aux_gg_._position_right_82aux_gg_{text-anchor:end}.___SLabel_82aux_gg_._position_left_82aux_gg_{text-anchor:start}.___SLabel_82aux_gg_.__color_82aux_gg_{fill:var(--color_82aux)}.___SLabel_82aux_gg_.__transparent_82aux_gg_{opacity:.3}"
|
|
52
52
|
/*__inner_css_end__*/
|
|
53
|
-
, "
|
|
53
|
+
, "82aux_gg_")
|
|
54
54
|
/*__reshadow_css_end__*/
|
|
55
55
|
, {
|
|
56
|
-
"__SBubble": "
|
|
57
|
-
"--duration": "--
|
|
58
|
-
"_color": "
|
|
59
|
-
"--color": "--
|
|
60
|
-
"_transparent": "
|
|
61
|
-
"__SCenter": "
|
|
62
|
-
"__SLabel": "
|
|
63
|
-
"_position_right": "
|
|
64
|
-
"_position_left": "
|
|
56
|
+
"__SBubble": "___SBubble_82aux_gg_",
|
|
57
|
+
"--duration": "--duration_82aux",
|
|
58
|
+
"_color": "__color_82aux_gg_",
|
|
59
|
+
"--color": "--color_82aux",
|
|
60
|
+
"_transparent": "__transparent_82aux_gg_",
|
|
61
|
+
"__SCenter": "___SCenter_82aux_gg_",
|
|
62
|
+
"__SLabel": "___SLabel_82aux_gg_",
|
|
63
|
+
"_position_right": "_position_right_82aux_gg_",
|
|
64
|
+
"_position_left": "_position_left_82aux_gg_"
|
|
65
65
|
});
|
|
66
66
|
|
|
67
67
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -52,17 +52,17 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SPie_19hde_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SPie_19hde_gg_.__transparent_19hde_gg_{opacity:.3}.___SEmptyData_19hde_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_19hde_gg_.__color_19hde_gg_{fill:var(--color_19hde)}.___SLabel_19hde_gg_{text-anchor:middle;vertical-anchor:middle}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "19hde_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SPie": "
|
|
61
|
-
"_color": "
|
|
62
|
-
"--color": "--
|
|
63
|
-
"_transparent": "
|
|
64
|
-
"__SEmptyData": "
|
|
65
|
-
"__SLabel": "
|
|
60
|
+
"__SPie": "___SPie_19hde_gg_",
|
|
61
|
+
"_color": "__color_19hde_gg_",
|
|
62
|
+
"--color": "--color_19hde",
|
|
63
|
+
"_transparent": "__transparent_19hde_gg_",
|
|
64
|
+
"__SEmptyData": "___SEmptyData_19hde_gg_",
|
|
65
|
+
"__SLabel": "___SLabel_19hde_gg_"
|
|
66
66
|
});
|
|
67
67
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
68
68
|
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -28,19 +28,19 @@ var style = (
|
|
|
28
28
|
/*__reshadow_css_start__*/
|
|
29
29
|
_core.sstyled.insert(
|
|
30
30
|
/*__inner_css_start__*/
|
|
31
|
-
".
|
|
31
|
+
".___SDots_15qs1_gg_ .___SDot_15qs1_gg_{transition-duration:var(--duration_15qs1)}.___SDot_15qs1_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_15qs1_gg_.__hide_15qs1_gg_{display:none}.___SDot_15qs1_gg_.__active_15qs1_gg_{r:8px}.___SDot_15qs1_gg_.__color_15qs1_gg_{fill:var(--color_15qs1)}.___SDot_15qs1_gg_.__transparent_15qs1_gg_{opacity:.3}"
|
|
32
32
|
/*__inner_css_end__*/
|
|
33
|
-
, "
|
|
33
|
+
, "15qs1_gg_")
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
, {
|
|
36
|
-
"__SDots": "
|
|
37
|
-
"__SDot": "
|
|
38
|
-
"--duration": "--
|
|
39
|
-
"_hide": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_color": "
|
|
42
|
-
"--color": "--
|
|
43
|
-
"_transparent": "
|
|
36
|
+
"__SDots": "___SDots_15qs1_gg_",
|
|
37
|
+
"__SDot": "___SDot_15qs1_gg_",
|
|
38
|
+
"--duration": "--duration_15qs1",
|
|
39
|
+
"_hide": "__hide_15qs1_gg_",
|
|
40
|
+
"_active": "__active_15qs1_gg_",
|
|
41
|
+
"_color": "__color_15qs1_gg_",
|
|
42
|
+
"--color": "--color_15qs1",
|
|
43
|
+
"_transparent": "__transparent_15qs1_gg_"
|
|
44
44
|
});
|
|
45
45
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
46
46
|
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -36,18 +36,18 @@ var style = (
|
|
|
36
36
|
/*__reshadow_css_start__*/
|
|
37
37
|
_core.sstyled.insert(
|
|
38
38
|
/*__inner_css_start__*/
|
|
39
|
-
".
|
|
39
|
+
".___SBar_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1jtbl);transition-timing-function:ease-in-out}.___SBar_1jtbl_gg_.__color_1jtbl_gg_{fill:var(--color_1jtbl)}.___SBar_1jtbl_gg_.__hide_1jtbl_gg_{display:none}.___SBar_1jtbl_gg_.__transparent_1jtbl_gg_{opacity:.3}.___SBackground_1jtbl_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}"
|
|
40
40
|
/*__inner_css_end__*/
|
|
41
|
-
, "
|
|
41
|
+
, "1jtbl_gg_")
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
, {
|
|
44
|
-
"__SBar": "
|
|
45
|
-
"--duration": "--
|
|
46
|
-
"_color": "
|
|
47
|
-
"--color": "--
|
|
48
|
-
"_hide": "
|
|
49
|
-
"_transparent": "
|
|
50
|
-
"__SBackground": "
|
|
44
|
+
"__SBar": "___SBar_1jtbl_gg_",
|
|
45
|
+
"--duration": "--duration_1jtbl",
|
|
46
|
+
"_color": "__color_1jtbl_gg_",
|
|
47
|
+
"--color": "--color_1jtbl",
|
|
48
|
+
"_hide": "__hide_1jtbl_gg_",
|
|
49
|
+
"_transparent": "__transparent_1jtbl_gg_",
|
|
50
|
+
"__SBackground": "___SBackground_1jtbl_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -38,13 +38,13 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_core.sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
41
|
+
".___SHoverLine_5k49a_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_5k49a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "5k49a_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SHoverLine": "
|
|
47
|
-
"__SHoverRect": "
|
|
46
|
+
"__SHoverLine": "___SHoverLine_5k49a_gg_",
|
|
47
|
+
"__SHoverRect": "___SHoverRect_5k49a_gg_"
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Line.js
CHANGED
|
@@ -40,18 +40,18 @@ var style = (
|
|
|
40
40
|
/*__reshadow_css_start__*/
|
|
41
41
|
_core.sstyled.insert(
|
|
42
42
|
/*__inner_css_start__*/
|
|
43
|
-
".
|
|
43
|
+
".___SLine_1jx3n_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1jx3n);transition-timing-function:ease-in-out}.___SLine_1jx3n_gg_.__color_1jx3n_gg_{stroke:var(--color_1jx3n)}.___SLine_1jx3n_gg_.__hide_1jx3n_gg_{display:none}.___SLine_1jx3n_gg_.__transparent_1jx3n_gg_{opacity:.3}.___SNull_1jx3n_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1jx3n_gg_.__hide_1jx3n_gg_{display:none}"
|
|
44
44
|
/*__inner_css_end__*/
|
|
45
|
-
, "
|
|
45
|
+
, "1jx3n_gg_")
|
|
46
46
|
/*__reshadow_css_end__*/
|
|
47
47
|
, {
|
|
48
|
-
"__SLine": "
|
|
49
|
-
"--duration": "--
|
|
50
|
-
"_color": "
|
|
51
|
-
"--color": "--
|
|
52
|
-
"_hide": "
|
|
53
|
-
"_transparent": "
|
|
54
|
-
"__SNull": "
|
|
48
|
+
"__SLine": "___SLine_1jx3n_gg_",
|
|
49
|
+
"--duration": "--duration_1jx3n",
|
|
50
|
+
"_color": "__color_1jx3n_gg_",
|
|
51
|
+
"--color": "--color_1jx3n",
|
|
52
|
+
"_hide": "__hide_1jx3n_gg_",
|
|
53
|
+
"_transparent": "__transparent_1jx3n_gg_",
|
|
54
|
+
"__SNull": "___SNull_1jx3n_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -46,13 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SPlot_14obl_gg_{overflow:hidden}.___SPlot_14obl_gg_:active,.___SPlot_14obl_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_14obl_gg_.__keyboardFocused_14obl_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "14obl_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SPlot": "
|
|
55
|
-
"_keyboardFocused": "
|
|
54
|
+
"__SPlot": "___SPlot_14obl_gg_",
|
|
55
|
+
"_keyboardFocused": "__keyboardFocused_14obl_gg_"
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -51,27 +51,27 @@ var style = (
|
|
|
51
51
|
/*__reshadow_css_start__*/
|
|
52
52
|
_core.sstyled.insert(
|
|
53
53
|
/*__inner_css_start__*/
|
|
54
|
-
".
|
|
54
|
+
".___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_,.___SAxis_15or2_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_15or2_gg_,.___SAxisTick_15or2_gg_{stroke-dasharray:2}.___SAxisLine_15or2_gg_.__active_15or2_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_15or2_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_15or2_gg_.__xDirection_15or2_gg_{text-anchor:var(--xDirection_15or2)}.___SAxisLabel_15or2_gg_.__yDirection_15or2_gg_{dominant-baseline:var(--yDirection_15or2)}.___SPolygonDot_15or2_gg_,.___SPolygon_15or2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_15or2_gg_{opacity:.2}.___SPolygon_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonDot_15or2_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonDot_15or2_gg_.__color_15or2_gg_{fill:var(--color_15or2)}.___SPolygonLine_15or2_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_15or2_gg_.__transparent_15or2_gg_{opacity:.3}.___SPolygonLine_15or2_gg_.__color_15or2_gg_{stroke:var(--color_15or2)}.___SPieRect_15or2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
|
|
55
55
|
/*__inner_css_end__*/
|
|
56
|
-
, "
|
|
56
|
+
, "15or2_gg_")
|
|
57
57
|
/*__reshadow_css_end__*/
|
|
58
58
|
, {
|
|
59
|
-
"__SAxis": "
|
|
60
|
-
"__SAxisLine": "
|
|
61
|
-
"__SAxisTick": "
|
|
62
|
-
"_active": "
|
|
63
|
-
"__SAxisLabel": "
|
|
64
|
-
"_xDirection": "
|
|
65
|
-
"--xDirection": "--
|
|
66
|
-
"_yDirection": "
|
|
67
|
-
"--yDirection": "--
|
|
68
|
-
"__SPolygon": "
|
|
69
|
-
"_color": "
|
|
70
|
-
"--color": "--
|
|
71
|
-
"__SPolygonDot": "
|
|
72
|
-
"_transparent": "
|
|
73
|
-
"__SPolygonLine": "
|
|
74
|
-
"__SPieRect": "
|
|
59
|
+
"__SAxis": "___SAxis_15or2_gg_",
|
|
60
|
+
"__SAxisLine": "___SAxisLine_15or2_gg_",
|
|
61
|
+
"__SAxisTick": "___SAxisTick_15or2_gg_",
|
|
62
|
+
"_active": "__active_15or2_gg_",
|
|
63
|
+
"__SAxisLabel": "___SAxisLabel_15or2_gg_",
|
|
64
|
+
"_xDirection": "__xDirection_15or2_gg_",
|
|
65
|
+
"--xDirection": "--xDirection_15or2",
|
|
66
|
+
"_yDirection": "__yDirection_15or2_gg_",
|
|
67
|
+
"--yDirection": "--yDirection_15or2",
|
|
68
|
+
"__SPolygon": "___SPolygon_15or2_gg_",
|
|
69
|
+
"_color": "__color_15or2_gg_",
|
|
70
|
+
"--color": "--color_15or2",
|
|
71
|
+
"__SPolygonDot": "___SPolygonDot_15or2_gg_",
|
|
72
|
+
"_transparent": "__transparent_15or2_gg_",
|
|
73
|
+
"__SPolygonLine": "___SPolygonLine_15or2_gg_",
|
|
74
|
+
"__SPieRect": "___SPieRect_15or2_gg_"
|
|
75
75
|
});
|
|
76
76
|
|
|
77
77
|
function getAngle(i, range, func, total) {
|
|
@@ -269,6 +269,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
269
269
|
width = _size[0],
|
|
270
270
|
height = _size[1];
|
|
271
271
|
|
|
272
|
+
this.asProps.dataHintsHandler.establishDataType('indexed-groups');
|
|
272
273
|
var dataKey;
|
|
273
274
|
|
|
274
275
|
_react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).forEach(function (child) {
|
|
@@ -289,8 +290,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
|
|
|
289
290
|
return _ref = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SRadar, _ref.cn("SRadar", {
|
|
290
291
|
"aria-hidden": true,
|
|
291
292
|
"id": this.id,
|
|
292
|
-
"render":
|
|
293
|
-
"childrenPosition":
|
|
293
|
+
"render": "g",
|
|
294
|
+
"childrenPosition": "inside",
|
|
294
295
|
"transform": "translate(".concat(width / 2, ",").concat(height / 2, ")")
|
|
295
296
|
}));
|
|
296
297
|
}
|
|
@@ -322,12 +323,16 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
|
|
|
322
323
|
data = _this$asProps4.data,
|
|
323
324
|
scale = _this$asProps4.scale,
|
|
324
325
|
color = _this$asProps4.color,
|
|
325
|
-
transparent = _this$asProps4.transparent
|
|
326
|
+
transparent = _this$asProps4.transparent,
|
|
327
|
+
dataKey = _this$asProps4.dataKey,
|
|
328
|
+
dataHintsHandler = _this$asProps4.dataHintsHandler;
|
|
326
329
|
return {
|
|
327
330
|
data: data,
|
|
328
331
|
scale: scale,
|
|
329
332
|
color: color,
|
|
330
|
-
transparent: transparent
|
|
333
|
+
transparent: transparent,
|
|
334
|
+
categoryKey: dataKey,
|
|
335
|
+
dataHintsHandler: dataHintsHandler
|
|
331
336
|
};
|
|
332
337
|
}
|
|
333
338
|
}, {
|
|
@@ -358,7 +363,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
|
|
|
358
363
|
color = _this$asProps6.color,
|
|
359
364
|
fill = _this$asProps6.fill;
|
|
360
365
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygon, _ref2.cn("SPolygon", {
|
|
361
|
-
"render":
|
|
366
|
+
"render": "path",
|
|
362
367
|
"d": d3(data),
|
|
363
368
|
"color": fill || color
|
|
364
369
|
}));
|
|
@@ -395,7 +400,7 @@ function PolygonLine(props) {
|
|
|
395
400
|
data = props.data,
|
|
396
401
|
transparent = props.transparent;
|
|
397
402
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonLine, _ref3.cn("SPolygonLine", {
|
|
398
|
-
"render":
|
|
403
|
+
"render": "path",
|
|
399
404
|
"d": d3(data),
|
|
400
405
|
"color": color,
|
|
401
406
|
"transparent": transparent
|
|
@@ -408,12 +413,14 @@ function PolygonDots(props) {
|
|
|
408
413
|
color = props.color,
|
|
409
414
|
data = props.data,
|
|
410
415
|
scale = props.scale,
|
|
411
|
-
transparent = props.transparent
|
|
416
|
+
transparent = props.transparent,
|
|
417
|
+
categoryKey = props.categoryKey;
|
|
412
418
|
return data.map(function (value, i) {
|
|
413
419
|
var _ref4;
|
|
414
420
|
|
|
415
421
|
if (value === null || value === undefined) return;
|
|
416
422
|
var radius = scale(value);
|
|
423
|
+
props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
|
|
417
424
|
|
|
418
425
|
var _getRadianPosition = getRadianPosition(i, radius, data.length),
|
|
419
426
|
_getRadianPosition2 = (0, _slicedToArray2["default"])(_getRadianPosition, 2),
|
|
@@ -422,7 +429,7 @@ function PolygonDots(props) {
|
|
|
422
429
|
|
|
423
430
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref4.cn("SPolygonDot", {
|
|
424
431
|
"key": i,
|
|
425
|
-
"render":
|
|
432
|
+
"render": "circle",
|
|
426
433
|
"cx": cx,
|
|
427
434
|
"cy": cy,
|
|
428
435
|
"color": color,
|
|
@@ -534,12 +541,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
|
|
|
534
541
|
var radius = Math.min(size[0], size[1]) / 2 - offset;
|
|
535
542
|
var total = categories.length;
|
|
536
543
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
|
|
537
|
-
"render":
|
|
544
|
+
"render": "circle",
|
|
538
545
|
"cx": 0,
|
|
539
546
|
"cy": 0,
|
|
540
547
|
"r": radius
|
|
541
548
|
})) : /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
|
|
542
|
-
"render":
|
|
549
|
+
"render": "path",
|
|
543
550
|
"d": this.createLineRadial(radius, total)(categories)
|
|
544
551
|
})), categories.map(function (category, i) {
|
|
545
552
|
var _getRadianPosition3 = getRadianPosition(i, radius, total),
|
|
@@ -595,12 +602,12 @@ function AxisTicks(props) {
|
|
|
595
602
|
});
|
|
596
603
|
return _ref6 = (0, _core.sstyled)(styles), type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
|
|
597
604
|
"key": i,
|
|
598
|
-
"render":
|
|
605
|
+
"render": "circle",
|
|
599
606
|
"cx": 0,
|
|
600
607
|
"cy": 0,
|
|
601
608
|
"r": radius * tick
|
|
602
609
|
})) : /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
|
|
603
|
-
"render":
|
|
610
|
+
"render": "path",
|
|
604
611
|
"key": i,
|
|
605
612
|
"d": d3(categories)
|
|
606
613
|
}));
|
|
@@ -629,11 +636,12 @@ function AxisLabels(props) {
|
|
|
629
636
|
if (typeof category === 'string') {
|
|
630
637
|
var _ref7;
|
|
631
638
|
|
|
639
|
+
props.dataHintsHandler.labelKey('value', i, category);
|
|
632
640
|
var lines = category.split('\n');
|
|
633
641
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxisLabel, _ref7.cn("SAxisLabel", {
|
|
634
642
|
"key": i,
|
|
635
|
-
"render":
|
|
636
|
-
"childrenPosition":
|
|
643
|
+
"render": "text",
|
|
644
|
+
"childrenPosition": "inside",
|
|
637
645
|
"x": x,
|
|
638
646
|
"y": y,
|
|
639
647
|
"xDirection": xDirection,
|
|
@@ -850,14 +858,14 @@ var Hover = /*#__PURE__*/function (_Component4) {
|
|
|
850
858
|
|
|
851
859
|
var circle = (0, _d3Shape.arc)().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
|
|
852
860
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref8.cn("SPieRect", {
|
|
853
|
-
"render":
|
|
861
|
+
"render": "path",
|
|
854
862
|
"d": circle()
|
|
855
863
|
}));
|
|
856
864
|
} else {
|
|
857
865
|
var _ref9;
|
|
858
866
|
|
|
859
867
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref9.cn("SPieRect", {
|
|
860
|
-
"render":
|
|
868
|
+
"render": "path",
|
|
861
869
|
"d": (0, _d3Shape.line)()(this.getPolygon(index))
|
|
862
870
|
}));
|
|
863
871
|
}
|