@semcore/d3-chart 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +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 +9 -9
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ResponsiveContainer.js +8 -3
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +7 -7
- 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 +3 -3
- 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 +9 -9
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ResponsiveContainer.js +8 -3
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +7 -7
- 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 +3 -3
- package/package.json +2 -2
|
@@ -20,9 +20,9 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
20
20
|
var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
|
|
21
21
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
22
22
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
23
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SPlotA11yView": "
|
|
25
|
-
"_focus-within": "__focus-
|
|
23
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1jcfy_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_1jcfy_gg_.__focus-within_1jcfy_gg_,.___SPlotA11yView_1jcfy_gg_:focus{-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_1jcfy_gg_:focus,.___SPlotA11yView_1jcfy_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_1jcfy_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1jcfy_gg_ table,.___SPlotA11yView_1jcfy_gg_ td,.___SPlotA11yView_1jcfy_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1jcfy_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SPlotA11yView": "___SPlotA11yView_1jcfy_gg_",
|
|
25
|
+
"_focus-within": "__focus-within_1jcfy_gg_"
|
|
26
26
|
});
|
|
27
27
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
28
28
|
var _ref = arguments[0],
|
package/lib/es6/Area.js
CHANGED
|
@@ -15,15 +15,15 @@ import createElement from './createElement';
|
|
|
15
15
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
|
|
16
16
|
import ClipPath from './ClipPath';
|
|
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_1wjww_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1wjww_gg_.__color_1wjww_gg_{fill:var(--color_1wjww)}.___SArea_1wjww_gg_.__transparent_1wjww_gg_{opacity:.3}.___SAreaLine_1wjww_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1wjww_gg_.__color_1wjww_gg_{stroke:var(--color_1wjww)}.___SAreaLine_1wjww_gg_.__transparent_1wjww_gg_{opacity:.3}.___SAreaLine_1wjww_gg_,.___SArea_1wjww_gg_{transition-property:d;transition-duration:var(--duration_1wjww);transition-timing-function:ease-in-out}.___SNull_1wjww_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1wjww_gg_.__hide_1wjww_gg_{display:none}" /*__inner_css_end__*/, "1wjww_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SArea": "___SArea_1wjww_gg_",
|
|
20
|
+
"_color": "__color_1wjww_gg_",
|
|
21
|
+
"--color": "--color_1wjww",
|
|
22
|
+
"_transparent": "__transparent_1wjww_gg_",
|
|
23
|
+
"__SAreaLine": "___SAreaLine_1wjww_gg_",
|
|
24
|
+
"--duration": "--duration_1wjww",
|
|
25
|
+
"__SNull": "___SNull_1wjww_gg_",
|
|
26
|
+
"_hide": "__hide_1wjww_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_14jt9_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_14jt9_gg_.__hide_14jt9_gg_,.___STick_14jt9_gg_.__hide_14jt9_gg_{display:none}.___STick_14jt9_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_14jt9_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_14jt9_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_14jt9)}.___STitle_14jt9_gg_._position_top_14jt9_gg_{text-anchor:middle}.___STitle_14jt9_gg_._position_bottom_14jt9_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_14jt9_gg_._position_left_14jt9_gg_,.___STitle_14jt9_gg_._position_right_14jt9_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_14jt9_gg_._position_left_14jt9_gg_.__verticalWritingMode_14jt9_gg_,.___STitle_14jt9_gg_._position_right_14jt9_gg_.__verticalWritingMode_14jt9_gg_{writing-mode:vertical-rl;transform:none}.___STick_14jt9_gg_._position_top_14jt9_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_14jt9_gg_._position_bottom_14jt9_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_14jt9_gg_._position_right_14jt9_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_14jt9_gg_._position_left_14jt9_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_14jt9_gg_._position_custom_0_14jt9_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_14jt9_gg_._position_custom_1_14jt9_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "14jt9_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_14jt9_gg_",
|
|
17
|
+
"_hide": "__hide_14jt9_gg_",
|
|
18
|
+
"__STick": "___STick_14jt9_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_14jt9_gg_",
|
|
20
|
+
"__STitle": "___STitle_14jt9_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_14jt9",
|
|
22
|
+
"_position_top": "_position_top_14jt9_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_14jt9_gg_",
|
|
24
|
+
"_position_right": "_position_right_14jt9_gg_",
|
|
25
|
+
"_position_left": "_position_left_14jt9_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_14jt9_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_14jt9_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_14jt9_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 ClipPath from './ClipPath';
|
|
14
14
|
import { getBandwidth, 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_g0ywm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_g0ywm);transition-timing-function:ease-in-out}.___SBar_g0ywm_gg_.__color_g0ywm_gg_{fill:var(--color_g0ywm)}.___SBar_g0ywm_gg_.__hide_g0ywm_gg_{display:none}.___SBar_g0ywm_gg_.__transparent_g0ywm_gg_{opacity:.3}.___SBackground_g0ywm_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "g0ywm_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_g0ywm_gg_",
|
|
18
|
+
"--duration": "--duration_g0ywm",
|
|
19
|
+
"_color": "__color_g0ywm_gg_",
|
|
20
|
+
"--color": "--color_g0ywm",
|
|
21
|
+
"_hide": "__hide_g0ywm_gg_",
|
|
22
|
+
"_transparent": "__transparent_g0ywm_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_g0ywm_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
|
@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
|
|
|
20
20
|
import { CONSTANT, measureText } from './utils';
|
|
21
21
|
import Tooltip from './Tooltip';
|
|
22
22
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SCenter": "
|
|
30
|
-
"__SLabel": "
|
|
31
|
-
"_position_right": "
|
|
32
|
-
"_position_left": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_19s13_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_19s13);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_19s13_gg_:hover{opacity:.8}}.___SBubble_19s13_gg_.__color_19s13_gg_{fill:var(--color_19s13)}.___SBubble_19s13_gg_.__transparent_19s13_gg_{opacity:.3}.___SCenter_19s13_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_19s13_gg_.__color_19s13_gg_{stroke:var(--color_19s13)}.___SCenter_19s13_gg_.__transparent_19s13_gg_{opacity:.3}.___SLabel_19s13_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_19s13_gg_._position_right_19s13_gg_{text-anchor:end}.___SLabel_19s13_gg_._position_left_19s13_gg_{text-anchor:start}.___SLabel_19s13_gg_.__color_19s13_gg_{fill:var(--color_19s13)}.___SLabel_19s13_gg_.__transparent_19s13_gg_{opacity:.3}" /*__inner_css_end__*/, "19s13_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBubble": "___SBubble_19s13_gg_",
|
|
25
|
+
"--duration": "--duration_19s13",
|
|
26
|
+
"_color": "__color_19s13_gg_",
|
|
27
|
+
"--color": "--color_19s13",
|
|
28
|
+
"_transparent": "__transparent_19s13_gg_",
|
|
29
|
+
"__SCenter": "___SCenter_19s13_gg_",
|
|
30
|
+
"__SLabel": "___SLabel_19s13_gg_",
|
|
31
|
+
"_position_right": "_position_right_19s13_gg_",
|
|
32
|
+
"_position_left": "_position_left_19s13_gg_"
|
|
33
33
|
});
|
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -22,13 +22,13 @@ import createElement from './createElement';
|
|
|
22
22
|
import { CONSTANT } 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_1ti4i_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1ti4i_gg_.__color_1ti4i_gg_{fill:var(--color_1ti4i)}.___SPie_1ti4i_gg_.__transparent_1ti4i_gg_{opacity:.3}.___SEmptyData_1ti4i_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1ti4i_gg_.__color_1ti4i_gg_{fill:var(--color_1ti4i)}.___SLabel_1ti4i_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1ti4i_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_1ti4i_gg_",
|
|
27
|
+
"_color": "__color_1ti4i_gg_",
|
|
28
|
+
"--color": "--color_1ti4i",
|
|
29
|
+
"_transparent": "__transparent_1ti4i_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_1ti4i_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_1ti4i_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,15 +7,15 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { eventToPoint, invert } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDots": "
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"--duration": "--
|
|
14
|
-
"_hide": "
|
|
15
|
-
"_active": "
|
|
16
|
-
"_color": "
|
|
17
|
-
"--color": "--
|
|
18
|
-
"_transparent": "
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_i0ovd_gg_ .___SDot_i0ovd_gg_{transition-duration:var(--duration_i0ovd)}.___SDot_i0ovd_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_i0ovd_gg_.__hide_i0ovd_gg_{display:none}.___SDot_i0ovd_gg_.__active_i0ovd_gg_{r:8px}.___SDot_i0ovd_gg_.__color_i0ovd_gg_{fill:var(--color_i0ovd)}.___SDot_i0ovd_gg_.__transparent_i0ovd_gg_{opacity:.3}" /*__inner_css_end__*/, "i0ovd_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDots": "___SDots_i0ovd_gg_",
|
|
12
|
+
"__SDot": "___SDot_i0ovd_gg_",
|
|
13
|
+
"--duration": "--duration_i0ovd",
|
|
14
|
+
"_hide": "__hide_i0ovd_gg_",
|
|
15
|
+
"_active": "__active_i0ovd_gg_",
|
|
16
|
+
"_color": "__color_i0ovd_gg_",
|
|
17
|
+
"--color": "--color_i0ovd",
|
|
18
|
+
"_transparent": "__transparent_i0ovd_gg_"
|
|
19
19
|
});
|
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
21
21
|
function Dots(props) {
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -12,14 +12,14 @@ import createElement from './createElement';
|
|
|
12
12
|
import ClipPath from './ClipPath';
|
|
13
13
|
import { getBandwidth, 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_g0ywm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_g0ywm);transition-timing-function:ease-in-out}.___SBar_g0ywm_gg_.__color_g0ywm_gg_{fill:var(--color_g0ywm)}.___SBar_g0ywm_gg_.__hide_g0ywm_gg_{display:none}.___SBar_g0ywm_gg_.__transparent_g0ywm_gg_{opacity:.3}.___SBackground_g0ywm_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "g0ywm_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_g0ywm_gg_",
|
|
17
|
+
"--duration": "--duration_g0ywm",
|
|
18
|
+
"_color": "__color_g0ywm_gg_",
|
|
19
|
+
"--color": "--color_g0ywm",
|
|
20
|
+
"_hide": "__hide_g0ywm_gg_",
|
|
21
|
+
"_transparent": "__transparent_g0ywm_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_g0ywm_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 } 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_19cys_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_19cys_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "19cys_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_19cys_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_19cys_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
|
|
|
14
14
|
import Dots from './Dots';
|
|
15
15
|
import ClipPath from './ClipPath';
|
|
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": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_rxywk_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_rxywk);transition-timing-function:ease-in-out}.___SLine_rxywk_gg_.__color_rxywk_gg_{stroke:var(--color_rxywk)}.___SLine_rxywk_gg_.__hide_rxywk_gg_{display:none}.___SLine_rxywk_gg_.__transparent_rxywk_gg_{opacity:.3}.___SNull_rxywk_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_rxywk_gg_.__hide_rxywk_gg_{display:none}" /*__inner_css_end__*/, "rxywk_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_rxywk_gg_",
|
|
19
|
+
"--duration": "--duration_rxywk",
|
|
20
|
+
"_color": "__color_rxywk_gg_",
|
|
21
|
+
"--color": "--color_rxywk",
|
|
22
|
+
"_hide": "__hide_rxywk_gg_",
|
|
23
|
+
"_transparent": "__transparent_rxywk_gg_",
|
|
24
|
+
"__SNull": "___SNull_rxywk_gg_"
|
|
25
25
|
});
|
|
26
26
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_inherits(LineRoot, _Component);
|
package/lib/es6/Plot.js
CHANGED
|
@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
|
|
|
17
17
|
import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SPlot": "
|
|
22
|
-
"_keyboardFocused": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_54jtu_gg_{overflow:hidden}.___SPlot_54jtu_gg_:active,.___SPlot_54jtu_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_54jtu_gg_.__keyboardFocused_54jtu_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__*/, "54jtu_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlot": "___SPlot_54jtu_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_54jtu_gg_"
|
|
23
23
|
});
|
|
24
24
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -21,23 +21,23 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, eventToPoint, 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_1fnx5_gg_,.___SAxisTick_1fnx5_gg_,.___SAxis_1fnx5_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1fnx5_gg_,.___SAxisTick_1fnx5_gg_{stroke-dasharray:2}.___SAxisLine_1fnx5_gg_.__active_1fnx5_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1fnx5_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1fnx5_gg_.__xDirection_1fnx5_gg_{text-anchor:var(--xDirection_1fnx5)}.___SAxisLabel_1fnx5_gg_.__yDirection_1fnx5_gg_{dominant-baseline:var(--yDirection_1fnx5)}.___SPolygonDot_1fnx5_gg_,.___SPolygon_1fnx5_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1fnx5_gg_{opacity:.2}.___SPolygon_1fnx5_gg_.__color_1fnx5_gg_{fill:var(--color_1fnx5)}.___SPolygonDot_1fnx5_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1fnx5_gg_.__transparent_1fnx5_gg_{opacity:.3}.___SPolygonDot_1fnx5_gg_.__color_1fnx5_gg_{fill:var(--color_1fnx5)}.___SPolygonLine_1fnx5_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1fnx5_gg_.__transparent_1fnx5_gg_{opacity:.3}.___SPolygonLine_1fnx5_gg_.__color_1fnx5_gg_{stroke:var(--color_1fnx5)}.___SPieRect_1fnx5_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1fnx5_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SAxis": "___SAxis_1fnx5_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_1fnx5_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_1fnx5_gg_",
|
|
28
|
+
"_active": "__active_1fnx5_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_1fnx5_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_1fnx5_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_1fnx5",
|
|
32
|
+
"_yDirection": "__yDirection_1fnx5_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_1fnx5",
|
|
34
|
+
"__SPolygon": "___SPolygon_1fnx5_gg_",
|
|
35
|
+
"_color": "__color_1fnx5_gg_",
|
|
36
|
+
"--color": "--color_1fnx5",
|
|
37
|
+
"__SPolygonDot": "___SPolygonDot_1fnx5_gg_",
|
|
38
|
+
"_transparent": "__transparent_1fnx5_gg_",
|
|
39
|
+
"__SPolygonLine": "___SPolygonLine_1fnx5_gg_",
|
|
40
|
+
"__SPieRect": "___SPieRect_1fnx5_gg_"
|
|
41
41
|
});
|
|
42
42
|
var clampAngle = function clampAngle(angle) {
|
|
43
43
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -21,18 +21,18 @@ import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { measureText } from './utils';
|
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"__SIcon": "
|
|
32
|
-
"__SLabel": "
|
|
33
|
-
"--text-cursor": "--text-
|
|
34
|
-
"--color-hovered": "--color-
|
|
35
|
-
"__SLineCap": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_lx16i_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_lx16i_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_lx16i_gg_.__color_lx16i_gg_{stroke:var(--color_lx16i)}.___SCap_lx16i_gg_.__transparent_lx16i_gg_,.___SIcon_lx16i_gg_.__transparent_lx16i_gg_,.___SLabel_lx16i_gg_.__transparent_lx16i_gg_,.___SLine_lx16i_gg_.__transparent_lx16i_gg_{opacity:.3}.___SCap_lx16i_gg_{transition:r .1s}.___SLabel_lx16i_gg_{fill:var(--color_lx16i);cursor:var(--text-cursor_lx16i)}@media (hover:hover){.___SRadian_lx16i_gg_:hover .___SLabel_lx16i_gg_{fill:var(--color-hovered_lx16i)}}@media (prefers-reduced-motion){.___SLineCap_lx16i_gg_{transition:none}}" /*__inner_css_end__*/, "lx16i_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_lx16i_gg_",
|
|
26
|
+
"__SLine": "___SLine_lx16i_gg_",
|
|
27
|
+
"_color": "__color_lx16i_gg_",
|
|
28
|
+
"--color": "--color_lx16i",
|
|
29
|
+
"_transparent": "__transparent_lx16i_gg_",
|
|
30
|
+
"__SCap": "___SCap_lx16i_gg_",
|
|
31
|
+
"__SIcon": "___SIcon_lx16i_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_lx16i_gg_",
|
|
33
|
+
"--text-cursor": "--text-cursor_lx16i",
|
|
34
|
+
"--color-hovered": "--color-hovered_lx16i",
|
|
35
|
+
"__SLineCap": "___SLineCap_lx16i_gg_"
|
|
36
36
|
});
|
|
37
37
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
38
38
|
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_3hfgm_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_3hfgm_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_3hfgm)}.___STitle_3hfgm_gg_._position_top_3hfgm_gg_{text-anchor:middle}.___STitle_3hfgm_gg_._position_bottom_3hfgm_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_3hfgm_gg_._position_left_3hfgm_gg_,.___STitle_3hfgm_gg_._position_right_3hfgm_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_3hfgm_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "3hfgm_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_3hfgm_gg_",
|
|
16
|
+
"__STitle": "___STitle_3hfgm_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_3hfgm",
|
|
18
|
+
"_position_top": "_position_top_3hfgm_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_3hfgm_gg_",
|
|
20
|
+
"_position_right": "_position_right_3hfgm_gg_",
|
|
21
|
+
"_position_left": "_position_left_3hfgm_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_3hfgm_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
|
@@ -13,6 +13,7 @@ import { Box } from '@semcore/flex-box';
|
|
|
13
13
|
import trottle from '@semcore/utils/lib/rafTrottle';
|
|
14
14
|
import fire from '@semcore/utils/lib/fire';
|
|
15
15
|
import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
|
|
16
|
+
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
16
17
|
var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
|
|
17
18
|
_inherits(ResponsiveContainerRoot, _Component);
|
|
18
19
|
var _super = _createSuper(ResponsiveContainerRoot);
|
|
@@ -49,7 +50,9 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
49
50
|
_this.forceUpdate();
|
|
50
51
|
}
|
|
51
52
|
}));
|
|
52
|
-
|
|
53
|
+
if (canUseDOM()) {
|
|
54
|
+
_this.observer = new ResizeObserver(_this.handleResize);
|
|
55
|
+
}
|
|
53
56
|
return _this;
|
|
54
57
|
}
|
|
55
58
|
_createClass(ResponsiveContainerRoot, [{
|
|
@@ -72,8 +75,9 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
72
75
|
key: "componentDidMount",
|
|
73
76
|
value: function componentDidMount() {
|
|
74
77
|
if (this.$container) {
|
|
78
|
+
var _this$observer;
|
|
75
79
|
// TODO: may be we can increase perfomance here? (by lsroman)
|
|
76
|
-
this.observer.observe(this.$container);
|
|
80
|
+
(_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe(this.$container);
|
|
77
81
|
}
|
|
78
82
|
}
|
|
79
83
|
|
|
@@ -81,7 +85,8 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
81
85
|
}, {
|
|
82
86
|
key: "componentWillUnmount",
|
|
83
87
|
value: function componentWillUnmount() {
|
|
84
|
-
|
|
88
|
+
var _this$observer2;
|
|
89
|
+
(_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
|
|
85
90
|
}
|
|
86
91
|
}, {
|
|
87
92
|
key: "render",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveContainer.js","names":["React","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","_createClass","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray","componentDidMount","observe","componentWillUnmount","disconnect","render","_ref","_ref2","SResponsiveContainer","styles","createElement","cn","_objectSpread","_assignProps","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n static displayName = 'ResponsiveContainer';\n\n containerRef = React.createRef();\n size = [0, 0];\n\n constructor(props) {\n super(props);\n this.observer = new ResizeObserver(this.handleResize);\n }\n\n get $container() {\n return this.containerRef.current;\n }\n\n handleResize = trottle((entries) => {\n const { Children, aspect } = this.asProps;\n\n if (!this.$container) return;\n\n let { clientWidth: width, clientHeight: height } = this.$container;\n\n if (aspect) {\n const style = window.getComputedStyle(this.$container);\n const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n height = width * aspect;\n\n if (height < minHeight) {\n height = minHeight;\n }\n if (height > maxHeight) {\n height = maxHeight;\n }\n }\n\n if (this.size[0] === width && this.size[1] === height) return;\n\n this.size = [width, height];\n\n fire(this, 'onResize', this.size, entries);\n\n if (typeof getOriginChildren(Children) === 'function') {\n this.forceUpdate();\n }\n });\n\n setContext() {\n const [width, height] = this.size;\n return {\n width,\n height,\n };\n }\n\n componentDidMount() {\n if (this.$container) {\n // TODO: may be we can increase perfomance here? (by lsroman)\n this.observer
|
|
1
|
+
{"version":3,"file":"ResponsiveContainer.js","names":["React","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","canUseDOM","ResponsiveContainerRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","_createClass","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray","componentDidMount","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","render","_ref","_ref2","SResponsiveContainer","styles","createElement","cn","_objectSpread","_assignProps","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nclass ResponsiveContainerRoot extends Component {\n static displayName = 'ResponsiveContainer';\n\n containerRef = React.createRef();\n size = [0, 0];\n\n constructor(props) {\n super(props);\n if (canUseDOM()) {\n this.observer = new ResizeObserver(this.handleResize);\n }\n }\n\n get $container() {\n return this.containerRef.current;\n }\n\n handleResize = trottle((entries) => {\n const { Children, aspect } = this.asProps;\n\n if (!this.$container) return;\n\n let { clientWidth: width, clientHeight: height } = this.$container;\n\n if (aspect) {\n const style = window.getComputedStyle(this.$container);\n const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n height = width * aspect;\n\n if (height < minHeight) {\n height = minHeight;\n }\n if (height > maxHeight) {\n height = maxHeight;\n }\n }\n\n if (this.size[0] === width && this.size[1] === height) return;\n\n this.size = [width, height];\n\n fire(this, 'onResize', this.size, entries);\n\n if (typeof getOriginChildren(Children) === 'function') {\n this.forceUpdate();\n }\n });\n\n setContext() {\n const [width, height] = this.size;\n return {\n width,\n height,\n };\n }\n\n componentDidMount() {\n if (this.$container) {\n // TODO: may be we can increase perfomance here? (by lsroman)\n this.observer?.observe(this.$container);\n }\n }\n\n // TODO component did update ref?\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n render() {\n const SResponsiveContainer = Root;\n const { styles } = this.asProps;\n return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -18,13 +18,13 @@ import { CONSTANT } from './utils';
|
|
|
18
18
|
import ClipPath from './ClipPath';
|
|
19
19
|
import Tooltip from './Tooltip';
|
|
20
20
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SScatterPlot": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SValue": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1scr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1scr4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1scr4_gg_:hover{opacity:.8}}.___SScatterPlot_1scr4_gg_.__color_1scr4_gg_{fill:var(--color_1scr4)}.___SScatterPlot_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}.___SValue_1scr4_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1scr4_gg_.__color_1scr4_gg_{stroke:var(--color_1scr4)}.___SValue_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}" /*__inner_css_end__*/, "1scr4_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SScatterPlot": "___SScatterPlot_1scr4_gg_",
|
|
23
|
+
"--duration": "--duration_1scr4",
|
|
24
|
+
"_color": "__color_1scr4_gg_",
|
|
25
|
+
"--color": "--color_1scr4",
|
|
26
|
+
"_transparent": "__transparent_1scr4_gg_",
|
|
27
|
+
"__SValue": "___SValue_1scr4_gg_"
|
|
28
28
|
});
|
|
29
29
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(ScatterPlotRoot, _Component);
|
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,14 +21,14 @@ import resolveColor from '@semcore/utils/lib/color';
|
|
|
21
21
|
import createElement from './createElement';
|
|
22
22
|
import { CONSTANT } from './utils';
|
|
23
23
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__STooltip": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"__SDotGroup": "
|
|
28
|
-
"__SDot": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SFooter": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1cwc6_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_1cwc6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1cwc6_gg_{display:flex;align-items:center}.___SDot_1cwc6_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1cwc6_gg_.__color_1cwc6_gg_{background:var(--color_1cwc6)}.___SFooter_1cwc6_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__*/, "1cwc6_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_1cwc6_gg_",
|
|
26
|
+
"__STitle": "___STitle_1cwc6_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_1cwc6_gg_",
|
|
28
|
+
"__SDot": "___SDot_1cwc6_gg_",
|
|
29
|
+
"_color": "__color_1cwc6_gg_",
|
|
30
|
+
"--color": "--color_1cwc6",
|
|
31
|
+
"__SFooter": "___SFooter_1cwc6_gg_"
|
|
32
32
|
});
|
|
33
33
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(TooltipRoot, _Component);
|
package/lib/es6/Venn.js
CHANGED
|
@@ -18,13 +18,13 @@ import createElement from './createElement';
|
|
|
18
18
|
import { CONSTANT } from './utils';
|
|
19
19
|
import Tooltip from './Tooltip';
|
|
20
20
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SCircle": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SIntersection": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_d0aor_gg_,.___SIntersection_d0aor_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_d0aor_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_d0aor);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_d0aor_gg_:hover{fill-opacity:.7}}.___SCircle_d0aor_gg_.__color_d0aor_gg_{fill:var(--color_d0aor)}.___SCircle_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}.___SIntersection_d0aor_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_d0aor_gg_:hover{fill-opacity:.1}}.___SIntersection_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}" /*__inner_css_end__*/, "d0aor_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SCircle": "___SCircle_d0aor_gg_",
|
|
23
|
+
"--duration": "--duration_d0aor",
|
|
24
|
+
"_color": "__color_d0aor_gg_",
|
|
25
|
+
"--color": "--color_d0aor",
|
|
26
|
+
"_transparent": "__transparent_d0aor_gg_",
|
|
27
|
+
"__SIntersection": "___SIntersection_d0aor_gg_"
|
|
28
28
|
});
|
|
29
29
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(VennRoot, _Component);
|
|
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
|
|
|
10
10
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
|
11
11
|
import { Root, sstyled } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SPlotA11yModule": "
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_14mjm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_14mjm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "14mjm_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_14mjm_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|