@semcore/d3-chart 17.0.0 → 17.0.2-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 +12 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +16 -16
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +14 -14
- package/lib/cjs/CompactHorizontalBar.js +16 -16
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +2 -2
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +9 -9
- 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 +4 -4
- 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/style/axis.shadow.css +0 -1
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +16 -16
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +14 -14
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +2 -2
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- 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 +4 -4
- 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/style/axis.shadow.css +0 -1
- package/lib/esm/Area.mjs +13 -12
- package/lib/esm/Axis.mjs +18 -17
- package/lib/esm/Bar.mjs +18 -17
- package/lib/esm/Bubble.mjs +16 -15
- package/lib/esm/CompactHorizontalBar.mjs +18 -17
- package/lib/esm/Donut.mjs +11 -10
- package/lib/esm/Dots.mjs +10 -9
- package/lib/esm/HorizontalBar.mjs +18 -17
- package/lib/esm/Hover.mjs +5 -4
- package/lib/esm/Line.mjs +11 -10
- package/lib/esm/Plot.mjs +4 -3
- package/lib/esm/Radar.mjs +21 -20
- package/lib/esm/RadialTree.mjs +14 -13
- package/lib/esm/Reference.mjs +14 -13
- package/lib/esm/ScatterPlot.mjs +11 -10
- package/lib/esm/Tooltip.mjs +11 -10
- package/lib/esm/Venn.mjs +11 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +4 -3
- package/lib/esm/a11y/PlotA11yView.mjs +4 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +19 -18
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +8 -7
- package/lib/esm/style/axis.shadow.css +0 -1
- package/package.json +18 -18
package/lib/esm/Bar.mjs
CHANGED
|
@@ -7,30 +7,31 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
|
|
|
7
7
|
import createElement from "./createElement.mjs";
|
|
8
8
|
import { PatternFill } from "./Pattern.mjs";
|
|
9
9
|
import { scaleToBand, roundedPath } from "./utils.mjs";
|
|
10
|
+
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
10
11
|
const style = (
|
|
11
12
|
/*__reshadow_css_start__*/
|
|
12
13
|
(sstyled.insert(
|
|
13
14
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
15
|
+
".___SBar_1x6nj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1x6nj);transition-timing-function:ease-in-out}.___SBar_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--color_1x6nj)}.___SBar_1x6nj_gg_.__pattern_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--pattern_1x6nj);stroke:var(--color_1x6nj);stroke-width:1px}.___SBar_1x6nj_gg_.__hide_1x6nj_gg_{display:none}.___SBar_1x6nj_gg_.__transparent_1x6nj_gg_{opacity:.3}.___SBackground_1x6nj_gg_.__onClick_1x6nj_gg_,.___SBar_1x6nj_gg_.__onClick_1x6nj_gg_{cursor:pointer}.___SBackground_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1x6nj_gg_{display:flex;justify-content:space-between}.___SBarLabel_1x6nj_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1x6nj_gg_,.___SBarPercent_1x6nj_gg_,.___SBarValue_1x6nj_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1x6nj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1x6nj_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
|
|
15
16
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
17
|
+
"1x6nj_gg_"
|
|
17
18
|
), /*__reshadow_css_end__*/
|
|
18
19
|
{
|
|
19
|
-
"__SBar": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_pattern": "
|
|
24
|
-
"--pattern": "--
|
|
25
|
-
"_hide": "
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"_onClick": "
|
|
28
|
-
"__SBackground": "
|
|
29
|
-
"__SBarAnnotation": "
|
|
30
|
-
"__SBarLabel": "
|
|
31
|
-
"__SBarPercent": "
|
|
32
|
-
"__SBarValue": "
|
|
33
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
20
|
+
"__SBar": "___SBar_1x6nj_gg_",
|
|
21
|
+
"--duration": "--duration_1x6nj",
|
|
22
|
+
"_color": "__color_1x6nj_gg_",
|
|
23
|
+
"--color": "--color_1x6nj",
|
|
24
|
+
"_pattern": "__pattern_1x6nj_gg_",
|
|
25
|
+
"--pattern": "--pattern_1x6nj",
|
|
26
|
+
"_hide": "__hide_1x6nj_gg_",
|
|
27
|
+
"_transparent": "__transparent_1x6nj_gg_",
|
|
28
|
+
"_onClick": "__onClick_1x6nj_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_1x6nj_gg_",
|
|
30
|
+
"__SBarAnnotation": "___SBarAnnotation_1x6nj_gg_",
|
|
31
|
+
"__SBarLabel": "___SBarLabel_1x6nj_gg_",
|
|
32
|
+
"__SBarPercent": "___SBarPercent_1x6nj_gg_",
|
|
33
|
+
"__SBarValue": "___SBarValue_1x6nj_gg_",
|
|
34
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1x6nj_gg_"
|
|
34
35
|
})
|
|
35
36
|
);
|
|
36
37
|
const MIN_HEIGHT = 2;
|
package/lib/esm/Bubble.mjs
CHANGED
|
@@ -10,28 +10,29 @@ import createElement from "./createElement.mjs";
|
|
|
10
10
|
import { PatternFill } from "./Pattern.mjs";
|
|
11
11
|
import Tooltip from "./Tooltip.mjs";
|
|
12
12
|
import { getBubbleChartValueScale, measureText } from "./utils.mjs";
|
|
13
|
+
/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
13
14
|
const style = (
|
|
14
15
|
/*__reshadow_css_start__*/
|
|
15
16
|
(sstyled.insert(
|
|
16
17
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
18
|
+
".___SBubble_1gzqm_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_1gzqm);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1gzqm_gg_:hover{opacity:.8}}g._visible_false_1gzqm_gg_{display:none}.___SBubble_1gzqm_gg_.__clickable_1gzqm_gg_{cursor:pointer}.___SBubble_1gzqm_gg_.__color_1gzqm_gg_{fill:var(--color_1gzqm)}.___SBubble_1gzqm_gg_.__pattern_1gzqm_gg_.__color_1gzqm_gg_{fill:var(--pattern_1gzqm);stroke:var(--color_1gzqm);stroke-width:1px}.___SBubble_1gzqm_gg_.__transparent_1gzqm_gg_{opacity:.3}.___SCenter_1gzqm_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1gzqm_gg_.__color_1gzqm_gg_{stroke:var(--color_1gzqm)}.___SCenter_1gzqm_gg_.__transparent_1gzqm_gg_{opacity:.3}.___SLabel_1gzqm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1gzqm_gg_._position_right_1gzqm_gg_{text-anchor:end}.___SLabel_1gzqm_gg_._position_left_1gzqm_gg_{text-anchor:start}.___SLabel_1gzqm_gg_.__color_1gzqm_gg_{fill:var(--color_1gzqm)}.___SLabel_1gzqm_gg_.__transparent_1gzqm_gg_{opacity:.3}",
|
|
18
19
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
20
|
+
"1gzqm_gg_"
|
|
20
21
|
), /*__reshadow_css_end__*/
|
|
21
22
|
{
|
|
22
|
-
"_visible_false": "
|
|
23
|
-
"__SBubble": "
|
|
24
|
-
"_clickable": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCenter": "
|
|
31
|
-
"__SLabel": "
|
|
32
|
-
"_position_right": "
|
|
33
|
-
"_position_left": "
|
|
34
|
-
"--duration": "--
|
|
23
|
+
"_visible_false": "_visible_false_1gzqm_gg_",
|
|
24
|
+
"__SBubble": "___SBubble_1gzqm_gg_",
|
|
25
|
+
"_clickable": "__clickable_1gzqm_gg_",
|
|
26
|
+
"_color": "__color_1gzqm_gg_",
|
|
27
|
+
"--color": "--color_1gzqm",
|
|
28
|
+
"_pattern": "__pattern_1gzqm_gg_",
|
|
29
|
+
"--pattern": "--pattern_1gzqm",
|
|
30
|
+
"_transparent": "__transparent_1gzqm_gg_",
|
|
31
|
+
"__SCenter": "___SCenter_1gzqm_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_1gzqm_gg_",
|
|
33
|
+
"_position_right": "_position_right_1gzqm_gg_",
|
|
34
|
+
"_position_left": "_position_left_1gzqm_gg_",
|
|
35
|
+
"--duration": "--duration_1gzqm"
|
|
35
36
|
})
|
|
36
37
|
);
|
|
37
38
|
class BubbleRoot extends Component {
|
|
@@ -11,30 +11,31 @@ import createElement from "./createElement.mjs";
|
|
|
11
11
|
import { PatternFill } from "./Pattern.mjs";
|
|
12
12
|
import Tooltip from "./Tooltip.mjs";
|
|
13
13
|
import { scaleToBand, roundedPath, eventToPoint } from "./utils.mjs";
|
|
14
|
+
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
14
15
|
const style = (
|
|
15
16
|
/*__reshadow_css_start__*/
|
|
16
17
|
(sstyled.insert(
|
|
17
18
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
+
".___SBar_1x6nj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1x6nj);transition-timing-function:ease-in-out}.___SBar_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--color_1x6nj)}.___SBar_1x6nj_gg_.__pattern_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--pattern_1x6nj);stroke:var(--color_1x6nj);stroke-width:1px}.___SBar_1x6nj_gg_.__hide_1x6nj_gg_{display:none}.___SBar_1x6nj_gg_.__transparent_1x6nj_gg_{opacity:.3}.___SBackground_1x6nj_gg_.__onClick_1x6nj_gg_,.___SBar_1x6nj_gg_.__onClick_1x6nj_gg_{cursor:pointer}.___SBackground_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1x6nj_gg_{display:flex;justify-content:space-between}.___SBarLabel_1x6nj_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1x6nj_gg_,.___SBarPercent_1x6nj_gg_,.___SBarValue_1x6nj_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1x6nj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1x6nj_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
|
|
19
20
|
/*__inner_css_end__*/
|
|
20
|
-
"
|
|
21
|
+
"1x6nj_gg_"
|
|
21
22
|
), /*__reshadow_css_end__*/
|
|
22
23
|
{
|
|
23
|
-
"__SBar": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_hide": "
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"_onClick": "
|
|
32
|
-
"__SBackground": "
|
|
33
|
-
"__SBarAnnotation": "
|
|
34
|
-
"__SBarLabel": "
|
|
35
|
-
"__SBarPercent": "
|
|
36
|
-
"__SBarValue": "
|
|
37
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
24
|
+
"__SBar": "___SBar_1x6nj_gg_",
|
|
25
|
+
"--duration": "--duration_1x6nj",
|
|
26
|
+
"_color": "__color_1x6nj_gg_",
|
|
27
|
+
"--color": "--color_1x6nj",
|
|
28
|
+
"_pattern": "__pattern_1x6nj_gg_",
|
|
29
|
+
"--pattern": "--pattern_1x6nj",
|
|
30
|
+
"_hide": "__hide_1x6nj_gg_",
|
|
31
|
+
"_transparent": "__transparent_1x6nj_gg_",
|
|
32
|
+
"_onClick": "__onClick_1x6nj_gg_",
|
|
33
|
+
"__SBackground": "___SBackground_1x6nj_gg_",
|
|
34
|
+
"__SBarAnnotation": "___SBarAnnotation_1x6nj_gg_",
|
|
35
|
+
"__SBarLabel": "___SBarLabel_1x6nj_gg_",
|
|
36
|
+
"__SBarPercent": "___SBarPercent_1x6nj_gg_",
|
|
37
|
+
"__SBarValue": "___SBarValue_1x6nj_gg_",
|
|
38
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1x6nj_gg_"
|
|
38
39
|
})
|
|
39
40
|
);
|
|
40
41
|
const MIN_WIDTH = 4;
|
package/lib/esm/Donut.mjs
CHANGED
|
@@ -12,23 +12,24 @@ import createElement from "./createElement.mjs";
|
|
|
12
12
|
import { PatternFill } from "./Pattern.mjs";
|
|
13
13
|
import Tooltip from "./Tooltip.mjs";
|
|
14
14
|
import { getChartDefaultColorName } from "./utils.mjs";
|
|
15
|
+
/*!__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
15
16
|
const style = (
|
|
16
17
|
/*__reshadow_css_start__*/
|
|
17
18
|
(sstyled.insert(
|
|
18
19
|
/*__inner_css_start__*/
|
|
19
|
-
".
|
|
20
|
+
".___SPie_18wjb_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_18wjb_gg_.__color_18wjb_gg_{fill:var(--color_18wjb)}.___SPie_18wjb_gg_.__pattern_18wjb_gg_.__color_18wjb_gg_{fill:var(--pattern_18wjb);stroke:var(--color_18wjb);stroke-width:1px}.___SPie_18wjb_gg_.__transparent_18wjb_gg_{opacity:.3}.___SEmptyData_18wjb_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_18wjb_gg_.__color_18wjb_gg_{fill:var(--color_18wjb)}.___SLabel_18wjb_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
|
|
20
21
|
/*__inner_css_end__*/
|
|
21
|
-
"
|
|
22
|
+
"18wjb_gg_"
|
|
22
23
|
), /*__reshadow_css_end__*/
|
|
23
24
|
{
|
|
24
|
-
"__SPie": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SEmptyData": "
|
|
31
|
-
"__SLabel": "
|
|
25
|
+
"__SPie": "___SPie_18wjb_gg_",
|
|
26
|
+
"_color": "__color_18wjb_gg_",
|
|
27
|
+
"--color": "--color_18wjb",
|
|
28
|
+
"_pattern": "__pattern_18wjb_gg_",
|
|
29
|
+
"--pattern": "--pattern_18wjb",
|
|
30
|
+
"_transparent": "__transparent_18wjb_gg_",
|
|
31
|
+
"__SEmptyData": "___SEmptyData_18wjb_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_18wjb_gg_"
|
|
32
33
|
})
|
|
33
34
|
);
|
|
34
35
|
const DEFAULT_INSTANCE = /* @__PURE__ */ Symbol("DEFAULT_INSTANCE");
|
package/lib/esm/Dots.mjs
CHANGED
|
@@ -5,22 +5,23 @@ import React from "react";
|
|
|
5
5
|
import createElement from "./createElement.mjs";
|
|
6
6
|
import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
|
|
7
7
|
import { getChartDefaultColorName, interpolateValue, eventToPoint, invert } from "./utils.mjs";
|
|
8
|
+
/*!__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
8
9
|
const style = (
|
|
9
10
|
/*__reshadow_css_start__*/
|
|
10
11
|
(sstyled.insert(
|
|
11
12
|
/*__inner_css_start__*/
|
|
12
|
-
".
|
|
13
|
+
".___SDots_17ivg_gg_ .___SDot_17ivg_gg_{transition-duration:var(--duration_17ivg)}.___SDot_17ivg_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_17ivg_gg_.__hide_17ivg_gg_{display:none}.___SDot_17ivg_gg_.__color_17ivg_gg_{fill:var(--color_17ivg)}.___SDot_17ivg_gg_.__transparent_17ivg_gg_{opacity:.3}",
|
|
13
14
|
/*__inner_css_end__*/
|
|
14
|
-
"
|
|
15
|
+
"17ivg_gg_"
|
|
15
16
|
), /*__reshadow_css_end__*/
|
|
16
17
|
{
|
|
17
|
-
"__SDot": "
|
|
18
|
-
"_hide": "
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SDots": "
|
|
23
|
-
"--duration": "--
|
|
18
|
+
"__SDot": "___SDot_17ivg_gg_",
|
|
19
|
+
"_hide": "__hide_17ivg_gg_",
|
|
20
|
+
"_color": "__color_17ivg_gg_",
|
|
21
|
+
"--color": "--color_17ivg",
|
|
22
|
+
"_transparent": "__transparent_17ivg_gg_",
|
|
23
|
+
"__SDots": "___SDots_17ivg_gg_",
|
|
24
|
+
"--duration": "--duration_17ivg"
|
|
24
25
|
})
|
|
25
26
|
);
|
|
26
27
|
function Dots(props) {
|
|
@@ -6,30 +6,31 @@ import AnimatedClipPath from "./AnimatedClipPath.mjs";
|
|
|
6
6
|
import createElement from "./createElement.mjs";
|
|
7
7
|
import { PatternFill } from "./Pattern.mjs";
|
|
8
8
|
import { scaleToBand, roundedPath } from "./utils.mjs";
|
|
9
|
+
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
9
10
|
const style = (
|
|
10
11
|
/*__reshadow_css_start__*/
|
|
11
12
|
(sstyled.insert(
|
|
12
13
|
/*__inner_css_start__*/
|
|
13
|
-
".
|
|
14
|
+
".___SBar_1x6nj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1x6nj);transition-timing-function:ease-in-out}.___SBar_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--color_1x6nj)}.___SBar_1x6nj_gg_.__pattern_1x6nj_gg_.__color_1x6nj_gg_{fill:var(--pattern_1x6nj);stroke:var(--color_1x6nj);stroke-width:1px}.___SBar_1x6nj_gg_.__hide_1x6nj_gg_{display:none}.___SBar_1x6nj_gg_.__transparent_1x6nj_gg_{opacity:.3}.___SBackground_1x6nj_gg_.__onClick_1x6nj_gg_,.___SBar_1x6nj_gg_.__onClick_1x6nj_gg_{cursor:pointer}.___SBackground_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1x6nj_gg_{display:flex;justify-content:space-between}.___SBarLabel_1x6nj_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1x6nj_gg_,.___SBarPercent_1x6nj_gg_,.___SBarValue_1x6nj_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1x6nj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1x6nj_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1x6nj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
|
|
14
15
|
/*__inner_css_end__*/
|
|
15
|
-
"
|
|
16
|
+
"1x6nj_gg_"
|
|
16
17
|
), /*__reshadow_css_end__*/
|
|
17
18
|
{
|
|
18
|
-
"__SBar": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_hide": "
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"_onClick": "
|
|
27
|
-
"__SBackground": "
|
|
28
|
-
"__SBarAnnotation": "
|
|
29
|
-
"__SBarLabel": "
|
|
30
|
-
"__SBarPercent": "
|
|
31
|
-
"__SBarValue": "
|
|
32
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
19
|
+
"__SBar": "___SBar_1x6nj_gg_",
|
|
20
|
+
"--duration": "--duration_1x6nj",
|
|
21
|
+
"_color": "__color_1x6nj_gg_",
|
|
22
|
+
"--color": "--color_1x6nj",
|
|
23
|
+
"_pattern": "__pattern_1x6nj_gg_",
|
|
24
|
+
"--pattern": "--pattern_1x6nj",
|
|
25
|
+
"_hide": "__hide_1x6nj_gg_",
|
|
26
|
+
"_transparent": "__transparent_1x6nj_gg_",
|
|
27
|
+
"_onClick": "__onClick_1x6nj_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_1x6nj_gg_",
|
|
29
|
+
"__SBarAnnotation": "___SBarAnnotation_1x6nj_gg_",
|
|
30
|
+
"__SBarLabel": "___SBarLabel_1x6nj_gg_",
|
|
31
|
+
"__SBarPercent": "___SBarPercent_1x6nj_gg_",
|
|
32
|
+
"__SBarValue": "___SBarValue_1x6nj_gg_",
|
|
33
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1x6nj_gg_"
|
|
33
34
|
})
|
|
34
35
|
);
|
|
35
36
|
const MIN_WIDTH = 2;
|
package/lib/esm/Hover.mjs
CHANGED
|
@@ -7,17 +7,18 @@ import React from "react";
|
|
|
7
7
|
import createElement from "./createElement.mjs";
|
|
8
8
|
import Tooltip from "./Tooltip.mjs";
|
|
9
9
|
import { eventToPoint, invert, getIndexFromData, scaleOfBandwidth, scaleToBand } from "./utils.mjs";
|
|
10
|
+
/*!__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
10
11
|
const style = (
|
|
11
12
|
/*__reshadow_css_start__*/
|
|
12
13
|
(sstyled.insert(
|
|
13
14
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
15
|
+
".___SHoverLine_1cadt_gg_,.___SHoverLine_1cadt_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1cadt_gg_,.___SHoverRect_1cadt_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
|
|
15
16
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
17
|
+
"1cadt_gg_"
|
|
17
18
|
), /*__reshadow_css_end__*/
|
|
18
19
|
{
|
|
19
|
-
"__SHoverLine": "
|
|
20
|
-
"__SHoverRect": "
|
|
20
|
+
"__SHoverLine": "___SHoverLine_1cadt_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_1cadt_gg_"
|
|
21
22
|
})
|
|
22
23
|
);
|
|
23
24
|
class Hover extends Component {
|
package/lib/esm/Line.mjs
CHANGED
|
@@ -9,23 +9,24 @@ import createElement from "./createElement.mjs";
|
|
|
9
9
|
import Dots from "./Dots.mjs";
|
|
10
10
|
import { resolvePatternDasharray } from "./Pattern.mjs";
|
|
11
11
|
import { interpolateValue, getNullData, definedNullData, eventToPoint, invert, getChartDefaultColorName, definedData, scaleOfBandwidth } from "./utils.mjs";
|
|
12
|
+
/*!__reshadow-styles__:"./style/line.shadow.css"*/
|
|
12
13
|
const style = (
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
".
|
|
17
|
+
".___SLine_pjfmb_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_pjfmb);transition-timing-function:ease-in-out}.___SLine_pjfmb_gg_.__color_pjfmb_gg_{stroke:var(--color_pjfmb)}.___SLine_pjfmb_gg_.__hide_pjfmb_gg_{display:none}.___SLine_pjfmb_gg_.__transparent_pjfmb_gg_{opacity:.3}.___SNull_pjfmb_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_pjfmb_gg_.__hide_pjfmb_gg_{display:none}.___SLineArea_pjfmb_gg_{transition-property:d;transition-duration:var(--duration_pjfmb);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_pjfmb_gg_.__color_pjfmb_gg_{fill:var(--color_pjfmb)}",
|
|
17
18
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
19
|
+
"pjfmb_gg_"
|
|
19
20
|
), /*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SLine": "
|
|
22
|
-
"--duration": "--
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_hide": "
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SNull": "
|
|
28
|
-
"__SLineArea": "
|
|
22
|
+
"__SLine": "___SLine_pjfmb_gg_",
|
|
23
|
+
"--duration": "--duration_pjfmb",
|
|
24
|
+
"_color": "__color_pjfmb_gg_",
|
|
25
|
+
"--color": "--color_pjfmb",
|
|
26
|
+
"_hide": "__hide_pjfmb_gg_",
|
|
27
|
+
"_transparent": "__transparent_pjfmb_gg_",
|
|
28
|
+
"__SNull": "___SNull_pjfmb_gg_",
|
|
29
|
+
"__SLineArea": "___SLineArea_pjfmb_gg_"
|
|
29
30
|
})
|
|
30
31
|
);
|
|
31
32
|
class LineRoot extends Component {
|
package/lib/esm/Plot.mjs
CHANGED
|
@@ -9,16 +9,17 @@ import { makeDataHintsContainer, makeDataHintsHandlers } from "./a11y/hints.mjs"
|
|
|
9
9
|
import { PlotA11yModule } from "./a11y/PlotA11yModule.mjs";
|
|
10
10
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
11
11
|
import { uniqueId, eventToPoint } from "./utils.mjs";
|
|
12
|
+
/*!__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
12
13
|
const style = (
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
".
|
|
17
|
+
".___SPlot_efsfa_gg_{overflow:hidden}.___SPlot_efsfa_gg_:focus{outline:0}.___SPlot_efsfa_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_efsfa_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}",
|
|
17
18
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
19
|
+
"efsfa_gg_"
|
|
19
20
|
), /*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SPlot": "
|
|
22
|
+
"__SPlot": "___SPlot_efsfa_gg_"
|
|
22
23
|
})
|
|
23
24
|
);
|
|
24
25
|
class PlotRoot extends Component {
|
package/lib/esm/Radar.mjs
CHANGED
|
@@ -11,33 +11,34 @@ import createElement from "./createElement.mjs";
|
|
|
11
11
|
import { PatternFill, getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
|
|
12
12
|
import Tooltip from "./Tooltip.mjs";
|
|
13
13
|
import { measureText, getChartDefaultColorName, eventToPoint } from "./utils.mjs";
|
|
14
|
+
/*!__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
14
15
|
const style = (
|
|
15
16
|
/*__reshadow_css_start__*/
|
|
16
17
|
(sstyled.insert(
|
|
17
18
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
+
".___SAxisLine_13fhy_gg_,.___SAxisTick_13fhy_gg_,.___SAxis_13fhy_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_13fhy_gg_,.___SAxisTick_13fhy_gg_{stroke-dasharray:2}.___SAxisLine_13fhy_gg_.__active_13fhy_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_13fhy_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_13fhy_gg_.__xDirection_13fhy_gg_{text-anchor:var(--xDirection_13fhy)}.___SAxisLabel_13fhy_gg_.__yDirection_13fhy_gg_{dominant-baseline:var(--yDirection_13fhy)}.___SPolygonDot_13fhy_gg_,.___SPolygon_13fhy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_13fhy_gg_{opacity:.2}.___SPolygon_13fhy_gg_.__color_13fhy_gg_{fill:var(--color_13fhy)}.___SPolygon_13fhy_gg_.__pattern_13fhy_gg_.__color_13fhy_gg_{fill:var(--pattern_13fhy);stroke:var(--color_13fhy);stroke-width:1px}.___SPolygonDot_13fhy_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_13fhy_gg_.__transparent_13fhy_gg_{opacity:.3}.___SPolygonDot_13fhy_gg_.__color_13fhy_gg_{fill:var(--color_13fhy)}.___SPolygonLine_13fhy_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_13fhy_gg_.__transparent_13fhy_gg_{opacity:.3}.___SPolygonLine_13fhy_gg_.__color_13fhy_gg_{stroke:var(--color_13fhy)}.___SPieRect_13fhy_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
|
|
19
20
|
/*__inner_css_end__*/
|
|
20
|
-
"
|
|
21
|
+
"13fhy_gg_"
|
|
21
22
|
), /*__reshadow_css_end__*/
|
|
22
23
|
{
|
|
23
|
-
"__SAxis": "
|
|
24
|
-
"__SAxisLine": "
|
|
25
|
-
"__SAxisTick": "
|
|
26
|
-
"_active": "
|
|
27
|
-
"__SAxisLabel": "
|
|
28
|
-
"_xDirection": "
|
|
29
|
-
"--xDirection": "--
|
|
30
|
-
"_yDirection": "
|
|
31
|
-
"--yDirection": "--
|
|
32
|
-
"__SPolygon": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_pattern": "
|
|
36
|
-
"--pattern": "--
|
|
37
|
-
"__SPolygonDot": "
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SPolygonLine": "
|
|
40
|
-
"__SPieRect": "
|
|
24
|
+
"__SAxis": "___SAxis_13fhy_gg_",
|
|
25
|
+
"__SAxisLine": "___SAxisLine_13fhy_gg_",
|
|
26
|
+
"__SAxisTick": "___SAxisTick_13fhy_gg_",
|
|
27
|
+
"_active": "__active_13fhy_gg_",
|
|
28
|
+
"__SAxisLabel": "___SAxisLabel_13fhy_gg_",
|
|
29
|
+
"_xDirection": "__xDirection_13fhy_gg_",
|
|
30
|
+
"--xDirection": "--xDirection_13fhy",
|
|
31
|
+
"_yDirection": "__yDirection_13fhy_gg_",
|
|
32
|
+
"--yDirection": "--yDirection_13fhy",
|
|
33
|
+
"__SPolygon": "___SPolygon_13fhy_gg_",
|
|
34
|
+
"_color": "__color_13fhy_gg_",
|
|
35
|
+
"--color": "--color_13fhy",
|
|
36
|
+
"_pattern": "__pattern_13fhy_gg_",
|
|
37
|
+
"--pattern": "--pattern_13fhy",
|
|
38
|
+
"__SPolygonDot": "___SPolygonDot_13fhy_gg_",
|
|
39
|
+
"_transparent": "__transparent_13fhy_gg_",
|
|
40
|
+
"__SPolygonLine": "___SPolygonLine_13fhy_gg_",
|
|
41
|
+
"__SPieRect": "___SPieRect_13fhy_gg_"
|
|
41
42
|
})
|
|
42
43
|
);
|
|
43
44
|
const clampAngle = (angle) => {
|
package/lib/esm/RadialTree.mjs
CHANGED
|
@@ -9,26 +9,27 @@ import React from "react";
|
|
|
9
9
|
import createElement from "./createElement.mjs";
|
|
10
10
|
import { getPatternSymbolSize, PatternSymbol } from "./Pattern.mjs";
|
|
11
11
|
import { measureText, getChartDefaultColorName } from "./utils.mjs";
|
|
12
|
+
/*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
12
13
|
const style = (
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
".
|
|
17
|
+
".___SRadian_62z7u_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_62z7u_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_62z7u_gg_.__stroke_62z7u_gg_{stroke:var(--stroke_62z7u)}.___SLine_62z7u_gg_.__transparent_62z7u_gg_{opacity:.3}.___SCap_62z7u_gg_{transition:r .1s}.___SCap_62z7u_gg_.__pattern_62z7u_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_62z7u_gg_.__transparent_62z7u_gg_,.___SIcon_62z7u_gg_.__transparent_62z7u_gg_,.___SLabel_62z7u_gg_.__transparent_62z7u_gg_{opacity:.3}.___SLabel_62z7u_gg_{fill:var(--color_62z7u)}@media (hover:hover){.___SRadian_62z7u_gg_:hover .___SLabel_62z7u_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_62z7u_gg_{transition:none}}",
|
|
17
18
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
19
|
+
"62z7u_gg_"
|
|
19
20
|
), /*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SRadian": "
|
|
22
|
-
"__SLine": "
|
|
23
|
-
"_stroke": "
|
|
24
|
-
"--stroke": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SCap": "
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"__SIcon": "
|
|
29
|
-
"__SLabel": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SLineCap": "
|
|
22
|
+
"__SRadian": "___SRadian_62z7u_gg_",
|
|
23
|
+
"__SLine": "___SLine_62z7u_gg_",
|
|
24
|
+
"_stroke": "__stroke_62z7u_gg_",
|
|
25
|
+
"--stroke": "--stroke_62z7u",
|
|
26
|
+
"_transparent": "__transparent_62z7u_gg_",
|
|
27
|
+
"__SCap": "___SCap_62z7u_gg_",
|
|
28
|
+
"_pattern": "__pattern_62z7u_gg_",
|
|
29
|
+
"__SIcon": "___SIcon_62z7u_gg_",
|
|
30
|
+
"__SLabel": "___SLabel_62z7u_gg_",
|
|
31
|
+
"--color": "--color_62z7u",
|
|
32
|
+
"__SLineCap": "___SLineCap_62z7u_gg_"
|
|
32
33
|
})
|
|
33
34
|
);
|
|
34
35
|
const baseAngle = -Math.PI / 2;
|
package/lib/esm/Reference.mjs
CHANGED
|
@@ -4,26 +4,27 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
import createElement from "./createElement.mjs";
|
|
6
6
|
import { scaleOfBandwidth } from "./utils.mjs";
|
|
7
|
+
/*!__reshadow-styles__:"./style/reference.shadow.css"*/
|
|
7
8
|
const style = (
|
|
8
9
|
/*__reshadow_css_start__*/
|
|
9
10
|
(sstyled.insert(
|
|
10
11
|
/*__inner_css_start__*/
|
|
11
|
-
".
|
|
12
|
+
".___SReferenceLine_jgy4n_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_jgy4n_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_jgy4n)}.___STitle_jgy4n_gg_._position_top_jgy4n_gg_{text-anchor:middle}.___STitle_jgy4n_gg_._position_bottom_jgy4n_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_jgy4n_gg_._position_left_jgy4n_gg_,.___STitle_jgy4n_gg_._position_right_jgy4n_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_jgy4n_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_jgy4n_gg_{fill:var(--fill_jgy4n)}.___SStripesPatternPath_jgy4n_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
|
|
12
13
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
14
|
+
"jgy4n_gg_"
|
|
14
15
|
), /*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SReferenceLine": "
|
|
17
|
-
"__STitle": "
|
|
18
|
-
"--transform-origin": "--transform-
|
|
19
|
-
"_position_top": "
|
|
20
|
-
"_position_bottom": "
|
|
21
|
-
"_position_right": "
|
|
22
|
-
"_position_left": "
|
|
23
|
-
"__SBackground": "
|
|
24
|
-
"__SStripes": "
|
|
25
|
-
"--fill": "--
|
|
26
|
-
"__SStripesPatternPath": "
|
|
17
|
+
"__SReferenceLine": "___SReferenceLine_jgy4n_gg_",
|
|
18
|
+
"__STitle": "___STitle_jgy4n_gg_",
|
|
19
|
+
"--transform-origin": "--transform-origin_jgy4n",
|
|
20
|
+
"_position_top": "_position_top_jgy4n_gg_",
|
|
21
|
+
"_position_bottom": "_position_bottom_jgy4n_gg_",
|
|
22
|
+
"_position_right": "_position_right_jgy4n_gg_",
|
|
23
|
+
"_position_left": "_position_left_jgy4n_gg_",
|
|
24
|
+
"__SBackground": "___SBackground_jgy4n_gg_",
|
|
25
|
+
"__SStripes": "___SStripes_jgy4n_gg_",
|
|
26
|
+
"--fill": "--fill_jgy4n",
|
|
27
|
+
"__SStripesPatternPath": "___SStripesPatternPath_jgy4n_gg_"
|
|
27
28
|
})
|
|
28
29
|
);
|
|
29
30
|
const side2direction = {
|
package/lib/esm/ScatterPlot.mjs
CHANGED
|
@@ -8,23 +8,24 @@ import createElement from "./createElement.mjs";
|
|
|
8
8
|
import { PatternFill } from "./Pattern.mjs";
|
|
9
9
|
import Tooltip from "./Tooltip.mjs";
|
|
10
10
|
import { getScatterPlotRadius } from "./utils.mjs";
|
|
11
|
+
/*!__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
11
12
|
const style = (
|
|
12
13
|
/*__reshadow_css_start__*/
|
|
13
14
|
(sstyled.insert(
|
|
14
15
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
16
|
+
".___SScatterPlot_93f9v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_93f9v);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_93f9v_gg_:hover{opacity:.8}}.___SScatterPlot_93f9v_gg_.__color_93f9v_gg_{fill:var(--color_93f9v)}.___SScatterPlot_93f9v_gg_.__pattern_93f9v_gg_.__color_93f9v_gg_{fill:var(--pattern_93f9v);stroke:var(--color_93f9v);stroke-width:1px}.___SScatterPlot_93f9v_gg_.__transparent_93f9v_gg_{opacity:.3}.___SValue_93f9v_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_93f9v_gg_.__color_93f9v_gg_{stroke:var(--color_93f9v)}.___SValue_93f9v_gg_.__transparent_93f9v_gg_{opacity:.3}",
|
|
16
17
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
18
|
+
"93f9v_gg_"
|
|
18
19
|
), /*__reshadow_css_end__*/
|
|
19
20
|
{
|
|
20
|
-
"__SScatterPlot": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_pattern": "
|
|
24
|
-
"--pattern": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SValue": "
|
|
27
|
-
"--duration": "--
|
|
21
|
+
"__SScatterPlot": "___SScatterPlot_93f9v_gg_",
|
|
22
|
+
"_color": "__color_93f9v_gg_",
|
|
23
|
+
"--color": "--color_93f9v",
|
|
24
|
+
"_pattern": "__pattern_93f9v_gg_",
|
|
25
|
+
"--pattern": "--pattern_93f9v",
|
|
26
|
+
"_transparent": "__transparent_93f9v_gg_",
|
|
27
|
+
"__SValue": "___SValue_93f9v_gg_",
|
|
28
|
+
"--duration": "--duration_93f9v"
|
|
28
29
|
})
|
|
29
30
|
);
|
|
30
31
|
class ScatterPlotRoot extends Component {
|
package/lib/esm/Tooltip.mjs
CHANGED
|
@@ -7,23 +7,24 @@ import React from "react";
|
|
|
7
7
|
import createElement from "./createElement.mjs";
|
|
8
8
|
import { PatternSymbol } from "./Pattern.mjs";
|
|
9
9
|
import { getChartDefaultColorName } from "./utils.mjs";
|
|
10
|
+
/*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
10
11
|
const style = (
|
|
11
12
|
/*__reshadow_css_start__*/
|
|
12
13
|
(sstyled.insert(
|
|
13
14
|
/*__inner_css_start__*/
|
|
14
|
-
".
|
|
15
|
+
".___STooltip_h598b_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_h598b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_h598b_gg_{display:flex;align-items:center}.___SDot_h598b_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_h598b_gg_.__color_h598b_gg_{background-color:var(--color_h598b);width:8px;height:8px;border-radius:50%}.___SFooter_h598b_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))}",
|
|
15
16
|
/*__inner_css_end__*/
|
|
16
|
-
"
|
|
17
|
+
"h598b_gg_"
|
|
17
18
|
), /*__reshadow_css_end__*/
|
|
18
19
|
{
|
|
19
|
-
"__STooltip": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"__SDotGroup": "
|
|
22
|
-
"__SDot": "
|
|
23
|
-
"__SDotCircle": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"__SFooter": "
|
|
20
|
+
"__STooltip": "___STooltip_h598b_gg_",
|
|
21
|
+
"__STitle": "___STitle_h598b_gg_",
|
|
22
|
+
"__SDotGroup": "___SDotGroup_h598b_gg_",
|
|
23
|
+
"__SDot": "___SDot_h598b_gg_",
|
|
24
|
+
"__SDotCircle": "___SDotCircle_h598b_gg_",
|
|
25
|
+
"_color": "__color_h598b_gg_",
|
|
26
|
+
"--color": "--color_h598b",
|
|
27
|
+
"__SFooter": "___SFooter_h598b_gg_"
|
|
27
28
|
})
|
|
28
29
|
);
|
|
29
30
|
const TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
|