@semcore/d3-chart 3.26.0 → 3.26.1
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 +9 -2
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +10 -10
- package/lib/cjs/Bubble.js +52 -47
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +10 -10
- 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 +11 -11
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +10 -10
- 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 +11 -0
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.js +50 -16
- package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.js +15 -7
- package/lib/cjs/component/Chart/ScatterPlotChart.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/index.js +12 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/utils.js +13 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +10 -10
- package/lib/es6/Bubble.js +53 -48
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +10 -10
- 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 +11 -11
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +11 -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 +11 -0
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.js +51 -17
- package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.js +16 -8
- package/lib/es6/component/Chart/ScatterPlotChart.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/index.js +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/utils.js +11 -1
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/component/Chart/AbstractChart.d.ts +1 -0
- package/lib/types/component/Chart/BubbleChart.type.d.ts +4 -0
- package/lib/types/utils.d.ts +2 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.26.
|
|
5
|
+
## [3.26.1-prerelease.1] - 2024-02-01
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- view data in BubbleChart.
|
|
10
|
+
- prevent animation on every rerender.
|
|
11
|
+
|
|
12
|
+
## [3.26.0] - 2024-01-25
|
|
6
13
|
|
|
7
14
|
### Added
|
|
8
15
|
|
|
@@ -12,7 +19,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
12
19
|
|
|
13
20
|
### Fixed
|
|
14
21
|
|
|
15
|
-
- array index out-of-bounds crash and animation glitch at 0 duration
|
|
22
|
+
- array index out-of-bounds crash and animation glitch at 0 duration.
|
|
16
23
|
|
|
17
24
|
## [3.25.0] - 2024-01-19
|
|
18
25
|
|
package/lib/cjs/Area.js
CHANGED
|
@@ -22,17 +22,17 @@ var _utils = require("./utils");
|
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
23
23
|
var _Pattern = require("./Pattern");
|
|
24
24
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SArea": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SAreaLine": "
|
|
33
|
-
"--duration": "--
|
|
34
|
-
"__SNull": "
|
|
35
|
-
"_hide": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_1q5v3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1q5v3_gg_.__color_1q5v3_gg_{fill:var(--color_1q5v3)}.___SArea_1q5v3_gg_.__pattern_1q5v3_gg_{fill:var(--pattern_1q5v3);fill-opacity:.7}.___SArea_1q5v3_gg_.__transparent_1q5v3_gg_{opacity:.3}.___SAreaLine_1q5v3_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1q5v3_gg_.__color_1q5v3_gg_{stroke:var(--color_1q5v3)}.___SAreaLine_1q5v3_gg_.__transparent_1q5v3_gg_{opacity:.3}.___SAreaLine_1q5v3_gg_,.___SArea_1q5v3_gg_{transition-property:d;transition-duration:var(--duration_1q5v3);transition-timing-function:ease-in-out}.___SNull_1q5v3_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1q5v3_gg_.__hide_1q5v3_gg_{display:none}" /*__inner_css_end__*/, "1q5v3_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SArea": "___SArea_1q5v3_gg_",
|
|
27
|
+
"_color": "__color_1q5v3_gg_",
|
|
28
|
+
"--color": "--color_1q5v3",
|
|
29
|
+
"_pattern": "__pattern_1q5v3_gg_",
|
|
30
|
+
"--pattern": "--pattern_1q5v3",
|
|
31
|
+
"_transparent": "__transparent_1q5v3_gg_",
|
|
32
|
+
"__SAreaLine": "___SAreaLine_1q5v3_gg_",
|
|
33
|
+
"--duration": "--duration_1q5v3",
|
|
34
|
+
"__SNull": "___SNull_1q5v3_gg_",
|
|
35
|
+
"_hide": "__hide_1q5v3_gg_"
|
|
36
36
|
});
|
|
37
37
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
|
|
20
20
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SAxis": "
|
|
23
|
-
"_hide": "
|
|
24
|
-
"__STick": "
|
|
25
|
-
"__SGrid": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"--transform-origin": "--transform-
|
|
28
|
-
"_position_top": "
|
|
29
|
-
"_position_bottom": "
|
|
30
|
-
"_position_right": "
|
|
31
|
-
"_position_left": "
|
|
32
|
-
"_verticalWritingMode": "
|
|
33
|
-
"_position_custom_0": "
|
|
34
|
-
"_position_custom_1": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_55qzo_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_55qzo_gg_.__hide_55qzo_gg_,.___STick_55qzo_gg_.__hide_55qzo_gg_{display:none}.___STick_55qzo_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_55qzo_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_55qzo_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_55qzo)}.___STitle_55qzo_gg_._position_top_55qzo_gg_{text-anchor:middle}.___STitle_55qzo_gg_._position_bottom_55qzo_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_55qzo_gg_._position_left_55qzo_gg_,.___STitle_55qzo_gg_._position_right_55qzo_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_55qzo_gg_._position_left_55qzo_gg_.__verticalWritingMode_55qzo_gg_,.___STitle_55qzo_gg_._position_right_55qzo_gg_.__verticalWritingMode_55qzo_gg_{writing-mode:vertical-rl;transform:none}.___STick_55qzo_gg_._position_top_55qzo_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_55qzo_gg_._position_bottom_55qzo_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_55qzo_gg_._position_right_55qzo_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_55qzo_gg_._position_left_55qzo_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_55qzo_gg_._position_custom_0_55qzo_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_55qzo_gg_._position_custom_1_55qzo_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "55qzo_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_55qzo_gg_",
|
|
23
|
+
"_hide": "__hide_55qzo_gg_",
|
|
24
|
+
"__STick": "___STick_55qzo_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_55qzo_gg_",
|
|
26
|
+
"__STitle": "___STitle_55qzo_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_55qzo",
|
|
28
|
+
"_position_top": "_position_top_55qzo_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_55qzo_gg_",
|
|
30
|
+
"_position_right": "_position_right_55qzo_gg_",
|
|
31
|
+
"_position_left": "_position_left_55qzo_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_55qzo_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_55qzo_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_55qzo_gg_"
|
|
35
35
|
});
|
|
36
36
|
var CUSTOM_0 = Symbol('custom_0');
|
|
37
37
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -20,16 +20,16 @@ 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__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBar": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_pattern": "
|
|
29
|
-
"--pattern": "--
|
|
30
|
-
"_hide": "
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SBackground": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_8ogb8);transition-timing-function:ease-in-out}.___SBar_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--color_8ogb8)}.___SBar_8ogb8_gg_.__pattern_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--pattern_8ogb8);stroke:var(--color_8ogb8);stroke-width:1px}.___SBar_8ogb8_gg_.__hide_8ogb8_gg_{display:none}.___SBar_8ogb8_gg_.__transparent_8ogb8_gg_{opacity:.3}.___SBackground_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "8ogb8_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBar": "___SBar_8ogb8_gg_",
|
|
25
|
+
"--duration": "--duration_8ogb8",
|
|
26
|
+
"_color": "__color_8ogb8_gg_",
|
|
27
|
+
"--color": "--color_8ogb8",
|
|
28
|
+
"_pattern": "__pattern_8ogb8_gg_",
|
|
29
|
+
"--pattern": "--pattern_8ogb8",
|
|
30
|
+
"_hide": "__hide_8ogb8_gg_",
|
|
31
|
+
"_transparent": "__transparent_8ogb8_gg_",
|
|
32
|
+
"__SBackground": "___SBackground_8ogb8_gg_"
|
|
33
33
|
});
|
|
34
34
|
var MIN_HEIGHT = 2;
|
|
35
35
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
12
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
@@ -16,7 +15,6 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
16
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
16
|
var _core = require("@semcore/core");
|
|
18
17
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _d3Scale = require("d3-scale");
|
|
20
18
|
var _d3Transition = require("d3-transition");
|
|
21
19
|
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
22
20
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
@@ -25,18 +23,18 @@ var _utils = require("./utils");
|
|
|
25
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
26
24
|
var _Pattern = require("./Pattern");
|
|
27
25
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SBubble": "
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_pattern": "
|
|
33
|
-
"--pattern": "--
|
|
34
|
-
"_transparent": "
|
|
35
|
-
"__SCenter": "
|
|
36
|
-
"__SLabel": "
|
|
37
|
-
"_position_right": "
|
|
38
|
-
"_position_left": "
|
|
39
|
-
"--duration": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1mfr4_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_1mfr4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1mfr4_gg_:hover{opacity:.8}}.___SBubble_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--color_1mfr4)}.___SBubble_1mfr4_gg_.__pattern_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--pattern_1mfr4);stroke:var(--color_1mfr4);stroke-width:1px}.___SBubble_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}.___SCenter_1mfr4_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1mfr4_gg_.__color_1mfr4_gg_{stroke:var(--color_1mfr4)}.___SCenter_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}.___SLabel_1mfr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1mfr4_gg_._position_right_1mfr4_gg_{text-anchor:end}.___SLabel_1mfr4_gg_._position_left_1mfr4_gg_{text-anchor:start}.___SLabel_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--color_1mfr4)}.___SLabel_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}" /*__inner_css_end__*/, "1mfr4_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBubble": "___SBubble_1mfr4_gg_",
|
|
28
|
+
"_color": "__color_1mfr4_gg_",
|
|
29
|
+
"--color": "--color_1mfr4",
|
|
30
|
+
"_pattern": "__pattern_1mfr4_gg_",
|
|
31
|
+
"--pattern": "--pattern_1mfr4",
|
|
32
|
+
"_transparent": "__transparent_1mfr4_gg_",
|
|
33
|
+
"__SCenter": "___SCenter_1mfr4_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_1mfr4_gg_",
|
|
35
|
+
"_position_right": "_position_right_1mfr4_gg_",
|
|
36
|
+
"_position_left": "_position_left_1mfr4_gg_",
|
|
37
|
+
"--duration": "--duration_1mfr4"
|
|
40
38
|
});
|
|
41
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
42
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
|
@@ -85,9 +83,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
85
83
|
uid = _this$asProps.uid,
|
|
86
84
|
data = _this$asProps.data,
|
|
87
85
|
value = _this$asProps.value;
|
|
88
|
-
var z = (0,
|
|
89
|
-
return el[value];
|
|
90
|
-
})))]).range([5.5, 50.5]);
|
|
86
|
+
var z = (0, _utils.getBubbleChartValueScale)(data, value);
|
|
91
87
|
var selectRect = (0, _d3Transition.transition)().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
|
|
92
88
|
var selectRectNode = selectRect.node();
|
|
93
89
|
if (selectRectNode) {
|
|
@@ -99,8 +95,19 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
99
95
|
}
|
|
100
96
|
}, {
|
|
101
97
|
key: "componentDidUpdate",
|
|
102
|
-
value: function componentDidUpdate() {
|
|
103
|
-
this.
|
|
98
|
+
value: function componentDidUpdate(prevProps) {
|
|
99
|
+
var _this$asProps2 = this.asProps,
|
|
100
|
+
data = _this$asProps2.data,
|
|
101
|
+
x = _this$asProps2.x,
|
|
102
|
+
y = _this$asProps2.y,
|
|
103
|
+
value = _this$asProps2.value;
|
|
104
|
+
var prevX = prevProps.x,
|
|
105
|
+
prevY = prevProps.y,
|
|
106
|
+
prevValue = prevProps.value;
|
|
107
|
+
var prevData = prevProps.$rootProps.data;
|
|
108
|
+
if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {
|
|
109
|
+
this.animationCircle();
|
|
110
|
+
}
|
|
104
111
|
}
|
|
105
112
|
}, {
|
|
106
113
|
key: "componentDidMount",
|
|
@@ -111,32 +118,30 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
118
|
key: "renderCircle",
|
|
112
119
|
value: function renderCircle(d, i) {
|
|
113
120
|
var _ref2, _d$color;
|
|
114
|
-
var _this$
|
|
115
|
-
color = _this$
|
|
116
|
-
scale = _this$
|
|
117
|
-
x = _this$
|
|
118
|
-
y = _this$
|
|
119
|
-
offset = _this$
|
|
120
|
-
styles = _this$
|
|
121
|
-
uid = _this$
|
|
122
|
-
duration = _this$
|
|
123
|
-
value = _this$
|
|
124
|
-
label = _this$
|
|
125
|
-
markedCross = _this$
|
|
126
|
-
size = _this$
|
|
127
|
-
data = _this$
|
|
128
|
-
transparent = _this$
|
|
129
|
-
resolveColor = _this$
|
|
130
|
-
patterns = _this$
|
|
121
|
+
var _this$asProps3 = this.asProps,
|
|
122
|
+
color = _this$asProps3.color,
|
|
123
|
+
scale = _this$asProps3.scale,
|
|
124
|
+
x = _this$asProps3.x,
|
|
125
|
+
y = _this$asProps3.y,
|
|
126
|
+
offset = _this$asProps3.offset,
|
|
127
|
+
styles = _this$asProps3.styles,
|
|
128
|
+
uid = _this$asProps3.uid,
|
|
129
|
+
duration = _this$asProps3.duration,
|
|
130
|
+
value = _this$asProps3.value,
|
|
131
|
+
label = _this$asProps3.label,
|
|
132
|
+
markedCross = _this$asProps3.markedCross,
|
|
133
|
+
size = _this$asProps3.size,
|
|
134
|
+
data = _this$asProps3.data,
|
|
135
|
+
transparent = _this$asProps3.transparent,
|
|
136
|
+
resolveColor = _this$asProps3.resolveColor,
|
|
137
|
+
patterns = _this$asProps3.patterns;
|
|
131
138
|
var _scale = (0, _slicedToArray2["default"])(scale, 2),
|
|
132
139
|
xScale = _scale[0],
|
|
133
140
|
yScale = _scale[1];
|
|
134
141
|
var SBubble = this.Element;
|
|
135
142
|
var SCenter = 'text';
|
|
136
143
|
var SLabel = 'text';
|
|
137
|
-
var z = (0,
|
|
138
|
-
return el[value];
|
|
139
|
-
})))]).range([5.5, 50.5]);
|
|
144
|
+
var z = (0, _utils.getBubbleChartValueScale)(data, value);
|
|
140
145
|
var margin = Math.min(xScale.range()[0], xScale.range()[1]);
|
|
141
146
|
var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < (0, _utils.measureText)(d[label]) ? 'right' : 'left';
|
|
142
147
|
var labelDistance = {
|
|
@@ -195,13 +200,13 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
195
200
|
}, {
|
|
196
201
|
key: "render",
|
|
197
202
|
value: function render() {
|
|
198
|
-
var _this$
|
|
199
|
-
data = _this$
|
|
200
|
-
uid = _this$
|
|
201
|
-
scale = _this$
|
|
202
|
-
x = _this$
|
|
203
|
-
y = _this$
|
|
204
|
-
value = _this$
|
|
203
|
+
var _this$asProps4 = this.asProps,
|
|
204
|
+
data = _this$asProps4.data,
|
|
205
|
+
uid = _this$asProps4.uid,
|
|
206
|
+
scale = _this$asProps4.scale,
|
|
207
|
+
x = _this$asProps4.x,
|
|
208
|
+
y = _this$asProps4.y,
|
|
209
|
+
value = _this$asProps4.value;
|
|
205
210
|
var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
|
|
206
211
|
xScale = _scale2[0],
|
|
207
212
|
yScale = _scale2[1];
|
|
@@ -211,7 +216,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
211
216
|
var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
|
|
212
217
|
this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
|
|
213
218
|
this.asProps.dataHintsHandler.establishDataType('points-cloud');
|
|
214
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)),
|
|
219
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement("clipPath", {
|
|
215
220
|
"aria-hidden": true,
|
|
216
221
|
id: uid
|
|
217
222
|
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
package/lib/cjs/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_Tooltip","_Pattern","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","xIndex","index","PatternFill","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(d[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(d[color])}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={d[color]}\n color={resolveColor(d[color])}\n patterns={patterns}\n />\n )}\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(d[color])}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n </clipPath>\n </>\n );\n }\n}\n\nconst BubbleTooltip = (props) => {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_canUseDOM","_uniqueID","_createElement","_utils","_Tooltip","_Pattern","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","getBubbleChartValueScale","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","prevProps","_this$asProps2","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps3","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","Math","min","range","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","xIndex","index","PatternFill","render","_this$asProps4","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","Component","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","Tooltip","_objectSpread2","assignProps","Bubble","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { getBubbleChartValueScale, CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = getBubbleChartValueScale(data, value);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate(prevProps) {\n const { data, x, y, value } = this.asProps;\n const { x: prevX, y: prevY, value: prevValue } = prevProps;\n const prevData = prevProps.$rootProps.data;\n\n if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n this.animationCircle();\n }\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = getBubbleChartValueScale(data, value);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(d[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(d[color])}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={d[color]}\n color={resolveColor(d[color])}\n patterns={patterns}\n />\n )}\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(d[color])}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n </clipPath>\n </>\n );\n }\n}\n\nconst BubbleTooltip = (props) => {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAAwC;AAAA,IAAAU,KAAA,+BAAAX,KAAA,CAAAY,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIlCC,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,UAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,qBAWG,IAAAa,qBAAS,GAAE,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBAM5C,UAACgB,OAAO,EAAEC,KAAK,EAAEC,YAAY;MAAA,OAAK,UAAAC,KAAA,EAAgC;QAAA,IAApBC,CAAC,GAAAD,KAAA,CAAVE,OAAO;UAAcC,CAAC,GAAAH,KAAA,CAAVI,OAAO;QAC3E,IAAQC,YAAY,GAAKxB,KAAA,CAAKyB,OAAO,CAA7BD,YAAY;QACpBxB,KAAA,CAAK0B,cAAc,CAACC,qBAAqB,GAAG3B,KAAA,CAAK4B,6BAA6B,CAACR,CAAC,EAAEE,CAAC,CAAC;QACpFtB,KAAA,CAAK0B,cAAc,CAACG,eAAQ,CAACC,eAAe,CAAC,GAAG,IAAI;QACpDN,YAAY,CAACO,IAAI,CAAC,kBAAkB,EAAEf,OAAO,EAAEC,KAAK,EAAEC,YAAY,EAAElB,KAAA,CAAK0B,cAAc,CAAC;MAC1F,CAAC;IAAA;IAAA,OAAA1B,KAAA;EAAA;EAAA,IAAAgC,aAAA,aAAArC,UAAA;IAAAsC,GAAA;IAAAC,KAAA,EATD,SAAAN,8BAAA,EAA4C;MAAA,IAAdR,CAAC,GAAAjB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAgC,SAAA,GAAAhC,SAAA,MAAG,CAAC;MAAA,IAAEmB,CAAC,GAAAnB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAgC,SAAA,GAAAhC,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAEiC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAEhB,CAAC;UAAEiB,KAAK,EAAEnB,CAAC;UAAEoB,MAAM,EAAElB,CAAC;UAAEmB,IAAI,EAAErB;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAa,GAAA;IAAAC,KAAA,EASD,SAAAQ,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAuC,IAAI,CAAClB,OAAO;QAA3CmB,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEZ,KAAK,GAAAS,aAAA,CAALT,KAAK;MAClC,IAAMa,CAAC,GAAG,IAAAC,+BAAwB,EAACF,IAAI,EAAEZ,KAAK,CAAC;MAE/C,IAAMe,UAAU,GAAG,IAAAC,wBAAU,GAAE,CAACC,SAAS,EAAE,CAACC,SAAS,SAAA1C,MAAA,CAASmC,GAAG,EAAAnC,MAAA,CAAGmC,GAAG,OAAI,CAACQ,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;MAExF,IAAMC,cAAc,GAAGL,UAAU,CAACM,IAAI,EAAE;MACxC,IAAID,cAAc,EAAE;QAClBL,UAAU,CACPC,UAAU,EAAE,CACZN,QAAQ,CAACA,QAAQ,CAAC,CAClBS,IAAI,CAAC,GAAG,EAAE,UAAUG,CAAC,EAAEC,GAAG,EAAE;UAAA,IAAAC,SAAA;UAC3B,OAAOX,CAAC,EAAAW,SAAA,GAACZ,IAAI,CAACW,GAAG,CAAC,cAAAC,SAAA,uBAATA,SAAA,CAAYxB,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;MACN;IACF;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAyB,mBAAmBC,SAAS,EAAE;MAC5B,IAAAC,cAAA,GAA8B,IAAI,CAACpC,OAAO;QAAlCqB,IAAI,GAAAe,cAAA,CAAJf,IAAI;QAAE1B,CAAC,GAAAyC,cAAA,CAADzC,CAAC;QAAEE,CAAC,GAAAuC,cAAA,CAADvC,CAAC;QAAEY,KAAK,GAAA2B,cAAA,CAAL3B,KAAK;MACzB,IAAW4B,KAAK,GAAiCF,SAAS,CAAlDxC,CAAC;QAAY2C,KAAK,GAAuBH,SAAS,CAAxCtC,CAAC;QAAgB0C,SAAS,GAAKJ,SAAS,CAA9B1B,KAAK;MACjC,IAAM+B,QAAQ,GAAGL,SAAS,CAACM,UAAU,CAACpB,IAAI;MAE1C,IAAIA,IAAI,KAAKmB,QAAQ,IAAI7C,CAAC,KAAK0C,KAAK,IAAIxC,CAAC,KAAKyC,KAAK,IAAI7B,KAAK,KAAK8B,SAAS,EAAE;QAC1E,IAAI,CAACtB,eAAe,EAAE;MACxB;IACF;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAiC,kBAAA,EAAoB;MAClB,IAAI,CAACzB,eAAe,EAAE;IACxB;EAAC;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAAkC,aAAaC,CAAC,EAAEC,CAAC,EAAE;MAAA,IAAAC,KAAA,EAAAC,QAAA;MACjB,IAAAC,cAAA,GAiBI,IAAI,CAAChD,OAAO;QAhBdiD,KAAK,GAAAD,cAAA,CAALC,KAAK;QACLC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLvD,CAAC,GAAAqD,cAAA,CAADrD,CAAC;QACDE,CAAC,GAAAmD,cAAA,CAADnD,CAAC;QACDsD,MAAM,GAAAH,cAAA,CAANG,MAAM;QACNC,MAAM,GAAAJ,cAAA,CAANI,MAAM;QACNhC,GAAG,GAAA4B,cAAA,CAAH5B,GAAG;QACHD,QAAQ,GAAA6B,cAAA,CAAR7B,QAAQ;QACRV,KAAK,GAAAuC,cAAA,CAALvC,KAAK;QACL4C,KAAK,GAAAL,cAAA,CAALK,KAAK;QACLC,WAAW,GAAAN,cAAA,CAAXM,WAAW;QACXC,IAAI,GAAAP,cAAA,CAAJO,IAAI;QACJlC,IAAI,GAAA2B,cAAA,CAAJ3B,IAAI;QACJmC,WAAW,GAAAR,cAAA,CAAXQ,WAAW;QACXC,YAAY,GAAAT,cAAA,CAAZS,YAAY;QACZC,QAAQ,GAAAV,cAAA,CAARU,QAAQ;MAEV,IAAAC,MAAA,OAAAC,eAAA,aAAyBV,KAAK;QAAvBW,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MAErB,IAAMI,OAAO,GAAG,IAAI,CAACC,OAAO;MAC5B,IAAMC,OAAO,GAAG,MAAM;MACtB,IAAMC,MAAM,GAAG,MAAM;MACrB,IAAM5C,CAAC,GAAG,IAAAC,+BAAwB,EAACF,IAAI,EAAEZ,KAAK,CAAC;MAE/C,IAAM0D,MAAM,GAAGC,IAAI,CAACC,GAAG,CAACR,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,EAAET,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAE7D,IAAMC,aAAa,GACjBhB,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,GAAGY,MAAM,IAAIN,MAAM,CAACjB,CAAC,CAACjD,CAAC,CAAC,CAAC,GAAGwD,MAAM,CAAC,CAAC,CAAC,GAAG7B,CAAC,CAACsB,CAAC,CAACnC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAA+D,kBAAW,EAAC5B,CAAC,CAACS,KAAK,CAAC,CAAC,GACnF,OAAO,GACP,MAAM;MACZ,IAAMoB,aAAa,GAAG;QACpB3D,KAAK,EAAE+C,MAAM,CAACjB,CAAC,CAACjD,CAAC,CAAC,CAAC,GAAGwD,MAAM,CAAC,CAAC,CAAC,GAAG7B,CAAC,CAACsB,CAAC,CAACnC,KAAK,CAAC,CAAC;QAC7CO,IAAI,EAAE6C,MAAM,CAACjB,CAAC,CAACjD,CAAC,CAAC,CAAC,GAAGwD,MAAM,CAAC,CAAC,CAAC,GAAG7B,CAAC,CAACsB,CAAC,CAACnC,KAAK,CAAC;MAC7C,CAAC,CAAC8D,aAAa,CAAC;MAEhB,OAAAzB,KAAA,GAAO,IAAA9E,aAAO,EAACoF,MAAM,CAAC,eACpB9F,MAAA,YAAAgC,aAAA,MAAAwD,KAAA,CAAA4B,EAAA;QAAA,kBAAAzF,MAAA,CACkB4D,CAAC;QAAA,eACJ,IAAI,CAAC8B,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAACnF,KAAK,EAAE;UAAEoF,MAAM,EAAE/B,CAAC;UAAEgC,KAAK,EAAEhC,CAAC;UAAEa,QAAQ,EAARA;QAAS,CAAC,CAAC;QAAA,gBAC3E,IAAI,CAACiB,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAACnF,KAAK,EAAE;UAAEoF,MAAM,EAAE/B,CAAC;UAAEgC,KAAK,EAAEhC,CAAC;UAAEa,QAAQ,EAARA;QAAS,CAAC;MAAC,IAE1FJ,WAAW,iBACVhG,MAAA,YAAAgC,aAAA,CAAC2E,OAAO,EAAAnB,KAAA,CAAA4B,EAAA;QAAA;QAAA,KAEHb,MAAM,CAACjB,CAAC,CAACjD,CAAC,CAAC,CAAC,GAAGwD,MAAM,CAAC,CAAC,CAAC;QAAA,KACxBW,MAAM,CAAClB,CAAC,CAAC/C,CAAC,CAAC,CAAC,GAAGsD,MAAM,CAAC,CAAC,CAAC;QAAA,MACxB,MAAM;QAAA,oBAAAlE,MAAA,CACSmC,GAAG;QAAA,SACdqC,YAAY,EAAAV,QAAA,GAACH,CAAC,CAACK,KAAK,CAAC,cAAAF,QAAA,cAAAA,QAAA,GAAIE,KAAK,CAAC;QAAA,eACzBO;MAAW,IACzB,GAED,CACD,eACDlG,MAAA,YAAAgC,aAAA,CAACyE,OAAO,EAAAjB,KAAA,CAAA4B,EAAA;QAAA;QAAA,SAAAzF,MAAA,CAECmC,GAAG,EAAAnC,MAAA,CAAGmC,GAAG;QAAA,SACTyB,CAAC;QAAA,UACD,QAAQ;QAAA,oBAAA5D,MAAA,CACGmC,GAAG;QAAA,MACjByC,MAAM,CAACjB,CAAC,CAACjD,CAAC,CAAC,CAAC,GAAGwD,MAAM,CAAC,CAAC,CAAC;QAAA,MACxBW,MAAM,CAAClB,CAAC,CAAC/C,CAAC,CAAC,CAAC,GAAGsD,MAAM,CAAC,CAAC,CAAC;QAAA,SACrBM,YAAY,CAACb,CAAC,CAACK,KAAK,CAAC,CAAC;QAAA,WACpBS,QAAQ,WAAAzE,MAAA,CAAWmC,GAAG,OAAAnC,MAAA,CAAI4D,CAAC,iBAAcnC,SAAS;QAAA,KACxDY,CAAC,CAACsB,CAAC,CAACnC,KAAK,CAAC,CAAC;QAAA,mBAAAxB,MAAA,CACGkC,QAAQ;QAAA,eACZqC;MAAW,GACxB,EACDE,QAAQ,iBACPpG,MAAA,YAAAgC,aAAA,CAACxB,QAAA,CAAAgH,WAAW,EAAAhC,KAAA,CAAA4B,EAAA;QAAA,SAAAzF,MAAA,CACHmC,GAAG,OAAAnC,MAAA,CAAI4D,CAAC;QAAA,cACHD,CAAC,CAACK,KAAK,CAAC;QAAA,SACbQ,YAAY,CAACb,CAAC,CAACK,KAAK,CAAC,CAAC;QAAA,YACnBS;MAAQ,GAErB,EACAd,CAAC,CAACS,KAAK,CAAC,iBACP/F,MAAA,YAAAgC,aAAA,CAAC4E,MAAM,EAAApB,KAAA,CAAA4B,EAAA;QAAA;QAAA,KAEFD,aAAa;QAAA,KACbX,MAAM,CAAClB,CAAC,CAAC/C,CAAC,CAAC,CAAC,GAAGsD,MAAM,CAAC,CAAC,CAAC;QAAA,MACxB,MAAM;QAAA,oBAAAlE,MAAA,CACSmC,GAAG;QAAA,YACXmD,aAAa;QAAA,SAChBd,YAAY,CAACb,CAAC,CAACK,KAAK,CAAC,CAAC;QAAA,eAChBO;MAAW,IAEvBZ,CAAC,CAACS,KAAK,CAAC,CAEZ,CACC;IAER;EAAC;IAAA7C,GAAA;IAAAC,KAAA,EAED,SAAAsE,OAAA,EAAS;MACP,IAAAC,cAAA,GAA0C,IAAI,CAAChF,OAAO;QAA9CqB,IAAI,GAAA2D,cAAA,CAAJ3D,IAAI;QAAED,GAAG,GAAA4D,cAAA,CAAH5D,GAAG;QAAE8B,KAAK,GAAA8B,cAAA,CAAL9B,KAAK;QAAEvD,CAAC,GAAAqF,cAAA,CAADrF,CAAC;QAAEE,CAAC,GAAAmF,cAAA,CAADnF,CAAC;QAAEY,KAAK,GAAAuE,cAAA,CAALvE,KAAK;MACrC,IAAAwE,OAAA,OAAArB,eAAA,aAAyBV,KAAK;QAAvBW,MAAM,GAAAoB,OAAA;QAAEnB,MAAM,GAAAmB,OAAA;MACrB,IAAMC,KAAK,GAAGd,IAAI,CAACe,GAAG,CAACtB,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,GAAGT,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC7D,IAAMc,KAAK,GAAGhB,IAAI,CAACe,GAAG,CAACrB,MAAM,CAACQ,KAAK,EAAE,CAAC,CAAC,CAAC,GAAGR,MAAM,CAACQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC7D,IAAMe,OAAO,GAAGjB,IAAI,CAACC,GAAG,CAACR,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,EAAET,MAAM,CAACS,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAC9D,IAAMgB,OAAO,GAAGlB,IAAI,CAACC,GAAG,CAACP,MAAM,CAACQ,KAAK,EAAE,CAAC,CAAC,CAAC,EAAER,MAAM,CAACQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;MAE9D,IAAI,CAACtE,OAAO,CAACuF,gBAAgB,CAACC,oBAAoB,CAAC7F,CAAC,EAAEE,CAAC,EAAEY,KAAK,CAAC;MAC/D,IAAI,CAACT,OAAO,CAACuF,gBAAgB,CAACE,iBAAiB,CAAC,cAAc,CAAC;MAE/D,oBACEnI,MAAA,YAAAgC,aAAA,CAAAhC,MAAA,YAAAoI,QAAA,QACGrE,IAAI,CAACsE,GAAG,CAAC,IAAI,CAAChD,YAAY,CAACiD,IAAI,CAAC,IAAI,CAAC,CAAC,eACvCtI,MAAA,YAAAgC,aAAA;QAAU,mBAAW;QAACuG,EAAE,EAAEzE;MAAI,gBAC5B9D,MAAA,YAAAgC,aAAA;QAAMK,CAAC,EAAE0F,OAAQ;QAACxF,CAAC,EAAEyF,OAAQ;QAAC3E,KAAK,KAAA1B,MAAA,CAAKiG,KAAK,OAAK;QAACtE,MAAM,KAAA3B,MAAA,CAAKmG,KAAK;MAAK,EAAG,EAAC,GAAG,CACtE,CACV;IAEP;EAAC;EAAA,OAAAlH,UAAA;AAAA,EA1KsB4H,eAAS;AAAA,IAAA5G,gBAAA,aAA5BhB,UAAU,iBACO,QAAQ;AAAA,IAAAgB,gBAAA,aADzBhB,UAAU,WAECH,KAAK;AAAA,IAAAmB,gBAAA,aAFhBhB,UAAU,aAGG,CAAC,IAAA6H,oBAAmB,GAAE,CAAC;AAAA,IAAA7G,gBAAA,aAHpChB,UAAU,kBAKQ;EACpBiF,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdhC,QAAQ,EAAE,GAAG;EACbmC,WAAW,EAAE;AACf,CAAC;AAoKH,IAAM0C,aAAa,GAAG,SAAhBA,aAAaA,CAAIxG,KAAK,EAAK;EAAA,IAAAyG,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC/B,IAAMC,cAAc,GACiCC,mBAAO;EAA5D,OAAAF,KAAA,GAAO,IAAAnI,aAAO,EAACwB,KAAK,CAAC4D,MAAM,CAAC,eAAC9F,MAAA,YAAAgC,aAAA,CAAC8G,cAAc,EAAAD,KAAA,CAAAzB,EAAA,uBAAA4B,cAAA,qBAAAlJ,KAAA,CAAAmJ,WAAA;IAAA;EAAA,GAAAN,IAAA,IAAuC;AACrF,CAAC;AAED,IAAMO,MAAM,GAAG,IAAAlH,yBAAa,EAACpB,UAAU,EAAE;EACvCmI,OAAO,EAAE,CAACL,aAAa,EAAEK,mBAAO,CAACI,yBAAyB;AAC5D,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -28,15 +28,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
|
28
28
|
var _Pattern = require("./Pattern");
|
|
29
29
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
|
|
30
30
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SPie": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_pattern": "
|
|
36
|
-
"--pattern": "--
|
|
37
|
-
"_transparent": "
|
|
38
|
-
"__SEmptyData": "
|
|
39
|
-
"__SLabel": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_1gada_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1gada_gg_.__color_1gada_gg_{fill:var(--color_1gada)}.___SPie_1gada_gg_.__pattern_1gada_gg_.__color_1gada_gg_{fill:var(--pattern_1gada);stroke:var(--color_1gada);stroke-width:1px}.___SPie_1gada_gg_.__transparent_1gada_gg_{opacity:.3}.___SEmptyData_1gada_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1gada_gg_.__color_1gada_gg_{fill:var(--color_1gada)}.___SLabel_1gada_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1gada_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SPie": "___SPie_1gada_gg_",
|
|
33
|
+
"_color": "__color_1gada_gg_",
|
|
34
|
+
"--color": "--color_1gada",
|
|
35
|
+
"_pattern": "__pattern_1gada_gg_",
|
|
36
|
+
"--pattern": "--pattern_1gada",
|
|
37
|
+
"_transparent": "__transparent_1gada_gg_",
|
|
38
|
+
"__SEmptyData": "___SEmptyData_1gada_gg_",
|
|
39
|
+
"__SLabel": "___SLabel_1gada_gg_"
|
|
40
40
|
});
|
|
41
41
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
42
42
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -14,14 +14,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
var _Pattern = require("./Pattern");
|
|
16
16
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SDot": "
|
|
19
|
-
"_hide": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SDots": "
|
|
24
|
-
"--duration": "--
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_v49cr_gg_ .___SDot_v49cr_gg_{transition-duration:var(--duration_v49cr)}.___SDot_v49cr_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_v49cr_gg_.__hide_v49cr_gg_{display:none}.___SDot_v49cr_gg_.__color_v49cr_gg_{fill:var(--color_v49cr)}.___SDot_v49cr_gg_.__transparent_v49cr_gg_{opacity:.3}" /*__inner_css_end__*/, "v49cr_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SDot": "___SDot_v49cr_gg_",
|
|
19
|
+
"_hide": "__hide_v49cr_gg_",
|
|
20
|
+
"_color": "__color_v49cr_gg_",
|
|
21
|
+
"--color": "--color_v49cr",
|
|
22
|
+
"_transparent": "__transparent_v49cr_gg_",
|
|
23
|
+
"__SDots": "___SDots_v49cr_gg_",
|
|
24
|
+
"--duration": "--duration_v49cr"
|
|
25
25
|
});
|
|
26
26
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
27
27
|
function Dots(props) {
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -19,16 +19,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
var _Pattern = require("./Pattern");
|
|
21
21
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SBar": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_hide": "
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SBackground": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_8ogb8);transition-timing-function:ease-in-out}.___SBar_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--color_8ogb8)}.___SBar_8ogb8_gg_.__pattern_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--pattern_8ogb8);stroke:var(--color_8ogb8);stroke-width:1px}.___SBar_8ogb8_gg_.__hide_8ogb8_gg_{display:none}.___SBar_8ogb8_gg_.__transparent_8ogb8_gg_{opacity:.3}.___SBackground_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "8ogb8_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_8ogb8_gg_",
|
|
24
|
+
"--duration": "--duration_8ogb8",
|
|
25
|
+
"_color": "__color_8ogb8_gg_",
|
|
26
|
+
"--color": "--color_8ogb8",
|
|
27
|
+
"_pattern": "__pattern_8ogb8_gg_",
|
|
28
|
+
"--pattern": "--pattern_8ogb8",
|
|
29
|
+
"_hide": "__hide_8ogb8_gg_",
|
|
30
|
+
"_transparent": "__transparent_8ogb8_gg_",
|
|
31
|
+
"__SBackground": "___SBackground_8ogb8_gg_"
|
|
32
32
|
});
|
|
33
33
|
var MIN_WIDTH = 2;
|
|
34
34
|
exports.MIN_WIDTH = MIN_WIDTH;
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
23
23
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SHoverLine": "
|
|
26
|
-
"__SHoverRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_as3kf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_as3kf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "as3kf_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_as3kf_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_as3kf_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -22,15 +22,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
23
23
|
var _Pattern = require("./Pattern");
|
|
24
24
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"--duration": "--
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_hide": "
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SNull": "
|
|
33
|
-
"__SAria": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_fgbdw_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_fgbdw);transition-timing-function:ease-in-out}.___SLine_fgbdw_gg_.__color_fgbdw_gg_{stroke:var(--color_fgbdw)}.___SLine_fgbdw_gg_.__hide_fgbdw_gg_{display:none}.___SLine_fgbdw_gg_.__transparent_fgbdw_gg_{opacity:.3}.___SNull_fgbdw_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_fgbdw_gg_.__hide_fgbdw_gg_{display:none}.___SAria_fgbdw_gg_{transition-property:d;transition-duration:var(--duration_fgbdw);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_fgbdw_gg_.__color_fgbdw_gg_{fill:var(--color_fgbdw)}" /*__inner_css_end__*/, "fgbdw_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLine": "___SLine_fgbdw_gg_",
|
|
27
|
+
"--duration": "--duration_fgbdw",
|
|
28
|
+
"_color": "__color_fgbdw_gg_",
|
|
29
|
+
"--color": "--color_fgbdw",
|
|
30
|
+
"_hide": "__hide_fgbdw_gg_",
|
|
31
|
+
"_transparent": "__transparent_fgbdw_gg_",
|
|
32
|
+
"__SNull": "___SNull_fgbdw_gg_",
|
|
33
|
+
"__SAria": "___SAria_fgbdw_gg_"
|
|
34
34
|
});
|
|
35
35
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
36
36
|
(0, _inherits2["default"])(LineRoot, _Component);
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -24,9 +24,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
|
24
24
|
var _hints = require("./a11y/hints");
|
|
25
25
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
26
26
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SPlot": "
|
|
29
|
-
"_keyboardFocused": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_8iiif_gg_{overflow:hidden}.___SPlot_8iiif_gg_:active,.___SPlot_8iiif_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_8iiif_gg_.__keyboardFocused_8iiif_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__*/, "8iiif_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SPlot": "___SPlot_8iiif_gg_",
|
|
29
|
+
"_keyboardFocused": "__keyboardFocused_8iiif_gg_"
|
|
30
30
|
});
|
|
31
31
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -29,25 +29,25 @@ var _utils = require("./utils");
|
|
|
29
29
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
30
30
|
var _Pattern = require("./Pattern");
|
|
31
31
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
32
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
33
|
-
"__SAxis": "
|
|
34
|
-
"__SAxisLine": "
|
|
35
|
-
"__SAxisTick": "
|
|
36
|
-
"_active": "
|
|
37
|
-
"__SAxisLabel": "
|
|
38
|
-
"_xDirection": "
|
|
39
|
-
"--xDirection": "--
|
|
40
|
-
"_yDirection": "
|
|
41
|
-
"--yDirection": "--
|
|
42
|
-
"__SPolygon": "
|
|
43
|
-
"_color": "
|
|
44
|
-
"--color": "--
|
|
45
|
-
"_pattern": "
|
|
46
|
-
"--pattern": "--
|
|
47
|
-
"__SPolygonDot": "
|
|
48
|
-
"_transparent": "
|
|
49
|
-
"__SPolygonLine": "
|
|
50
|
-
"__SPieRect": "
|
|
32
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1wzaw_gg_,.___SAxisTick_1wzaw_gg_,.___SAxis_1wzaw_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1wzaw_gg_,.___SAxisTick_1wzaw_gg_{stroke-dasharray:2}.___SAxisLine_1wzaw_gg_.__active_1wzaw_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1wzaw_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1wzaw_gg_.__xDirection_1wzaw_gg_{text-anchor:var(--xDirection_1wzaw)}.___SAxisLabel_1wzaw_gg_.__yDirection_1wzaw_gg_{dominant-baseline:var(--yDirection_1wzaw)}.___SPolygonDot_1wzaw_gg_,.___SPolygon_1wzaw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1wzaw_gg_{opacity:.2}.___SPolygon_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--color_1wzaw)}.___SPolygon_1wzaw_gg_.__pattern_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--pattern_1wzaw);stroke:var(--color_1wzaw);stroke-width:1px}.___SPolygonDot_1wzaw_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1wzaw_gg_.__transparent_1wzaw_gg_{opacity:.3}.___SPolygonDot_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--color_1wzaw)}.___SPolygonLine_1wzaw_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1wzaw_gg_.__transparent_1wzaw_gg_{opacity:.3}.___SPolygonLine_1wzaw_gg_.__color_1wzaw_gg_{stroke:var(--color_1wzaw)}.___SPieRect_1wzaw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1wzaw_gg_") /*__reshadow_css_end__*/, {
|
|
33
|
+
"__SAxis": "___SAxis_1wzaw_gg_",
|
|
34
|
+
"__SAxisLine": "___SAxisLine_1wzaw_gg_",
|
|
35
|
+
"__SAxisTick": "___SAxisTick_1wzaw_gg_",
|
|
36
|
+
"_active": "__active_1wzaw_gg_",
|
|
37
|
+
"__SAxisLabel": "___SAxisLabel_1wzaw_gg_",
|
|
38
|
+
"_xDirection": "__xDirection_1wzaw_gg_",
|
|
39
|
+
"--xDirection": "--xDirection_1wzaw",
|
|
40
|
+
"_yDirection": "__yDirection_1wzaw_gg_",
|
|
41
|
+
"--yDirection": "--yDirection_1wzaw",
|
|
42
|
+
"__SPolygon": "___SPolygon_1wzaw_gg_",
|
|
43
|
+
"_color": "__color_1wzaw_gg_",
|
|
44
|
+
"--color": "--color_1wzaw",
|
|
45
|
+
"_pattern": "__pattern_1wzaw_gg_",
|
|
46
|
+
"--pattern": "--pattern_1wzaw",
|
|
47
|
+
"__SPolygonDot": "___SPolygonDot_1wzaw_gg_",
|
|
48
|
+
"_transparent": "__transparent_1wzaw_gg_",
|
|
49
|
+
"__SPolygonLine": "___SPolygonLine_1wzaw_gg_",
|
|
50
|
+
"__SPieRect": "___SPieRect_1wzaw_gg_"
|
|
51
51
|
});
|
|
52
52
|
var clampAngle = function clampAngle(angle) {
|
|
53
53
|
angle = angle % (2 * Math.PI);
|