@semcore/d3-chart 2.17.0 → 2.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- 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 +5 -5
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- 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 +5 -5
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- 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/lib/types/utils.d.ts +0 -1
- package/package.json +4 -10
|
@@ -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_1ia7d_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_1ia7d_gg_.__focus-within_1ia7d_gg_,.___SPlotA11yView_1ia7d_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_1ia7d_gg_:focus,.___SPlotA11yView_1ia7d_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_1ia7d_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1ia7d_gg_ table,.___SPlotA11yView_1ia7d_gg_ td,.___SPlotA11yView_1ia7d_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1ia7d_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SPlotA11yView": "___SPlotA11yView_1ia7d_gg_",
|
|
25
|
+
"_focus-within": "__focus-within_1ia7d_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_3uxhk_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_3uxhk_gg_.__color_3uxhk_gg_{fill:var(--color_3uxhk)}.___SArea_3uxhk_gg_.__transparent_3uxhk_gg_{opacity:.3}.___SAreaLine_3uxhk_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_3uxhk_gg_.__color_3uxhk_gg_{stroke:var(--color_3uxhk)}.___SAreaLine_3uxhk_gg_.__transparent_3uxhk_gg_{opacity:.3}.___SAreaLine_3uxhk_gg_,.___SArea_3uxhk_gg_{transition-property:d;transition-duration:var(--duration_3uxhk);transition-timing-function:ease-in-out}.___SNull_3uxhk_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_3uxhk_gg_.__hide_3uxhk_gg_{display:none}" /*__inner_css_end__*/, "3uxhk_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SArea": "___SArea_3uxhk_gg_",
|
|
20
|
+
"_color": "__color_3uxhk_gg_",
|
|
21
|
+
"--color": "--color_3uxhk",
|
|
22
|
+
"_transparent": "__transparent_3uxhk_gg_",
|
|
23
|
+
"__SAreaLine": "___SAreaLine_3uxhk_gg_",
|
|
24
|
+
"--duration": "--duration_3uxhk",
|
|
25
|
+
"__SNull": "___SNull_3uxhk_gg_",
|
|
26
|
+
"_hide": "__hide_3uxhk_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_1qxb7_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1qxb7_gg_.__hide_1qxb7_gg_,.___STick_1qxb7_gg_.__hide_1qxb7_gg_{display:none}.___STick_1qxb7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1qxb7_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1qxb7_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1qxb7)}.___STitle_1qxb7_gg_._position_top_1qxb7_gg_{text-anchor:middle}.___STitle_1qxb7_gg_._position_bottom_1qxb7_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1qxb7_gg_._position_left_1qxb7_gg_,.___STitle_1qxb7_gg_._position_right_1qxb7_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1qxb7_gg_._position_left_1qxb7_gg_.__verticalWritingMode_1qxb7_gg_,.___STitle_1qxb7_gg_._position_right_1qxb7_gg_.__verticalWritingMode_1qxb7_gg_{writing-mode:vertical-rl;transform:none}.___STick_1qxb7_gg_._position_top_1qxb7_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1qxb7_gg_._position_bottom_1qxb7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1qxb7_gg_._position_right_1qxb7_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1qxb7_gg_._position_left_1qxb7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1qxb7_gg_._position_custom_0_1qxb7_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1qxb7_gg_._position_custom_1_1qxb7_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1qxb7_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_1qxb7_gg_",
|
|
17
|
+
"_hide": "__hide_1qxb7_gg_",
|
|
18
|
+
"__STick": "___STick_1qxb7_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_1qxb7_gg_",
|
|
20
|
+
"__STitle": "___STitle_1qxb7_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_1qxb7",
|
|
22
|
+
"_position_top": "_position_top_1qxb7_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_1qxb7_gg_",
|
|
24
|
+
"_position_right": "_position_right_1qxb7_gg_",
|
|
25
|
+
"_position_left": "_position_left_1qxb7_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_1qxb7_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_1qxb7_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_1qxb7_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_8xzj8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_8xzj8);transition-timing-function:ease-in-out}.___SBar_8xzj8_gg_.__color_8xzj8_gg_{fill:var(--color_8xzj8)}.___SBar_8xzj8_gg_.__hide_8xzj8_gg_{display:none}.___SBar_8xzj8_gg_.__transparent_8xzj8_gg_{opacity:.3}.___SBackground_8xzj8_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "8xzj8_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_8xzj8_gg_",
|
|
18
|
+
"--duration": "--duration_8xzj8",
|
|
19
|
+
"_color": "__color_8xzj8_gg_",
|
|
20
|
+
"--color": "--color_8xzj8",
|
|
21
|
+
"_hide": "__hide_8xzj8_gg_",
|
|
22
|
+
"_transparent": "__transparent_8xzj8_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_8xzj8_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
|
@@ -18,16 +18,16 @@ import createElement from './createElement';
|
|
|
18
18
|
import ClipPath from './ClipPath';
|
|
19
19
|
import { CONSTANT, measureText } from './utils';
|
|
20
20
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBubble": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SCenter": "
|
|
28
|
-
"__SLabel": "
|
|
29
|
-
"_position_right": "
|
|
30
|
-
"_position_left": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_omz37_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_omz37);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_omz37_gg_:hover{opacity:.8}}.___SBubble_omz37_gg_.__color_omz37_gg_{fill:var(--color_omz37)}.___SBubble_omz37_gg_.__transparent_omz37_gg_{opacity:.3}.___SCenter_omz37_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_omz37_gg_.__color_omz37_gg_{stroke:var(--color_omz37)}.___SCenter_omz37_gg_.__transparent_omz37_gg_{opacity:.3}.___SLabel_omz37_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_omz37_gg_._position_right_omz37_gg_{text-anchor:end}.___SLabel_omz37_gg_._position_left_omz37_gg_{text-anchor:start}.___SLabel_omz37_gg_.__color_omz37_gg_{fill:var(--color_omz37)}.___SLabel_omz37_gg_.__transparent_omz37_gg_{opacity:.3}" /*__inner_css_end__*/, "omz37_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBubble": "___SBubble_omz37_gg_",
|
|
23
|
+
"--duration": "--duration_omz37",
|
|
24
|
+
"_color": "__color_omz37_gg_",
|
|
25
|
+
"--color": "--color_omz37",
|
|
26
|
+
"_transparent": "__transparent_omz37_gg_",
|
|
27
|
+
"__SCenter": "___SCenter_omz37_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_omz37_gg_",
|
|
29
|
+
"_position_right": "_position_right_omz37_gg_",
|
|
30
|
+
"_position_left": "_position_left_omz37_gg_"
|
|
31
31
|
});
|
|
32
32
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -19,13 +19,13 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
|
19
19
|
import createElement from './createElement';
|
|
20
20
|
import { CONSTANT } from './utils';
|
|
21
21
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SPie": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"__SEmptyData": "
|
|
28
|
-
"__SLabel": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_y8ad9_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_y8ad9_gg_.__color_y8ad9_gg_{fill:var(--color_y8ad9)}.___SPie_y8ad9_gg_.__transparent_y8ad9_gg_{opacity:.3}.___SEmptyData_y8ad9_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_y8ad9_gg_.__color_y8ad9_gg_{fill:var(--color_y8ad9)}.___SLabel_y8ad9_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "y8ad9_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SPie": "___SPie_y8ad9_gg_",
|
|
24
|
+
"_color": "__color_y8ad9_gg_",
|
|
25
|
+
"--color": "--color_y8ad9",
|
|
26
|
+
"_transparent": "__transparent_y8ad9_gg_",
|
|
27
|
+
"__SEmptyData": "___SEmptyData_y8ad9_gg_",
|
|
28
|
+
"__SLabel": "___SLabel_y8ad9_gg_"
|
|
29
29
|
});
|
|
30
30
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
31
31
|
function transitionAnglePie(_ref4) {
|
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_x8t9u_gg_ .___SDot_x8t9u_gg_{transition-duration:var(--duration_x8t9u)}.___SDot_x8t9u_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_x8t9u_gg_.__hide_x8t9u_gg_{display:none}.___SDot_x8t9u_gg_.__active_x8t9u_gg_{r:8px}.___SDot_x8t9u_gg_.__color_x8t9u_gg_{fill:var(--color_x8t9u)}.___SDot_x8t9u_gg_.__transparent_x8t9u_gg_{opacity:.3}" /*__inner_css_end__*/, "x8t9u_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDots": "___SDots_x8t9u_gg_",
|
|
12
|
+
"__SDot": "___SDot_x8t9u_gg_",
|
|
13
|
+
"--duration": "--duration_x8t9u",
|
|
14
|
+
"_hide": "__hide_x8t9u_gg_",
|
|
15
|
+
"_active": "__active_x8t9u_gg_",
|
|
16
|
+
"_color": "__color_x8t9u_gg_",
|
|
17
|
+
"--color": "--color_x8t9u",
|
|
18
|
+
"_transparent": "__transparent_x8t9u_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_8xzj8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_8xzj8);transition-timing-function:ease-in-out}.___SBar_8xzj8_gg_.__color_8xzj8_gg_{fill:var(--color_8xzj8)}.___SBar_8xzj8_gg_.__hide_8xzj8_gg_{display:none}.___SBar_8xzj8_gg_.__transparent_8xzj8_gg_{opacity:.3}.___SBackground_8xzj8_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "8xzj8_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_8xzj8_gg_",
|
|
17
|
+
"--duration": "--duration_8xzj8",
|
|
18
|
+
"_color": "__color_8xzj8_gg_",
|
|
19
|
+
"--color": "--color_8xzj8",
|
|
20
|
+
"_hide": "__hide_8xzj8_gg_",
|
|
21
|
+
"_transparent": "__transparent_8xzj8_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_8xzj8_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
|
@@ -13,9 +13,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
13
13
|
import createElement from './createElement';
|
|
14
14
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SHoverLine": "
|
|
18
|
-
"__SHoverRect": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_5o6k5_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_5o6k5_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "5o6k5_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SHoverLine": "___SHoverLine_5o6k5_gg_",
|
|
18
|
+
"__SHoverRect": "___SHoverRect_5o6k5_gg_"
|
|
19
19
|
});
|
|
20
20
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
21
21
|
_inherits(Hover, _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_1f0so_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1f0so);transition-timing-function:ease-in-out}.___SLine_1f0so_gg_.__color_1f0so_gg_{stroke:var(--color_1f0so)}.___SLine_1f0so_gg_.__hide_1f0so_gg_{display:none}.___SLine_1f0so_gg_.__transparent_1f0so_gg_{opacity:.3}.___SNull_1f0so_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1f0so_gg_.__hide_1f0so_gg_{display:none}" /*__inner_css_end__*/, "1f0so_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_1f0so_gg_",
|
|
19
|
+
"--duration": "--duration_1f0so",
|
|
20
|
+
"_color": "__color_1f0so_gg_",
|
|
21
|
+
"--color": "--color_1f0so",
|
|
22
|
+
"_hide": "__hide_1f0so_gg_",
|
|
23
|
+
"_transparent": "__transparent_1f0so_gg_",
|
|
24
|
+
"__SNull": "___SNull_1f0so_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_1esoi_gg_{overflow:hidden}.___SPlot_1esoi_gg_:active,.___SPlot_1esoi_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1esoi_gg_.__keyboardFocused_1esoi_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__*/, "1esoi_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlot": "___SPlot_1esoi_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_1esoi_gg_"
|
|
23
23
|
});
|
|
24
24
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
25
25
|
_inherits(PlotRoot, _Component);
|
|
@@ -107,7 +107,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
107
107
|
label = _this$asProps2.label,
|
|
108
108
|
locale = _this$asProps2.locale;
|
|
109
109
|
if (!width || !height) return null;
|
|
110
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(
|
|
110
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, _assignProps({
|
|
111
111
|
"tag": "svg",
|
|
112
112
|
"__excludeProps": ['data', 'scale'],
|
|
113
113
|
"ref": this.rootRef,
|
|
@@ -127,7 +127,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
127
127
|
"plotRef": this.rootRef,
|
|
128
128
|
"hints": this.dataStructureHints,
|
|
129
129
|
"config": a11yAltTextConfig
|
|
130
|
-
}))))
|
|
130
|
+
}))));
|
|
131
131
|
}
|
|
132
132
|
}]);
|
|
133
133
|
return PlotRoot;
|
package/lib/es6/Plot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","
|
|
1
|
+
{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n static displayName = 'Plot';\n static style = style;\n\n constructor(props) {\n super(props);\n this.eventEmitter = props.eventEmitter || new EventEmitter();\n }\n\n static defaultProps = () => ({\n width: 0,\n height: 0,\n });\n\n static enhance = [keyboardFocusEnhance()];\n\n plotId = uniqueId();\n\n rootRef = React.createRef();\n\n dataStructureHints = makeDataHintsContainer();\n dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n handlerMouseMove = (e) => {\n const { scale } = this.asProps;\n this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n if (scale && scale.length >= 2) {\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, this.rootRef.current);\n const [minX, maxX] = xScale.range();\n const [maxY, minY] = yScale.range();\n\n if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n this.eventEmitter.emit('onMouseMoveChart', e);\n } else {\n this.eventEmitter.emit('onMouseLeaveChart', e);\n }\n }\n };\n\n handlerMouseLeave = (e) => {\n this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n this.eventEmitter.emit('onMouseLeaveChart', e);\n };\n\n setContext() {\n const { scale, data, width, height, locale } = this.asProps;\n\n const yScaleDomain = scale?.[1]?.domain?.();\n if (yScaleDomain?.length && data?.length) {\n this.dataHintsHandler.setPointsDensity(\n data.length / width,\n Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n );\n }\n\n return {\n $rootProps: {\n size: [width, height],\n data: data,\n locale,\n scale: scale,\n eventEmitter: this.eventEmitter,\n rootRef: this.rootRef,\n dataHintsHandler: this.dataHintsHandler,\n },\n };\n }\n\n render() {\n const SPlot = Root;\n const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n this.asProps;\n\n if (!width || !height) return null;\n\n return sstyled(styles)(\n <SPlot\n render={Box}\n tag=\"svg\"\n __excludeProps={['data', 'scale']}\n ref={this.rootRef}\n onMouseMove={this.handlerMouseMove}\n onMouseLeave={this.handlerMouseLeave}\n aria-label={label}\n tabIndex={0}\n >\n <Children />\n <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n <PlotA11yModule\n id={this.plotId}\n data={data}\n plotLabel={label}\n locale={locale}\n plotRef={this.rootRef}\n hints={this.dataStructureHints}\n config={a11yAltTextConfig}\n />\n </foreignObject>\n </SPlot>,\n );\n }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
|
package/lib/es6/Radar.js
CHANGED
|
@@ -18,23 +18,23 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
|
|
|
18
18
|
import createElement from './createElement';
|
|
19
19
|
import { CONSTANT, eventToPoint, measureText } from './utils';
|
|
20
20
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SAxis": "
|
|
23
|
-
"__SAxisLine": "
|
|
24
|
-
"__SAxisTick": "
|
|
25
|
-
"_active": "
|
|
26
|
-
"__SAxisLabel": "
|
|
27
|
-
"_xDirection": "
|
|
28
|
-
"--xDirection": "--
|
|
29
|
-
"_yDirection": "
|
|
30
|
-
"--yDirection": "--
|
|
31
|
-
"__SPolygon": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SPolygonDot": "
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"__SPolygonLine": "
|
|
37
|
-
"__SPieRect": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_17w57_gg_,.___SAxisTick_17w57_gg_,.___SAxis_17w57_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_17w57_gg_,.___SAxisTick_17w57_gg_{stroke-dasharray:2}.___SAxisLine_17w57_gg_.__active_17w57_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_17w57_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_17w57_gg_.__xDirection_17w57_gg_{text-anchor:var(--xDirection_17w57)}.___SAxisLabel_17w57_gg_.__yDirection_17w57_gg_{dominant-baseline:var(--yDirection_17w57)}.___SPolygonDot_17w57_gg_,.___SPolygon_17w57_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_17w57_gg_{opacity:.2}.___SPolygon_17w57_gg_.__color_17w57_gg_{fill:var(--color_17w57)}.___SPolygonDot_17w57_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_17w57_gg_.__transparent_17w57_gg_{opacity:.3}.___SPolygonDot_17w57_gg_.__color_17w57_gg_{fill:var(--color_17w57)}.___SPolygonLine_17w57_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_17w57_gg_.__transparent_17w57_gg_{opacity:.3}.___SPolygonLine_17w57_gg_.__color_17w57_gg_{stroke:var(--color_17w57)}.___SPieRect_17w57_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "17w57_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_17w57_gg_",
|
|
23
|
+
"__SAxisLine": "___SAxisLine_17w57_gg_",
|
|
24
|
+
"__SAxisTick": "___SAxisTick_17w57_gg_",
|
|
25
|
+
"_active": "__active_17w57_gg_",
|
|
26
|
+
"__SAxisLabel": "___SAxisLabel_17w57_gg_",
|
|
27
|
+
"_xDirection": "__xDirection_17w57_gg_",
|
|
28
|
+
"--xDirection": "--xDirection_17w57",
|
|
29
|
+
"_yDirection": "__yDirection_17w57_gg_",
|
|
30
|
+
"--yDirection": "--yDirection_17w57",
|
|
31
|
+
"__SPolygon": "___SPolygon_17w57_gg_",
|
|
32
|
+
"_color": "__color_17w57_gg_",
|
|
33
|
+
"--color": "--color_17w57",
|
|
34
|
+
"__SPolygonDot": "___SPolygonDot_17w57_gg_",
|
|
35
|
+
"_transparent": "__transparent_17w57_gg_",
|
|
36
|
+
"__SPolygonLine": "___SPolygonLine_17w57_gg_",
|
|
37
|
+
"__SPieRect": "___SPieRect_17w57_gg_"
|
|
38
38
|
});
|
|
39
39
|
var clampAngle = function clampAngle(angle) {
|
|
40
40
|
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_c0sz1_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_c0sz1_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_c0sz1_gg_.__color_c0sz1_gg_{stroke:var(--color_c0sz1)}.___SCap_c0sz1_gg_.__transparent_c0sz1_gg_,.___SIcon_c0sz1_gg_.__transparent_c0sz1_gg_,.___SLabel_c0sz1_gg_.__transparent_c0sz1_gg_,.___SLine_c0sz1_gg_.__transparent_c0sz1_gg_{opacity:.3}.___SCap_c0sz1_gg_{transition:r .1s}.___SLabel_c0sz1_gg_{fill:var(--color_c0sz1);cursor:var(--text-cursor_c0sz1)}@media (hover:hover){.___SRadian_c0sz1_gg_:hover .___SLabel_c0sz1_gg_{fill:var(--color-hovered_c0sz1)}}@media (prefers-reduced-motion){.___SLineCap_c0sz1_gg_{transition:none}}" /*__inner_css_end__*/, "c0sz1_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_c0sz1_gg_",
|
|
26
|
+
"__SLine": "___SLine_c0sz1_gg_",
|
|
27
|
+
"_color": "__color_c0sz1_gg_",
|
|
28
|
+
"--color": "--color_c0sz1",
|
|
29
|
+
"_transparent": "__transparent_c0sz1_gg_",
|
|
30
|
+
"__SCap": "___SCap_c0sz1_gg_",
|
|
31
|
+
"__SIcon": "___SIcon_c0sz1_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_c0sz1_gg_",
|
|
33
|
+
"--text-cursor": "--text-cursor_c0sz1",
|
|
34
|
+
"--color-hovered": "--color-hovered_c0sz1",
|
|
35
|
+
"__SLineCap": "___SLineCap_c0sz1_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_9cr3s_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_9cr3s_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_9cr3s)}.___STitle_9cr3s_gg_._position_top_9cr3s_gg_{text-anchor:middle}.___STitle_9cr3s_gg_._position_bottom_9cr3s_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_9cr3s_gg_._position_left_9cr3s_gg_,.___STitle_9cr3s_gg_._position_right_9cr3s_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_9cr3s_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "9cr3s_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_9cr3s_gg_",
|
|
16
|
+
"__STitle": "___STitle_9cr3s_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_9cr3s",
|
|
18
|
+
"_position_top": "_position_top_9cr3s_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_9cr3s_gg_",
|
|
20
|
+
"_position_right": "_position_right_9cr3s_gg_",
|
|
21
|
+
"_position_left": "_position_left_9cr3s_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_9cr3s_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -16,13 +16,13 @@ import createElement from './createElement';
|
|
|
16
16
|
import { CONSTANT } from './utils';
|
|
17
17
|
import ClipPath from './ClipPath';
|
|
18
18
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SScatterPlot": "
|
|
21
|
-
"--duration": "--
|
|
22
|
-
"_color": "
|
|
23
|
-
"--color": "--
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SValue": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_14qky_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_14qky);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_14qky_gg_:hover{opacity:.8}}.___SScatterPlot_14qky_gg_.__color_14qky_gg_{fill:var(--color_14qky)}.___SScatterPlot_14qky_gg_.__transparent_14qky_gg_{opacity:.3}.___SValue_14qky_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_14qky_gg_.__color_14qky_gg_{stroke:var(--color_14qky)}.___SValue_14qky_gg_.__transparent_14qky_gg_{opacity:.3}" /*__inner_css_end__*/, "14qky_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SScatterPlot": "___SScatterPlot_14qky_gg_",
|
|
21
|
+
"--duration": "--duration_14qky",
|
|
22
|
+
"_color": "__color_14qky_gg_",
|
|
23
|
+
"--color": "--color_14qky",
|
|
24
|
+
"_transparent": "__transparent_14qky_gg_",
|
|
25
|
+
"__SValue": "___SValue_14qky_gg_"
|
|
26
26
|
});
|
|
27
27
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_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_i1wd4_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_i1wd4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_i1wd4_gg_{display:flex;align-items:center}.___SDot_i1wd4_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_i1wd4_gg_.__color_i1wd4_gg_{background:var(--color_i1wd4)}.___SFooter_i1wd4_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__*/, "i1wd4_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_i1wd4_gg_",
|
|
26
|
+
"__STitle": "___STitle_i1wd4_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_i1wd4_gg_",
|
|
28
|
+
"__SDot": "___SDot_i1wd4_gg_",
|
|
29
|
+
"_color": "__color_i1wd4_gg_",
|
|
30
|
+
"--color": "--color_i1wd4",
|
|
31
|
+
"__SFooter": "___SFooter_i1wd4_gg_"
|
|
32
32
|
});
|
|
33
33
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(TooltipRoot, _Component);
|
package/lib/es6/Venn.js
CHANGED
|
@@ -15,13 +15,13 @@ import { FadeInOut } from '@semcore/animation';
|
|
|
15
15
|
import createElement from './createElement';
|
|
16
16
|
import { CONSTANT } from './utils';
|
|
17
17
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SCircle": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SIntersection": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_ooqsy_gg_,.___SIntersection_ooqsy_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_ooqsy_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_ooqsy);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_ooqsy_gg_:hover{fill-opacity:.7}}.___SCircle_ooqsy_gg_.__color_ooqsy_gg_{fill:var(--color_ooqsy)}.___SCircle_ooqsy_gg_.__transparent_ooqsy_gg_{opacity:.3}.___SIntersection_ooqsy_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_ooqsy_gg_:hover{fill-opacity:.1}}.___SIntersection_ooqsy_gg_.__transparent_ooqsy_gg_{opacity:.3}" /*__inner_css_end__*/, "ooqsy_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SCircle": "___SCircle_ooqsy_gg_",
|
|
20
|
+
"--duration": "--duration_ooqsy",
|
|
21
|
+
"_color": "__color_ooqsy_gg_",
|
|
22
|
+
"--color": "--color_ooqsy",
|
|
23
|
+
"_transparent": "__transparent_ooqsy_gg_",
|
|
24
|
+
"__SIntersection": "___SIntersection_ooqsy_gg_"
|
|
25
25
|
});
|
|
26
26
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
27
27
|
_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_td9i8_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_td9i8_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "td9i8_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_td9i8_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
@@ -12,9 +12,9 @@ import { getIntl } from './intl';
|
|
|
12
12
|
import { summarize } from './summarize';
|
|
13
13
|
import { Root, sstyled } from '@semcore/core';
|
|
14
14
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
15
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SPlotA11yView": "
|
|
17
|
-
"_focus-within": "__focus-
|
|
15
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1ia7d_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_1ia7d_gg_.__focus-within_1ia7d_gg_,.___SPlotA11yView_1ia7d_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_1ia7d_gg_:focus,.___SPlotA11yView_1ia7d_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_1ia7d_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1ia7d_gg_ table,.___SPlotA11yView_1ia7d_gg_ td,.___SPlotA11yView_1ia7d_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1ia7d_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SPlotA11yView": "___SPlotA11yView_1ia7d_gg_",
|
|
17
|
+
"_focus-within": "__focus-within_1ia7d_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { Box } from '@semcore/flex-box';
|
|
20
20
|
import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
|