@semcore/d3-chart 3.18.0-prerelease.1 → 3.18.1-prerelease.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 +7 -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 +12 -12
- 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 +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +10 -10
- 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 +2 -2
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +7 -7
- 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 +12 -12
- 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 +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +10 -10
- 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 +2 -2
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +7 -7
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.18.
|
|
5
|
+
## [3.18.1-prerelease.0] - 2023-11-08
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Charts exporting to image.
|
|
10
|
+
|
|
11
|
+
## [3.18.0] - 2023-11-06
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
8
14
|
|
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_1gtxo_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1gtxo_gg_.__color_1gtxo_gg_{fill:var(--color_1gtxo)}.___SArea_1gtxo_gg_.__transparent_1gtxo_gg_{opacity:.3}.___SAreaLine_1gtxo_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1gtxo_gg_.__color_1gtxo_gg_{stroke:var(--color_1gtxo)}.___SAreaLine_1gtxo_gg_.__transparent_1gtxo_gg_{opacity:.3}.___SAreaLine_1gtxo_gg_,.___SArea_1gtxo_gg_{transition-property:d;transition-duration:var(--duration_1gtxo);transition-timing-function:ease-in-out}.___SNull_1gtxo_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1gtxo_gg_.__hide_1gtxo_gg_{display:none}" /*__inner_css_end__*/, "1gtxo_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SArea": "___SArea_1gtxo_gg_",
|
|
26
|
+
"_color": "__color_1gtxo_gg_",
|
|
27
|
+
"--color": "--color_1gtxo",
|
|
28
|
+
"_transparent": "__transparent_1gtxo_gg_",
|
|
29
|
+
"__SAreaLine": "___SAreaLine_1gtxo_gg_",
|
|
30
|
+
"--duration": "--duration_1gtxo",
|
|
31
|
+
"__SNull": "___SNull_1gtxo_gg_",
|
|
32
|
+
"_hide": "__hide_1gtxo_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_1li4r_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1li4r_gg_.__hide_1li4r_gg_,.___STick_1li4r_gg_.__hide_1li4r_gg_{display:none}.___STick_1li4r_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1li4r_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1li4r_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1li4r)}.___STitle_1li4r_gg_._position_top_1li4r_gg_{text-anchor:middle}.___STitle_1li4r_gg_._position_bottom_1li4r_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1li4r_gg_._position_left_1li4r_gg_,.___STitle_1li4r_gg_._position_right_1li4r_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1li4r_gg_._position_left_1li4r_gg_.__verticalWritingMode_1li4r_gg_,.___STitle_1li4r_gg_._position_right_1li4r_gg_.__verticalWritingMode_1li4r_gg_{writing-mode:vertical-rl;transform:none}.___STick_1li4r_gg_._position_top_1li4r_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1li4r_gg_._position_bottom_1li4r_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1li4r_gg_._position_right_1li4r_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1li4r_gg_._position_left_1li4r_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1li4r_gg_._position_custom_0_1li4r_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1li4r_gg_._position_custom_1_1li4r_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1li4r_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_1li4r_gg_",
|
|
23
|
+
"_hide": "__hide_1li4r_gg_",
|
|
24
|
+
"__STick": "___STick_1li4r_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_1li4r_gg_",
|
|
26
|
+
"__STitle": "___STitle_1li4r_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_1li4r",
|
|
28
|
+
"_position_top": "_position_top_1li4r_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_1li4r_gg_",
|
|
30
|
+
"_position_right": "_position_right_1li4r_gg_",
|
|
31
|
+
"_position_left": "_position_left_1li4r_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_1li4r_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_1li4r_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_1li4r_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_eglrb_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_eglrb);transition-timing-function:ease-in-out}.___SBar_eglrb_gg_.__color_eglrb_gg_{fill:var(--color_eglrb)}.___SBar_eglrb_gg_.__hide_eglrb_gg_{display:none}.___SBar_eglrb_gg_.__transparent_eglrb_gg_{opacity:.3}.___SBackground_eglrb_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "eglrb_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_eglrb_gg_",
|
|
24
|
+
"--duration": "--duration_eglrb",
|
|
25
|
+
"_color": "__color_eglrb_gg_",
|
|
26
|
+
"--color": "--color_eglrb",
|
|
27
|
+
"_hide": "__hide_eglrb_gg_",
|
|
28
|
+
"_transparent": "__transparent_eglrb_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_eglrb_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
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SCenter": "
|
|
34
|
-
"__SLabel": "
|
|
35
|
-
"_position_right": "
|
|
36
|
-
"_position_left": "
|
|
37
|
-
"--duration": "--
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_sy538_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_sy538);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_sy538_gg_:hover{opacity:.8}}.___SBubble_sy538_gg_.__color_sy538_gg_{fill:var(--color_sy538)}.___SBubble_sy538_gg_.__transparent_sy538_gg_{opacity:.3}.___SCenter_sy538_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_sy538_gg_.__color_sy538_gg_{stroke:var(--color_sy538)}.___SCenter_sy538_gg_.__transparent_sy538_gg_{opacity:.3}.___SLabel_sy538_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_sy538_gg_._position_right_sy538_gg_{text-anchor:end}.___SLabel_sy538_gg_._position_left_sy538_gg_{text-anchor:start}.___SLabel_sy538_gg_.__color_sy538_gg_{fill:var(--color_sy538)}.___SLabel_sy538_gg_.__transparent_sy538_gg_{opacity:.3}" /*__inner_css_end__*/, "sy538_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SBubble": "___SBubble_sy538_gg_",
|
|
30
|
+
"_color": "__color_sy538_gg_",
|
|
31
|
+
"--color": "--color_sy538",
|
|
32
|
+
"_transparent": "__transparent_sy538_gg_",
|
|
33
|
+
"__SCenter": "___SCenter_sy538_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_sy538_gg_",
|
|
35
|
+
"_position_right": "_position_right_sy538_gg_",
|
|
36
|
+
"_position_left": "_position_left_sy538_gg_",
|
|
37
|
+
"--duration": "--duration_sy538"
|
|
38
38
|
});
|
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -27,13 +27,13 @@ var _utils = require("./utils");
|
|
|
27
27
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
28
28
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize"];
|
|
29
29
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SPie": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"_transparent": "
|
|
35
|
-
"__SEmptyData": "
|
|
36
|
-
"__SLabel": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_6unac_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_6unac_gg_.__color_6unac_gg_{fill:var(--color_6unac)}.___SPie_6unac_gg_.__transparent_6unac_gg_{opacity:.3}.___SEmptyData_6unac_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_6unac_gg_.__color_6unac_gg_{fill:var(--color_6unac)}.___SLabel_6unac_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "6unac_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SPie": "___SPie_6unac_gg_",
|
|
32
|
+
"_color": "__color_6unac_gg_",
|
|
33
|
+
"--color": "--color_6unac",
|
|
34
|
+
"_transparent": "__transparent_6unac_gg_",
|
|
35
|
+
"__SEmptyData": "___SEmptyData_6unac_gg_",
|
|
36
|
+
"__SLabel": "___SLabel_6unac_gg_"
|
|
37
37
|
});
|
|
38
38
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
39
39
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -13,16 +13,16 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
|
|
|
13
13
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SDot": "
|
|
18
|
-
"--radius": "--
|
|
19
|
-
"_hide": "
|
|
20
|
-
"_active": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SDots": "
|
|
25
|
-
"--duration": "--
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_oxjva_gg_ .___SDot_oxjva_gg_{transition-duration:var(--duration_oxjva)}.___SDot_oxjva_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_oxjva);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_oxjva_gg_.__hide_oxjva_gg_{display:none}.___SDot_oxjva_gg_.__active_oxjva_gg_{r:calc(var(--radius_oxjva)*8/6)}.___SDot_oxjva_gg_.__color_oxjva_gg_{fill:var(--color_oxjva)}.___SDot_oxjva_gg_.__transparent_oxjva_gg_{opacity:.3}" /*__inner_css_end__*/, "oxjva_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SDot": "___SDot_oxjva_gg_",
|
|
18
|
+
"--radius": "--radius_oxjva",
|
|
19
|
+
"_hide": "__hide_oxjva_gg_",
|
|
20
|
+
"_active": "__active_oxjva_gg_",
|
|
21
|
+
"_color": "__color_oxjva_gg_",
|
|
22
|
+
"--color": "--color_oxjva",
|
|
23
|
+
"_transparent": "__transparent_oxjva_gg_",
|
|
24
|
+
"__SDots": "___SDots_oxjva_gg_",
|
|
25
|
+
"--duration": "--duration_oxjva"
|
|
26
26
|
});
|
|
27
27
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
28
28
|
function Dots(props) {
|
|
@@ -44,7 +44,6 @@ function Dots(props) {
|
|
|
44
44
|
_props$radius = props.radius,
|
|
45
45
|
radius = _props$radius === void 0 ? 6 : _props$radius,
|
|
46
46
|
resolveColor = props.resolveColor;
|
|
47
|
-
var SDots = 'g';
|
|
48
47
|
var bisect = (0, _d3Array.bisector)(function (d) {
|
|
49
48
|
return d[x];
|
|
50
49
|
}).center;
|
|
@@ -106,7 +105,8 @@ function Dots(props) {
|
|
|
106
105
|
}))));
|
|
107
106
|
return acc;
|
|
108
107
|
}, []);
|
|
109
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(
|
|
108
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDot, _ref2.cn("SDot", {
|
|
109
|
+
"render": 'g',
|
|
110
110
|
"use:duration": "".concat(duration, "ms")
|
|
111
111
|
}), dots);
|
|
112
112
|
}
|
package/lib/cjs/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_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","resolveColor","
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_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","resolveColor","bisect","bisector","d","center","_React$useState","React","useState","_React$useState2","_slicedToArray2","activeIndex","setActiveIndex","data","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 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 resolveColor,\n } = props;\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = React.useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = React.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 = React.useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n React.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={resolveColor(color)}\n transparent={transparent}\n radius={radius}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(\n <SDot render='g' use:duration={`${duration}ms`}>\n {dots}\n </SDot>,\n );\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_eglrb_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_eglrb);transition-timing-function:ease-in-out}.___SBar_eglrb_gg_.__color_eglrb_gg_{fill:var(--color_eglrb)}.___SBar_eglrb_gg_.__hide_eglrb_gg_{display:none}.___SBar_eglrb_gg_.__transparent_eglrb_gg_{opacity:.3}.___SBackground_eglrb_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "eglrb_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBar": "___SBar_eglrb_gg_",
|
|
23
|
+
"--duration": "--duration_eglrb",
|
|
24
|
+
"_color": "__color_eglrb_gg_",
|
|
25
|
+
"--color": "--color_eglrb",
|
|
26
|
+
"_hide": "__hide_eglrb_gg_",
|
|
27
|
+
"_transparent": "__transparent_eglrb_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_eglrb_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_f0ytj_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_f0ytj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "f0ytj_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_f0ytj_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_f0ytj_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -21,15 +21,15 @@ var _utils = require("./utils");
|
|
|
21
21
|
var _Dots = _interopRequireDefault(require("./Dots"));
|
|
22
22
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
23
23
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SLine": "
|
|
26
|
-
"--duration": "--
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_hide": "
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SNull": "
|
|
32
|
-
"__SAria": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_p2de3_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_p2de3);transition-timing-function:ease-in-out}.___SLine_p2de3_gg_.__color_p2de3_gg_{stroke:var(--color_p2de3)}.___SLine_p2de3_gg_.__hide_p2de3_gg_{display:none}.___SLine_p2de3_gg_.__transparent_p2de3_gg_{opacity:.3}.___SNull_p2de3_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_p2de3_gg_.__hide_p2de3_gg_{display:none}.___SAria_p2de3_gg_{transition-property:d;transition-duration:var(--duration_p2de3);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_p2de3_gg_.__color_p2de3_gg_{fill:var(--color_p2de3)}" /*__inner_css_end__*/, "p2de3_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SLine": "___SLine_p2de3_gg_",
|
|
26
|
+
"--duration": "--duration_p2de3",
|
|
27
|
+
"_color": "__color_p2de3_gg_",
|
|
28
|
+
"--color": "--color_p2de3",
|
|
29
|
+
"_hide": "__hide_p2de3_gg_",
|
|
30
|
+
"_transparent": "__transparent_p2de3_gg_",
|
|
31
|
+
"__SNull": "___SNull_p2de3_gg_",
|
|
32
|
+
"__SAria": "___SAria_p2de3_gg_"
|
|
33
33
|
});
|
|
34
34
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(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_ud44v_gg_{overflow:hidden}.___SPlot_ud44v_gg_:active,.___SPlot_ud44v_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ud44v_gg_.__keyboardFocused_ud44v_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__*/, "ud44v_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SPlot": "___SPlot_ud44v_gg_",
|
|
29
|
+
"_keyboardFocused": "__keyboardFocused_ud44v_gg_"
|
|
30
30
|
});
|
|
31
31
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
(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_69oj3_gg_,.___SAxisTick_69oj3_gg_,.___SAxis_69oj3_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_69oj3_gg_,.___SAxisTick_69oj3_gg_{stroke-dasharray:2}.___SAxisLine_69oj3_gg_.__active_69oj3_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_69oj3_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_69oj3_gg_.__xDirection_69oj3_gg_{text-anchor:var(--xDirection_69oj3)}.___SAxisLabel_69oj3_gg_.__yDirection_69oj3_gg_{dominant-baseline:var(--yDirection_69oj3)}.___SPolygonDot_69oj3_gg_,.___SPolygon_69oj3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_69oj3_gg_{opacity:.2}.___SPolygon_69oj3_gg_.__color_69oj3_gg_{fill:var(--color_69oj3)}.___SPolygonDot_69oj3_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_69oj3_gg_.__transparent_69oj3_gg_{opacity:.3}.___SPolygonDot_69oj3_gg_.__color_69oj3_gg_{fill:var(--color_69oj3)}.___SPolygonLine_69oj3_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_69oj3_gg_.__transparent_69oj3_gg_{opacity:.3}.___SPolygonLine_69oj3_gg_.__color_69oj3_gg_{stroke:var(--color_69oj3)}.___SPieRect_69oj3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "69oj3_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SAxis": "___SAxis_69oj3_gg_",
|
|
33
|
+
"__SAxisLine": "___SAxisLine_69oj3_gg_",
|
|
34
|
+
"__SAxisTick": "___SAxisTick_69oj3_gg_",
|
|
35
|
+
"_active": "__active_69oj3_gg_",
|
|
36
|
+
"__SAxisLabel": "___SAxisLabel_69oj3_gg_",
|
|
37
|
+
"_xDirection": "__xDirection_69oj3_gg_",
|
|
38
|
+
"--xDirection": "--xDirection_69oj3",
|
|
39
|
+
"_yDirection": "__yDirection_69oj3_gg_",
|
|
40
|
+
"--yDirection": "--yDirection_69oj3",
|
|
41
|
+
"__SPolygon": "___SPolygon_69oj3_gg_",
|
|
42
|
+
"_color": "__color_69oj3_gg_",
|
|
43
|
+
"--color": "--color_69oj3",
|
|
44
|
+
"__SPolygonDot": "___SPolygonDot_69oj3_gg_",
|
|
45
|
+
"_transparent": "__transparent_69oj3_gg_",
|
|
46
|
+
"__SPolygonLine": "___SPolygonLine_69oj3_gg_",
|
|
47
|
+
"__SPieRect": "___SPieRect_69oj3_gg_"
|
|
48
48
|
});
|
|
49
49
|
var clampAngle = function clampAngle(angle) {
|
|
50
50
|
angle = angle % (2 * Math.PI);
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -26,16 +26,16 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
26
26
|
var _utils = require("./utils");
|
|
27
27
|
var _excluded = ["data"];
|
|
28
28
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
29
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
30
|
-
"__SRadian": "
|
|
31
|
-
"__SLine": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"_transparent": "
|
|
35
|
-
"__SCap": "
|
|
36
|
-
"__SIcon": "
|
|
37
|
-
"__SLabel": "
|
|
38
|
-
"__SLineCap": "
|
|
29
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_6ii27_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_6ii27_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_6ii27_gg_.__color_6ii27_gg_{stroke:var(--color_6ii27)}.___SCap_6ii27_gg_.__transparent_6ii27_gg_,.___SIcon_6ii27_gg_.__transparent_6ii27_gg_,.___SLabel_6ii27_gg_.__transparent_6ii27_gg_,.___SLine_6ii27_gg_.__transparent_6ii27_gg_{opacity:.3}.___SCap_6ii27_gg_{transition:r .1s}.___SLabel_6ii27_gg_{fill:var(--color_6ii27)}@media (hover:hover){.___SRadian_6ii27_gg_:hover .___SLabel_6ii27_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_6ii27_gg_{transition:none}}" /*__inner_css_end__*/, "6ii27_gg_") /*__reshadow_css_end__*/, {
|
|
30
|
+
"__SRadian": "___SRadian_6ii27_gg_",
|
|
31
|
+
"__SLine": "___SLine_6ii27_gg_",
|
|
32
|
+
"_color": "__color_6ii27_gg_",
|
|
33
|
+
"--color": "--color_6ii27",
|
|
34
|
+
"_transparent": "__transparent_6ii27_gg_",
|
|
35
|
+
"__SCap": "___SCap_6ii27_gg_",
|
|
36
|
+
"__SIcon": "___SIcon_6ii27_gg_",
|
|
37
|
+
"__SLabel": "___SLabel_6ii27_gg_",
|
|
38
|
+
"__SLineCap": "___SLineCap_6ii27_gg_"
|
|
39
39
|
});
|
|
40
40
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
41
41
|
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_1150k_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1150k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1150k)}.___STitle_1150k_gg_._position_top_1150k_gg_{text-anchor:middle}.___STitle_1150k_gg_._position_bottom_1150k_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1150k_gg_._position_left_1150k_gg_,.___STitle_1150k_gg_._position_right_1150k_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1150k_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1150k_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SReferenceLine": "___SReferenceLine_1150k_gg_",
|
|
22
|
+
"__STitle": "___STitle_1150k_gg_",
|
|
23
|
+
"--transform-origin": "--transform-origin_1150k",
|
|
24
|
+
"_position_top": "_position_top_1150k_gg_",
|
|
25
|
+
"_position_bottom": "_position_bottom_1150k_gg_",
|
|
26
|
+
"_position_right": "_position_right_1150k_gg_",
|
|
27
|
+
"_position_left": "_position_left_1150k_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_1150k_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
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SValue": "
|
|
32
|
-
"--duration": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_iaaer_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_iaaer);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_iaaer_gg_:hover{opacity:.8}}.___SScatterPlot_iaaer_gg_.__color_iaaer_gg_{fill:var(--color_iaaer)}.___SScatterPlot_iaaer_gg_.__transparent_iaaer_gg_{opacity:.3}.___SValue_iaaer_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_iaaer_gg_.__color_iaaer_gg_{stroke:var(--color_iaaer)}.___SValue_iaaer_gg_.__transparent_iaaer_gg_{opacity:.3}" /*__inner_css_end__*/, "iaaer_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SScatterPlot": "___SScatterPlot_iaaer_gg_",
|
|
28
|
+
"_color": "__color_iaaer_gg_",
|
|
29
|
+
"--color": "--color_iaaer",
|
|
30
|
+
"_transparent": "__transparent_iaaer_gg_",
|
|
31
|
+
"__SValue": "___SValue_iaaer_gg_",
|
|
32
|
+
"--duration": "--duration_iaaer"
|
|
33
33
|
});
|
|
34
34
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -23,14 +23,14 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
24
24
|
var _excluded = ["Children", "children", "tag", "forcedAdvancedMode"];
|
|
25
25
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__STooltip": "
|
|
28
|
-
"__STitle": "
|
|
29
|
-
"__SDotGroup": "
|
|
30
|
-
"__SDot": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"__SFooter": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_bpynm_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_bpynm_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_bpynm_gg_{display:flex;align-items:center}.___SDot_bpynm_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_bpynm_gg_.__color_bpynm_gg_{background:var(--color_bpynm)}.___SFooter_bpynm_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__*/, "bpynm_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__STooltip": "___STooltip_bpynm_gg_",
|
|
28
|
+
"__STitle": "___STitle_bpynm_gg_",
|
|
29
|
+
"__SDotGroup": "___SDotGroup_bpynm_gg_",
|
|
30
|
+
"__SDot": "___SDot_bpynm_gg_",
|
|
31
|
+
"_color": "__color_bpynm_gg_",
|
|
32
|
+
"--color": "--color_bpynm",
|
|
33
|
+
"__SFooter": "___SFooter_bpynm_gg_"
|
|
34
34
|
});
|
|
35
35
|
/**
|
|
36
36
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
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
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SIntersection": "
|
|
32
|
-
"--duration": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_q8ox0_gg_,.___SIntersection_q8ox0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_q8ox0_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_q8ox0);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_q8ox0_gg_:hover{fill-opacity:.7}}.___SCircle_q8ox0_gg_.__color_q8ox0_gg_{fill:var(--color_q8ox0)}.___SCircle_q8ox0_gg_.__transparent_q8ox0_gg_{opacity:.3}.___SIntersection_q8ox0_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_q8ox0_gg_:hover{fill-opacity:.1}}.___SIntersection_q8ox0_gg_.__transparent_q8ox0_gg_{opacity:.3}" /*__inner_css_end__*/, "q8ox0_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SCircle": "___SCircle_q8ox0_gg_",
|
|
28
|
+
"_color": "__color_q8ox0_gg_",
|
|
29
|
+
"--color": "--color_q8ox0",
|
|
30
|
+
"_transparent": "__transparent_q8ox0_gg_",
|
|
31
|
+
"__SIntersection": "___SIntersection_q8ox0_gg_",
|
|
32
|
+
"--duration": "--duration_q8ox0"
|
|
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_1d3dh_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1d3dh_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1d3dh_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1d3dh_gg_"
|
|
21
21
|
});
|
|
22
22
|
var globalWasFocused = false;
|
|
23
23
|
var globalNavWithKeyboard = false;
|
|
@@ -21,8 +21,8 @@ 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": "
|
|
24
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1pv6v_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_1pv6v_gg_:focus,.___SPlotA11yView_1pv6v_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_1pv6v_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1pv6v_gg_ table,.___SPlotA11yView_1pv6v_gg_ td,.___SPlotA11yView_1pv6v_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1pv6v_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SPlotA11yView": "___SPlotA11yView_1pv6v_gg_"
|
|
26
26
|
});
|
|
27
27
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
28
28
|
var _ref = arguments[0],
|