@semcore/d3-chart 17.0.0 → 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 +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/LegendTable/LegendTable.js +6 -6
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +16 -16
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +14 -14
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +2 -2
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +4 -4
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/esm/Area.mjs +13 -12
- package/lib/esm/Axis.mjs +18 -17
- package/lib/esm/Bar.mjs +18 -17
- package/lib/esm/Bubble.mjs +16 -15
- package/lib/esm/CompactHorizontalBar.mjs +18 -17
- package/lib/esm/Donut.mjs +11 -10
- package/lib/esm/Dots.mjs +10 -9
- package/lib/esm/HorizontalBar.mjs +18 -17
- package/lib/esm/Hover.mjs +5 -4
- package/lib/esm/Line.mjs +11 -10
- package/lib/esm/Plot.mjs +4 -3
- package/lib/esm/Radar.mjs +21 -20
- package/lib/esm/RadialTree.mjs +14 -13
- package/lib/esm/Reference.mjs +14 -13
- package/lib/esm/ScatterPlot.mjs +11 -10
- package/lib/esm/Tooltip.mjs +11 -10
- package/lib/esm/Venn.mjs +11 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +4 -3
- package/lib/esm/a11y/PlotA11yView.mjs +4 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +19 -18
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +8 -7
- package/package.json +15 -15
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -15,17 +15,17 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
15
15
|
var _Pattern = require("./Pattern");
|
|
16
16
|
var _utils = require("./utils");
|
|
17
17
|
/*!__reshadow-styles__:"./style/tooltip.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__*/".___STooltip_942l4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_942l4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_942l4_gg_{display:flex;align-items:center}.___SDot_942l4_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_942l4_gg_.__color_942l4_gg_{background-color:var(--color_942l4);width:8px;height:8px;border-radius:50%}.___SFooter_942l4_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"942l4_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__STooltip": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"__SDotGroup": "
|
|
24
|
-
"__SDot": "
|
|
25
|
-
"__SDotCircle": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"__SFooter": "
|
|
21
|
+
"__STooltip": "___STooltip_942l4_gg_",
|
|
22
|
+
"__STitle": "___STitle_942l4_gg_",
|
|
23
|
+
"__SDotGroup": "___SDotGroup_942l4_gg_",
|
|
24
|
+
"__SDot": "___SDot_942l4_gg_",
|
|
25
|
+
"__SDotCircle": "___SDotCircle_942l4_gg_",
|
|
26
|
+
"_color": "__color_942l4_gg_",
|
|
27
|
+
"--color": "--color_942l4",
|
|
28
|
+
"__SFooter": "___SFooter_942l4_gg_"
|
|
29
29
|
});
|
|
30
30
|
/**
|
|
31
31
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -19,17 +19,17 @@ var _Pattern = require("./Pattern");
|
|
|
19
19
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*!__reshadow-styles__:"./style/venn.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__*/".___SCircle_1pi5b_gg_,.___SIntersection_1pi5b_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1pi5b_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pi5b);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1pi5b_gg_:hover{fill-opacity:.7}}.___SCircle_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--color_1pi5b)}.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_{fill:var(--pattern_1pi5b);fill-opacity:.7;stroke:var(--color_1pi5b);stroke-width:1px}@media (hover:hover){.___SCircle_1pi5b_gg_.__pattern_1pi5b_gg_.__color_1pi5b_gg_:hover{fill-opacity:.85}}.___SCircle_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}.___SIntersection_1pi5b_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1pi5b_gg_:hover{fill-opacity:.1}}.___SIntersection_1pi5b_gg_.__transparent_1pi5b_gg_{opacity:.3}", /*__inner_css_end__*/"1pi5b_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SCircle": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SIntersection": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"--pattern": "--
|
|
25
|
+
"__SCircle": "___SCircle_1pi5b_gg_",
|
|
26
|
+
"_color": "__color_1pi5b_gg_",
|
|
27
|
+
"--color": "--color_1pi5b",
|
|
28
|
+
"_transparent": "__transparent_1pi5b_gg_",
|
|
29
|
+
"__SIntersection": "___SIntersection_1pi5b_gg_",
|
|
30
|
+
"--duration": "--duration_1pi5b",
|
|
31
|
+
"_pattern": "__pattern_1pi5b_gg_",
|
|
32
|
+
"--pattern": "--pattern_1pi5b"
|
|
33
33
|
});
|
|
34
34
|
class VennRoot extends _core.Component {
|
|
35
35
|
constructor(...args) {
|
|
@@ -14,10 +14,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
14
14
|
var _locale = require("./locale");
|
|
15
15
|
var _intergalacticDynamicLocales = require("./translations/module/__intergalactic-dynamic-locales");
|
|
16
16
|
/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
17
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_1t4qj_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"1t4qj_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SPlotA11yModule": "
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1t4qj_gg_"
|
|
21
21
|
});
|
|
22
22
|
function PlotA11yModule(props) {
|
|
23
23
|
var _ref = arguments[0],
|
|
@@ -16,10 +16,10 @@ var _intl = require("./intl");
|
|
|
16
16
|
var _summarize = require("./summarize");
|
|
17
17
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
18
18
|
/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
19
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_1h3zj_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1h3zj_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1h3zj_gg_ table,.___SPlotA11yView_1h3zj_gg_ td,.___SPlotA11yView_1h3zj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"1h3zj_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SPlotA11yView": "
|
|
22
|
+
"__SPlotA11yView": "___SPlotA11yView_1h3zj_gg_"
|
|
23
23
|
});
|
|
24
24
|
function PlotA11yView({
|
|
25
25
|
id,
|
|
@@ -20,12 +20,12 @@ var _ChartLegend = _interopRequireWildcard(require("../ChartLegend"));
|
|
|
20
20
|
// @ts-ignore
|
|
21
21
|
// @ts-ignore
|
|
22
22
|
/*!__reshadow-styles__:"../../style/abstract-chart.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__*/".___STooltipChildrenWrapper_16iik_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_2_16iik_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_3_16iik_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"16iik_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__STooltipChildrenWrapper": "
|
|
27
|
-
"_columnsCount_2": "
|
|
28
|
-
"_columnsCount_3": "
|
|
26
|
+
"__STooltipChildrenWrapper": "___STooltipChildrenWrapper_16iik_gg_",
|
|
27
|
+
"_columnsCount_2": "_columnsCount_2_16iik_gg_",
|
|
28
|
+
"_columnsCount_3": "_columnsCount_3_16iik_gg_"
|
|
29
29
|
});
|
|
30
30
|
const NOT_A_VALUE = exports.NOT_A_VALUE = 'n/a';
|
|
31
31
|
class AbstractChart extends _core.Component {
|
|
@@ -16,12 +16,12 @@ var _intergalacticDynamicLocales = require("../../../translations/__intergalacti
|
|
|
16
16
|
var _BaseLegend = require("../BaseLegend");
|
|
17
17
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
18
18
|
/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
19
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1x0kb_gg_._direction_row_1x0kb_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1x0kb_gg_._direction_column_1x0kb_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1x0kb_gg_"),
|
|
20
20
|
/*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SLegendFlex": "
|
|
23
|
-
"_direction_row": "
|
|
24
|
-
"_direction_column": "
|
|
22
|
+
"__SLegendFlex": "___SLegendFlex_1x0kb_gg_",
|
|
23
|
+
"_direction_row": "_direction_row_1x0kb_gg_",
|
|
24
|
+
"_direction_column": "_direction_column_1x0kb_gg_"
|
|
25
25
|
});
|
|
26
26
|
class LegendFlexRoot extends _BaseLegend.BaseLegend {
|
|
27
27
|
renderTrend() {
|
|
@@ -17,25 +17,25 @@ var _LegendItem = require("./LegendItem.type");
|
|
|
17
17
|
var _Pattern = require("../../../Pattern");
|
|
18
18
|
var _utils = require("../../../utils");
|
|
19
19
|
/*!__reshadow-styles__:"./legend-item.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__*/".___SLegendItem_11yr1_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_11yr1_gg_:hover{cursor:pointer}.___SLegendItem_11yr1_gg_.__disabled_11yr1_gg_:hover{cursor:default}}.___SPointShape_11yr1_gg_.__color_11yr1_gg_{background-color:var(--color_11yr1);margin-right:8px;flex-shrink:0}.___SPointShape_11yr1_gg_._shape_Circle_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Circle_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Line_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_11yr1_gg_._shape_Line_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_11yr1_gg_._shape_Square_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Square_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Pattern_11yr1_gg_{background-color:transparent;margin-right:4px}.___SIcon_11yr1_gg_{line-height:0;margin-right:4px}.___SIcon_11yr1_gg_._size_l_11yr1_gg_{margin-top:4px}.___SIcon_11yr1_gg_._size_m_11yr1_gg_{margin-top:2px}.___SLabel_11yr1_gg_{min-width:0}.___SAdditionalLabel_11yr1_gg_._size_l_11yr1_gg_,.___SCount_11yr1_gg_._size_l_11yr1_gg_,.___SLabel_11yr1_gg_._size_l_11yr1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_11yr1_gg_._size_m_11yr1_gg_,.___SCount_11yr1_gg_._size_m_11yr1_gg_,.___SLabel_11yr1_gg_._size_m_11yr1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_11yr1_gg_,.___SCount_11yr1_gg_{margin-left:4px}.___SAdditionalLabel_11yr1_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_11yr1_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_11yr1_gg_._size_l_11yr1_gg_::before{margin-top:10px}.___SAdditionalLabel_11yr1_gg_._size_m_11yr1_gg_::before{margin-top:8px}.___SPatternSymbol_11yr1_gg_{transform:scale(.8)}", /*__inner_css_end__*/"11yr1_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SLegendItem": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SPointShape": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_shape_Circle": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_shape_Line": "
|
|
32
|
-
"_shape_Square": "
|
|
33
|
-
"_shape_Pattern": "
|
|
34
|
-
"__SIcon": "
|
|
35
|
-
"__SLabel": "
|
|
36
|
-
"__SAdditionalLabel": "
|
|
37
|
-
"__SCount": "
|
|
38
|
-
"__SPatternSymbol": "
|
|
23
|
+
"__SLegendItem": "___SLegendItem_11yr1_gg_",
|
|
24
|
+
"_disabled": "__disabled_11yr1_gg_",
|
|
25
|
+
"__SPointShape": "___SPointShape_11yr1_gg_",
|
|
26
|
+
"_color": "__color_11yr1_gg_",
|
|
27
|
+
"--color": "--color_11yr1",
|
|
28
|
+
"_shape_Circle": "_shape_Circle_11yr1_gg_",
|
|
29
|
+
"_size_l": "_size_l_11yr1_gg_",
|
|
30
|
+
"_size_m": "_size_m_11yr1_gg_",
|
|
31
|
+
"_shape_Line": "_shape_Line_11yr1_gg_",
|
|
32
|
+
"_shape_Square": "_shape_Square_11yr1_gg_",
|
|
33
|
+
"_shape_Pattern": "_shape_Pattern_11yr1_gg_",
|
|
34
|
+
"__SIcon": "___SIcon_11yr1_gg_",
|
|
35
|
+
"__SLabel": "___SLabel_11yr1_gg_",
|
|
36
|
+
"__SAdditionalLabel": "___SAdditionalLabel_11yr1_gg_",
|
|
37
|
+
"__SCount": "___SCount_11yr1_gg_",
|
|
38
|
+
"__SPatternSymbol": "___SPatternSymbol_11yr1_gg_"
|
|
39
39
|
});
|
|
40
40
|
const enhance = [(0, _resolveColorEnhance.default)(), (0, _uniqueID.default)()];
|
|
41
41
|
class LegendItemRoot extends _core.Component {
|
|
@@ -12,14 +12,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _BaseLegend = require("../BaseLegend");
|
|
13
13
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
14
14
|
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_1ep80_gg_.__columns-count_1ep80_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ep80_gg_._size_l_1ep80_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ep80_gg_._size_m_1ep80_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"1ep80_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SLegendTable": "
|
|
19
|
-
"_columns-count": "__columns-
|
|
20
|
-
"__SColumnItem": "
|
|
21
|
-
"_size_l": "
|
|
22
|
-
"_size_m": "
|
|
18
|
+
"__SLegendTable": "___SLegendTable_1ep80_gg_",
|
|
19
|
+
"_columns-count": "__columns-count_1ep80_gg_",
|
|
20
|
+
"__SColumnItem": "___SColumnItem_1ep80_gg_",
|
|
21
|
+
"_size_l": "_size_l_1ep80_gg_",
|
|
22
|
+
"_size_m": "_size_m_1ep80_gg_"
|
|
23
23
|
});
|
|
24
24
|
class LegendTableRoot extends _BaseLegend.BaseLegend {
|
|
25
25
|
render() {
|
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_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_"),
|
|
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_3iood_gg_",
|
|
19
|
+
"_color": "__color_3iood_gg_",
|
|
20
|
+
"--color": "--color_3iood",
|
|
21
|
+
"_pattern": "__pattern_3iood_gg_",
|
|
22
|
+
"--pattern": "--pattern_3iood",
|
|
23
|
+
"_transparent": "__transparent_3iood_gg_",
|
|
24
|
+
"__SAreaLine": "___SAreaLine_3iood_gg_",
|
|
25
|
+
"--duration": "--duration_3iood",
|
|
26
|
+
"__SNull": "___SNull_3iood_gg_",
|
|
27
|
+
"_hide": "__hide_3iood_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_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_"),
|
|
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_1po6x_gg_",
|
|
12
|
+
"_hide": "__hide_1po6x_gg_",
|
|
13
|
+
"__STick": "___STick_1po6x_gg_",
|
|
14
|
+
"_primaryText": "__primaryText_1po6x_gg_",
|
|
15
|
+
"__SGrid": "___SGrid_1po6x_gg_",
|
|
16
|
+
"__STitle": "___STitle_1po6x_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_1po6x",
|
|
18
|
+
"_position_top": "_position_top_1po6x_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_1po6x_gg_",
|
|
20
|
+
"_position_right": "_position_right_1po6x_gg_",
|
|
21
|
+
"_position_left": "_position_left_1po6x_gg_",
|
|
22
|
+
"_verticalWritingMode": "__verticalWritingMode_1po6x_gg_",
|
|
23
|
+
"_multiline": "__multiline_1po6x_gg_",
|
|
24
|
+
"_position_custom_0": "_position_custom_0_1po6x_gg_",
|
|
25
|
+
"_position_custom_1": "_position_custom_1_1po6x_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_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_"),
|
|
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_12z5v_gg_",
|
|
15
|
+
"--duration": "--duration_12z5v",
|
|
16
|
+
"_color": "__color_12z5v_gg_",
|
|
17
|
+
"--color": "--color_12z5v",
|
|
18
|
+
"_pattern": "__pattern_12z5v_gg_",
|
|
19
|
+
"--pattern": "--pattern_12z5v",
|
|
20
|
+
"_hide": "__hide_12z5v_gg_",
|
|
21
|
+
"_transparent": "__transparent_12z5v_gg_",
|
|
22
|
+
"_onClick": "__onClick_12z5v_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_12z5v_gg_",
|
|
24
|
+
"__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
|
|
25
|
+
"__SBarLabel": "___SBarLabel_12z5v_gg_",
|
|
26
|
+
"__SBarPercent": "___SBarPercent_12z5v_gg_",
|
|
27
|
+
"__SBarValue": "___SBarValue_12z5v_gg_",
|
|
28
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_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_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_"),
|
|
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_6mdvd_gg_",
|
|
18
|
+
"__SBubble": "___SBubble_6mdvd_gg_",
|
|
19
|
+
"_clickable": "__clickable_6mdvd_gg_",
|
|
20
|
+
"_color": "__color_6mdvd_gg_",
|
|
21
|
+
"--color": "--color_6mdvd",
|
|
22
|
+
"_pattern": "__pattern_6mdvd_gg_",
|
|
23
|
+
"--pattern": "--pattern_6mdvd",
|
|
24
|
+
"_transparent": "__transparent_6mdvd_gg_",
|
|
25
|
+
"__SCenter": "___SCenter_6mdvd_gg_",
|
|
26
|
+
"__SLabel": "___SLabel_6mdvd_gg_",
|
|
27
|
+
"_position_right": "_position_right_6mdvd_gg_",
|
|
28
|
+
"_position_left": "_position_left_6mdvd_gg_",
|
|
29
|
+
"--duration": "--duration_6mdvd"
|
|
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_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
|
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_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_"),
|
|
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_1nttx_gg_",
|
|
20
|
+
"_color": "__color_1nttx_gg_",
|
|
21
|
+
"--color": "--color_1nttx",
|
|
22
|
+
"_pattern": "__pattern_1nttx_gg_",
|
|
23
|
+
"--pattern": "--pattern_1nttx",
|
|
24
|
+
"_transparent": "__transparent_1nttx_gg_",
|
|
25
|
+
"__SEmptyData": "___SEmptyData_1nttx_gg_",
|
|
26
|
+
"__SLabel": "___SLabel_1nttx_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_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_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"_hide": "
|
|
14
|
-
"_color": "
|
|
15
|
-
"--color": "--
|
|
16
|
-
"_transparent": "
|
|
17
|
-
"__SDots": "
|
|
18
|
-
"--duration": "--
|
|
12
|
+
"__SDot": "___SDot_a9v7p_gg_",
|
|
13
|
+
"_hide": "__hide_a9v7p_gg_",
|
|
14
|
+
"_color": "__color_a9v7p_gg_",
|
|
15
|
+
"--color": "--color_a9v7p",
|
|
16
|
+
"_transparent": "__transparent_a9v7p_gg_",
|
|
17
|
+
"__SDots": "___SDots_a9v7p_gg_",
|
|
18
|
+
"--duration": "--duration_a9v7p"
|
|
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_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_"),
|
|
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_12z5v_gg_",
|
|
14
|
+
"--duration": "--duration_12z5v",
|
|
15
|
+
"_color": "__color_12z5v_gg_",
|
|
16
|
+
"--color": "--color_12z5v",
|
|
17
|
+
"_pattern": "__pattern_12z5v_gg_",
|
|
18
|
+
"--pattern": "--pattern_12z5v",
|
|
19
|
+
"_hide": "__hide_12z5v_gg_",
|
|
20
|
+
"_transparent": "__transparent_12z5v_gg_",
|
|
21
|
+
"_onClick": "__onClick_12z5v_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_12z5v_gg_",
|
|
23
|
+
"__SBarAnnotation": "___SBarAnnotation_12z5v_gg_",
|
|
24
|
+
"__SBarLabel": "___SBarLabel_12z5v_gg_",
|
|
25
|
+
"__SBarPercent": "___SBarPercent_12z5v_gg_",
|
|
26
|
+
"__SBarValue": "___SBarValue_12z5v_gg_",
|
|
27
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_12z5v_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_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_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SHoverLine": "
|
|
16
|
-
"__SHoverRect": "
|
|
15
|
+
"__SHoverLine": "___SHoverLine_1hwe4_gg_",
|
|
16
|
+
"__SHoverRect": "___SHoverRect_1hwe4_gg_"
|
|
17
17
|
});
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
|