@semcore/d3-chart 3.31.1 → 3.31.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +15 -13
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +12 -12
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +10 -10
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +11 -11
- package/lib/cjs/ReferenceLine.js +9 -9
- 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/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 +14 -14
- package/lib/es6/Bar.js +15 -13
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +12 -12
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +10 -10
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +11 -11
- package/lib/es6/ReferenceLine.js +9 -9
- 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/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/package.json +3 -3
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -24,15 +24,15 @@ var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
|
|
|
24
24
|
var _Pattern = require("./Pattern");
|
|
25
25
|
var _excluded = ["Children", "children", "tag", "forcedAdvancedMode"];
|
|
26
26
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__STooltip": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SDotGroup": "
|
|
31
|
-
"__SDot": "
|
|
32
|
-
"__SDotCircle": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SFooter": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1xbxt_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_1xbxt_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1xbxt_gg_{display:flex;align-items:center}.___SDot_1xbxt_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1xbxt_gg_.__color_1xbxt_gg_{background-color:var(--color_1xbxt);width:12px;height:12px;border-radius:50%}.___SFooter_1xbxt_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__*/, "1xbxt_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__STooltip": "___STooltip_1xbxt_gg_",
|
|
29
|
+
"__STitle": "___STitle_1xbxt_gg_",
|
|
30
|
+
"__SDotGroup": "___SDotGroup_1xbxt_gg_",
|
|
31
|
+
"__SDot": "___SDot_1xbxt_gg_",
|
|
32
|
+
"__SDotCircle": "___SDotCircle_1xbxt_gg_",
|
|
33
|
+
"_color": "__color_1xbxt_gg_",
|
|
34
|
+
"--color": "--color_1xbxt",
|
|
35
|
+
"__SFooter": "___SFooter_1xbxt_gg_"
|
|
36
36
|
});
|
|
37
37
|
/**
|
|
38
38
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -25,15 +25,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
|
25
25
|
var _Pattern = require("./Pattern");
|
|
26
26
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
27
27
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SCircle": "
|
|
30
|
-
"_color": "
|
|
31
|
-
"--color": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SIntersection": "
|
|
34
|
-
"--duration": "--
|
|
35
|
-
"_pattern": "
|
|
36
|
-
"--pattern": "--
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_ph4vy_gg_,.___SIntersection_ph4vy_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_ph4vy_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_ph4vy);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_ph4vy_gg_:hover{fill-opacity:.7}}.___SCircle_ph4vy_gg_.__color_ph4vy_gg_{fill:var(--color_ph4vy)}.___SCircle_ph4vy_gg_.__pattern_ph4vy_gg_.__color_ph4vy_gg_{fill:var(--pattern_ph4vy);fill-opacity:.7;stroke:var(--color_ph4vy);stroke-width:1px}@media (hover:hover){.___SCircle_ph4vy_gg_.__pattern_ph4vy_gg_.__color_ph4vy_gg_:hover{fill-opacity:.85}}.___SCircle_ph4vy_gg_.__transparent_ph4vy_gg_{opacity:.3}.___SIntersection_ph4vy_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_ph4vy_gg_:hover{fill-opacity:.1}}.___SIntersection_ph4vy_gg_.__transparent_ph4vy_gg_{opacity:.3}" /*__inner_css_end__*/, "ph4vy_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SCircle": "___SCircle_ph4vy_gg_",
|
|
30
|
+
"_color": "__color_ph4vy_gg_",
|
|
31
|
+
"--color": "--color_ph4vy",
|
|
32
|
+
"_transparent": "__transparent_ph4vy_gg_",
|
|
33
|
+
"__SIntersection": "___SIntersection_ph4vy_gg_",
|
|
34
|
+
"--duration": "--duration_ph4vy",
|
|
35
|
+
"_pattern": "__pattern_ph4vy_gg_",
|
|
36
|
+
"--pattern": "--pattern_ph4vy"
|
|
37
37
|
});
|
|
38
38
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
39
39
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
@@ -16,8 +16,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
|
16
16
|
var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
19
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SPlotA11yModule": "
|
|
19
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_pfz5y_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_pfz5y_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "pfz5y_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_pfz5y_gg_"
|
|
21
21
|
});
|
|
22
22
|
var globalWasFocused = false;
|
|
23
23
|
var globalNavWithKeyboard = false;
|
|
@@ -21,8 +21,8 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
21
|
var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
|
|
22
22
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
23
23
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
24
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SPlotA11yView": "
|
|
24
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1uvhy_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1uvhy_gg_:focus,.___SPlotA11yView_1uvhy_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1uvhy_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1uvhy_gg_ table,.___SPlotA11yView_1uvhy_gg_ td,.___SPlotA11yView_1uvhy_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1uvhy_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SPlotA11yView": "___SPlotA11yView_1uvhy_gg_"
|
|
26
26
|
});
|
|
27
27
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
28
28
|
var _ref = arguments[0],
|
|
@@ -22,10 +22,10 @@ var _BaseLegend2 = require("../BaseLegend");
|
|
|
22
22
|
var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
|
|
23
23
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
24
24
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SLegendFlex": "
|
|
27
|
-
"_direction_row": "
|
|
28
|
-
"_direction_column": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_zj4yl_gg_._direction_row_zj4yl_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_zj4yl_gg_._direction_column_zj4yl_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "zj4yl_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLegendFlex": "___SLegendFlex_zj4yl_gg_",
|
|
27
|
+
"_direction_row": "_direction_row_zj4yl_gg_",
|
|
28
|
+
"_direction_column": "_direction_column_zj4yl_gg_"
|
|
29
29
|
});
|
|
30
30
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
31
31
|
(0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
|
|
@@ -24,23 +24,23 @@ var _Pattern = require("../../../Pattern");
|
|
|
24
24
|
var _utils = require("../../../utils");
|
|
25
25
|
var _excluded = ["color"];
|
|
26
26
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SLegendItem": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"__SPointShape": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"_shape_Circle": "
|
|
34
|
-
"_size_l": "
|
|
35
|
-
"_size_m": "
|
|
36
|
-
"_shape_Line": "
|
|
37
|
-
"_shape_Square": "
|
|
38
|
-
"_shape_Pattern": "
|
|
39
|
-
"__SIcon": "
|
|
40
|
-
"__SLabel": "
|
|
41
|
-
"__SAdditionalLabel": "
|
|
42
|
-
"__SCount": "
|
|
43
|
-
"__SPatternSymbol": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_plbcx_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_plbcx_gg_:hover{cursor:pointer}.___SLegendItem_plbcx_gg_.__disabled_plbcx_gg_:hover{cursor:default}}.___SPointShape_plbcx_gg_.__color_plbcx_gg_{background-color:var(--color_plbcx);margin-right:8px;flex-shrink:0}.___SPointShape_plbcx_gg_._shape_Circle_plbcx_gg_._size_l_plbcx_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_plbcx_gg_._shape_Circle_plbcx_gg_._size_m_plbcx_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_plbcx_gg_._shape_Line_plbcx_gg_._size_l_plbcx_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_plbcx_gg_._shape_Line_plbcx_gg_._size_m_plbcx_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_plbcx_gg_._shape_Square_plbcx_gg_._size_l_plbcx_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_plbcx_gg_._shape_Square_plbcx_gg_._size_m_plbcx_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_plbcx_gg_._shape_Pattern_plbcx_gg_{background-color:transparent;margin-right:4px}.___SIcon_plbcx_gg_{line-height:0;margin-right:4px}.___SIcon_plbcx_gg_._size_l_plbcx_gg_{margin-top:4px}.___SIcon_plbcx_gg_._size_m_plbcx_gg_{margin-top:2px}.___SLabel_plbcx_gg_{min-width:0}.___SAdditionalLabel_plbcx_gg_._size_l_plbcx_gg_,.___SCount_plbcx_gg_._size_l_plbcx_gg_,.___SLabel_plbcx_gg_._size_l_plbcx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_plbcx_gg_._size_m_plbcx_gg_,.___SCount_plbcx_gg_._size_m_plbcx_gg_,.___SLabel_plbcx_gg_._size_m_plbcx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_plbcx_gg_,.___SCount_plbcx_gg_{margin-left:4px}.___SAdditionalLabel_plbcx_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_plbcx_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_plbcx_gg_._size_l_plbcx_gg_::before{margin-top:10px}.___SAdditionalLabel_plbcx_gg_._size_m_plbcx_gg_::before{margin-top:8px}.___SPatternSymbol_plbcx_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "plbcx_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SLegendItem": "___SLegendItem_plbcx_gg_",
|
|
29
|
+
"_disabled": "__disabled_plbcx_gg_",
|
|
30
|
+
"__SPointShape": "___SPointShape_plbcx_gg_",
|
|
31
|
+
"_color": "__color_plbcx_gg_",
|
|
32
|
+
"--color": "--color_plbcx",
|
|
33
|
+
"_shape_Circle": "_shape_Circle_plbcx_gg_",
|
|
34
|
+
"_size_l": "_size_l_plbcx_gg_",
|
|
35
|
+
"_size_m": "_size_m_plbcx_gg_",
|
|
36
|
+
"_shape_Line": "_shape_Line_plbcx_gg_",
|
|
37
|
+
"_shape_Square": "_shape_Square_plbcx_gg_",
|
|
38
|
+
"_shape_Pattern": "_shape_Pattern_plbcx_gg_",
|
|
39
|
+
"__SIcon": "___SIcon_plbcx_gg_",
|
|
40
|
+
"__SLabel": "___SLabel_plbcx_gg_",
|
|
41
|
+
"__SAdditionalLabel": "___SAdditionalLabel_plbcx_gg_",
|
|
42
|
+
"__SCount": "___SCount_plbcx_gg_",
|
|
43
|
+
"__SPatternSymbol": "___SPatternSymbol_plbcx_gg_"
|
|
44
44
|
});
|
|
45
45
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(LegendItemRoot, _Component);
|
|
@@ -18,12 +18,12 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
18
18
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
19
19
|
var _BaseLegend2 = require("../BaseLegend");
|
|
20
20
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SLegendTable": "
|
|
23
|
-
"_columns-count": "__columns-
|
|
24
|
-
"__SColumnItem": "
|
|
25
|
-
"_size_l": "
|
|
26
|
-
"_size_m": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_13314_gg_.__columns-count_13314_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_13314_gg_._size_l_13314_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_13314_gg_._size_m_13314_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "13314_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SLegendTable": "___SLegendTable_13314_gg_",
|
|
23
|
+
"_columns-count": "__columns-count_13314_gg_",
|
|
24
|
+
"__SColumnItem": "___SColumnItem_13314_gg_",
|
|
25
|
+
"_size_l": "_size_l_13314_gg_",
|
|
26
|
+
"_size_m": "_size_m_13314_gg_"
|
|
27
27
|
});
|
|
28
28
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
29
29
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
package/lib/es6/Area.js
CHANGED
|
@@ -16,17 +16,17 @@ import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolat
|
|
|
16
16
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
17
17
|
import { PatternFill } from './Pattern';
|
|
18
18
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SArea": "
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_pattern": "
|
|
24
|
-
"--pattern": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SAreaLine": "
|
|
27
|
-
"--duration": "--
|
|
28
|
-
"__SNull": "
|
|
29
|
-
"_hide": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_1s8q9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1s8q9_gg_.__color_1s8q9_gg_{fill:var(--color_1s8q9)}.___SArea_1s8q9_gg_.__pattern_1s8q9_gg_{fill:var(--pattern_1s8q9);fill-opacity:.7}.___SArea_1s8q9_gg_.__transparent_1s8q9_gg_{opacity:.3}.___SAreaLine_1s8q9_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1s8q9_gg_.__color_1s8q9_gg_{stroke:var(--color_1s8q9)}.___SAreaLine_1s8q9_gg_.__transparent_1s8q9_gg_{opacity:.3}.___SAreaLine_1s8q9_gg_,.___SArea_1s8q9_gg_{transition-property:d;transition-duration:var(--duration_1s8q9);transition-timing-function:ease-in-out}.___SNull_1s8q9_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1s8q9_gg_.__hide_1s8q9_gg_{display:none}" /*__inner_css_end__*/, "1s8q9_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SArea": "___SArea_1s8q9_gg_",
|
|
21
|
+
"_color": "__color_1s8q9_gg_",
|
|
22
|
+
"--color": "--color_1s8q9",
|
|
23
|
+
"_pattern": "__pattern_1s8q9_gg_",
|
|
24
|
+
"--pattern": "--pattern_1s8q9",
|
|
25
|
+
"_transparent": "__transparent_1s8q9_gg_",
|
|
26
|
+
"__SAreaLine": "___SAreaLine_1s8q9_gg_",
|
|
27
|
+
"--duration": "--duration_1s8q9",
|
|
28
|
+
"__SNull": "___SNull_1s8q9_gg_",
|
|
29
|
+
"_hide": "__hide_1s8q9_gg_"
|
|
30
30
|
});
|
|
31
31
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
_inherits(AreaRoot, _Component);
|
package/lib/es6/Axis.js
CHANGED
|
@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SAxis": "
|
|
17
|
-
"_hide": "
|
|
18
|
-
"__STick": "
|
|
19
|
-
"__SGrid": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"--transform-origin": "--transform-
|
|
22
|
-
"_position_top": "
|
|
23
|
-
"_position_bottom": "
|
|
24
|
-
"_position_right": "
|
|
25
|
-
"_position_left": "
|
|
26
|
-
"_verticalWritingMode": "
|
|
27
|
-
"_position_custom_0": "
|
|
28
|
-
"_position_custom_1": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_ybghq_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_ybghq_gg_.__hide_ybghq_gg_,.___STick_ybghq_gg_.__hide_ybghq_gg_{display:none}.___STick_ybghq_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_ybghq_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_ybghq_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_ybghq)}.___STitle_ybghq_gg_._position_top_ybghq_gg_{text-anchor:middle}.___STitle_ybghq_gg_._position_bottom_ybghq_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_ybghq_gg_._position_left_ybghq_gg_,.___STitle_ybghq_gg_._position_right_ybghq_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_ybghq_gg_._position_left_ybghq_gg_.__verticalWritingMode_ybghq_gg_,.___STitle_ybghq_gg_._position_right_ybghq_gg_.__verticalWritingMode_ybghq_gg_{writing-mode:vertical-rl;transform:none}.___STick_ybghq_gg_._position_top_ybghq_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_ybghq_gg_._position_bottom_ybghq_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_ybghq_gg_._position_right_ybghq_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_ybghq_gg_._position_left_ybghq_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_ybghq_gg_._position_custom_0_ybghq_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_ybghq_gg_._position_custom_1_ybghq_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "ybghq_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_ybghq_gg_",
|
|
17
|
+
"_hide": "__hide_ybghq_gg_",
|
|
18
|
+
"__STick": "___STick_ybghq_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_ybghq_gg_",
|
|
20
|
+
"__STitle": "___STitle_ybghq_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_ybghq",
|
|
22
|
+
"_position_top": "_position_top_ybghq_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_ybghq_gg_",
|
|
24
|
+
"_position_right": "_position_right_ybghq_gg_",
|
|
25
|
+
"_position_left": "_position_left_ybghq_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_ybghq_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_ybghq_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_ybghq_gg_"
|
|
29
29
|
});
|
|
30
30
|
var CUSTOM_0 = Symbol('custom_0');
|
|
31
31
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -14,16 +14,16 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
14
14
|
import { scaleToBand, roundedPath } from './utils';
|
|
15
15
|
import { PatternFill } from './Pattern';
|
|
16
16
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SBar": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_pattern": "
|
|
23
|
-
"--pattern": "--
|
|
24
|
-
"_hide": "
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SBackground": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_fnkon_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_fnkon);transition-timing-function:ease-in-out}.___SBar_fnkon_gg_.__color_fnkon_gg_{fill:var(--color_fnkon)}.___SBar_fnkon_gg_.__pattern_fnkon_gg_.__color_fnkon_gg_{fill:var(--pattern_fnkon);stroke:var(--color_fnkon);stroke-width:1px}.___SBar_fnkon_gg_.__hide_fnkon_gg_{display:none}.___SBar_fnkon_gg_.__transparent_fnkon_gg_{opacity:.3}.___SBackground_fnkon_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "fnkon_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SBar": "___SBar_fnkon_gg_",
|
|
19
|
+
"--duration": "--duration_fnkon",
|
|
20
|
+
"_color": "__color_fnkon_gg_",
|
|
21
|
+
"--color": "--color_fnkon",
|
|
22
|
+
"_pattern": "__pattern_fnkon_gg_",
|
|
23
|
+
"--pattern": "--pattern_fnkon",
|
|
24
|
+
"_hide": "__hide_fnkon_gg_",
|
|
25
|
+
"_transparent": "__transparent_fnkon_gg_",
|
|
26
|
+
"__SBackground": "___SBackground_fnkon_gg_"
|
|
27
27
|
});
|
|
28
28
|
export var MIN_HEIGHT = 2;
|
|
29
29
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
|
@@ -99,7 +99,8 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
99
99
|
transparent = _this$asProps3.transparent,
|
|
100
100
|
_this$asProps3$maxBar = _this$asProps3.maxBarSize,
|
|
101
101
|
maxBarSize = _this$asProps3$maxBar === void 0 ? Infinity : _this$asProps3$maxBar,
|
|
102
|
-
patterns = _this$asProps3.patterns
|
|
102
|
+
patterns = _this$asProps3.patterns,
|
|
103
|
+
dataHintsHandler = _this$asProps3.dataHintsHandler;
|
|
103
104
|
var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
|
|
104
105
|
var _scale = _slicedToArray(scale, 2),
|
|
105
106
|
xScale = _scale[0],
|
|
@@ -122,9 +123,10 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
122
123
|
position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom'
|
|
123
124
|
});
|
|
124
125
|
if (groupKey) {
|
|
125
|
-
|
|
126
|
+
dataHintsHandler.describeGroupedValues(groupKey, y);
|
|
126
127
|
} else {
|
|
127
|
-
|
|
128
|
+
dataHintsHandler.describeValueEntity("".concat(i, ".").concat(y), groupKey !== null && groupKey !== void 0 ? groupKey : d[x]);
|
|
129
|
+
dataHintsHandler.specifyDataRowFields(x, y);
|
|
128
130
|
}
|
|
129
131
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
130
132
|
key: "bar-".concat(i)
|
package/lib/es6/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","AnimatedClipPath","scaleToBand","roundedPath","PatternFill","style","_sstyled","insert","MIN_HEIGHT","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Infinity","patterns","_scale","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","Fragment","cn","undefined","render","_this$asProps4","size","map","bind","attributeName","values","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n resolveColor,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n maxBarSize = Infinity,\n patterns,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n const width = Math.min(bandWidth, maxBarSize);\n const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return (\n <React.Fragment key={`bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n color={resolveColor(color)}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <AnimatedClipPath\n duration={duration}\n key={`${uid}-animation`}\n attributeName='y'\n values='100%;0'\n id={uid}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={scaleToBand(xScale).bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","AnimatedClipPath","scaleToBand","roundedPath","PatternFill","style","_sstyled","insert","MIN_HEIGHT","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","resolveColor","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_this$asProps3$maxBar","maxBarSize","Infinity","patterns","dataHintsHandler","_scale","_slicedToArray","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","bandWidth","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","Fragment","cn","undefined","render","_this$asProps4","size","map","bind","attributeName","values","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n resolveColor,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n maxBarSize = Infinity,\n patterns,\n dataHintsHandler,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n const width = Math.min(bandWidth, maxBarSize);\n const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n dataHintsHandler.specifyDataRowFields(x, y);\n }\n\n return (\n <React.Fragment key={`bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n color={resolveColor(color)}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <AnimatedClipPath\n duration={duration}\n key={`${uid}-animation`}\n attributeName='y'\n values='100%;0'\n id={uid}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={scaleToBand(xScale).bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -18,18 +18,18 @@ import { getBubbleChartValueScale, CONSTANT, measureText } from './utils';
|
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
import { PatternFill } from './Pattern';
|
|
20
20
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBubble": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_pattern": "
|
|
26
|
-
"--pattern": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SCenter": "
|
|
29
|
-
"__SLabel": "
|
|
30
|
-
"_position_right": "
|
|
31
|
-
"_position_left": "
|
|
32
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_tzzsq_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_tzzsq);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_tzzsq_gg_:hover{opacity:.8}}.___SBubble_tzzsq_gg_.__color_tzzsq_gg_{fill:var(--color_tzzsq)}.___SBubble_tzzsq_gg_.__pattern_tzzsq_gg_.__color_tzzsq_gg_{fill:var(--pattern_tzzsq);stroke:var(--color_tzzsq);stroke-width:1px}.___SBubble_tzzsq_gg_.__transparent_tzzsq_gg_{opacity:.3}.___SCenter_tzzsq_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_tzzsq_gg_.__color_tzzsq_gg_{stroke:var(--color_tzzsq)}.___SCenter_tzzsq_gg_.__transparent_tzzsq_gg_{opacity:.3}.___SLabel_tzzsq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_tzzsq_gg_._position_right_tzzsq_gg_{text-anchor:end}.___SLabel_tzzsq_gg_._position_left_tzzsq_gg_{text-anchor:start}.___SLabel_tzzsq_gg_.__color_tzzsq_gg_{fill:var(--color_tzzsq)}.___SLabel_tzzsq_gg_.__transparent_tzzsq_gg_{opacity:.3}" /*__inner_css_end__*/, "tzzsq_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBubble": "___SBubble_tzzsq_gg_",
|
|
23
|
+
"_color": "__color_tzzsq_gg_",
|
|
24
|
+
"--color": "--color_tzzsq",
|
|
25
|
+
"_pattern": "__pattern_tzzsq_gg_",
|
|
26
|
+
"--pattern": "--pattern_tzzsq",
|
|
27
|
+
"_transparent": "__transparent_tzzsq_gg_",
|
|
28
|
+
"__SCenter": "___SCenter_tzzsq_gg_",
|
|
29
|
+
"__SLabel": "___SLabel_tzzsq_gg_",
|
|
30
|
+
"_position_right": "_position_right_tzzsq_gg_",
|
|
31
|
+
"_position_left": "_position_left_tzzsq_gg_",
|
|
32
|
+
"--duration": "--duration_tzzsq"
|
|
33
33
|
});
|
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -23,15 +23,15 @@ import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
import { PatternFill } from './Pattern';
|
|
25
25
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SPie": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SEmptyData": "
|
|
34
|
-
"__SLabel": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_5ch8u_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_5ch8u_gg_.__color_5ch8u_gg_{fill:var(--color_5ch8u)}.___SPie_5ch8u_gg_.__pattern_5ch8u_gg_.__color_5ch8u_gg_{fill:var(--pattern_5ch8u);stroke:var(--color_5ch8u);stroke-width:1px}.___SPie_5ch8u_gg_.__transparent_5ch8u_gg_{opacity:.3}.___SEmptyData_5ch8u_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_5ch8u_gg_.__color_5ch8u_gg_{fill:var(--color_5ch8u)}.___SLabel_5ch8u_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "5ch8u_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SPie": "___SPie_5ch8u_gg_",
|
|
28
|
+
"_color": "__color_5ch8u_gg_",
|
|
29
|
+
"--color": "--color_5ch8u",
|
|
30
|
+
"_pattern": "__pattern_5ch8u_gg_",
|
|
31
|
+
"--pattern": "--pattern_5ch8u",
|
|
32
|
+
"_transparent": "__transparent_5ch8u_gg_",
|
|
33
|
+
"__SEmptyData": "___SEmptyData_5ch8u_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_5ch8u_gg_"
|
|
35
35
|
});
|
|
36
36
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
37
37
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,14 +7,14 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDot": "
|
|
12
|
-
"_hide": "
|
|
13
|
-
"_color": "
|
|
14
|
-
"--color": "--
|
|
15
|
-
"_transparent": "
|
|
16
|
-
"__SDots": "
|
|
17
|
-
"--duration": "--
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_5vgq1_gg_ .___SDot_5vgq1_gg_{transition-duration:var(--duration_5vgq1)}.___SDot_5vgq1_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_5vgq1_gg_.__hide_5vgq1_gg_{display:none}.___SDot_5vgq1_gg_.__color_5vgq1_gg_{fill:var(--color_5vgq1)}.___SDot_5vgq1_gg_.__transparent_5vgq1_gg_{opacity:.3}" /*__inner_css_end__*/, "5vgq1_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDot": "___SDot_5vgq1_gg_",
|
|
12
|
+
"_hide": "__hide_5vgq1_gg_",
|
|
13
|
+
"_color": "__color_5vgq1_gg_",
|
|
14
|
+
"--color": "--color_5vgq1",
|
|
15
|
+
"_transparent": "__transparent_5vgq1_gg_",
|
|
16
|
+
"__SDots": "___SDots_5vgq1_gg_",
|
|
17
|
+
"--duration": "--duration_5vgq1"
|
|
18
18
|
});
|
|
19
19
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -13,16 +13,16 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
|
14
14
|
import { PatternFill } from './Pattern';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_pattern": "
|
|
22
|
-
"--pattern": "--
|
|
23
|
-
"_hide": "
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_fnkon_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_fnkon);transition-timing-function:ease-in-out}.___SBar_fnkon_gg_.__color_fnkon_gg_{fill:var(--color_fnkon)}.___SBar_fnkon_gg_.__pattern_fnkon_gg_.__color_fnkon_gg_{fill:var(--pattern_fnkon);stroke:var(--color_fnkon);stroke-width:1px}.___SBar_fnkon_gg_.__hide_fnkon_gg_{display:none}.___SBar_fnkon_gg_.__transparent_fnkon_gg_{opacity:.3}.___SBackground_fnkon_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "fnkon_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_fnkon_gg_",
|
|
18
|
+
"--duration": "--duration_fnkon",
|
|
19
|
+
"_color": "__color_fnkon_gg_",
|
|
20
|
+
"--color": "--color_fnkon",
|
|
21
|
+
"_pattern": "__pattern_fnkon_gg_",
|
|
22
|
+
"--pattern": "--pattern_fnkon",
|
|
23
|
+
"_hide": "__hide_fnkon_gg_",
|
|
24
|
+
"_transparent": "__transparent_fnkon_gg_",
|
|
25
|
+
"__SBackground": "___SBackground_fnkon_gg_"
|
|
26
26
|
});
|
|
27
27
|
export var MIN_WIDTH = 2;
|
|
28
28
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
package/lib/es6/Hover.js
CHANGED
|
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
16
16
|
import createElement from './createElement';
|
|
17
17
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
|
|
18
18
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SHoverLine": "
|
|
21
|
-
"__SHoverRect": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_vc3xw_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_vc3xw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "vc3xw_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_vc3xw_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_vc3xw_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -15,15 +15,15 @@ import Dots from './Dots';
|
|
|
15
15
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
16
16
|
import { resolvePatternDasharray } from './Pattern';
|
|
17
17
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SLine": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_hide": "
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SNull": "
|
|
26
|
-
"__SAria": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_kydlw_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_kydlw);transition-timing-function:ease-in-out}.___SLine_kydlw_gg_.__color_kydlw_gg_{stroke:var(--color_kydlw)}.___SLine_kydlw_gg_.__hide_kydlw_gg_{display:none}.___SLine_kydlw_gg_.__transparent_kydlw_gg_{opacity:.3}.___SNull_kydlw_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_kydlw_gg_.__hide_kydlw_gg_{display:none}.___SAria_kydlw_gg_{transition-property:d;transition-duration:var(--duration_kydlw);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_kydlw_gg_.__color_kydlw_gg_{fill:var(--color_kydlw)}" /*__inner_css_end__*/, "kydlw_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SLine": "___SLine_kydlw_gg_",
|
|
20
|
+
"--duration": "--duration_kydlw",
|
|
21
|
+
"_color": "__color_kydlw_gg_",
|
|
22
|
+
"--color": "--color_kydlw",
|
|
23
|
+
"_hide": "__hide_kydlw_gg_",
|
|
24
|
+
"_transparent": "__transparent_kydlw_gg_",
|
|
25
|
+
"__SNull": "___SNull_kydlw_gg_",
|
|
26
|
+
"__SAria": "___SAria_kydlw_gg_"
|
|
27
27
|
});
|
|
28
28
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(LineRoot, _Component);
|
package/lib/es6/Plot.js
CHANGED
|
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
20
20
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SPlot": "
|
|
23
|
-
"_keyboardFocused": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_hkma2_gg_{overflow:hidden}.___SPlot_hkma2_gg_:active,.___SPlot_hkma2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_hkma2_gg_.__keyboardFocused_hkma2_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "hkma2_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SPlot": "___SPlot_hkma2_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_hkma2_gg_"
|
|
24
24
|
});
|
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(PlotRoot, _Component);
|