@semcore/d3-chart 17.0.2-prerelease.1 → 17.1.0-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 +6 -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/LegendItem/legend-item.shadow.css +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/area.shadow.css +3 -3
- package/lib/cjs/style/axis.shadow.css +5 -5
- package/lib/cjs/style/bar.shadow.css +6 -6
- package/lib/cjs/style/bubble.shadow.css +4 -4
- package/lib/cjs/style/donut.shadow.css +3 -3
- package/lib/cjs/style/dot.shadow.css +2 -2
- package/lib/cjs/style/hover.shadow.css +2 -2
- package/lib/cjs/style/line.shadow.css +3 -3
- package/lib/cjs/style/plot.shadow.css +1 -1
- package/lib/cjs/style/plotA11yView.shadow.css +4 -4
- package/lib/cjs/style/radar.shadow.css +8 -8
- package/lib/cjs/style/radial-tree.shadow.css +3 -3
- package/lib/cjs/style/reference.shadow.css +4 -4
- package/lib/cjs/style/scatterplot.shadow.css +2 -2
- package/lib/cjs/style/tooltip.shadow.css +5 -5
- package/lib/cjs/style/venn.shadow.css +3 -3
- 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/LegendItem/legend-item.shadow.css +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/area.shadow.css +3 -3
- package/lib/es6/style/axis.shadow.css +5 -5
- package/lib/es6/style/bar.shadow.css +6 -6
- package/lib/es6/style/bubble.shadow.css +4 -4
- package/lib/es6/style/donut.shadow.css +3 -3
- package/lib/es6/style/dot.shadow.css +2 -2
- package/lib/es6/style/hover.shadow.css +2 -2
- package/lib/es6/style/line.shadow.css +3 -3
- package/lib/es6/style/plot.shadow.css +1 -1
- package/lib/es6/style/plotA11yView.shadow.css +4 -4
- package/lib/es6/style/radar.shadow.css +8 -8
- package/lib/es6/style/radial-tree.shadow.css +3 -3
- package/lib/es6/style/reference.shadow.css +4 -4
- package/lib/es6/style/scatterplot.shadow.css +2 -2
- package/lib/es6/style/tooltip.shadow.css +5 -5
- package/lib/es6/style/venn.shadow.css +3 -3
- package/lib/esm/Area.mjs +12 -12
- package/lib/esm/Axis.mjs +17 -17
- package/lib/esm/Bar.mjs +17 -17
- package/lib/esm/Bubble.mjs +15 -15
- package/lib/esm/CompactHorizontalBar.mjs +17 -17
- package/lib/esm/Donut.mjs +10 -10
- package/lib/esm/Dots.mjs +9 -9
- package/lib/esm/HorizontalBar.mjs +17 -17
- package/lib/esm/Hover.mjs +4 -4
- package/lib/esm/Line.mjs +10 -10
- package/lib/esm/Plot.mjs +3 -3
- package/lib/esm/Radar.mjs +20 -20
- package/lib/esm/RadialTree.mjs +13 -13
- package/lib/esm/Reference.mjs +13 -13
- package/lib/esm/ScatterPlot.mjs +10 -10
- package/lib/esm/Tooltip.mjs +10 -10
- package/lib/esm/Venn.mjs +10 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +3 -3
- package/lib/esm/a11y/PlotA11yView.mjs +3 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
- package/lib/esm/component/ChartLegend/LegendItem/legend-item.shadow.css +1 -1
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
- package/lib/esm/style/area.shadow.css +3 -3
- package/lib/esm/style/axis.shadow.css +5 -5
- package/lib/esm/style/bar.shadow.css +6 -6
- package/lib/esm/style/bubble.shadow.css +4 -4
- package/lib/esm/style/donut.shadow.css +3 -3
- package/lib/esm/style/dot.shadow.css +2 -2
- package/lib/esm/style/hover.shadow.css +2 -2
- package/lib/esm/style/line.shadow.css +3 -3
- package/lib/esm/style/plot.shadow.css +1 -1
- package/lib/esm/style/plotA11yView.shadow.css +4 -4
- package/lib/esm/style/radar.shadow.css +8 -8
- package/lib/esm/style/radial-tree.shadow.css +3 -3
- package/lib/esm/style/reference.shadow.css +4 -4
- package/lib/esm/style/scatterplot.shadow.css +2 -2
- package/lib/esm/style/tooltip.shadow.css +5 -5
- package/lib/esm/style/venn.shadow.css +3 -3
- package/package.json +13 -13
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@import './var.css';
|
|
2
2
|
|
|
3
3
|
SCircle {
|
|
4
|
-
fill: var(--intergalactic-chart-palette-order-2,
|
|
5
|
-
stroke: var(--intergalactic-chart-grid-border, #
|
|
4
|
+
fill: var(--intergalactic-chart-palette-order-2, oklch(0.82 0.15 170));
|
|
5
|
+
stroke: var(--intergalactic-chart-grid-border, #fff);
|
|
6
6
|
stroke-width: 2px;
|
|
7
7
|
fill-opacity: 0.5;
|
|
8
8
|
transition-property: cx, cy;
|
|
@@ -34,7 +34,7 @@ SCircle[transparent] {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
SIntersection {
|
|
37
|
-
stroke: var(--intergalactic-chart-grid-border, #
|
|
37
|
+
stroke: var(--intergalactic-chart-grid-border, #fff);
|
|
38
38
|
stroke-width: 2px;
|
|
39
39
|
fill-opacity: 0;
|
|
40
40
|
|
package/lib/es6/Area.js
CHANGED
|
@@ -12,19 +12,19 @@ import createElement from './createElement';
|
|
|
12
12
|
import Dots from './Dots';
|
|
13
13
|
import { PatternFill } from './Pattern';
|
|
14
14
|
/*!__reshadow-styles__:"./style/area.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SArea_ba63d_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));fill-opacity:.2}.___SArea_ba63d_gg_.__color_ba63d_gg_{fill:var(--color_ba63d)}.___SArea_ba63d_gg_.__pattern_ba63d_gg_{fill:var(--pattern_ba63d);fill-opacity:.7}.___SArea_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SAreaLine_ba63d_gg_.__color_ba63d_gg_{stroke:var(--color_ba63d)}.___SAreaLine_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_,.___SArea_ba63d_gg_{transition-property:d;transition-duration:var(--duration_ba63d);transition-timing-function:ease-in-out}.___SNull_ba63d_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215));stroke-dasharray:4}.___SNull_ba63d_gg_.__hide_ba63d_gg_{display:none}", /*__inner_css_end__*/"ba63d_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SArea": "
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_pattern": "
|
|
22
|
-
"--pattern": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SAreaLine": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"__SNull": "
|
|
27
|
-
"_hide": "
|
|
18
|
+
"__SArea": "___SArea_ba63d_gg_",
|
|
19
|
+
"_color": "__color_ba63d_gg_",
|
|
20
|
+
"--color": "--color_ba63d",
|
|
21
|
+
"_pattern": "__pattern_ba63d_gg_",
|
|
22
|
+
"--pattern": "--pattern_ba63d",
|
|
23
|
+
"_transparent": "__transparent_ba63d_gg_",
|
|
24
|
+
"__SAreaLine": "___SAreaLine_ba63d_gg_",
|
|
25
|
+
"--duration": "--duration_ba63d",
|
|
26
|
+
"__SNull": "___SNull_ba63d_gg_",
|
|
27
|
+
"_hide": "__hide_ba63d_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue, eventToPoint, invert } from './utils';
|
|
30
30
|
class AreaRoot extends Component {
|
package/lib/es6/Axis.js
CHANGED
|
@@ -5,24 +5,24 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
5
5
|
import React, { useState, useEffect } from 'react';
|
|
6
6
|
import createElement from './createElement';
|
|
7
7
|
/*!__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
8
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxis_1ci3k_gg_{stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SAxis_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___STick_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STick_1ci3k_gg_.__primaryText_1ci3k_gg_{fill:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STick_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___SGrid_1ci3k_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_1ci3k)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1ci3k_gg_._position_top_1ci3k_gg_{text-anchor:middle}.___STitle_1ci3k_gg_._position_bottom_1ci3k_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_{writing-mode:vertical-rl;transform:none}.___STick_1ci3k_gg_._position_top_1ci3k_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_right_1ci3k_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_ tspan{dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_ tspan{dominant-baseline:auto}.___STick_1ci3k_gg_._position_left_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"1ci3k_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SAxis": "
|
|
12
|
-
"_hide": "
|
|
13
|
-
"__STick": "
|
|
14
|
-
"_primaryText": "
|
|
15
|
-
"__SGrid": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"_verticalWritingMode": "
|
|
23
|
-
"_multiline": "
|
|
24
|
-
"_position_custom_0": "
|
|
25
|
-
"_position_custom_1": "
|
|
11
|
+
"__SAxis": "___SAxis_1ci3k_gg_",
|
|
12
|
+
"_hide": "__hide_1ci3k_gg_",
|
|
13
|
+
"__STick": "___STick_1ci3k_gg_",
|
|
14
|
+
"_primaryText": "__primaryText_1ci3k_gg_",
|
|
15
|
+
"__SGrid": "___SGrid_1ci3k_gg_",
|
|
16
|
+
"__STitle": "___STitle_1ci3k_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_1ci3k",
|
|
18
|
+
"_position_top": "_position_top_1ci3k_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_1ci3k_gg_",
|
|
20
|
+
"_position_right": "_position_right_1ci3k_gg_",
|
|
21
|
+
"_position_left": "_position_left_1ci3k_gg_",
|
|
22
|
+
"_verticalWritingMode": "__verticalWritingMode_1ci3k_gg_",
|
|
23
|
+
"_multiline": "__multiline_1ci3k_gg_",
|
|
24
|
+
"_position_custom_0": "_position_custom_0_1ci3k_gg_",
|
|
25
|
+
"_position_custom_1": "_position_custom_1_1ci3k_gg_"
|
|
26
26
|
});
|
|
27
27
|
import { scaleOfBandwidth } from './utils';
|
|
28
28
|
const CUSTOM_0 = Symbol('custom_0');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -8,24 +8,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
8
8
|
import createElement from './createElement';
|
|
9
9
|
import { PatternFill } from './Pattern';
|
|
10
10
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
11
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
11
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"syroh_gg_"),
|
|
12
12
|
/*__reshadow_css_end__*/
|
|
13
13
|
{
|
|
14
|
-
"__SBar": "
|
|
15
|
-
"--duration": "--
|
|
16
|
-
"_color": "
|
|
17
|
-
"--color": "--
|
|
18
|
-
"_pattern": "
|
|
19
|
-
"--pattern": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"_onClick": "
|
|
23
|
-
"__SBackground": "
|
|
24
|
-
"__SBarAnnotation": "
|
|
25
|
-
"__SBarLabel": "
|
|
26
|
-
"__SBarPercent": "
|
|
27
|
-
"__SBarValue": "
|
|
28
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
14
|
+
"__SBar": "___SBar_syroh_gg_",
|
|
15
|
+
"--duration": "--duration_syroh",
|
|
16
|
+
"_color": "__color_syroh_gg_",
|
|
17
|
+
"--color": "--color_syroh",
|
|
18
|
+
"_pattern": "__pattern_syroh_gg_",
|
|
19
|
+
"--pattern": "--pattern_syroh",
|
|
20
|
+
"_hide": "__hide_syroh_gg_",
|
|
21
|
+
"_transparent": "__transparent_syroh_gg_",
|
|
22
|
+
"_onClick": "__onClick_syroh_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_syroh_gg_",
|
|
24
|
+
"__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
|
|
25
|
+
"__SBarLabel": "___SBarLabel_syroh_gg_",
|
|
26
|
+
"__SBarPercent": "___SBarPercent_syroh_gg_",
|
|
27
|
+
"__SBarValue": "___SBarValue_syroh_gg_",
|
|
28
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { scaleToBand, roundedPath } from './utils';
|
|
31
31
|
export const MIN_HEIGHT = 2;
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -11,22 +11,22 @@ import { SvgElement } from './component/SvgElement';
|
|
|
11
11
|
import createElement from './createElement';
|
|
12
12
|
import { PatternFill } from './Pattern';
|
|
13
13
|
/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBubble_1s01n_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1s01n);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1s01n_gg_:hover{opacity:.8}}g._visible_false_1s01n_gg_{display:none}.___SBubble_1s01n_gg_.__clickable_1s01n_gg_{cursor:pointer}.___SBubble_1s01n_gg_.__color_1s01n_gg_{fill:var(--color_1s01n)}.___SBubble_1s01n_gg_.__pattern_1s01n_gg_.__color_1s01n_gg_{fill:var(--pattern_1s01n);stroke:var(--color_1s01n);stroke-width:1px}.___SBubble_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}.___SCenter_1s01n_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SCenter_1s01n_gg_.__color_1s01n_gg_{stroke:var(--color_1s01n)}.___SCenter_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}.___SLabel_1s01n_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLabel_1s01n_gg_._position_right_1s01n_gg_{text-anchor:end}.___SLabel_1s01n_gg_._position_left_1s01n_gg_{text-anchor:start}.___SLabel_1s01n_gg_.__color_1s01n_gg_{fill:var(--color_1s01n)}.___SLabel_1s01n_gg_.__transparent_1s01n_gg_{opacity:.3}", /*__inner_css_end__*/"1s01n_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"_visible_false": "
|
|
18
|
-
"__SBubble": "
|
|
19
|
-
"_clickable": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SCenter": "
|
|
26
|
-
"__SLabel": "
|
|
27
|
-
"_position_right": "
|
|
28
|
-
"_position_left": "
|
|
29
|
-
"--duration": "--
|
|
17
|
+
"_visible_false": "_visible_false_1s01n_gg_",
|
|
18
|
+
"__SBubble": "___SBubble_1s01n_gg_",
|
|
19
|
+
"_clickable": "__clickable_1s01n_gg_",
|
|
20
|
+
"_color": "__color_1s01n_gg_",
|
|
21
|
+
"--color": "--color_1s01n",
|
|
22
|
+
"_pattern": "__pattern_1s01n_gg_",
|
|
23
|
+
"--pattern": "--pattern_1s01n",
|
|
24
|
+
"_transparent": "__transparent_1s01n_gg_",
|
|
25
|
+
"__SCenter": "___SCenter_1s01n_gg_",
|
|
26
|
+
"__SLabel": "___SLabel_1s01n_gg_",
|
|
27
|
+
"_position_right": "_position_right_1s01n_gg_",
|
|
28
|
+
"_position_left": "_position_left_1s01n_gg_",
|
|
29
|
+
"--duration": "--duration_1s01n"
|
|
30
30
|
});
|
|
31
31
|
import Tooltip from './Tooltip';
|
|
32
32
|
import { getBubbleChartValueScale, measureText } from './utils';
|
|
@@ -15,24 +15,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
15
15
|
import createElement from './createElement';
|
|
16
16
|
import { PatternFill } from './Pattern';
|
|
17
17
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"syroh_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_syroh_gg_",
|
|
22
|
+
"--duration": "--duration_syroh",
|
|
23
|
+
"_color": "__color_syroh_gg_",
|
|
24
|
+
"--color": "--color_syroh",
|
|
25
|
+
"_pattern": "__pattern_syroh_gg_",
|
|
26
|
+
"--pattern": "--pattern_syroh",
|
|
27
|
+
"_hide": "__hide_syroh_gg_",
|
|
28
|
+
"_transparent": "__transparent_syroh_gg_",
|
|
29
|
+
"_onClick": "__onClick_syroh_gg_",
|
|
30
|
+
"__SBackground": "___SBackground_syroh_gg_",
|
|
31
|
+
"__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
|
|
32
|
+
"__SBarLabel": "___SBarLabel_syroh_gg_",
|
|
33
|
+
"__SBarPercent": "___SBarPercent_syroh_gg_",
|
|
34
|
+
"__SBarValue": "___SBarValue_syroh_gg_",
|
|
35
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
|
|
36
36
|
});
|
|
37
37
|
import Tooltip from './Tooltip';
|
|
38
38
|
import { roundedPath, scaleToBand, eventToPoint } from './utils';
|
package/lib/es6/Donut.js
CHANGED
|
@@ -13,17 +13,17 @@ import React from 'react';
|
|
|
13
13
|
import createElement from './createElement';
|
|
14
14
|
import { PatternFill } from './Pattern';
|
|
15
15
|
/*!__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPie_16t6t_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPie_16t6t_gg_.__color_16t6t_gg_{fill:var(--color_16t6t)}.___SPie_16t6t_gg_.__pattern_16t6t_gg_.__color_16t6t_gg_{fill:var(--pattern_16t6t);stroke:var(--color_16t6t);stroke-width:1px}.___SPie_16t6t_gg_.__transparent_16t6t_gg_{opacity:.3}.___SEmptyData_16t6t_gg_{fill:var(--intergalactic-chart-palette-order-null, rgb(221, 222, 222))}.___SEmptyData_16t6t_gg_.__color_16t6t_gg_{fill:var(--color_16t6t)}.___SLabel_16t6t_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}", /*__inner_css_end__*/"16t6t_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SPie": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SEmptyData": "
|
|
26
|
-
"__SLabel": "
|
|
19
|
+
"__SPie": "___SPie_16t6t_gg_",
|
|
20
|
+
"_color": "__color_16t6t_gg_",
|
|
21
|
+
"--color": "--color_16t6t",
|
|
22
|
+
"_pattern": "__pattern_16t6t_gg_",
|
|
23
|
+
"--pattern": "--pattern_16t6t",
|
|
24
|
+
"_transparent": "__transparent_16t6t_gg_",
|
|
25
|
+
"__SEmptyData": "___SEmptyData_16t6t_gg_",
|
|
26
|
+
"__SLabel": "___SLabel_16t6t_gg_"
|
|
27
27
|
});
|
|
28
28
|
import Tooltip from './Tooltip';
|
|
29
29
|
import { getChartDefaultColorName } from './utils';
|
package/lib/es6/Dots.js
CHANGED
|
@@ -6,16 +6,16 @@ import React from 'react';
|
|
|
6
6
|
import createElement from './createElement';
|
|
7
7
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
8
8
|
/*!__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
9
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
9
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDots_p8yy8_gg_ .___SDot_p8yy8_gg_{transition-duration:var(--duration_p8yy8)}.___SDot_p8yy8_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #fff);fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_p8yy8_gg_.__hide_p8yy8_gg_{display:none}.___SDot_p8yy8_gg_.__color_p8yy8_gg_{fill:var(--color_p8yy8)}.___SDot_p8yy8_gg_.__transparent_p8yy8_gg_{opacity:.3}", /*__inner_css_end__*/"p8yy8_gg_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"_hide": "
|
|
14
|
-
"_color": "
|
|
15
|
-
"--color": "--
|
|
16
|
-
"_transparent": "
|
|
17
|
-
"__SDots": "
|
|
18
|
-
"--duration": "--
|
|
12
|
+
"__SDot": "___SDot_p8yy8_gg_",
|
|
13
|
+
"_hide": "__hide_p8yy8_gg_",
|
|
14
|
+
"_color": "__color_p8yy8_gg_",
|
|
15
|
+
"--color": "--color_p8yy8",
|
|
16
|
+
"_transparent": "__transparent_p8yy8_gg_",
|
|
17
|
+
"__SDots": "___SDots_p8yy8_gg_",
|
|
18
|
+
"--duration": "--duration_p8yy8"
|
|
19
19
|
});
|
|
20
20
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
|
21
21
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -7,24 +7,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { PatternFill } from './Pattern';
|
|
9
9
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"syroh_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SBar": "
|
|
14
|
-
"--duration": "--
|
|
15
|
-
"_color": "
|
|
16
|
-
"--color": "--
|
|
17
|
-
"_pattern": "
|
|
18
|
-
"--pattern": "--
|
|
19
|
-
"_hide": "
|
|
20
|
-
"_transparent": "
|
|
21
|
-
"_onClick": "
|
|
22
|
-
"__SBackground": "
|
|
23
|
-
"__SBarAnnotation": "
|
|
24
|
-
"__SBarLabel": "
|
|
25
|
-
"__SBarPercent": "
|
|
26
|
-
"__SBarValue": "
|
|
27
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
13
|
+
"__SBar": "___SBar_syroh_gg_",
|
|
14
|
+
"--duration": "--duration_syroh",
|
|
15
|
+
"_color": "__color_syroh_gg_",
|
|
16
|
+
"--color": "--color_syroh",
|
|
17
|
+
"_pattern": "__pattern_syroh_gg_",
|
|
18
|
+
"--pattern": "--pattern_syroh",
|
|
19
|
+
"_hide": "__hide_syroh_gg_",
|
|
20
|
+
"_transparent": "__transparent_syroh_gg_",
|
|
21
|
+
"_onClick": "__onClick_syroh_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_syroh_gg_",
|
|
23
|
+
"__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
|
|
24
|
+
"__SBarLabel": "___SBarLabel_syroh_gg_",
|
|
25
|
+
"__SBarPercent": "___SBarPercent_syroh_gg_",
|
|
26
|
+
"__SBarValue": "___SBarValue_syroh_gg_",
|
|
27
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { scaleToBand, roundedPath } from './utils';
|
|
30
30
|
export const MIN_WIDTH = 2;
|
package/lib/es6/Hover.js
CHANGED
|
@@ -9,11 +9,11 @@ import trottle from '@semcore/core/lib/utils/rafTrottle';
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import createElement from './createElement';
|
|
11
11
|
/*!__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
12
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHoverLine_cad3g_gg_,.___SHoverLine_cad3g_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SHoverRect_cad3g_gg_,.___SHoverRect_cad3g_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"cad3g_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SHoverLine": "
|
|
16
|
-
"__SHoverRect": "
|
|
15
|
+
"__SHoverLine": "___SHoverLine_cad3g_gg_",
|
|
16
|
+
"__SHoverRect": "___SHoverRect_cad3g_gg_"
|
|
17
17
|
});
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
|
package/lib/es6/Line.js
CHANGED
|
@@ -10,17 +10,17 @@ import createElement from './createElement';
|
|
|
10
10
|
import Dots from './Dots';
|
|
11
11
|
import { resolvePatternDasharray } from './Pattern';
|
|
12
12
|
/*!__reshadow-styles__:"./style/line.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLine_qcbx2_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out}.___SLine_qcbx2_gg_.__color_qcbx2_gg_{stroke:var(--color_qcbx2)}.___SLine_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLine_qcbx2_gg_.__transparent_qcbx2_gg_{opacity:.3}.___SNull_qcbx2_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));stroke-dasharray:4}@supports (color:color(display-p3 0 0 0%)){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SNull_qcbx2_gg_{stroke:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SNull_qcbx2_gg_.__hide_qcbx2_gg_{display:none}.___SLineArea_qcbx2_gg_{transition-property:d;transition-duration:var(--duration_qcbx2);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SLineArea_qcbx2_gg_.__color_qcbx2_gg_{fill:var(--color_qcbx2)}", /*__inner_css_end__*/"qcbx2_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SLine": "
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SNull": "
|
|
23
|
-
"__SLineArea": "
|
|
16
|
+
"__SLine": "___SLine_qcbx2_gg_",
|
|
17
|
+
"--duration": "--duration_qcbx2",
|
|
18
|
+
"_color": "__color_qcbx2_gg_",
|
|
19
|
+
"--color": "--color_qcbx2",
|
|
20
|
+
"_hide": "__hide_qcbx2_gg_",
|
|
21
|
+
"_transparent": "__transparent_qcbx2_gg_",
|
|
22
|
+
"__SNull": "___SNull_qcbx2_gg_",
|
|
23
|
+
"__SLineArea": "___SLineArea_qcbx2_gg_"
|
|
24
24
|
});
|
|
25
25
|
import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolateValue, getChartDefaultColorName, eventToPoint, invert } from './utils';
|
|
26
26
|
class LineRoot extends Component {
|
package/lib/es6/Plot.js
CHANGED
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
|
10
10
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
11
11
|
import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
12
12
|
/*!__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_ofkbz_gg_{overflow:hidden}.___SPlot_ofkbz_gg_:focus{outline:0}.___SPlot_ofkbz_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));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, calc(6px + 2px))}@supports (color:color(display-p3 0 0 0%)){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SPlot_ofkbz_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}", /*__inner_css_end__*/"ofkbz_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SPlot": "
|
|
16
|
+
"__SPlot": "___SPlot_ofkbz_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
19
19
|
import { eventToPoint, uniqueId } from './utils';
|
package/lib/es6/Radar.js
CHANGED
|
@@ -12,27 +12,27 @@ import React, { cloneElement } from 'react';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
14
14
|
/*!__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_,.___SAxis_1uamc_gg_{stroke:var(--intergalactic-chart-grid-line, rgb(237, 239, 238));stroke-width:1;fill:transparent}.___SAxisLine_1uamc_gg_,.___SAxisTick_1uamc_gg_{stroke-dasharray:2}.___SAxisLine_1uamc_gg_.__active_1uamc_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___SAxisLabel_1uamc_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1uamc_gg_.__xDirection_1uamc_gg_{text-anchor:var(--xDirection_1uamc)}.___SAxisLabel_1uamc_gg_.__yDirection_1uamc_gg_{dominant-baseline:var(--yDirection_1uamc)}.___SPolygonDot_1uamc_gg_,.___SPolygon_1uamc_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219))}.___SPolygon_1uamc_gg_{opacity:.2}.___SPolygon_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygon_1uamc_gg_.__pattern_1uamc_gg_.__color_1uamc_gg_{fill:var(--pattern_1uamc);stroke:var(--color_1uamc);stroke-width:1px}.___SPolygonDot_1uamc_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #fff);r:6px}.___SPolygonDot_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonDot_1uamc_gg_.__color_1uamc_gg_{fill:var(--color_1uamc)}.___SPolygonLine_1uamc_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SPolygonLine_1uamc_gg_.__transparent_1uamc_gg_{opacity:.3}.___SPolygonLine_1uamc_gg_.__color_1uamc_gg_{stroke:var(--color_1uamc)}.___SPieRect_1uamc_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"1uamc_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SAxis": "
|
|
19
|
-
"__SAxisLine": "
|
|
20
|
-
"__SAxisTick": "
|
|
21
|
-
"_active": "
|
|
22
|
-
"__SAxisLabel": "
|
|
23
|
-
"_xDirection": "
|
|
24
|
-
"--xDirection": "--
|
|
25
|
-
"_yDirection": "
|
|
26
|
-
"--yDirection": "--
|
|
27
|
-
"__SPolygon": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"__SPolygonDot": "
|
|
33
|
-
"_transparent": "
|
|
34
|
-
"__SPolygonLine": "
|
|
35
|
-
"__SPieRect": "
|
|
18
|
+
"__SAxis": "___SAxis_1uamc_gg_",
|
|
19
|
+
"__SAxisLine": "___SAxisLine_1uamc_gg_",
|
|
20
|
+
"__SAxisTick": "___SAxisTick_1uamc_gg_",
|
|
21
|
+
"_active": "__active_1uamc_gg_",
|
|
22
|
+
"__SAxisLabel": "___SAxisLabel_1uamc_gg_",
|
|
23
|
+
"_xDirection": "__xDirection_1uamc_gg_",
|
|
24
|
+
"--xDirection": "--xDirection_1uamc",
|
|
25
|
+
"_yDirection": "__yDirection_1uamc_gg_",
|
|
26
|
+
"--yDirection": "--yDirection_1uamc",
|
|
27
|
+
"__SPolygon": "___SPolygon_1uamc_gg_",
|
|
28
|
+
"_color": "__color_1uamc_gg_",
|
|
29
|
+
"--color": "--color_1uamc",
|
|
30
|
+
"_pattern": "__pattern_1uamc_gg_",
|
|
31
|
+
"--pattern": "--pattern_1uamc",
|
|
32
|
+
"__SPolygonDot": "___SPolygonDot_1uamc_gg_",
|
|
33
|
+
"_transparent": "__transparent_1uamc_gg_",
|
|
34
|
+
"__SPolygonLine": "___SPolygonLine_1uamc_gg_",
|
|
35
|
+
"__SPieRect": "___SPieRect_1uamc_gg_"
|
|
36
36
|
});
|
|
37
37
|
import Tooltip from './Tooltip';
|
|
38
38
|
import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -10,20 +10,20 @@ import React from 'react';
|
|
|
10
10
|
import createElement from './createElement';
|
|
11
11
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
12
12
|
/*!__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadian_1l8sf_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1l8sf_gg_{stroke:var(--intergalactic-text-large-info, rgb(92, 92, 196))}.___SLine_1l8sf_gg_.__stroke_1l8sf_gg_{stroke:var(--stroke_1l8sf)}.___SLine_1l8sf_gg_.__transparent_1l8sf_gg_{opacity:.3}.___SCap_1l8sf_gg_{transition:r .1s}.___SCap_1l8sf_gg_.__pattern_1l8sf_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:1px}.___SCap_1l8sf_gg_.__transparent_1l8sf_gg_,.___SIcon_1l8sf_gg_.__transparent_1l8sf_gg_,.___SLabel_1l8sf_gg_.__transparent_1l8sf_gg_{opacity:.3}.___SLabel_1l8sf_gg_{fill:var(--color_1l8sf)}@media (hover:hover){.___SRadian_1l8sf_gg_:hover .___SLabel_1l8sf_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1l8sf_gg_{transition:none}}", /*__inner_css_end__*/"1l8sf_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SRadian": "
|
|
17
|
-
"__SLine": "
|
|
18
|
-
"_stroke": "
|
|
19
|
-
"--stroke": "--
|
|
20
|
-
"_transparent": "
|
|
21
|
-
"__SCap": "
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"__SIcon": "
|
|
24
|
-
"__SLabel": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"__SLineCap": "
|
|
16
|
+
"__SRadian": "___SRadian_1l8sf_gg_",
|
|
17
|
+
"__SLine": "___SLine_1l8sf_gg_",
|
|
18
|
+
"_stroke": "__stroke_1l8sf_gg_",
|
|
19
|
+
"--stroke": "--stroke_1l8sf",
|
|
20
|
+
"_transparent": "__transparent_1l8sf_gg_",
|
|
21
|
+
"__SCap": "___SCap_1l8sf_gg_",
|
|
22
|
+
"_pattern": "__pattern_1l8sf_gg_",
|
|
23
|
+
"__SIcon": "___SIcon_1l8sf_gg_",
|
|
24
|
+
"__SLabel": "___SLabel_1l8sf_gg_",
|
|
25
|
+
"--color": "--color_1l8sf",
|
|
26
|
+
"__SLineCap": "___SLineCap_1l8sf_gg_"
|
|
27
27
|
});
|
|
28
28
|
import { getChartDefaultColorName, measureText } from './utils';
|
|
29
29
|
const baseAngle = -Math.PI / 2; // The top vertical line
|
package/lib/es6/Reference.js
CHANGED
|
@@ -5,20 +5,20 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import createElement from './createElement';
|
|
7
7
|
/*!__reshadow-styles__:"./style/reference.shadow.css"*/
|
|
8
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SReferenceLine_wrjhn_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, rgb(214, 216, 215))}.___STitle_wrjhn_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_wrjhn)}@supports (color:color(display-p3 0 0 0%)){.___STitle_wrjhn_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_wrjhn_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_wrjhn_gg_._position_top_wrjhn_gg_{text-anchor:middle}.___STitle_wrjhn_gg_._position_bottom_wrjhn_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_wrjhn_gg_._position_left_wrjhn_gg_,.___STitle_wrjhn_gg_._position_right_wrjhn_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_wrjhn_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgb(241, 242, 242))}.___SStripes_wrjhn_gg_{fill:var(--fill_wrjhn)}.___SStripesPatternPath_wrjhn_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgb(237, 239, 238));stroke-width:1px}", /*__inner_css_end__*/"wrjhn_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SReferenceLine": "
|
|
12
|
-
"__STitle": "
|
|
13
|
-
"--transform-origin": "--transform-
|
|
14
|
-
"_position_top": "
|
|
15
|
-
"_position_bottom": "
|
|
16
|
-
"_position_right": "
|
|
17
|
-
"_position_left": "
|
|
18
|
-
"__SBackground": "
|
|
19
|
-
"__SStripes": "
|
|
20
|
-
"--fill": "--
|
|
21
|
-
"__SStripesPatternPath": "
|
|
11
|
+
"__SReferenceLine": "___SReferenceLine_wrjhn_gg_",
|
|
12
|
+
"__STitle": "___STitle_wrjhn_gg_",
|
|
13
|
+
"--transform-origin": "--transform-origin_wrjhn",
|
|
14
|
+
"_position_top": "_position_top_wrjhn_gg_",
|
|
15
|
+
"_position_bottom": "_position_bottom_wrjhn_gg_",
|
|
16
|
+
"_position_right": "_position_right_wrjhn_gg_",
|
|
17
|
+
"_position_left": "_position_left_wrjhn_gg_",
|
|
18
|
+
"__SBackground": "___SBackground_wrjhn_gg_",
|
|
19
|
+
"__SStripes": "___SStripes_wrjhn_gg_",
|
|
20
|
+
"--fill": "--fill_wrjhn",
|
|
21
|
+
"__SStripesPatternPath": "___SStripesPatternPath_wrjhn_gg_"
|
|
22
22
|
});
|
|
23
23
|
import { scaleOfBandwidth } from './utils';
|
|
24
24
|
const side2direction = {
|