@semcore/d3-chart 3.22.2 → 3.22.3
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 +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +8 -8
- 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 +17 -17
- package/lib/cjs/RadialTree.js +10 -10
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +10 -7
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- 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 +15 -15
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +8 -8
- 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 +17 -17
- package/lib/es6/RadialTree.js +10 -10
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +10 -7
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- 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 +15 -15
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/package.json +1 -1
|
@@ -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_1qyln_gg_._direction_row_1qyln_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1qyln_gg_._direction_column_1qyln_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1qyln_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLegendFlex": "___SLegendFlex_1qyln_gg_",
|
|
27
|
+
"_direction_row": "_direction_row_1qyln_gg_",
|
|
28
|
+
"_direction_column": "_direction_column_1qyln_gg_"
|
|
29
29
|
});
|
|
30
30
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
31
31
|
(0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
|
|
@@ -22,21 +22,21 @@ var _LegendItem = require("./LegendItem.type");
|
|
|
22
22
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
23
23
|
var _excluded = ["color"];
|
|
24
24
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SLegendItem": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SPointShape": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_shape_Circle": "
|
|
32
|
-
"_size_l": "
|
|
33
|
-
"_size_m": "
|
|
34
|
-
"_shape_Line": "
|
|
35
|
-
"_shape_Square": "
|
|
36
|
-
"__SIcon": "
|
|
37
|
-
"__SLabel": "
|
|
38
|
-
"__SAdditionalLabel": "
|
|
39
|
-
"__SCount": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1j3b2_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1j3b2_gg_:hover{cursor:pointer}.___SLegendItem_1j3b2_gg_.__disabled_1j3b2_gg_:hover{cursor:default}}.___SPointShape_1j3b2_gg_.__color_1j3b2_gg_{background-color:var(--color_1j3b2);margin-right:8px;flex-shrink:0}.___SPointShape_1j3b2_gg_._shape_Circle_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Circle_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Line_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1j3b2_gg_._shape_Line_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1j3b2_gg_._shape_Square_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Square_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1j3b2_gg_{line-height:0;margin-right:4px}.___SIcon_1j3b2_gg_._size_l_1j3b2_gg_{margin-top:4px}.___SIcon_1j3b2_gg_._size_m_1j3b2_gg_{margin-top:2px}.___SLabel_1j3b2_gg_{min-width:0}.___SAdditionalLabel_1j3b2_gg_._size_l_1j3b2_gg_,.___SCount_1j3b2_gg_._size_l_1j3b2_gg_,.___SLabel_1j3b2_gg_._size_l_1j3b2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1j3b2_gg_._size_m_1j3b2_gg_,.___SCount_1j3b2_gg_._size_m_1j3b2_gg_,.___SLabel_1j3b2_gg_._size_m_1j3b2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1j3b2_gg_,.___SCount_1j3b2_gg_{margin-left:4px}.___SAdditionalLabel_1j3b2_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1j3b2_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1j3b2_gg_._size_l_1j3b2_gg_::before{margin-top:10px}.___SAdditionalLabel_1j3b2_gg_._size_m_1j3b2_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1j3b2_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLegendItem": "___SLegendItem_1j3b2_gg_",
|
|
27
|
+
"_disabled": "__disabled_1j3b2_gg_",
|
|
28
|
+
"__SPointShape": "___SPointShape_1j3b2_gg_",
|
|
29
|
+
"_color": "__color_1j3b2_gg_",
|
|
30
|
+
"--color": "--color_1j3b2",
|
|
31
|
+
"_shape_Circle": "_shape_Circle_1j3b2_gg_",
|
|
32
|
+
"_size_l": "_size_l_1j3b2_gg_",
|
|
33
|
+
"_size_m": "_size_m_1j3b2_gg_",
|
|
34
|
+
"_shape_Line": "_shape_Line_1j3b2_gg_",
|
|
35
|
+
"_shape_Square": "_shape_Square_1j3b2_gg_",
|
|
36
|
+
"__SIcon": "___SIcon_1j3b2_gg_",
|
|
37
|
+
"__SLabel": "___SLabel_1j3b2_gg_",
|
|
38
|
+
"__SAdditionalLabel": "___SAdditionalLabel_1j3b2_gg_",
|
|
39
|
+
"__SCount": "___SCount_1j3b2_gg_"
|
|
40
40
|
});
|
|
41
41
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
42
42
|
(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_l2pan_gg_.__columns-count_l2pan_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_l2pan_gg_._size_l_l2pan_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_l2pan_gg_._size_m_l2pan_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "l2pan_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SLegendTable": "___SLegendTable_l2pan_gg_",
|
|
23
|
+
"_columns-count": "__columns-count_l2pan_gg_",
|
|
24
|
+
"__SColumnItem": "___SColumnItem_l2pan_gg_",
|
|
25
|
+
"_size_l": "_size_l_l2pan_gg_",
|
|
26
|
+
"_size_m": "_size_m_l2pan_gg_"
|
|
27
27
|
});
|
|
28
28
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
29
29
|
(0, _inherits2["default"])(LegendTableRoot, _BaseLegend);
|
package/lib/es6/Area.js
CHANGED
|
@@ -15,15 +15,15 @@ import createElement from './createElement';
|
|
|
15
15
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue } from './utils';
|
|
16
16
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
17
17
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SArea": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SAreaLine": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"__SNull": "
|
|
26
|
-
"_hide": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_il573_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_il573_gg_.__color_il573_gg_{fill:var(--color_il573)}.___SArea_il573_gg_.__transparent_il573_gg_{opacity:.3}.___SAreaLine_il573_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_il573_gg_.__color_il573_gg_{stroke:var(--color_il573)}.___SAreaLine_il573_gg_.__transparent_il573_gg_{opacity:.3}.___SAreaLine_il573_gg_,.___SArea_il573_gg_{transition-property:d;transition-duration:var(--duration_il573);transition-timing-function:ease-in-out}.___SNull_il573_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_il573_gg_.__hide_il573_gg_{display:none}" /*__inner_css_end__*/, "il573_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SArea": "___SArea_il573_gg_",
|
|
20
|
+
"_color": "__color_il573_gg_",
|
|
21
|
+
"--color": "--color_il573",
|
|
22
|
+
"_transparent": "__transparent_il573_gg_",
|
|
23
|
+
"__SAreaLine": "___SAreaLine_il573_gg_",
|
|
24
|
+
"--duration": "--duration_il573",
|
|
25
|
+
"__SNull": "___SNull_il573_gg_",
|
|
26
|
+
"_hide": "__hide_il573_gg_"
|
|
27
27
|
});
|
|
28
28
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_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_1xlie_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1xlie_gg_.__hide_1xlie_gg_,.___STick_1xlie_gg_.__hide_1xlie_gg_{display:none}.___STick_1xlie_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1xlie_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1xlie_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1xlie)}.___STitle_1xlie_gg_._position_top_1xlie_gg_{text-anchor:middle}.___STitle_1xlie_gg_._position_bottom_1xlie_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1xlie_gg_._position_left_1xlie_gg_,.___STitle_1xlie_gg_._position_right_1xlie_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1xlie_gg_._position_left_1xlie_gg_.__verticalWritingMode_1xlie_gg_,.___STitle_1xlie_gg_._position_right_1xlie_gg_.__verticalWritingMode_1xlie_gg_{writing-mode:vertical-rl;transform:none}.___STick_1xlie_gg_._position_top_1xlie_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1xlie_gg_._position_bottom_1xlie_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1xlie_gg_._position_right_1xlie_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1xlie_gg_._position_left_1xlie_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1xlie_gg_._position_custom_0_1xlie_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1xlie_gg_._position_custom_1_1xlie_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1xlie_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_1xlie_gg_",
|
|
17
|
+
"_hide": "__hide_1xlie_gg_",
|
|
18
|
+
"__STick": "___STick_1xlie_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_1xlie_gg_",
|
|
20
|
+
"__STitle": "___STitle_1xlie_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_1xlie",
|
|
22
|
+
"_position_top": "_position_top_1xlie_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_1xlie_gg_",
|
|
24
|
+
"_position_right": "_position_right_1xlie_gg_",
|
|
25
|
+
"_position_left": "_position_left_1xlie_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_1xlie_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_1xlie_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_1xlie_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
|
@@ -13,14 +13,14 @@ import createElement from './createElement';
|
|
|
13
13
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
14
14
|
import { scaleToBand, roundedPath } from './utils';
|
|
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
|
-
"_hide": "
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_14a77_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_14a77);transition-timing-function:ease-in-out}.___SBar_14a77_gg_.__color_14a77_gg_{fill:var(--color_14a77)}.___SBar_14a77_gg_.__hide_14a77_gg_{display:none}.___SBar_14a77_gg_.__transparent_14a77_gg_{opacity:.3}.___SBackground_14a77_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "14a77_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_14a77_gg_",
|
|
18
|
+
"--duration": "--duration_14a77",
|
|
19
|
+
"_color": "__color_14a77_gg_",
|
|
20
|
+
"--color": "--color_14a77",
|
|
21
|
+
"_hide": "__hide_14a77_gg_",
|
|
22
|
+
"_transparent": "__transparent_14a77_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_14a77_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var MIN_HEIGHT = 2;
|
|
26
26
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -19,16 +19,16 @@ import createElement from './createElement';
|
|
|
19
19
|
import { CONSTANT, measureText } from './utils';
|
|
20
20
|
import Tooltip from './Tooltip';
|
|
21
21
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SBubble": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SCenter": "
|
|
28
|
-
"__SLabel": "
|
|
29
|
-
"_position_right": "
|
|
30
|
-
"_position_left": "
|
|
31
|
-
"--duration": "--
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1xhiu_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_1xhiu);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1xhiu_gg_:hover{opacity:.8}}.___SBubble_1xhiu_gg_.__color_1xhiu_gg_{fill:var(--color_1xhiu)}.___SBubble_1xhiu_gg_.__transparent_1xhiu_gg_{opacity:.3}.___SCenter_1xhiu_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1xhiu_gg_.__color_1xhiu_gg_{stroke:var(--color_1xhiu)}.___SCenter_1xhiu_gg_.__transparent_1xhiu_gg_{opacity:.3}.___SLabel_1xhiu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1xhiu_gg_._position_right_1xhiu_gg_{text-anchor:end}.___SLabel_1xhiu_gg_._position_left_1xhiu_gg_{text-anchor:start}.___SLabel_1xhiu_gg_.__color_1xhiu_gg_{fill:var(--color_1xhiu)}.___SLabel_1xhiu_gg_.__transparent_1xhiu_gg_{opacity:.3}" /*__inner_css_end__*/, "1xhiu_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBubble": "___SBubble_1xhiu_gg_",
|
|
24
|
+
"_color": "__color_1xhiu_gg_",
|
|
25
|
+
"--color": "--color_1xhiu",
|
|
26
|
+
"_transparent": "__transparent_1xhiu_gg_",
|
|
27
|
+
"__SCenter": "___SCenter_1xhiu_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_1xhiu_gg_",
|
|
29
|
+
"_position_right": "_position_right_1xhiu_gg_",
|
|
30
|
+
"_position_left": "_position_left_1xhiu_gg_",
|
|
31
|
+
"--duration": "--duration_1xhiu"
|
|
32
32
|
});
|
|
33
33
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -22,13 +22,13 @@ import createElement from './createElement';
|
|
|
22
22
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SPie": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SEmptyData": "
|
|
31
|
-
"__SLabel": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_mji96_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_mji96_gg_.__color_mji96_gg_{fill:var(--color_mji96)}.___SPie_mji96_gg_.__transparent_mji96_gg_{opacity:.3}.___SEmptyData_mji96_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_mji96_gg_.__color_mji96_gg_{fill:var(--color_mji96)}.___SLabel_mji96_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "mji96_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_mji96_gg_",
|
|
27
|
+
"_color": "__color_mji96_gg_",
|
|
28
|
+
"--color": "--color_mji96",
|
|
29
|
+
"_transparent": "__transparent_mji96_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_mji96_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_mji96_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
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 } 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_19006_gg_ .___SDot_19006_gg_{transition-duration:var(--duration_19006)}.___SDot_19006_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_19006_gg_.__hide_19006_gg_{display:none}.___SDot_19006_gg_.__color_19006_gg_{fill:var(--color_19006)}.___SDot_19006_gg_.__transparent_19006_gg_{opacity:.3}" /*__inner_css_end__*/, "19006_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDot": "___SDot_19006_gg_",
|
|
12
|
+
"_hide": "__hide_19006_gg_",
|
|
13
|
+
"_color": "__color_19006_gg_",
|
|
14
|
+
"--color": "--color_19006",
|
|
15
|
+
"_transparent": "__transparent_19006_gg_",
|
|
16
|
+
"__SDots": "___SDots_19006_gg_",
|
|
17
|
+
"--duration": "--duration_19006"
|
|
18
18
|
});
|
|
19
19
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
20
20
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,14 +12,14 @@ import createElement from './createElement';
|
|
|
12
12
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SBar": "
|
|
17
|
-
"--duration": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"__SBackground": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_14a77_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_14a77);transition-timing-function:ease-in-out}.___SBar_14a77_gg_.__color_14a77_gg_{fill:var(--color_14a77)}.___SBar_14a77_gg_.__hide_14a77_gg_{display:none}.___SBar_14a77_gg_.__transparent_14a77_gg_{opacity:.3}.___SBackground_14a77_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "14a77_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_14a77_gg_",
|
|
17
|
+
"--duration": "--duration_14a77",
|
|
18
|
+
"_color": "__color_14a77_gg_",
|
|
19
|
+
"--color": "--color_14a77",
|
|
20
|
+
"_hide": "__hide_14a77_gg_",
|
|
21
|
+
"_transparent": "__transparent_14a77_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_14a77_gg_"
|
|
23
23
|
});
|
|
24
24
|
export var MIN_WIDTH = 2;
|
|
25
25
|
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_iwee3_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_iwee3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "iwee3_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_iwee3_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_iwee3_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -14,15 +14,15 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData, interpolat
|
|
|
14
14
|
import Dots from './Dots';
|
|
15
15
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
16
16
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SLine": "
|
|
19
|
-
"--duration": "--
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_hide": "
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SNull": "
|
|
25
|
-
"__SAria": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_zyeba_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_zyeba);transition-timing-function:ease-in-out}.___SLine_zyeba_gg_.__color_zyeba_gg_{stroke:var(--color_zyeba)}.___SLine_zyeba_gg_.__hide_zyeba_gg_{display:none}.___SLine_zyeba_gg_.__transparent_zyeba_gg_{opacity:.3}.___SNull_zyeba_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_zyeba_gg_.__hide_zyeba_gg_{display:none}.___SAria_zyeba_gg_{transition-property:d;transition-duration:var(--duration_zyeba);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_zyeba_gg_.__color_zyeba_gg_{fill:var(--color_zyeba)}" /*__inner_css_end__*/, "zyeba_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_zyeba_gg_",
|
|
19
|
+
"--duration": "--duration_zyeba",
|
|
20
|
+
"_color": "__color_zyeba_gg_",
|
|
21
|
+
"--color": "--color_zyeba",
|
|
22
|
+
"_hide": "__hide_zyeba_gg_",
|
|
23
|
+
"_transparent": "__transparent_zyeba_gg_",
|
|
24
|
+
"__SNull": "___SNull_zyeba_gg_",
|
|
25
|
+
"__SAria": "___SAria_zyeba_gg_"
|
|
26
26
|
});
|
|
27
27
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_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_orom4_gg_{overflow:hidden}.___SPlot_orom4_gg_:active,.___SPlot_orom4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_orom4_gg_.__keyboardFocused_orom4_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__*/, "orom4_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SPlot": "___SPlot_orom4_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_orom4_gg_"
|
|
24
24
|
});
|
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -21,23 +21,23 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
|
22
22
|
import Tooltip from './Tooltip';
|
|
23
23
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SAxis": "
|
|
26
|
-
"__SAxisLine": "
|
|
27
|
-
"__SAxisTick": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"__SAxisLabel": "
|
|
30
|
-
"_xDirection": "
|
|
31
|
-
"--xDirection": "--
|
|
32
|
-
"_yDirection": "
|
|
33
|
-
"--yDirection": "--
|
|
34
|
-
"__SPolygon": "
|
|
35
|
-
"_color": "
|
|
36
|
-
"--color": "--
|
|
37
|
-
"__SPolygonDot": "
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SPolygonLine": "
|
|
40
|
-
"__SPieRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_14j12_gg_,.___SAxisTick_14j12_gg_,.___SAxis_14j12_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_14j12_gg_,.___SAxisTick_14j12_gg_{stroke-dasharray:2}.___SAxisLine_14j12_gg_.__active_14j12_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_14j12_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_14j12_gg_.__xDirection_14j12_gg_{text-anchor:var(--xDirection_14j12)}.___SAxisLabel_14j12_gg_.__yDirection_14j12_gg_{dominant-baseline:var(--yDirection_14j12)}.___SPolygonDot_14j12_gg_,.___SPolygon_14j12_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_14j12_gg_{opacity:.2}.___SPolygon_14j12_gg_.__color_14j12_gg_{fill:var(--color_14j12)}.___SPolygonDot_14j12_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_14j12_gg_.__transparent_14j12_gg_{opacity:.3}.___SPolygonDot_14j12_gg_.__color_14j12_gg_{fill:var(--color_14j12)}.___SPolygonLine_14j12_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_14j12_gg_.__transparent_14j12_gg_{opacity:.3}.___SPolygonLine_14j12_gg_.__color_14j12_gg_{stroke:var(--color_14j12)}.___SPieRect_14j12_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "14j12_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SAxis": "___SAxis_14j12_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_14j12_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_14j12_gg_",
|
|
28
|
+
"_active": "__active_14j12_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_14j12_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_14j12_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_14j12",
|
|
32
|
+
"_yDirection": "__yDirection_14j12_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_14j12",
|
|
34
|
+
"__SPolygon": "___SPolygon_14j12_gg_",
|
|
35
|
+
"_color": "__color_14j12_gg_",
|
|
36
|
+
"--color": "--color_14j12",
|
|
37
|
+
"__SPolygonDot": "___SPolygonDot_14j12_gg_",
|
|
38
|
+
"_transparent": "__transparent_14j12_gg_",
|
|
39
|
+
"__SPolygonLine": "___SPolygonLine_14j12_gg_",
|
|
40
|
+
"__SPieRect": "___SPieRect_14j12_gg_"
|
|
41
41
|
});
|
|
42
42
|
var clampAngle = function clampAngle(angle) {
|
|
43
43
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -20,16 +20,16 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
|
20
20
|
import createElement from './createElement';
|
|
21
21
|
import { measureText } from './utils';
|
|
22
22
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SRadian": "
|
|
25
|
-
"__SLine": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SCap": "
|
|
30
|
-
"__SIcon": "
|
|
31
|
-
"__SLabel": "
|
|
32
|
-
"__SLineCap": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_jqqwn_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_jqqwn_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_jqqwn_gg_.__color_jqqwn_gg_{stroke:var(--color_jqqwn)}.___SCap_jqqwn_gg_.__transparent_jqqwn_gg_,.___SIcon_jqqwn_gg_.__transparent_jqqwn_gg_,.___SLabel_jqqwn_gg_.__transparent_jqqwn_gg_,.___SLine_jqqwn_gg_.__transparent_jqqwn_gg_{opacity:.3}.___SCap_jqqwn_gg_{transition:r .1s}.___SLabel_jqqwn_gg_{fill:var(--color_jqqwn)}@media (hover:hover){.___SRadian_jqqwn_gg_:hover .___SLabel_jqqwn_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_jqqwn_gg_{transition:none}}" /*__inner_css_end__*/, "jqqwn_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SRadian": "___SRadian_jqqwn_gg_",
|
|
25
|
+
"__SLine": "___SLine_jqqwn_gg_",
|
|
26
|
+
"_color": "__color_jqqwn_gg_",
|
|
27
|
+
"--color": "--color_jqqwn",
|
|
28
|
+
"_transparent": "__transparent_jqqwn_gg_",
|
|
29
|
+
"__SCap": "___SCap_jqqwn_gg_",
|
|
30
|
+
"__SIcon": "___SIcon_jqqwn_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_jqqwn_gg_",
|
|
32
|
+
"__SLineCap": "___SLineCap_jqqwn_gg_"
|
|
33
33
|
});
|
|
34
34
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
35
35
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ReferenceLine.js
CHANGED
|
@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
11
11
|
import createElement from './createElement';
|
|
12
12
|
import { scaleOfBandwidth } from './utils';
|
|
13
13
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SReferenceLine": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"__SBackground": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_19954_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_19954_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_19954)}.___STitle_19954_gg_._position_top_19954_gg_{text-anchor:middle}.___STitle_19954_gg_._position_bottom_19954_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_19954_gg_._position_left_19954_gg_,.___STitle_19954_gg_._position_right_19954_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_19954_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "19954_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_19954_gg_",
|
|
16
|
+
"__STitle": "___STitle_19954_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_19954",
|
|
18
|
+
"_position_top": "_position_top_19954_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_19954_gg_",
|
|
20
|
+
"_position_right": "_position_right_19954_gg_",
|
|
21
|
+
"_position_left": "_position_left_19954_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_19954_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -17,13 +17,13 @@ import createElement from './createElement';
|
|
|
17
17
|
import { CONSTANT } from './utils';
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SScatterPlot": "
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SValue": "
|
|
26
|
-
"--duration": "--
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1ku7b_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1ku7b);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1ku7b_gg_:hover{opacity:.8}}.___SScatterPlot_1ku7b_gg_.__color_1ku7b_gg_{fill:var(--color_1ku7b)}.___SScatterPlot_1ku7b_gg_.__transparent_1ku7b_gg_{opacity:.3}.___SValue_1ku7b_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1ku7b_gg_.__color_1ku7b_gg_{stroke:var(--color_1ku7b)}.___SValue_1ku7b_gg_.__transparent_1ku7b_gg_{opacity:.3}" /*__inner_css_end__*/, "1ku7b_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SScatterPlot": "___SScatterPlot_1ku7b_gg_",
|
|
22
|
+
"_color": "__color_1ku7b_gg_",
|
|
23
|
+
"--color": "--color_1ku7b",
|
|
24
|
+
"_transparent": "__transparent_1ku7b_gg_",
|
|
25
|
+
"__SValue": "___SValue_1ku7b_gg_",
|
|
26
|
+
"--duration": "--duration_1ku7b"
|
|
27
27
|
});
|
|
28
28
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(ScatterPlotRoot, _Component);
|
|
@@ -112,6 +112,9 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
112
112
|
yScale = _scale[1];
|
|
113
113
|
var SScatterPlot = this.Element;
|
|
114
114
|
var SValue = 'text';
|
|
115
|
+
if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {
|
|
116
|
+
return null;
|
|
117
|
+
}
|
|
115
118
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {
|
|
116
119
|
"aria-hidden": true,
|
|
117
120
|
"key": "circle(#".concat(i, ")"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","_objectSpread","_assignProps","ScatterPlot","_______childrenComponents"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n static displayName = 'ScatterPlot';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, r, value } = this.asProps;\n const radius = r ? r : value ? 12 : 5.5;\n const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode) {\n selectRect.transition().duration(duration).attr('r', radius);\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n r,\n offset,\n styles,\n uid,\n duration,\n value,\n valueColor,\n transparent,\n resolveColor,\n } = this.asProps;\n const [xScale, yScale] = scale;\n const SScatterPlot = this.Element;\n const SValue = 'text';\n\n return sstyled(styles)(\n <g\n aria-hidden\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n >\n <SScatterPlot\n aria-hidden\n id={`${uid}${i}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(color)}\n r={r}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[value] !== undefined && (\n <SValue\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(valueColor)}\n transparent={transparent}\n >\n {d[value]}\n </SValue>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <clipPath id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n </clipPath>\n </>\n );\n }\n}\n\nconst ScatterPlotTooltip = (props) => {\n const SScatterPlotTooltip = Root;\n return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","resolveColor","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","Number","isNaN","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","_objectSpread","_assignProps","ScatterPlot","_______childrenComponents"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n static displayName = 'ScatterPlot';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, r, value } = this.asProps;\n const radius = r ? r : value ? 12 : 5.5;\n const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode) {\n selectRect.transition().duration(duration).attr('r', radius);\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n r,\n offset,\n styles,\n uid,\n duration,\n value,\n valueColor,\n transparent,\n resolveColor,\n } = this.asProps;\n const [xScale, yScale] = scale;\n const SScatterPlot = this.Element;\n const SValue = 'text';\n\n if (Number.isNaN(d[x]) || Number.isNaN(d[y])) {\n return null;\n }\n\n return sstyled(styles)(\n <g\n aria-hidden\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n >\n <SScatterPlot\n aria-hidden\n id={`${uid}${i}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(color)}\n r={r}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[value] !== undefined && (\n <SValue\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(valueColor)}\n transparent={transparent}\n >\n {d[value]}\n </SValue>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <clipPath id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n </clipPath>\n </>\n );\n }\n}\n\nconst ScatterPlotTooltip = (props) => {\n const SScatterPlotTooltip = Root;\n return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}
|