@semcore/d3-chart 3.58.1 → 3.58.5-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 +33 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +12 -12
- 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 +10 -6
- package/lib/cjs/Plot.js.map +1 -1
- 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 +13 -11
- package/lib/cjs/ScatterPlot.js.map +1 -1
- 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 +5 -2
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +36 -24
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/hover.shadow.css +2 -0
- package/lib/cjs/style/radar.shadow.css +2 -1
- package/lib/cjs/translations/en.json +1 -0
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +12 -12
- 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 +10 -6
- package/lib/es6/Plot.js.map +1 -1
- 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 +13 -11
- package/lib/es6/ScatterPlot.js.map +1 -1
- 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 +5 -2
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +36 -24
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/hover.shadow.css +2 -0
- package/lib/es6/style/radar.shadow.css +2 -1
- package/lib/es6/translations/en.json +1 -0
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +1 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,39 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.58.5] - 2024-12-20
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- `aria-hidden="true"` to `PatternSymbol` inside `LegendItem` to improve A11Y.
|
|
10
|
+
|
|
11
|
+
## [3.58.4] - 2024-12-19
|
|
12
|
+
|
|
13
|
+
### Removed
|
|
14
|
+
|
|
15
|
+
- `aria-labelledby` from `LegendItem` with shapes other, than checkbox.
|
|
16
|
+
|
|
17
|
+
### Changed
|
|
18
|
+
|
|
19
|
+
- `aria-labelledby` value in `LegendItem` to unique id.
|
|
20
|
+
|
|
21
|
+
## [3.58.3] - 2024-12-17
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
|
|
25
|
+
- Animation of points on ScatterPlot was on every render.
|
|
26
|
+
|
|
27
|
+
### Added
|
|
28
|
+
|
|
29
|
+
- `outilne=none` for Hover rect and line.
|
|
30
|
+
|
|
31
|
+
## [3.58.2] - 2024-12-09
|
|
32
|
+
|
|
33
|
+
### Added
|
|
34
|
+
|
|
35
|
+
- `aria-*` attributes for svg from parent group for all simple charts (Chart.*).
|
|
36
|
+
- `aria-label=Chart` by default for all advanced charts (Plot...).
|
|
37
|
+
|
|
5
38
|
## [3.58.1] - 2024-12-05
|
|
6
39
|
|
|
7
40
|
### Added
|
package/lib/cjs/Area.js
CHANGED
|
@@ -23,17 +23,17 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
24
24
|
var _Pattern = require("./Pattern");
|
|
25
25
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SArea": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SAreaLine": "
|
|
34
|
-
"--duration": "--
|
|
35
|
-
"__SNull": "
|
|
36
|
-
"_hide": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SArea_zn13u_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_zn13u_gg_.__color_zn13u_gg_{fill:var(--color_zn13u)}.___SArea_zn13u_gg_.__pattern_zn13u_gg_{fill:var(--pattern_zn13u);fill-opacity:.7}.___SArea_zn13u_gg_.__transparent_zn13u_gg_{opacity:.3}.___SAreaLine_zn13u_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_zn13u_gg_.__color_zn13u_gg_{stroke:var(--color_zn13u)}.___SAreaLine_zn13u_gg_.__transparent_zn13u_gg_{opacity:.3}.___SAreaLine_zn13u_gg_,.___SArea_zn13u_gg_{transition-property:d;transition-duration:var(--duration_zn13u);transition-timing-function:ease-in-out}.___SNull_zn13u_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_zn13u_gg_.__hide_zn13u_gg_{display:none}" /*__inner_css_end__*/, "zn13u_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SArea": "___SArea_zn13u_gg_",
|
|
28
|
+
"_color": "__color_zn13u_gg_",
|
|
29
|
+
"--color": "--color_zn13u",
|
|
30
|
+
"_pattern": "__pattern_zn13u_gg_",
|
|
31
|
+
"--pattern": "--pattern_zn13u",
|
|
32
|
+
"_transparent": "__transparent_zn13u_gg_",
|
|
33
|
+
"__SAreaLine": "___SAreaLine_zn13u_gg_",
|
|
34
|
+
"--duration": "--duration_zn13u",
|
|
35
|
+
"__SNull": "___SNull_zn13u_gg_",
|
|
36
|
+
"_hide": "__hide_zn13u_gg_"
|
|
37
37
|
});
|
|
38
38
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
39
39
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -19,20 +19,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
|
|
21
21
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SAxis": "
|
|
24
|
-
"_hide": "
|
|
25
|
-
"__STick": "
|
|
26
|
-
"__SGrid": "
|
|
27
|
-
"__STitle": "
|
|
28
|
-
"--transform-origin": "--transform-
|
|
29
|
-
"_position_top": "
|
|
30
|
-
"_position_bottom": "
|
|
31
|
-
"_position_right": "
|
|
32
|
-
"_position_left": "
|
|
33
|
-
"_verticalWritingMode": "
|
|
34
|
-
"_position_custom_0": "
|
|
35
|
-
"_position_custom_1": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAxis_vyeld_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_vyeld_gg_.__hide_vyeld_gg_,.___STick_vyeld_gg_.__hide_vyeld_gg_{display:none}.___STick_vyeld_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_vyeld_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_vyeld_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_vyeld)}.___STitle_vyeld_gg_._position_top_vyeld_gg_{text-anchor:middle}.___STitle_vyeld_gg_._position_bottom_vyeld_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_vyeld_gg_._position_left_vyeld_gg_,.___STitle_vyeld_gg_._position_right_vyeld_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_vyeld_gg_._position_left_vyeld_gg_.__verticalWritingMode_vyeld_gg_,.___STitle_vyeld_gg_._position_right_vyeld_gg_.__verticalWritingMode_vyeld_gg_{writing-mode:vertical-rl;transform:none}.___STick_vyeld_gg_._position_top_vyeld_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_vyeld_gg_._position_bottom_vyeld_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_vyeld_gg_._position_right_vyeld_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_vyeld_gg_._position_left_vyeld_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_vyeld_gg_._position_custom_0_vyeld_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_vyeld_gg_._position_custom_1_vyeld_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "vyeld_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SAxis": "___SAxis_vyeld_gg_",
|
|
24
|
+
"_hide": "__hide_vyeld_gg_",
|
|
25
|
+
"__STick": "___STick_vyeld_gg_",
|
|
26
|
+
"__SGrid": "___SGrid_vyeld_gg_",
|
|
27
|
+
"__STitle": "___STitle_vyeld_gg_",
|
|
28
|
+
"--transform-origin": "--transform-origin_vyeld",
|
|
29
|
+
"_position_top": "_position_top_vyeld_gg_",
|
|
30
|
+
"_position_bottom": "_position_bottom_vyeld_gg_",
|
|
31
|
+
"_position_right": "_position_right_vyeld_gg_",
|
|
32
|
+
"_position_left": "_position_left_vyeld_gg_",
|
|
33
|
+
"_verticalWritingMode": "__verticalWritingMode_vyeld_gg_",
|
|
34
|
+
"_position_custom_0": "_position_custom_0_vyeld_gg_",
|
|
35
|
+
"_position_custom_1": "_position_custom_1_vyeld_gg_"
|
|
36
36
|
});
|
|
37
37
|
var CUSTOM_0 = Symbol('custom_0');
|
|
38
38
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -21,22 +21,22 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _Pattern = require("./Pattern");
|
|
23
23
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SBar": "
|
|
26
|
-
"--duration": "--
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_hide": "
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"_onClick": "
|
|
34
|
-
"__SBackground": "
|
|
35
|
-
"__SBarAnnotation": "
|
|
36
|
-
"__SBarLabel": "
|
|
37
|
-
"__SBarPercent": "
|
|
38
|
-
"__SBarValue": "
|
|
39
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_12eho_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12eho);transition-timing-function:ease-in-out}.___SBar_12eho_gg_.__color_12eho_gg_{fill:var(--color_12eho)}.___SBar_12eho_gg_.__pattern_12eho_gg_.__color_12eho_gg_{fill:var(--pattern_12eho);stroke:var(--color_12eho);stroke-width:1px}.___SBar_12eho_gg_.__hide_12eho_gg_{display:none}.___SBar_12eho_gg_.__transparent_12eho_gg_{opacity:.3}.___SBackground_12eho_gg_.__onClick_12eho_gg_,.___SBar_12eho_gg_.__onClick_12eho_gg_{cursor:pointer}.___SBackground_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12eho_gg_{display:flex;justify-content:space-between}.___SBarLabel_12eho_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12eho_gg_,.___SBarPercent_12eho_gg_,.___SBarValue_12eho_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12eho_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12eho_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "12eho_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SBar": "___SBar_12eho_gg_",
|
|
26
|
+
"--duration": "--duration_12eho",
|
|
27
|
+
"_color": "__color_12eho_gg_",
|
|
28
|
+
"--color": "--color_12eho",
|
|
29
|
+
"_pattern": "__pattern_12eho_gg_",
|
|
30
|
+
"--pattern": "--pattern_12eho",
|
|
31
|
+
"_hide": "__hide_12eho_gg_",
|
|
32
|
+
"_transparent": "__transparent_12eho_gg_",
|
|
33
|
+
"_onClick": "__onClick_12eho_gg_",
|
|
34
|
+
"__SBackground": "___SBackground_12eho_gg_",
|
|
35
|
+
"__SBarAnnotation": "___SBarAnnotation_12eho_gg_",
|
|
36
|
+
"__SBarLabel": "___SBarLabel_12eho_gg_",
|
|
37
|
+
"__SBarPercent": "___SBarPercent_12eho_gg_",
|
|
38
|
+
"__SBarValue": "___SBarValue_12eho_gg_",
|
|
39
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12eho_gg_"
|
|
40
40
|
});
|
|
41
41
|
var MIN_HEIGHT = 2;
|
|
42
42
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -23,18 +23,18 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
24
24
|
var _Pattern = require("./Pattern");
|
|
25
25
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBubble": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SCenter": "
|
|
34
|
-
"__SLabel": "
|
|
35
|
-
"_position_right": "
|
|
36
|
-
"_position_left": "
|
|
37
|
-
"--duration": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBubble_1u9yg_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_1u9yg);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1u9yg_gg_:hover{opacity:.8}}.___SBubble_1u9yg_gg_.__color_1u9yg_gg_{fill:var(--color_1u9yg)}.___SBubble_1u9yg_gg_.__pattern_1u9yg_gg_.__color_1u9yg_gg_{fill:var(--pattern_1u9yg);stroke:var(--color_1u9yg);stroke-width:1px}.___SBubble_1u9yg_gg_.__transparent_1u9yg_gg_{opacity:.3}.___SCenter_1u9yg_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1u9yg_gg_.__color_1u9yg_gg_{stroke:var(--color_1u9yg)}.___SCenter_1u9yg_gg_.__transparent_1u9yg_gg_{opacity:.3}.___SLabel_1u9yg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1u9yg_gg_._position_right_1u9yg_gg_{text-anchor:end}.___SLabel_1u9yg_gg_._position_left_1u9yg_gg_{text-anchor:start}.___SLabel_1u9yg_gg_.__color_1u9yg_gg_{fill:var(--color_1u9yg)}.___SLabel_1u9yg_gg_.__transparent_1u9yg_gg_{opacity:.3}" /*__inner_css_end__*/, "1u9yg_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBubble": "___SBubble_1u9yg_gg_",
|
|
28
|
+
"_color": "__color_1u9yg_gg_",
|
|
29
|
+
"--color": "--color_1u9yg",
|
|
30
|
+
"_pattern": "__pattern_1u9yg_gg_",
|
|
31
|
+
"--pattern": "--pattern_1u9yg",
|
|
32
|
+
"_transparent": "__transparent_1u9yg_gg_",
|
|
33
|
+
"__SCenter": "___SCenter_1u9yg_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_1u9yg_gg_",
|
|
35
|
+
"_position_right": "_position_right_1u9yg_gg_",
|
|
36
|
+
"_position_left": "_position_left_1u9yg_gg_",
|
|
37
|
+
"--duration": "--duration_1u9yg"
|
|
38
38
|
});
|
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
|
@@ -27,22 +27,22 @@ var _assignProps5 = require("@semcore/utils/lib/assignProps");
|
|
|
27
27
|
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
28
28
|
var _flexBox = require("@semcore/flex-box");
|
|
29
29
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SBar": "
|
|
32
|
-
"--duration": "--
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_pattern": "
|
|
36
|
-
"--pattern": "--
|
|
37
|
-
"_hide": "
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"_onClick": "
|
|
40
|
-
"__SBackground": "
|
|
41
|
-
"__SBarAnnotation": "
|
|
42
|
-
"__SBarLabel": "
|
|
43
|
-
"__SBarPercent": "
|
|
44
|
-
"__SBarValue": "
|
|
45
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_12eho_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12eho);transition-timing-function:ease-in-out}.___SBar_12eho_gg_.__color_12eho_gg_{fill:var(--color_12eho)}.___SBar_12eho_gg_.__pattern_12eho_gg_.__color_12eho_gg_{fill:var(--pattern_12eho);stroke:var(--color_12eho);stroke-width:1px}.___SBar_12eho_gg_.__hide_12eho_gg_{display:none}.___SBar_12eho_gg_.__transparent_12eho_gg_{opacity:.3}.___SBackground_12eho_gg_.__onClick_12eho_gg_,.___SBar_12eho_gg_.__onClick_12eho_gg_{cursor:pointer}.___SBackground_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12eho_gg_{display:flex;justify-content:space-between}.___SBarLabel_12eho_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12eho_gg_,.___SBarPercent_12eho_gg_,.___SBarValue_12eho_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12eho_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12eho_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "12eho_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SBar": "___SBar_12eho_gg_",
|
|
32
|
+
"--duration": "--duration_12eho",
|
|
33
|
+
"_color": "__color_12eho_gg_",
|
|
34
|
+
"--color": "--color_12eho",
|
|
35
|
+
"_pattern": "__pattern_12eho_gg_",
|
|
36
|
+
"--pattern": "--pattern_12eho",
|
|
37
|
+
"_hide": "__hide_12eho_gg_",
|
|
38
|
+
"_transparent": "__transparent_12eho_gg_",
|
|
39
|
+
"_onClick": "__onClick_12eho_gg_",
|
|
40
|
+
"__SBackground": "___SBackground_12eho_gg_",
|
|
41
|
+
"__SBarAnnotation": "___SBarAnnotation_12eho_gg_",
|
|
42
|
+
"__SBarLabel": "___SBarLabel_12eho_gg_",
|
|
43
|
+
"__SBarPercent": "___SBarPercent_12eho_gg_",
|
|
44
|
+
"__SBarValue": "___SBarValue_12eho_gg_",
|
|
45
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12eho_gg_"
|
|
46
46
|
});
|
|
47
47
|
var MIN_WIDTH = 4;
|
|
48
48
|
exports.MIN_WIDTH = MIN_WIDTH;
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -29,15 +29,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
|
29
29
|
var _Pattern = require("./Pattern");
|
|
30
30
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
|
|
31
31
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
32
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
33
|
-
"__SPie": "
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"_pattern": "
|
|
37
|
-
"--pattern": "--
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SEmptyData": "
|
|
40
|
-
"__SLabel": "
|
|
32
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPie_1en1k_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1en1k_gg_.__color_1en1k_gg_{fill:var(--color_1en1k)}.___SPie_1en1k_gg_.__pattern_1en1k_gg_.__color_1en1k_gg_{fill:var(--pattern_1en1k);stroke:var(--color_1en1k);stroke-width:1px}.___SPie_1en1k_gg_.__transparent_1en1k_gg_{opacity:.3}.___SEmptyData_1en1k_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1en1k_gg_.__color_1en1k_gg_{fill:var(--color_1en1k)}.___SLabel_1en1k_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1en1k_gg_") /*__reshadow_css_end__*/, {
|
|
33
|
+
"__SPie": "___SPie_1en1k_gg_",
|
|
34
|
+
"_color": "__color_1en1k_gg_",
|
|
35
|
+
"--color": "--color_1en1k",
|
|
36
|
+
"_pattern": "__pattern_1en1k_gg_",
|
|
37
|
+
"--pattern": "--pattern_1en1k",
|
|
38
|
+
"_transparent": "__transparent_1en1k_gg_",
|
|
39
|
+
"__SEmptyData": "___SEmptyData_1en1k_gg_",
|
|
40
|
+
"__SLabel": "___SLabel_1en1k_gg_"
|
|
41
41
|
});
|
|
42
42
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
43
43
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -15,14 +15,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
15
15
|
var _utils = require("./utils");
|
|
16
16
|
var _Pattern = require("./Pattern");
|
|
17
17
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SDot": "
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SDots": "
|
|
25
|
-
"--duration": "--
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDots_fdq21_gg_ .___SDot_fdq21_gg_{transition-duration:var(--duration_fdq21)}.___SDot_fdq21_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_fdq21_gg_.__hide_fdq21_gg_{display:none}.___SDot_fdq21_gg_.__color_fdq21_gg_{fill:var(--color_fdq21)}.___SDot_fdq21_gg_.__transparent_fdq21_gg_{opacity:.3}" /*__inner_css_end__*/, "fdq21_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SDot": "___SDot_fdq21_gg_",
|
|
20
|
+
"_hide": "__hide_fdq21_gg_",
|
|
21
|
+
"_color": "__color_fdq21_gg_",
|
|
22
|
+
"--color": "--color_fdq21",
|
|
23
|
+
"_transparent": "__transparent_fdq21_gg_",
|
|
24
|
+
"__SDots": "___SDots_fdq21_gg_",
|
|
25
|
+
"--duration": "--duration_fdq21"
|
|
26
26
|
});
|
|
27
27
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
28
28
|
function Dots(props) {
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -20,22 +20,22 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
var _Pattern = require("./Pattern");
|
|
22
22
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBar": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_pattern": "
|
|
29
|
-
"--pattern": "--
|
|
30
|
-
"_hide": "
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"_onClick": "
|
|
33
|
-
"__SBackground": "
|
|
34
|
-
"__SBarAnnotation": "
|
|
35
|
-
"__SBarLabel": "
|
|
36
|
-
"__SBarPercent": "
|
|
37
|
-
"__SBarValue": "
|
|
38
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBar_12eho_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12eho);transition-timing-function:ease-in-out}.___SBar_12eho_gg_.__color_12eho_gg_{fill:var(--color_12eho)}.___SBar_12eho_gg_.__pattern_12eho_gg_.__color_12eho_gg_{fill:var(--pattern_12eho);stroke:var(--color_12eho);stroke-width:1px}.___SBar_12eho_gg_.__hide_12eho_gg_{display:none}.___SBar_12eho_gg_.__transparent_12eho_gg_{opacity:.3}.___SBackground_12eho_gg_.__onClick_12eho_gg_,.___SBar_12eho_gg_.__onClick_12eho_gg_{cursor:pointer}.___SBackground_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12eho_gg_{display:flex;justify-content:space-between}.___SBarLabel_12eho_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12eho_gg_,.___SBarPercent_12eho_gg_,.___SBarValue_12eho_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12eho_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12eho_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12eho_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "12eho_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBar": "___SBar_12eho_gg_",
|
|
25
|
+
"--duration": "--duration_12eho",
|
|
26
|
+
"_color": "__color_12eho_gg_",
|
|
27
|
+
"--color": "--color_12eho",
|
|
28
|
+
"_pattern": "__pattern_12eho_gg_",
|
|
29
|
+
"--pattern": "--pattern_12eho",
|
|
30
|
+
"_hide": "__hide_12eho_gg_",
|
|
31
|
+
"_transparent": "__transparent_12eho_gg_",
|
|
32
|
+
"_onClick": "__onClick_12eho_gg_",
|
|
33
|
+
"__SBackground": "___SBackground_12eho_gg_",
|
|
34
|
+
"__SBarAnnotation": "___SBarAnnotation_12eho_gg_",
|
|
35
|
+
"__SBarLabel": "___SBarLabel_12eho_gg_",
|
|
36
|
+
"__SBarPercent": "___SBarPercent_12eho_gg_",
|
|
37
|
+
"__SBarValue": "___SBarValue_12eho_gg_",
|
|
38
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12eho_gg_"
|
|
39
39
|
});
|
|
40
40
|
var MIN_WIDTH = 2;
|
|
41
41
|
exports.MIN_WIDTH = MIN_WIDTH;
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -22,9 +22,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
22
22
|
var _utils = require("./utils");
|
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
24
24
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SHoverLine": "
|
|
27
|
-
"__SHoverRect": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_rxz6v_gg_{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_rxz6v_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "rxz6v_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SHoverLine": "___SHoverLine_rxz6v_gg_",
|
|
27
|
+
"__SHoverRect": "___SHoverRect_rxz6v_gg_"
|
|
28
28
|
});
|
|
29
29
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
30
30
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -23,15 +23,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
23
23
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
24
24
|
var _Pattern = require("./Pattern");
|
|
25
25
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SLine": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_hide": "
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SNull": "
|
|
34
|
-
"__SLineArea": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLine_yj3fy_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_yj3fy);transition-timing-function:ease-in-out}.___SLine_yj3fy_gg_.__color_yj3fy_gg_{stroke:var(--color_yj3fy)}.___SLine_yj3fy_gg_.__hide_yj3fy_gg_{display:none}.___SLine_yj3fy_gg_.__transparent_yj3fy_gg_{opacity:.3}.___SNull_yj3fy_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_yj3fy_gg_.__hide_yj3fy_gg_{display:none}.___SLineArea_yj3fy_gg_{transition-property:d;transition-duration:var(--duration_yj3fy);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_yj3fy_gg_.__color_yj3fy_gg_{fill:var(--color_yj3fy)}" /*__inner_css_end__*/, "yj3fy_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SLine": "___SLine_yj3fy_gg_",
|
|
28
|
+
"--duration": "--duration_yj3fy",
|
|
29
|
+
"_color": "__color_yj3fy_gg_",
|
|
30
|
+
"--color": "--color_yj3fy",
|
|
31
|
+
"_hide": "__hide_yj3fy_gg_",
|
|
32
|
+
"_transparent": "__transparent_yj3fy_gg_",
|
|
33
|
+
"__SNull": "___SNull_yj3fy_gg_",
|
|
34
|
+
"__SLineArea": "___SLineArea_yj3fy_gg_"
|
|
35
35
|
});
|
|
36
36
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
37
37
|
(0, _inherits2["default"])(LineRoot, _Component);
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -24,10 +24,12 @@ var _utils = require("./utils");
|
|
|
24
24
|
var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
25
25
|
var _hints = require("./a11y/hints");
|
|
26
26
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
27
|
+
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
28
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
27
29
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SPlot": "
|
|
30
|
-
"_keyboardFocused": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlot_rx3pm_gg_{overflow:hidden}.___SPlot_rx3pm_gg_:active,.___SPlot_rx3pm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_rx3pm_gg_.__keyboardFocused_rx3pm_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.5))}" /*__inner_css_end__*/, "rx3pm_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SPlot": "___SPlot_rx3pm_gg_",
|
|
32
|
+
"_keyboardFocused": "__keyboardFocused_rx3pm_gg_"
|
|
31
33
|
});
|
|
32
34
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
33
35
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
|
@@ -119,15 +121,17 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
119
121
|
data = _this$asProps2.data,
|
|
120
122
|
a11yAltTextConfig = _this$asProps2.a11yAltTextConfig,
|
|
121
123
|
label = _this$asProps2.label,
|
|
122
|
-
locale = _this$asProps2.locale
|
|
124
|
+
locale = _this$asProps2.locale,
|
|
125
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
123
126
|
if (!width || !height) return null;
|
|
127
|
+
var ariaLabel = label !== null && label !== void 0 ? label : getI18nText('d3Chart.Plot:aria-label');
|
|
124
128
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
125
129
|
"tag": 'svg',
|
|
126
130
|
"__excludeProps": ['data', 'scale'],
|
|
127
131
|
"ref": this.rootRef,
|
|
128
132
|
"onMouseMove": this.handlerMouseMove,
|
|
129
133
|
"onMouseLeave": this.handlerMouseLeave,
|
|
130
|
-
"aria-label":
|
|
134
|
+
"aria-label": ariaLabel,
|
|
131
135
|
"tabIndex": 0
|
|
132
136
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
|
|
133
137
|
"width": '100%',
|
|
@@ -154,7 +158,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
154
158
|
height: 0
|
|
155
159
|
};
|
|
156
160
|
});
|
|
157
|
-
(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])()]);
|
|
161
|
+
(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
|
158
162
|
var _default = (0, _core["default"])(PlotRoot);
|
|
159
163
|
exports["default"] = _default;
|
|
160
164
|
//# sourceMappingURL=Plot.js.map
|
package/lib/cjs/Plot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","_resolveColorEnhance","style","_index","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","colorResolverEnhance","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n static displayName = 'Plot';\n static style = style;\n\n constructor(props) {\n super(props);\n this.eventEmitter = props.eventEmitter || new EventEmitter();\n }\n\n static defaultProps = () => ({\n width: 0,\n height: 0,\n });\n\n static enhance = [keyboardFocusEnhance(), colorResolverEnhance()];\n\n plotId = uniqueId();\n\n rootRef = React.createRef();\n\n dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n handlerMouseMove = (e) => {\n const { scale } = this.asProps;\n this.eventEmitter.emit('onMouseMoveRoot', e);\n\n if (scale && scale.length >= 2) {\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, this.rootRef.current);\n const [minX, maxX] = xScale.range();\n const [maxY, minY] = yScale.range();\n\n if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n this.eventEmitter.emit('onMouseMoveChart', e);\n } else {\n this.eventEmitter.emit('onMouseLeaveChart', e);\n }\n }\n };\n\n handlerMouseLeave = (e) => {\n this.eventEmitter.emit('onMouseLeaveRoot', e);\n this.eventEmitter.emit('onMouseLeaveChart', e);\n };\n\n setContext() {\n const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n const yScaleDomain = scale?.[1]?.domain?.();\n if (yScaleDomain?.length && data?.length) {\n this.dataHintsHandler.setPointsDensity(\n data.length / width,\n Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n );\n }\n\n return {\n $rootProps: {\n size: [width, height],\n data: data,\n locale,\n scale: scale,\n eventEmitter: this.eventEmitter,\n rootRef: this.rootRef,\n dataHintsHandler: this.dataHintsHandler,\n resolveColor,\n patterns,\n duration,\n },\n };\n }\n\n render() {\n const SPlot = Root;\n const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n this.asProps;\n\n if (!width || !height) return null;\n\n return sstyled(styles)(\n <SPlot\n render={Box}\n tag='svg'\n __excludeProps={['data', 'scale']}\n ref={this.rootRef}\n onMouseMove={this.handlerMouseMove}\n onMouseLeave={this.handlerMouseLeave}\n aria-label={label}\n tabIndex={0}\n >\n <Children />\n <foreignObject width='100%' height='100%' data-aria-only>\n <PlotA11yModule\n id={this.plotId}\n data={data}\n plotLabel={label}\n locale={locale}\n plotRef={this.rootRef}\n hints={this.dataStructureHints}\n config={a11yAltTextConfig}\n />\n </foreignObject>\n </SPlot>,\n );\n }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","_resolveColorEnhance","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","dataHints","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","colorResolverEnhance","i18nEnhance","localizedMessages","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n static displayName = 'Plot';\n static style = style;\n\n constructor(props) {\n super(props);\n this.eventEmitter = props.eventEmitter || new EventEmitter();\n }\n\n static defaultProps = () => ({\n width: 0,\n height: 0,\n });\n\n static enhance = [keyboardFocusEnhance(), colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n plotId = uniqueId();\n\n rootRef = React.createRef();\n\n dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n handlerMouseMove = (e) => {\n const { scale } = this.asProps;\n this.eventEmitter.emit('onMouseMoveRoot', e);\n\n if (scale && scale.length >= 2) {\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, this.rootRef.current);\n const [minX, maxX] = xScale.range();\n const [maxY, minY] = yScale.range();\n\n if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n this.eventEmitter.emit('onMouseMoveChart', e);\n } else {\n this.eventEmitter.emit('onMouseLeaveChart', e);\n }\n }\n };\n\n handlerMouseLeave = (e) => {\n this.eventEmitter.emit('onMouseLeaveRoot', e);\n this.eventEmitter.emit('onMouseLeaveChart', e);\n };\n\n setContext() {\n const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n const yScaleDomain = scale?.[1]?.domain?.();\n if (yScaleDomain?.length && data?.length) {\n this.dataHintsHandler.setPointsDensity(\n data.length / width,\n Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n );\n }\n\n return {\n $rootProps: {\n size: [width, height],\n data: data,\n locale,\n scale: scale,\n eventEmitter: this.eventEmitter,\n rootRef: this.rootRef,\n dataHintsHandler: this.dataHintsHandler,\n resolveColor,\n patterns,\n duration,\n },\n };\n }\n\n render() {\n const SPlot = Root;\n const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n this.asProps;\n\n if (!width || !height) return null;\n\n const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\n\n return sstyled(styles)(\n <SPlot\n render={Box}\n tag='svg'\n __excludeProps={['data', 'scale']}\n ref={this.rootRef}\n onMouseMove={this.handlerMouseMove}\n onMouseLeave={this.handlerMouseLeave}\n aria-label={ariaLabel}\n tabIndex={0}\n >\n <Children />\n <foreignObject width='100%' height='100%' data-aria-only>\n <PlotA11yModule\n id={this.plotId}\n data={data}\n plotLabel={label}\n locale={locale}\n plotRef={this.rootRef}\n hints={this.dataStructureHints}\n config={a11yAltTextConfig}\n />\n </foreignObject>\n </SPlot>,\n );\n }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -30,25 +30,25 @@ var _utils = require("./utils");
|
|
|
30
30
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
31
31
|
var _Pattern = require("./Pattern");
|
|
32
32
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
33
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
34
|
-
"__SAxis": "
|
|
35
|
-
"__SAxisLine": "
|
|
36
|
-
"__SAxisTick": "
|
|
37
|
-
"_active": "
|
|
38
|
-
"__SAxisLabel": "
|
|
39
|
-
"_xDirection": "
|
|
40
|
-
"--xDirection": "--
|
|
41
|
-
"_yDirection": "
|
|
42
|
-
"--yDirection": "--
|
|
43
|
-
"__SPolygon": "
|
|
44
|
-
"_color": "
|
|
45
|
-
"--color": "--
|
|
46
|
-
"_pattern": "
|
|
47
|
-
"--pattern": "--
|
|
48
|
-
"__SPolygonDot": "
|
|
49
|
-
"_transparent": "
|
|
50
|
-
"__SPolygonLine": "
|
|
51
|
-
"__SPieRect": "
|
|
33
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_19wx1_gg_,.___SAxisTick_19wx1_gg_,.___SAxis_19wx1_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_19wx1_gg_,.___SAxisTick_19wx1_gg_{stroke-dasharray:2}.___SAxisLine_19wx1_gg_.__active_19wx1_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_19wx1_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_19wx1_gg_.__xDirection_19wx1_gg_{text-anchor:var(--xDirection_19wx1)}.___SAxisLabel_19wx1_gg_.__yDirection_19wx1_gg_{dominant-baseline:var(--yDirection_19wx1)}.___SPolygonDot_19wx1_gg_,.___SPolygon_19wx1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_19wx1_gg_{opacity:.2}.___SPolygon_19wx1_gg_.__color_19wx1_gg_{fill:var(--color_19wx1)}.___SPolygon_19wx1_gg_.__pattern_19wx1_gg_.__color_19wx1_gg_{fill:var(--pattern_19wx1);stroke:var(--color_19wx1);stroke-width:1px}.___SPolygonDot_19wx1_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_19wx1_gg_.__transparent_19wx1_gg_{opacity:.3}.___SPolygonDot_19wx1_gg_.__color_19wx1_gg_{fill:var(--color_19wx1)}.___SPolygonLine_19wx1_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_19wx1_gg_.__transparent_19wx1_gg_{opacity:.3}.___SPolygonLine_19wx1_gg_.__color_19wx1_gg_{stroke:var(--color_19wx1)}.___SPieRect_19wx1_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "19wx1_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__SAxis": "___SAxis_19wx1_gg_",
|
|
35
|
+
"__SAxisLine": "___SAxisLine_19wx1_gg_",
|
|
36
|
+
"__SAxisTick": "___SAxisTick_19wx1_gg_",
|
|
37
|
+
"_active": "__active_19wx1_gg_",
|
|
38
|
+
"__SAxisLabel": "___SAxisLabel_19wx1_gg_",
|
|
39
|
+
"_xDirection": "__xDirection_19wx1_gg_",
|
|
40
|
+
"--xDirection": "--xDirection_19wx1",
|
|
41
|
+
"_yDirection": "__yDirection_19wx1_gg_",
|
|
42
|
+
"--yDirection": "--yDirection_19wx1",
|
|
43
|
+
"__SPolygon": "___SPolygon_19wx1_gg_",
|
|
44
|
+
"_color": "__color_19wx1_gg_",
|
|
45
|
+
"--color": "--color_19wx1",
|
|
46
|
+
"_pattern": "__pattern_19wx1_gg_",
|
|
47
|
+
"--pattern": "--pattern_19wx1",
|
|
48
|
+
"__SPolygonDot": "___SPolygonDot_19wx1_gg_",
|
|
49
|
+
"_transparent": "__transparent_19wx1_gg_",
|
|
50
|
+
"__SPolygonLine": "___SPolygonLine_19wx1_gg_",
|
|
51
|
+
"__SPieRect": "___SPieRect_19wx1_gg_"
|
|
52
52
|
});
|
|
53
53
|
var clampAngle = function clampAngle(angle) {
|
|
54
54
|
angle = angle % (2 * Math.PI);
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -28,18 +28,18 @@ var _utils = require("./utils");
|
|
|
28
28
|
var _Pattern = require("./Pattern");
|
|
29
29
|
var _excluded = ["data"];
|
|
30
30
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SRadian": "
|
|
33
|
-
"__SLine": "
|
|
34
|
-
"_stroke": "
|
|
35
|
-
"--stroke": "--
|
|
36
|
-
"_transparent": "
|
|
37
|
-
"__SCap": "
|
|
38
|
-
"_pattern": "
|
|
39
|
-
"__SIcon": "
|
|
40
|
-
"__SLabel": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SLineCap": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadian_1wuz3_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wuz3_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wuz3_gg_.__stroke_1wuz3_gg_{stroke:var(--stroke_1wuz3)}.___SLine_1wuz3_gg_.__transparent_1wuz3_gg_{opacity:.3}.___SCap_1wuz3_gg_{transition:r .1s}.___SCap_1wuz3_gg_.__pattern_1wuz3_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1wuz3_gg_.__transparent_1wuz3_gg_,.___SIcon_1wuz3_gg_.__transparent_1wuz3_gg_,.___SLabel_1wuz3_gg_.__transparent_1wuz3_gg_{opacity:.3}.___SLabel_1wuz3_gg_{fill:var(--color_1wuz3)}@media (hover:hover){.___SRadian_1wuz3_gg_:hover .___SLabel_1wuz3_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1wuz3_gg_{transition:none}}" /*__inner_css_end__*/, "1wuz3_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SRadian": "___SRadian_1wuz3_gg_",
|
|
33
|
+
"__SLine": "___SLine_1wuz3_gg_",
|
|
34
|
+
"_stroke": "__stroke_1wuz3_gg_",
|
|
35
|
+
"--stroke": "--stroke_1wuz3",
|
|
36
|
+
"_transparent": "__transparent_1wuz3_gg_",
|
|
37
|
+
"__SCap": "___SCap_1wuz3_gg_",
|
|
38
|
+
"_pattern": "__pattern_1wuz3_gg_",
|
|
39
|
+
"__SIcon": "___SIcon_1wuz3_gg_",
|
|
40
|
+
"__SLabel": "___SLabel_1wuz3_gg_",
|
|
41
|
+
"--color": "--color_1wuz3",
|
|
42
|
+
"__SLineCap": "___SLineCap_1wuz3_gg_"
|
|
43
43
|
});
|
|
44
44
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
45
45
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|