@semcore/d3-chart 3.9.0 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -1
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +15 -11
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +3 -3
- package/lib/cjs/style/dot.shadow.css +3 -3
- package/lib/cjs/types/Axis.d.js.map +1 -1
- package/lib/cjs/types/Line.d.js.map +1 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +15 -11
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +3 -3
- package/lib/es6/style/dot.shadow.css +3 -3
- package/lib/es6/types/Axis.d.js.map +1 -1
- package/lib/es6/types/Line.d.js.map +1 -1
- package/lib/types/Axis.d.ts +0 -4
- package/lib/types/Line.d.ts +4 -0
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.10.0-prerelease.0] - 2023-08-28
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Added `exports.types` field to fix types resolving.
|
|
10
|
+
- Removed deprecation notes from `ticks` props (it was added by mistake).
|
|
11
|
+
|
|
12
|
+
### Added
|
|
13
|
+
|
|
14
|
+
- Added `radius` prop on `Line.Dot` component.
|
|
15
|
+
|
|
16
|
+
## [3.9.0] - 2023-08-28
|
|
6
17
|
|
|
7
18
|
### Changed
|
|
8
19
|
|
package/lib/cjs/Area.js
CHANGED
|
@@ -21,15 +21,15 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
23
23
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SArea": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SAreaLine": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"__SNull": "
|
|
32
|
-
"_hide": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_18vlg_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_18vlg_gg_.__color_18vlg_gg_{fill:var(--color_18vlg)}.___SArea_18vlg_gg_.__transparent_18vlg_gg_{opacity:.3}.___SAreaLine_18vlg_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_18vlg_gg_.__color_18vlg_gg_{stroke:var(--color_18vlg)}.___SAreaLine_18vlg_gg_.__transparent_18vlg_gg_{opacity:.3}.___SAreaLine_18vlg_gg_,.___SArea_18vlg_gg_{transition-property:d;transition-duration:var(--duration_18vlg);transition-timing-function:ease-in-out}.___SNull_18vlg_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_18vlg_gg_.__hide_18vlg_gg_{display:none}" /*__inner_css_end__*/, "18vlg_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SArea": "___SArea_18vlg_gg_",
|
|
26
|
+
"_color": "__color_18vlg_gg_",
|
|
27
|
+
"--color": "--color_18vlg",
|
|
28
|
+
"_transparent": "__transparent_18vlg_gg_",
|
|
29
|
+
"__SAreaLine": "___SAreaLine_18vlg_gg_",
|
|
30
|
+
"--duration": "--duration_18vlg",
|
|
31
|
+
"__SNull": "___SNull_18vlg_gg_",
|
|
32
|
+
"_hide": "__hide_18vlg_gg_"
|
|
33
33
|
});
|
|
34
34
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(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_1gsq8_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1gsq8_gg_.__hide_1gsq8_gg_,.___STick_1gsq8_gg_.__hide_1gsq8_gg_{display:none}.___STick_1gsq8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1gsq8_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1gsq8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1gsq8)}.___STitle_1gsq8_gg_._position_top_1gsq8_gg_{text-anchor:middle}.___STitle_1gsq8_gg_._position_bottom_1gsq8_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1gsq8_gg_._position_left_1gsq8_gg_,.___STitle_1gsq8_gg_._position_right_1gsq8_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1gsq8_gg_._position_left_1gsq8_gg_.__verticalWritingMode_1gsq8_gg_,.___STitle_1gsq8_gg_._position_right_1gsq8_gg_.__verticalWritingMode_1gsq8_gg_{writing-mode:vertical-rl;transform:none}.___STick_1gsq8_gg_._position_top_1gsq8_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1gsq8_gg_._position_bottom_1gsq8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1gsq8_gg_._position_right_1gsq8_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1gsq8_gg_._position_left_1gsq8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1gsq8_gg_._position_custom_0_1gsq8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1gsq8_gg_._position_custom_1_1gsq8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1gsq8_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_1gsq8_gg_",
|
|
23
|
+
"_hide": "__hide_1gsq8_gg_",
|
|
24
|
+
"__STick": "___STick_1gsq8_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_1gsq8_gg_",
|
|
26
|
+
"__STitle": "___STitle_1gsq8_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_1gsq8",
|
|
28
|
+
"_position_top": "_position_top_1gsq8_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_1gsq8_gg_",
|
|
30
|
+
"_position_right": "_position_right_1gsq8_gg_",
|
|
31
|
+
"_position_left": "_position_left_1gsq8_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_1gsq8_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_1gsq8_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_1gsq8_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
|
@@ -19,14 +19,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
19
19
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
20
20
|
var _utils = require("./utils");
|
|
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
|
-
"_hide": "
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SBackground": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1peg2);transition-timing-function:ease-in-out}.___SBar_1peg2_gg_.__color_1peg2_gg_{fill:var(--color_1peg2)}.___SBar_1peg2_gg_.__hide_1peg2_gg_{display:none}.___SBar_1peg2_gg_.__transparent_1peg2_gg_{opacity:.3}.___SBackground_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1peg2_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_1peg2_gg_",
|
|
24
|
+
"--duration": "--duration_1peg2",
|
|
25
|
+
"_color": "__color_1peg2_gg_",
|
|
26
|
+
"--color": "--color_1peg2",
|
|
27
|
+
"_hide": "__hide_1peg2_gg_",
|
|
28
|
+
"_transparent": "__transparent_1peg2_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_1peg2_gg_"
|
|
30
30
|
});
|
|
31
31
|
var MIN_HEIGHT = 2;
|
|
32
32
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -25,16 +25,16 @@ var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
|
25
25
|
var _utils = require("./utils");
|
|
26
26
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
27
27
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SBubble": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"_transparent": "
|
|
34
|
-
"__SCenter": "
|
|
35
|
-
"__SLabel": "
|
|
36
|
-
"_position_right": "
|
|
37
|
-
"_position_left": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_nvvuz_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_nvvuz);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_nvvuz_gg_:hover{opacity:.8}}.___SBubble_nvvuz_gg_.__color_nvvuz_gg_{fill:var(--color_nvvuz)}.___SBubble_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}.___SCenter_nvvuz_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_nvvuz_gg_.__color_nvvuz_gg_{stroke:var(--color_nvvuz)}.___SCenter_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}.___SLabel_nvvuz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_nvvuz_gg_._position_right_nvvuz_gg_{text-anchor:end}.___SLabel_nvvuz_gg_._position_left_nvvuz_gg_{text-anchor:start}.___SLabel_nvvuz_gg_.__color_nvvuz_gg_{fill:var(--color_nvvuz)}.___SLabel_nvvuz_gg_.__transparent_nvvuz_gg_{opacity:.3}" /*__inner_css_end__*/, "nvvuz_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SBubble": "___SBubble_nvvuz_gg_",
|
|
30
|
+
"--duration": "--duration_nvvuz",
|
|
31
|
+
"_color": "__color_nvvuz_gg_",
|
|
32
|
+
"--color": "--color_nvvuz",
|
|
33
|
+
"_transparent": "__transparent_nvvuz_gg_",
|
|
34
|
+
"__SCenter": "___SCenter_nvvuz_gg_",
|
|
35
|
+
"__SLabel": "___SLabel_nvvuz_gg_",
|
|
36
|
+
"_position_right": "_position_right_nvvuz_gg_",
|
|
37
|
+
"_position_left": "_position_left_nvvuz_gg_"
|
|
38
38
|
});
|
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -28,13 +28,13 @@ var _utils = require("./utils");
|
|
|
28
28
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
29
29
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "halfsize"];
|
|
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
|
-
"_transparent": "
|
|
36
|
-
"__SEmptyData": "
|
|
37
|
-
"__SLabel": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_h0s84_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_h0s84_gg_.__color_h0s84_gg_{fill:var(--color_h0s84)}.___SPie_h0s84_gg_.__transparent_h0s84_gg_{opacity:.3}.___SEmptyData_h0s84_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_h0s84_gg_.__color_h0s84_gg_{fill:var(--color_h0s84)}.___SLabel_h0s84_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "h0s84_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SPie": "___SPie_h0s84_gg_",
|
|
33
|
+
"_color": "__color_h0s84_gg_",
|
|
34
|
+
"--color": "--color_h0s84",
|
|
35
|
+
"_transparent": "__transparent_h0s84_gg_",
|
|
36
|
+
"__SEmptyData": "___SEmptyData_h0s84_gg_",
|
|
37
|
+
"__SLabel": "___SLabel_h0s84_gg_"
|
|
38
38
|
});
|
|
39
39
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
40
40
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -14,15 +14,16 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
|
|
|
14
14
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
15
15
|
var _utils = require("./utils");
|
|
16
16
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SDots": "
|
|
19
|
-
"__SDot": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_1io0o_gg_ .___SDot_1io0o_gg_{transition-duration:var(--duration_1io0o)}.___SDot_1io0o_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_1io0o);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1io0o_gg_.__hide_1io0o_gg_{display:none}.___SDot_1io0o_gg_.__active_1io0o_gg_{r:calc(var(--radius_1io0o)*8/6)}.___SDot_1io0o_gg_.__color_1io0o_gg_{fill:var(--color_1io0o)}.___SDot_1io0o_gg_.__transparent_1io0o_gg_{opacity:.3}" /*__inner_css_end__*/, "1io0o_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SDots": "___SDots_1io0o_gg_",
|
|
19
|
+
"__SDot": "___SDot_1io0o_gg_",
|
|
20
|
+
"--duration": "--duration_1io0o",
|
|
21
|
+
"--radius": "--radius_1io0o",
|
|
22
|
+
"_hide": "__hide_1io0o_gg_",
|
|
23
|
+
"_active": "__active_1io0o_gg_",
|
|
24
|
+
"_color": "__color_1io0o_gg_",
|
|
25
|
+
"--color": "--color_1io0o",
|
|
26
|
+
"_transparent": "__transparent_1io0o_gg_"
|
|
26
27
|
});
|
|
27
28
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
28
29
|
function Dots(props) {
|
|
@@ -40,7 +41,9 @@ function Dots(props) {
|
|
|
40
41
|
scale = props.scale,
|
|
41
42
|
_props$duration = props.duration,
|
|
42
43
|
duration = _props$duration === void 0 ? 500 : _props$duration,
|
|
43
|
-
transparent = props.transparent
|
|
44
|
+
transparent = props.transparent,
|
|
45
|
+
_props$radius = props.radius,
|
|
46
|
+
radius = _props$radius === void 0 ? 6 : _props$radius;
|
|
44
47
|
var SDots = 'g';
|
|
45
48
|
var bisect = (0, _d3Array.bisector)(function (d) {
|
|
46
49
|
return d[x];
|
|
@@ -98,7 +101,8 @@ function Dots(props) {
|
|
|
98
101
|
"active": active,
|
|
99
102
|
"hide": hide,
|
|
100
103
|
"color": color,
|
|
101
|
-
"transparent": transparent
|
|
104
|
+
"transparent": transparent,
|
|
105
|
+
"radius": radius
|
|
102
106
|
}))));
|
|
103
107
|
return acc;
|
|
104
108
|
}, []);
|
package/lib/cjs/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireWildcard","_rafTrottle","_interopRequireDefault","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","bisector","d","center","_useState","useState","_useState2","_slicedToArray2","activeIndex","setActiveIndex","data","React","useMemo","filter","item","interpolateValue","handlerMouseMoveRoot","useCallback","trottle","e","_scale","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","createElement","cn","concat","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":";;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AAFA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,cAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAiE;AAAA,IAAAQ,KAAA,+BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIjE,IAAMC,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;AAE3D,SAASC,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IACWC,IAAI,
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireWildcard","_rafTrottle","_interopRequireDefault","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","SDots","bisect","bisector","d","center","_useState","useState","_useState2","_slicedToArray2","activeIndex","setActiveIndex","data","React","useMemo","filter","item","interpolateValue","handlerMouseMoveRoot","useCallback","trottle","e","_scale","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","createElement","cn","concat","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n radius = 6,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n radius={radius}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -18,14 +18,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
18
18
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBar": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_hide": "
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SBackground": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1peg2);transition-timing-function:ease-in-out}.___SBar_1peg2_gg_.__color_1peg2_gg_{fill:var(--color_1peg2)}.___SBar_1peg2_gg_.__hide_1peg2_gg_{display:none}.___SBar_1peg2_gg_.__transparent_1peg2_gg_{opacity:.3}.___SBackground_1peg2_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1peg2_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBar": "___SBar_1peg2_gg_",
|
|
23
|
+
"--duration": "--duration_1peg2",
|
|
24
|
+
"_color": "__color_1peg2_gg_",
|
|
25
|
+
"--color": "--color_1peg2",
|
|
26
|
+
"_hide": "__hide_1peg2_gg_",
|
|
27
|
+
"_transparent": "__transparent_1peg2_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_1peg2_gg_"
|
|
29
29
|
});
|
|
30
30
|
var MIN_WIDTH = 2;
|
|
31
31
|
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_1sf9f_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1sf9f_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1sf9f_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_1sf9f_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_1sf9f_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -20,14 +20,14 @@ var _utils = require("./utils");
|
|
|
20
20
|
var _Dots = _interopRequireDefault(require("./Dots"));
|
|
21
21
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
22
22
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SLine": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_hide": "
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SNull": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_1c6kv_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1c6kv);transition-timing-function:ease-in-out}.___SLine_1c6kv_gg_.__color_1c6kv_gg_{stroke:var(--color_1c6kv)}.___SLine_1c6kv_gg_.__hide_1c6kv_gg_{display:none}.___SLine_1c6kv_gg_.__transparent_1c6kv_gg_{opacity:.3}.___SNull_1c6kv_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1c6kv_gg_.__hide_1c6kv_gg_{display:none}" /*__inner_css_end__*/, "1c6kv_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SLine": "___SLine_1c6kv_gg_",
|
|
25
|
+
"--duration": "--duration_1c6kv",
|
|
26
|
+
"_color": "__color_1c6kv_gg_",
|
|
27
|
+
"--color": "--color_1c6kv",
|
|
28
|
+
"_hide": "__hide_1c6kv_gg_",
|
|
29
|
+
"_transparent": "__transparent_1c6kv_gg_",
|
|
30
|
+
"__SNull": "___SNull_1c6kv_gg_"
|
|
31
31
|
});
|
|
32
32
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(LineRoot, _Component);
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -23,9 +23,9 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
24
24
|
var _hints = require("./a11y/hints");
|
|
25
25
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SPlot": "
|
|
28
|
-
"_keyboardFocused": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_1lmjr_gg_{overflow:hidden}.___SPlot_1lmjr_gg_:active,.___SPlot_1lmjr_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1lmjr_gg_.__keyboardFocused_1lmjr_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__*/, "1lmjr_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SPlot": "___SPlot_1lmjr_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1lmjr_gg_"
|
|
29
29
|
});
|
|
30
30
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -28,23 +28,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
28
28
|
var _utils = require("./utils");
|
|
29
29
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
30
30
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SAxis": "
|
|
33
|
-
"__SAxisLine": "
|
|
34
|
-
"__SAxisTick": "
|
|
35
|
-
"_active": "
|
|
36
|
-
"__SAxisLabel": "
|
|
37
|
-
"_xDirection": "
|
|
38
|
-
"--xDirection": "--
|
|
39
|
-
"_yDirection": "
|
|
40
|
-
"--yDirection": "--
|
|
41
|
-
"__SPolygon": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"__SPolygonDot": "
|
|
45
|
-
"_transparent": "
|
|
46
|
-
"__SPolygonLine": "
|
|
47
|
-
"__SPieRect": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_ji8yk_gg_,.___SAxisTick_ji8yk_gg_,.___SAxis_ji8yk_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_ji8yk_gg_,.___SAxisTick_ji8yk_gg_{stroke-dasharray:2}.___SAxisLine_ji8yk_gg_.__active_ji8yk_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_ji8yk_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_ji8yk_gg_.__xDirection_ji8yk_gg_{text-anchor:var(--xDirection_ji8yk)}.___SAxisLabel_ji8yk_gg_.__yDirection_ji8yk_gg_{dominant-baseline:var(--yDirection_ji8yk)}.___SPolygonDot_ji8yk_gg_,.___SPolygon_ji8yk_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_ji8yk_gg_{opacity:.2}.___SPolygon_ji8yk_gg_.__color_ji8yk_gg_{fill:var(--color_ji8yk)}.___SPolygonDot_ji8yk_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_ji8yk_gg_.__transparent_ji8yk_gg_{opacity:.3}.___SPolygonDot_ji8yk_gg_.__color_ji8yk_gg_{fill:var(--color_ji8yk)}.___SPolygonLine_ji8yk_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_ji8yk_gg_.__transparent_ji8yk_gg_{opacity:.3}.___SPolygonLine_ji8yk_gg_.__color_ji8yk_gg_{stroke:var(--color_ji8yk)}.___SPieRect_ji8yk_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "ji8yk_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SAxis": "___SAxis_ji8yk_gg_",
|
|
33
|
+
"__SAxisLine": "___SAxisLine_ji8yk_gg_",
|
|
34
|
+
"__SAxisTick": "___SAxisTick_ji8yk_gg_",
|
|
35
|
+
"_active": "__active_ji8yk_gg_",
|
|
36
|
+
"__SAxisLabel": "___SAxisLabel_ji8yk_gg_",
|
|
37
|
+
"_xDirection": "__xDirection_ji8yk_gg_",
|
|
38
|
+
"--xDirection": "--xDirection_ji8yk",
|
|
39
|
+
"_yDirection": "__yDirection_ji8yk_gg_",
|
|
40
|
+
"--yDirection": "--yDirection_ji8yk",
|
|
41
|
+
"__SPolygon": "___SPolygon_ji8yk_gg_",
|
|
42
|
+
"_color": "__color_ji8yk_gg_",
|
|
43
|
+
"--color": "--color_ji8yk",
|
|
44
|
+
"__SPolygonDot": "___SPolygonDot_ji8yk_gg_",
|
|
45
|
+
"_transparent": "__transparent_ji8yk_gg_",
|
|
46
|
+
"__SPolygonLine": "___SPolygonLine_ji8yk_gg_",
|
|
47
|
+
"__SPieRect": "___SPieRect_ji8yk_gg_"
|
|
48
48
|
});
|
|
49
49
|
var clampAngle = function clampAngle(angle) {
|
|
50
50
|
angle = angle % (2 * Math.PI);
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -27,18 +27,18 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
27
27
|
var _utils = require("./utils");
|
|
28
28
|
var _excluded = ["data"];
|
|
29
29
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SRadian": "
|
|
32
|
-
"__SLine": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"__SCap": "
|
|
37
|
-
"__SIcon": "
|
|
38
|
-
"__SLabel": "
|
|
39
|
-
"--text-cursor": "--text-
|
|
40
|
-
"--color-hovered": "--color-
|
|
41
|
-
"__SLineCap": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_10tef_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10tef_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_10tef_gg_.__color_10tef_gg_{stroke:var(--color_10tef)}.___SCap_10tef_gg_.__transparent_10tef_gg_,.___SIcon_10tef_gg_.__transparent_10tef_gg_,.___SLabel_10tef_gg_.__transparent_10tef_gg_,.___SLine_10tef_gg_.__transparent_10tef_gg_{opacity:.3}.___SCap_10tef_gg_{transition:r .1s}.___SLabel_10tef_gg_{fill:var(--color_10tef);cursor:var(--text-cursor_10tef)}@media (hover:hover){.___SRadian_10tef_gg_:hover .___SLabel_10tef_gg_{fill:var(--color-hovered_10tef)}}@media (prefers-reduced-motion){.___SLineCap_10tef_gg_{transition:none}}" /*__inner_css_end__*/, "10tef_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SRadian": "___SRadian_10tef_gg_",
|
|
32
|
+
"__SLine": "___SLine_10tef_gg_",
|
|
33
|
+
"_color": "__color_10tef_gg_",
|
|
34
|
+
"--color": "--color_10tef",
|
|
35
|
+
"_transparent": "__transparent_10tef_gg_",
|
|
36
|
+
"__SCap": "___SCap_10tef_gg_",
|
|
37
|
+
"__SIcon": "___SIcon_10tef_gg_",
|
|
38
|
+
"__SLabel": "___SLabel_10tef_gg_",
|
|
39
|
+
"--text-cursor": "--text-cursor_10tef",
|
|
40
|
+
"--color-hovered": "--color-hovered_10tef",
|
|
41
|
+
"__SLineCap": "___SLineCap_10tef_gg_"
|
|
42
42
|
});
|
|
43
43
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
44
44
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/ReferenceLine.js
CHANGED
|
@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SReferenceLine": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"--transform-origin": "--transform-
|
|
24
|
-
"_position_top": "
|
|
25
|
-
"_position_bottom": "
|
|
26
|
-
"_position_right": "
|
|
27
|
-
"_position_left": "
|
|
28
|
-
"__SBackground": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1sp1i_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1sp1i_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1sp1i)}.___STitle_1sp1i_gg_._position_top_1sp1i_gg_{text-anchor:middle}.___STitle_1sp1i_gg_._position_bottom_1sp1i_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1sp1i_gg_._position_left_1sp1i_gg_,.___STitle_1sp1i_gg_._position_right_1sp1i_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1sp1i_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1sp1i_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SReferenceLine": "___SReferenceLine_1sp1i_gg_",
|
|
22
|
+
"__STitle": "___STitle_1sp1i_gg_",
|
|
23
|
+
"--transform-origin": "--transform-origin_1sp1i",
|
|
24
|
+
"_position_top": "_position_top_1sp1i_gg_",
|
|
25
|
+
"_position_bottom": "_position_bottom_1sp1i_gg_",
|
|
26
|
+
"_position_right": "_position_right_1sp1i_gg_",
|
|
27
|
+
"_position_left": "_position_left_1sp1i_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_1sp1i_gg_"
|
|
29
29
|
});
|
|
30
30
|
var side2direction = {
|
|
31
31
|
left: 'vertical',
|
package/lib/cjs/ScatterPlot.js
CHANGED
|
@@ -23,13 +23,13 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SScatterPlot": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SValue": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_eblkd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_eblkd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_eblkd_gg_:hover{opacity:.8}}.___SScatterPlot_eblkd_gg_.__color_eblkd_gg_{fill:var(--color_eblkd)}.___SScatterPlot_eblkd_gg_.__transparent_eblkd_gg_{opacity:.3}.___SValue_eblkd_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_eblkd_gg_.__color_eblkd_gg_{stroke:var(--color_eblkd)}.___SValue_eblkd_gg_.__transparent_eblkd_gg_{opacity:.3}" /*__inner_css_end__*/, "eblkd_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SScatterPlot": "___SScatterPlot_eblkd_gg_",
|
|
28
|
+
"--duration": "--duration_eblkd",
|
|
29
|
+
"_color": "__color_eblkd_gg_",
|
|
30
|
+
"--color": "--color_eblkd",
|
|
31
|
+
"_transparent": "__transparent_eblkd_gg_",
|
|
32
|
+
"__SValue": "___SValue_eblkd_gg_"
|
|
33
33
|
});
|
|
34
34
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -24,14 +24,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
24
24
|
var _utils = require("./utils");
|
|
25
25
|
var _excluded = ["Children", "children", "tag", "forcedAdvancedMode"];
|
|
26
26
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__STooltip": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SDotGroup": "
|
|
31
|
-
"__SDot": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SFooter": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_g13bo_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_g13bo_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_g13bo_gg_{display:flex;align-items:center}.___SDot_g13bo_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_g13bo_gg_.__color_g13bo_gg_{background:var(--color_g13bo)}.___SFooter_g13bo_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "g13bo_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__STooltip": "___STooltip_g13bo_gg_",
|
|
29
|
+
"__STitle": "___STitle_g13bo_gg_",
|
|
30
|
+
"__SDotGroup": "___SDotGroup_g13bo_gg_",
|
|
31
|
+
"__SDot": "___SDot_g13bo_gg_",
|
|
32
|
+
"_color": "__color_g13bo_gg_",
|
|
33
|
+
"--color": "--color_g13bo",
|
|
34
|
+
"__SFooter": "___SFooter_g13bo_gg_"
|
|
35
35
|
});
|
|
36
36
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
37
37
|
(0, _inherits2["default"])(TooltipRoot, _Component);
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -23,13 +23,13 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
23
23
|
var _utils = require("./utils");
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SCircle": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SIntersection": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_c9sgm_gg_,.___SIntersection_c9sgm_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_c9sgm_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_c9sgm);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_c9sgm_gg_:hover{fill-opacity:.7}}.___SCircle_c9sgm_gg_.__color_c9sgm_gg_{fill:var(--color_c9sgm)}.___SCircle_c9sgm_gg_.__transparent_c9sgm_gg_{opacity:.3}.___SIntersection_c9sgm_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_c9sgm_gg_:hover{fill-opacity:.1}}.___SIntersection_c9sgm_gg_.__transparent_c9sgm_gg_{opacity:.3}" /*__inner_css_end__*/, "c9sgm_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SCircle": "___SCircle_c9sgm_gg_",
|
|
28
|
+
"--duration": "--duration_c9sgm",
|
|
29
|
+
"_color": "__color_c9sgm_gg_",
|
|
30
|
+
"--color": "--color_c9sgm",
|
|
31
|
+
"_transparent": "__transparent_c9sgm_gg_",
|
|
32
|
+
"__SIntersection": "___SIntersection_c9sgm_gg_"
|
|
33
33
|
});
|
|
34
34
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
@@ -16,8 +16,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
|
16
16
|
var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
19
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SPlotA11yModule": "
|
|
19
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_w59g6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_w59g6_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "w59g6_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_w59g6_gg_"
|
|
21
21
|
});
|
|
22
22
|
var globalWasFocused = false;
|
|
23
23
|
var globalNavWithKeyboard = false;
|
|
@@ -21,9 +21,9 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
21
|
var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
|
|
22
22
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
23
23
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
24
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SPlotA11yView": "
|
|
26
|
-
"_focus-within": "__focus-
|
|
24
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1l74d_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1l74d_gg_.__focus-within_1l74d_gg_,.___SPlotA11yView_1l74d_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1l74d_gg_:focus,.___SPlotA11yView_1l74d_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1l74d_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1l74d_gg_ table,.___SPlotA11yView_1l74d_gg_ td,.___SPlotA11yView_1l74d_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1l74d_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SPlotA11yView": "___SPlotA11yView_1l74d_gg_",
|
|
26
|
+
"_focus-within": "__focus-within_1l74d_gg_"
|
|
27
27
|
});
|
|
28
28
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
29
29
|
var _ref = arguments[0],
|