@semcore/d3-chart 17.0.0-prerelease.9 → 17.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -1
- 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 +20 -15
- package/lib/cjs/Bubble.js.map +1 -1
- 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 +7 -7
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/component/Chart/AbstractChart.js +9 -21
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.js +197 -57
- package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/bubble.shadow.css +4 -0
- package/lib/cjs/utils.js +3 -2
- package/lib/cjs/utils.js.map +1 -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 +20 -15
- package/lib/es6/Bubble.js.map +1 -1
- 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 +6 -5
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/component/Chart/AbstractChart.js +9 -21
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.js +199 -59
- package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/bubble.shadow.css +4 -0
- package/lib/es6/utils.js +3 -2
- package/lib/es6/utils.js.map +1 -1
- package/lib/esm/AnimatedClipPath.mjs +1 -1
- package/lib/esm/Area.mjs +14 -14
- package/lib/esm/Axis.mjs +21 -23
- package/lib/esm/Bar.mjs +18 -18
- package/lib/esm/Bubble.mjs +24 -20
- package/lib/esm/CompactHorizontalBar.mjs +21 -20
- package/lib/esm/Donut.mjs +15 -13
- package/lib/esm/Dots.mjs +10 -10
- package/lib/esm/HorizontalBar.mjs +18 -18
- package/lib/esm/Hover.mjs +6 -6
- package/lib/esm/Line.mjs +12 -12
- package/lib/esm/Pattern.mjs +6 -7
- package/lib/esm/Plot.mjs +6 -7
- package/lib/esm/Radar.mjs +27 -29
- package/lib/esm/RadialTree.mjs +30 -75
- package/lib/esm/Reference.mjs +13 -13
- package/lib/esm/ResponsiveContainer.mjs +3 -5
- package/lib/esm/ScatterPlot.mjs +12 -11
- package/lib/esm/StackBar.mjs +2 -2
- package/lib/esm/StackedArea.mjs +2 -2
- package/lib/esm/Tooltip.mjs +15 -17
- package/lib/esm/Venn.mjs +13 -12
- package/lib/esm/a11y/DataAccessibilityTable.mjs +2 -4
- package/lib/esm/a11y/PlotA11yModule.mjs +5 -4
- package/lib/esm/a11y/PlotA11yView.mjs +14 -21
- package/lib/esm/a11y/focus.mjs +2 -2
- package/lib/esm/a11y/hints.mjs +3 -3
- package/lib/esm/a11y/insights.mjs +15 -20
- package/lib/esm/a11y/intl.mjs +1 -1
- package/lib/esm/a11y/locale.mjs +1 -2
- package/lib/esm/a11y/serialize.mjs +17 -17
- package/lib/esm/component/Chart/AbstractChart.mjs +25 -38
- package/lib/esm/component/Chart/AreaChart.mjs +5 -4
- package/lib/esm/component/Chart/BarChart.mjs +4 -3
- package/lib/esm/component/Chart/BubbleChart.mjs +8 -8
- package/lib/esm/component/Chart/CigaretteChart.mjs +204 -64
- package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs +2 -1
- package/lib/esm/component/Chart/DonutChart.mjs +3 -2
- package/lib/esm/component/Chart/HistogramChart.mjs +5 -4
- package/lib/esm/component/Chart/LineChart.mjs +5 -4
- package/lib/esm/component/Chart/RadarChart.mjs +4 -5
- package/lib/esm/component/Chart/ScatterPlotChart.mjs +3 -2
- package/lib/esm/component/Chart/VennChart.mjs +3 -3
- package/lib/esm/component/ChartLegend/BaseLegend.mjs +9 -14
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -6
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +19 -19
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +9 -10
- package/lib/esm/component/ChartLegend/index.mjs +2 -0
- package/lib/esm/component/Cigarette/Cigarette.mjs +1 -2
- package/lib/esm/component/StackGroupBar/StackGroupBar.mjs +2 -3
- package/lib/esm/createElement.mjs +1 -1
- package/lib/esm/index.mjs +1 -0
- package/lib/esm/style/bubble.shadow.css +4 -0
- package/lib/esm/utils.mjs +3 -3
- package/lib/types/a11y/PlotA11yView.d.ts +1 -1
- package/lib/types/component/Chart/AbstractChart.d.ts +4 -7
- package/lib/types/component/Chart/CigaretteChart.type.d.ts +7 -4
- package/package.json +17 -17
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
|
-
## [17.0.
|
|
5
|
+
## [17.0.1] - 2026-04-16
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Build processing to correct extract styles.
|
|
10
|
+
|
|
11
|
+
## [17.0.0] - 2026-04-15
|
|
6
12
|
|
|
7
13
|
### BREAK
|
|
8
14
|
|
|
@@ -12,6 +18,19 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
12
18
|
|
|
13
19
|
- Refined a11y module invocation logic
|
|
14
20
|
|
|
21
|
+
## [16.6.0] - 2026-04-01
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
|
|
25
|
+
- Bubble chart plot size calculation.
|
|
26
|
+
|
|
27
|
+
### Added
|
|
28
|
+
|
|
29
|
+
- `percentFormatter` for Cigarette.
|
|
30
|
+
- Added `cursor:pointer` for `Bubble` chart in case bubbles are
|
|
31
|
+
clickable.
|
|
32
|
+
- `minimalBarWidth` for `Cigarette` chart.
|
|
33
|
+
|
|
15
34
|
## [16.5.0] - 2026-02-10
|
|
16
35
|
|
|
17
36
|
### Added
|
package/lib/cjs/Area.js
CHANGED
|
@@ -19,19 +19,19 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
19
19
|
var _Pattern = require("./Pattern");
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*!__reshadow-styles__:"./style/area.shadow.css"*/
|
|
22
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SArea_3iood_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_3iood_gg_.__color_3iood_gg_{fill:var(--color_3iood)}.___SArea_3iood_gg_.__pattern_3iood_gg_{fill:var(--pattern_3iood);fill-opacity:.7}.___SArea_3iood_gg_.__transparent_3iood_gg_{opacity:.3}.___SAreaLine_3iood_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_3iood_gg_.__color_3iood_gg_{stroke:var(--color_3iood)}.___SAreaLine_3iood_gg_.__transparent_3iood_gg_{opacity:.3}.___SAreaLine_3iood_gg_,.___SArea_3iood_gg_{transition-property:d;transition-duration:var(--duration_3iood);transition-timing-function:ease-in-out}.___SNull_3iood_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_3iood_gg_.__hide_3iood_gg_{display:none}", /*__inner_css_end__*/"3iood_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SArea": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_pattern": "
|
|
29
|
-
"--pattern": "--
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SAreaLine": "
|
|
32
|
-
"--duration": "--
|
|
33
|
-
"__SNull": "
|
|
34
|
-
"_hide": "
|
|
25
|
+
"__SArea": "___SArea_3iood_gg_",
|
|
26
|
+
"_color": "__color_3iood_gg_",
|
|
27
|
+
"--color": "--color_3iood",
|
|
28
|
+
"_pattern": "__pattern_3iood_gg_",
|
|
29
|
+
"--pattern": "--pattern_3iood",
|
|
30
|
+
"_transparent": "__transparent_3iood_gg_",
|
|
31
|
+
"__SAreaLine": "___SAreaLine_3iood_gg_",
|
|
32
|
+
"--duration": "--duration_3iood",
|
|
33
|
+
"__SNull": "___SNull_3iood_gg_",
|
|
34
|
+
"_hide": "__hide_3iood_gg_"
|
|
35
35
|
});
|
|
36
36
|
class AreaRoot extends _core.Component {
|
|
37
37
|
getDotsProps() {
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -13,24 +13,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
/*!__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAxis_1po6x_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1po6x_gg_.__hide_1po6x_gg_{display:none}.___STick_1po6x_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___STick_1po6x_gg_.__primaryText_1po6x_gg_{fill:var(--intergalactic-text-primary, #191b23)}.___STick_1po6x_gg_.__hide_1po6x_gg_{display:none}.___SGrid_1po6x_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1po6x_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1po6x)}.___STitle_1po6x_gg_._position_top_1po6x_gg_{text-anchor:middle}.___STitle_1po6x_gg_._position_bottom_1po6x_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1po6x_gg_._position_left_1po6x_gg_,.___STitle_1po6x_gg_._position_right_1po6x_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1po6x_gg_._position_left_1po6x_gg_.__verticalWritingMode_1po6x_gg_,.___STitle_1po6x_gg_._position_right_1po6x_gg_.__verticalWritingMode_1po6x_gg_{writing-mode:vertical-rl;transform:none}.___STick_1po6x_gg_._position_top_1po6x_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1po6x_gg_._position_bottom_1po6x_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1po6x_gg_._position_bottom_1po6x_gg_ tspan{dominant-baseline:hanging}.___STick_1po6x_gg_._position_right_1po6x_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1po6x_gg_._position_left_1po6x_gg_ tspan,.___STick_1po6x_gg_._position_right_1po6x_gg_ tspan{dominant-baseline:middle}.___STick_1po6x_gg_._position_left_1po6x_gg_.__multiline_1po6x_gg_,.___STick_1po6x_gg_._position_left_1po6x_gg_.__multiline_1po6x_gg_ tspan,.___STick_1po6x_gg_._position_right_1po6x_gg_.__multiline_1po6x_gg_,.___STick_1po6x_gg_._position_right_1po6x_gg_.__multiline_1po6x_gg_ tspan{dominant-baseline:auto}.___STick_1po6x_gg_._position_left_1po6x_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1po6x_gg_._position_custom_0_1po6x_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1po6x_gg_._position_custom_0_1po6x_gg_ tspan{dominant-baseline:hanging}.___STick_1po6x_gg_._position_custom_1_1po6x_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1po6x_gg_._position_custom_1_1po6x_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"1po6x_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SAxis": "
|
|
20
|
-
"_hide": "
|
|
21
|
-
"__STick": "
|
|
22
|
-
"_primaryText": "
|
|
23
|
-
"__SGrid": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"--transform-origin": "--transform-
|
|
26
|
-
"_position_top": "
|
|
27
|
-
"_position_bottom": "
|
|
28
|
-
"_position_right": "
|
|
29
|
-
"_position_left": "
|
|
30
|
-
"_verticalWritingMode": "
|
|
31
|
-
"_multiline": "
|
|
32
|
-
"_position_custom_0": "
|
|
33
|
-
"_position_custom_1": "
|
|
19
|
+
"__SAxis": "___SAxis_1po6x_gg_",
|
|
20
|
+
"_hide": "__hide_1po6x_gg_",
|
|
21
|
+
"__STick": "___STick_1po6x_gg_",
|
|
22
|
+
"_primaryText": "__primaryText_1po6x_gg_",
|
|
23
|
+
"__SGrid": "___SGrid_1po6x_gg_",
|
|
24
|
+
"__STitle": "___STitle_1po6x_gg_",
|
|
25
|
+
"--transform-origin": "--transform-origin_1po6x",
|
|
26
|
+
"_position_top": "_position_top_1po6x_gg_",
|
|
27
|
+
"_position_bottom": "_position_bottom_1po6x_gg_",
|
|
28
|
+
"_position_right": "_position_right_1po6x_gg_",
|
|
29
|
+
"_position_left": "_position_left_1po6x_gg_",
|
|
30
|
+
"_verticalWritingMode": "__verticalWritingMode_1po6x_gg_",
|
|
31
|
+
"_multiline": "__multiline_1po6x_gg_",
|
|
32
|
+
"_position_custom_0": "_position_custom_0_1po6x_gg_",
|
|
33
|
+
"_position_custom_1": "_position_custom_1_1po6x_gg_"
|
|
34
34
|
});
|
|
35
35
|
const CUSTOM_0 = Symbol('custom_0');
|
|
36
36
|
const CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -15,24 +15,24 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
15
15
|
var _Pattern = require("./Pattern");
|
|
16
16
|
var _utils = require("./utils");
|
|
17
17
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"12z5v_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SBar": "
|
|
22
|
-
"--duration": "--
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_pattern": "
|
|
26
|
-
"--pattern": "--
|
|
27
|
-
"_hide": "
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"_onClick": "
|
|
30
|
-
"__SBackground": "
|
|
31
|
-
"__SBarAnnotation": "
|
|
32
|
-
"__SBarLabel": "
|
|
33
|
-
"__SBarPercent": "
|
|
34
|
-
"__SBarValue": "
|
|
35
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
21
|
+
"__SBar": "___SBar_12z5v_gg_",
|
|
22
|
+
"--duration": "--duration_12z5v",
|
|
23
|
+
"_color": "__color_12z5v_gg_",
|
|
24
|
+
"--color": "--color_12z5v",
|
|
25
|
+
"_pattern": "__pattern_12z5v_gg_",
|
|
26
|
+
"--pattern": "--pattern_12z5v",
|
|
27
|
+
"_hide": "__hide_12z5v_gg_",
|
|
28
|
+
"_transparent": "__transparent_12z5v_gg_",
|
|
29
|
+
"_onClick": "__onClick_12z5v_gg_",
|
|
30
|
+
"__SBackground": "___SBackground_12z5v_gg_",
|
|
31
|
+
"__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
|
|
32
|
+
"__SBarLabel": "___SBarLabel_12z5v_gg_",
|
|
33
|
+
"__SBarPercent": "___SBarPercent_12z5v_gg_",
|
|
34
|
+
"__SBarValue": "___SBarValue_12z5v_gg_",
|
|
35
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
|
|
36
36
|
});
|
|
37
37
|
const MIN_HEIGHT = exports.MIN_HEIGHT = 2;
|
|
38
38
|
const calcPartBarY = (y, minHeight, height) => {
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -18,21 +18,22 @@ var _Pattern = require("./Pattern");
|
|
|
18
18
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBubble_6mdvd_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_6mdvd);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_6mdvd_gg_:hover{opacity:.8}}g._visible_false_6mdvd_gg_{display:none}.___SBubble_6mdvd_gg_.__clickable_6mdvd_gg_{cursor:pointer}.___SBubble_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--color_6mdvd)}.___SBubble_6mdvd_gg_.__pattern_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--pattern_6mdvd);stroke:var(--color_6mdvd);stroke-width:1px}.___SBubble_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}.___SCenter_6mdvd_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_6mdvd_gg_.__color_6mdvd_gg_{stroke:var(--color_6mdvd)}.___SCenter_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}.___SLabel_6mdvd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_6mdvd_gg_._position_right_6mdvd_gg_{text-anchor:end}.___SLabel_6mdvd_gg_._position_left_6mdvd_gg_{text-anchor:start}.___SLabel_6mdvd_gg_.__color_6mdvd_gg_{fill:var(--color_6mdvd)}.___SLabel_6mdvd_gg_.__transparent_6mdvd_gg_{opacity:.3}", /*__inner_css_end__*/"6mdvd_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"_visible_false": "
|
|
25
|
-
"__SBubble": "
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
24
|
+
"_visible_false": "_visible_false_6mdvd_gg_",
|
|
25
|
+
"__SBubble": "___SBubble_6mdvd_gg_",
|
|
26
|
+
"_clickable": "__clickable_6mdvd_gg_",
|
|
27
|
+
"_color": "__color_6mdvd_gg_",
|
|
28
|
+
"--color": "--color_6mdvd",
|
|
29
|
+
"_pattern": "__pattern_6mdvd_gg_",
|
|
30
|
+
"--pattern": "--pattern_6mdvd",
|
|
31
|
+
"_transparent": "__transparent_6mdvd_gg_",
|
|
32
|
+
"__SCenter": "___SCenter_6mdvd_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_6mdvd_gg_",
|
|
34
|
+
"_position_right": "_position_right_6mdvd_gg_",
|
|
35
|
+
"_position_left": "_position_left_6mdvd_gg_",
|
|
36
|
+
"--duration": "--duration_6mdvd"
|
|
36
37
|
});
|
|
37
38
|
class BubbleRoot extends _core.Component {
|
|
38
39
|
constructor(...args) {
|
|
@@ -122,7 +123,8 @@ class BubbleRoot extends _core.Component {
|
|
|
122
123
|
data,
|
|
123
124
|
transparent,
|
|
124
125
|
resolveColor,
|
|
125
|
-
patterns
|
|
126
|
+
patterns,
|
|
127
|
+
onClick
|
|
126
128
|
} = this.asProps;
|
|
127
129
|
return {
|
|
128
130
|
color,
|
|
@@ -142,6 +144,7 @@ class BubbleRoot extends _core.Component {
|
|
|
142
144
|
resolveColor,
|
|
143
145
|
patterns,
|
|
144
146
|
bindHandlerTooltip: this.bindHandlerTooltip,
|
|
147
|
+
clickable: Boolean(onClick),
|
|
145
148
|
onClickCircleRoot: this.handlerOnClick.bind(this)
|
|
146
149
|
};
|
|
147
150
|
}
|
|
@@ -218,6 +221,7 @@ function BubbleCircle(props) {
|
|
|
218
221
|
bindHandlerTooltip,
|
|
219
222
|
Element,
|
|
220
223
|
visible = true,
|
|
224
|
+
clickable,
|
|
221
225
|
onClick,
|
|
222
226
|
onClickCircleRoot
|
|
223
227
|
} = props;
|
|
@@ -269,7 +273,8 @@ function BubbleCircle(props) {
|
|
|
269
273
|
"pattern": patterns ? `url(#${uid}-${index}-pattern)` : undefined,
|
|
270
274
|
"r": z(circleData[value]),
|
|
271
275
|
"use:duration": `${duration}ms`,
|
|
272
|
-
"transparent": transparent
|
|
276
|
+
"transparent": transparent,
|
|
277
|
+
"clickable": clickable || Boolean(onClick)
|
|
273
278
|
})), patterns && /*#__PURE__*/_react.default.createElement(_Pattern.PatternFill, _ref3.cn("PatternFill", {
|
|
274
279
|
"id": `${uid}-${index}-pattern`,
|
|
275
280
|
"patternKey": circleData[color],
|
package/lib/cjs/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["_core","require","_assignProps2","_findComponent","_interopRequireDefault","_uniqueID","_d3Transition","_react","_SvgElement","_createElement","_Pattern","_Tooltip","_utils","style","sstyled","insert","BubbleRoot","Component","constructor","args","_defineProperty2","default","visible","props","tooltipProps","clientX","clientY","eventEmitter","plotId","asProps","emit","generateGetBoundingClientRect","x","y","width","height","top","right","bottom","left","animationCircle","duration","uid","data","value","z","getBubbleChartValueScale","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","prevProps","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","handlerOnClick","index","e","stopPropagation","onClick","getCircleProps","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","bindHandlerTooltip","onClickCircleRoot","bind","render","Children","xScale","yScale","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","isAdvancedMode","Boolean","findComponent","Bubble","Circle","displayName","createElement","Fragment","map","idx","key","id","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref2","SBubbleTooltip","Tooltip","cn","assignProps","BubbleCircle","_ref3","Element","circleData","SBubble","SCenter","SLabel","margin","labelPosition","measureText","labelDistance","SvgElement","callAllEventHandlers","xIndex","undefined","PatternFill","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bubble.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getBubbleChartValueScale, measureText } from './utils';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n const { eventEmitter, plotId } = this.asProps;\n\n eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = getBubbleChartValueScale(data, value);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate(prevProps) {\n const { data, x, y, value } = this.asProps;\n const { x: prevX, y: prevY, value: prevValue } = prevProps;\n const prevData = prevProps.$rootProps.data;\n\n if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n this.animationCircle();\n }\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n handlerOnClick(index) {\n return (e) => {\n e.stopPropagation();\n\n const { onClick } = this.asProps;\n\n onClick?.(index, e);\n };\n }\n\n getCircleProps() {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n\n return {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n bindHandlerTooltip: this.bindHandlerTooltip,\n onClickCircleRoot: this.handlerOnClick.bind(this),\n };\n }\n\n render() {\n const { data, uid, scale, x, y, value, Children } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n const isAdvancedMode = Boolean(findComponent(Children, [Bubble.Circle.displayName]));\n\n return (\n <>\n {isAdvancedMode\n ? (\n <Children />\n )\n : (\n data.map((_, idx) => <Bubble.Circle key={idx} index={idx} />)\n )}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n {' '}\n </clipPath>\n </>\n );\n }\n}\n\nfunction BubbleTooltip(props) {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n}\n\nfunction BubbleCircle(props) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n index,\n bindHandlerTooltip,\n Element,\n visible = true,\n onClick,\n onClickCircleRoot,\n } = props;\n const circleData = data[index];\n\n if (!circleData) return null;\n\n const [xScale, yScale] = scale;\n\n const SBubble = Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = getBubbleChartValueScale(data, value);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(circleData[x]) + offset[0] + z(circleData[value])) <\n measureText(circleData[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(circleData[x]) + offset[0] - z(circleData[value]),\n left: xScale(circleData[x]) + offset[0] + z(circleData[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <SvgElement\n tag='g'\n key={`circle(#${index})`}\n onClickCapture={callAllEventHandlers(onClickCircleRoot(index), onClick)}\n onMouseMove={bindHandlerTooltip(true, props, { xIndex: index, index, patterns })}\n onMouseLeave={bindHandlerTooltip(false, props, { xIndex: index, index, patterns })}\n visible={`${visible}`}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(circleData[x]) + offset[0]}\n y={yScale(circleData[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(circleData[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={index}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(circleData[x]) + offset[0]}\n cy={yScale(circleData[y]) + offset[1]}\n color={resolveColor(circleData[color])}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n r={z(circleData[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={circleData[color]}\n color={resolveColor(circleData[color])}\n patterns={patterns}\n />\n )}\n {circleData[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(circleData[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(circleData[color])}\n transparent={transparent}\n >\n {circleData[label]}\n </SLabel>\n )}\n </SvgElement>,\n );\n}\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n Circle: BubbleCircle,\n});\n\nexport default Bubble;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_assignProps2","_findComponent","_interopRequireDefault","_uniqueID","_d3Transition","_react","_SvgElement","_createElement","_Pattern","_Tooltip","_utils","style","sstyled","insert","BubbleRoot","Component","constructor","args","_defineProperty2","default","visible","props","tooltipProps","clientX","clientY","eventEmitter","plotId","asProps","emit","generateGetBoundingClientRect","x","y","width","height","top","right","bottom","left","animationCircle","duration","uid","data","value","z","getBubbleChartValueScale","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","prevProps","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","handlerOnClick","index","e","stopPropagation","onClick","getCircleProps","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","bindHandlerTooltip","clickable","Boolean","onClickCircleRoot","bind","render","Children","xScale","yScale","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","isAdvancedMode","findComponent","Bubble","Circle","displayName","createElement","Fragment","map","idx","key","id","uniqueIDEnhancement","BubbleTooltip","_ref","arguments[0]","_ref2","SBubbleTooltip","Tooltip","cn","assignProps","BubbleCircle","_ref3","Element","circleData","SBubble","SCenter","SLabel","margin","labelPosition","measureText","labelDistance","SvgElement","callAllEventHandlers","xIndex","undefined","PatternFill","_______childrenComponents","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bubble.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getBubbleChartValueScale, measureText } from './utils';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n const { eventEmitter, plotId } = this.asProps;\n\n eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = getBubbleChartValueScale(data, value);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate(prevProps) {\n const { data, x, y, value } = this.asProps;\n const { x: prevX, y: prevY, value: prevValue } = prevProps;\n const prevData = prevProps.$rootProps.data;\n\n if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n this.animationCircle();\n }\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n handlerOnClick(index) {\n return (e) => {\n e.stopPropagation();\n\n const { onClick } = this.asProps;\n\n onClick?.(index, e);\n };\n }\n\n getCircleProps() {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n onClick,\n } = this.asProps;\n\n return {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n bindHandlerTooltip: this.bindHandlerTooltip,\n clickable: Boolean(onClick),\n onClickCircleRoot: this.handlerOnClick.bind(this),\n };\n }\n\n render() {\n const { data, uid, scale, x, y, value, Children } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n const isAdvancedMode = Boolean(findComponent(Children, [Bubble.Circle.displayName]));\n\n return (\n <>\n {isAdvancedMode\n ? (\n <Children />\n )\n : (\n data.map((_, idx) => <Bubble.Circle key={idx} index={idx} />)\n )}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n {' '}\n </clipPath>\n </>\n );\n }\n}\n\nfunction BubbleTooltip(props) {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n}\n\nfunction BubbleCircle(props) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n index,\n bindHandlerTooltip,\n Element,\n visible = true,\n clickable,\n onClick,\n onClickCircleRoot,\n } = props;\n const circleData = data[index];\n\n if (!circleData) return null;\n\n const [xScale, yScale] = scale;\n\n const SBubble = Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = getBubbleChartValueScale(data, value);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(circleData[x]) + offset[0] + z(circleData[value])) <\n measureText(circleData[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(circleData[x]) + offset[0] - z(circleData[value]),\n left: xScale(circleData[x]) + offset[0] + z(circleData[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <SvgElement\n tag='g'\n key={`circle(#${index})`}\n onClickCapture={callAllEventHandlers(onClickCircleRoot(index), onClick)}\n onMouseMove={bindHandlerTooltip(true, props, { xIndex: index, index, patterns })}\n onMouseLeave={bindHandlerTooltip(false, props, { xIndex: index, index, patterns })}\n visible={`${visible}`}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(circleData[x]) + offset[0]}\n y={yScale(circleData[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(circleData[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={index}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(circleData[x]) + offset[0]}\n cy={yScale(circleData[y]) + offset[1]}\n color={resolveColor(circleData[color])}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n r={z(circleData[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n clickable={clickable || Boolean(onClick)}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={circleData[color]}\n color={resolveColor(circleData[color])}\n patterns={patterns}\n />\n )}\n {circleData[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(circleData[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(circleData[color])}\n transparent={transparent}\n >\n {circleData[label]}\n </SLabel>\n )}\n </SvgElement>,\n );\n}\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n Circle: BubbleCircle,\n});\n\nexport default Bubble;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,24 +19,24 @@ var _Pattern = require("./Pattern");
|
|
|
19
19
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
22
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"12z5v_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SBar": "
|
|
26
|
-
"--duration": "--
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_hide": "
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"_onClick": "
|
|
34
|
-
"__SBackground": "
|
|
35
|
-
"__SBarAnnotation": "
|
|
36
|
-
"__SBarLabel": "
|
|
37
|
-
"__SBarPercent": "
|
|
38
|
-
"__SBarValue": "
|
|
39
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
25
|
+
"__SBar": "___SBar_12z5v_gg_",
|
|
26
|
+
"--duration": "--duration_12z5v",
|
|
27
|
+
"_color": "__color_12z5v_gg_",
|
|
28
|
+
"--color": "--color_12z5v",
|
|
29
|
+
"_pattern": "__pattern_12z5v_gg_",
|
|
30
|
+
"--pattern": "--pattern_12z5v",
|
|
31
|
+
"_hide": "__hide_12z5v_gg_",
|
|
32
|
+
"_transparent": "__transparent_12z5v_gg_",
|
|
33
|
+
"_onClick": "__onClick_12z5v_gg_",
|
|
34
|
+
"__SBackground": "___SBackground_12z5v_gg_",
|
|
35
|
+
"__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
|
|
36
|
+
"__SBarLabel": "___SBarLabel_12z5v_gg_",
|
|
37
|
+
"__SBarPercent": "___SBarPercent_12z5v_gg_",
|
|
38
|
+
"__SBarValue": "___SBarValue_12z5v_gg_",
|
|
39
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
|
|
40
40
|
});
|
|
41
41
|
const MIN_WIDTH = exports.MIN_WIDTH = 4;
|
|
42
42
|
const barHeight = 20;
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -20,17 +20,17 @@ var _Pattern = require("./Pattern");
|
|
|
20
20
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
/*!__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
23
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPie_1nttx_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1nttx_gg_.__color_1nttx_gg_{fill:var(--color_1nttx)}.___SPie_1nttx_gg_.__pattern_1nttx_gg_.__color_1nttx_gg_{fill:var(--pattern_1nttx);stroke:var(--color_1nttx);stroke-width:1px}.___SPie_1nttx_gg_.__transparent_1nttx_gg_{opacity:.3}.___SEmptyData_1nttx_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1nttx_gg_.__color_1nttx_gg_{fill:var(--color_1nttx)}.___SLabel_1nttx_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}", /*__inner_css_end__*/"1nttx_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SPie": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SEmptyData": "
|
|
33
|
-
"__SLabel": "
|
|
26
|
+
"__SPie": "___SPie_1nttx_gg_",
|
|
27
|
+
"_color": "__color_1nttx_gg_",
|
|
28
|
+
"--color": "--color_1nttx",
|
|
29
|
+
"_pattern": "__pattern_1nttx_gg_",
|
|
30
|
+
"--pattern": "--pattern_1nttx",
|
|
31
|
+
"_transparent": "__transparent_1nttx_gg_",
|
|
32
|
+
"__SEmptyData": "___SEmptyData_1nttx_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_1nttx_gg_"
|
|
34
34
|
});
|
|
35
35
|
const DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
36
36
|
function transitionAnglePie({
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -13,16 +13,16 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
13
13
|
var _Pattern = require("./Pattern");
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
/*!__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDots_a9v7p_gg_ .___SDot_a9v7p_gg_{transition-duration:var(--duration_a9v7p)}.___SDot_a9v7p_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_a9v7p_gg_.__hide_a9v7p_gg_{display:none}.___SDot_a9v7p_gg_.__color_a9v7p_gg_{fill:var(--color_a9v7p)}.___SDot_a9v7p_gg_.__transparent_a9v7p_gg_{opacity:.3}", /*__inner_css_end__*/"a9v7p_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SDot": "
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SDots": "
|
|
25
|
-
"--duration": "--
|
|
19
|
+
"__SDot": "___SDot_a9v7p_gg_",
|
|
20
|
+
"_hide": "__hide_a9v7p_gg_",
|
|
21
|
+
"_color": "__color_a9v7p_gg_",
|
|
22
|
+
"--color": "--color_a9v7p",
|
|
23
|
+
"_transparent": "__transparent_a9v7p_gg_",
|
|
24
|
+
"__SDots": "___SDots_a9v7p_gg_",
|
|
25
|
+
"--duration": "--duration_a9v7p"
|
|
26
26
|
});
|
|
27
27
|
function Dots(props) {
|
|
28
28
|
var _ref3;
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -14,24 +14,24 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
14
14
|
var _Pattern = require("./Pattern");
|
|
15
15
|
var _utils = require("./utils");
|
|
16
16
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_12z5v_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_12z5v);transition-timing-function:ease-in-out}.___SBar_12z5v_gg_.__color_12z5v_gg_{fill:var(--color_12z5v)}.___SBar_12z5v_gg_.__pattern_12z5v_gg_.__color_12z5v_gg_{fill:var(--pattern_12z5v);stroke:var(--color_12z5v);stroke-width:1px}.___SBar_12z5v_gg_.__hide_12z5v_gg_{display:none}.___SBar_12z5v_gg_.__transparent_12z5v_gg_{opacity:.3}.___SBackground_12z5v_gg_.__onClick_12z5v_gg_,.___SBar_12z5v_gg_.__onClick_12z5v_gg_{cursor:pointer}.___SBackground_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_12z5v_gg_{display:flex;justify-content:space-between}.___SBarLabel_12z5v_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_12z5v_gg_,.___SBarPercent_12z5v_gg_,.___SBarValue_12z5v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_12z5v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_12z5v_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_12z5v_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"12z5v_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SBar": "
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_pattern": "
|
|
25
|
-
"--pattern": "--
|
|
26
|
-
"_hide": "
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"_onClick": "
|
|
29
|
-
"__SBackground": "
|
|
30
|
-
"__SBarAnnotation": "
|
|
31
|
-
"__SBarLabel": "
|
|
32
|
-
"__SBarPercent": "
|
|
33
|
-
"__SBarValue": "
|
|
34
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
20
|
+
"__SBar": "___SBar_12z5v_gg_",
|
|
21
|
+
"--duration": "--duration_12z5v",
|
|
22
|
+
"_color": "__color_12z5v_gg_",
|
|
23
|
+
"--color": "--color_12z5v",
|
|
24
|
+
"_pattern": "__pattern_12z5v_gg_",
|
|
25
|
+
"--pattern": "--pattern_12z5v",
|
|
26
|
+
"_hide": "__hide_12z5v_gg_",
|
|
27
|
+
"_transparent": "__transparent_12z5v_gg_",
|
|
28
|
+
"_onClick": "__onClick_12z5v_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_12z5v_gg_",
|
|
30
|
+
"__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
|
|
31
|
+
"__SBarLabel": "___SBarLabel_12z5v_gg_",
|
|
32
|
+
"__SBarPercent": "___SBarPercent_12z5v_gg_",
|
|
33
|
+
"__SBarValue": "___SBarValue_12z5v_gg_",
|
|
34
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_gg_"
|
|
35
35
|
});
|
|
36
36
|
const MIN_WIDTH = exports.MIN_WIDTH = 2;
|
|
37
37
|
const calcPartBarX = (x, minWidth, width) => {
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -15,11 +15,11 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
15
15
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
16
16
|
var _utils = require("./utils");
|
|
17
17
|
/*!__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SHoverLine_1hwe4_gg_,.___SHoverLine_1hwe4_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1hwe4_gg_,.___SHoverRect_1hwe4_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1hwe4_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SHoverLine": "
|
|
22
|
-
"__SHoverRect": "
|
|
21
|
+
"__SHoverLine": "___SHoverLine_1hwe4_gg_",
|
|
22
|
+
"__SHoverRect": "___SHoverRect_1hwe4_gg_"
|
|
23
23
|
});
|
|
24
24
|
class Hover extends _core.Component {
|
|
25
25
|
constructor(...args) {
|
package/lib/cjs/Line.js
CHANGED
|
@@ -18,17 +18,17 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
18
18
|
var _Pattern = require("./Pattern");
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
/*!__reshadow-styles__:"./style/line.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLine_1r87s_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out}.___SLine_1r87s_gg_.__color_1r87s_gg_{stroke:var(--color_1r87s)}.___SLine_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLine_1r87s_gg_.__transparent_1r87s_gg_{opacity:.3}.___SNull_1r87s_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1r87s_gg_.__hide_1r87s_gg_{display:none}.___SLineArea_1r87s_gg_{transition-property:d;transition-duration:var(--duration_1r87s);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_1r87s_gg_.__color_1r87s_gg_{fill:var(--color_1r87s)}", /*__inner_css_end__*/"1r87s_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SLine": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_hide": "
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SNull": "
|
|
31
|
-
"__SLineArea": "
|
|
24
|
+
"__SLine": "___SLine_1r87s_gg_",
|
|
25
|
+
"--duration": "--duration_1r87s",
|
|
26
|
+
"_color": "__color_1r87s_gg_",
|
|
27
|
+
"--color": "--color_1r87s",
|
|
28
|
+
"_hide": "__hide_1r87s_gg_",
|
|
29
|
+
"_transparent": "__transparent_1r87s_gg_",
|
|
30
|
+
"__SNull": "___SNull_1r87s_gg_",
|
|
31
|
+
"__SLineArea": "___SLineArea_1r87s_gg_"
|
|
32
32
|
});
|
|
33
33
|
class LineRoot extends _core.Component {
|
|
34
34
|
getDotsProps() {
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -17,10 +17,10 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
|
17
17
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
/*!__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
20
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlot_l2at0_gg_{overflow:hidden}.___SPlot_l2at0_gg_:focus{outline:0}.___SPlot_l2at0_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_l2at0_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)}", /*__inner_css_end__*/"l2at0_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SPlot": "
|
|
23
|
+
"__SPlot": "___SPlot_l2at0_gg_"
|
|
24
24
|
});
|
|
25
25
|
class PlotRoot extends _core.Component {
|
|
26
26
|
constructor(props) {
|