@semcore/d3-chart 3.12.0 → 3.13.0
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 +9 -2
- 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 +10 -10
- 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/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/cjs/types/Axis.d.js.map +1 -1
- package/lib/cjs/types/Hover.d.js.map +1 -1
- 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 +10 -10
- 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/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/es6/types/Axis.d.js.map +1 -1
- package/lib/es6/types/Hover.d.js.map +1 -1
- package/lib/types/Axis.d.ts +6 -0
- package/lib/types/Hover.d.ts +7 -2
- package/package.json +6 -6
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_692sb_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_692sb_gg_.__hide_692sb_gg_,.___STick_692sb_gg_.__hide_692sb_gg_{display:none}.___STick_692sb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_692sb_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_692sb_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_692sb)}.___STitle_692sb_gg_._position_top_692sb_gg_{text-anchor:middle}.___STitle_692sb_gg_._position_bottom_692sb_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_692sb_gg_._position_left_692sb_gg_,.___STitle_692sb_gg_._position_right_692sb_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_692sb_gg_._position_left_692sb_gg_.__verticalWritingMode_692sb_gg_,.___STitle_692sb_gg_._position_right_692sb_gg_.__verticalWritingMode_692sb_gg_{writing-mode:vertical-rl;transform:none}.___STick_692sb_gg_._position_top_692sb_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_692sb_gg_._position_bottom_692sb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_692sb_gg_._position_right_692sb_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_692sb_gg_._position_left_692sb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_692sb_gg_._position_custom_0_692sb_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_692sb_gg_._position_custom_1_692sb_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "692sb_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_692sb_gg_",
|
|
17
|
+
"_hide": "__hide_692sb_gg_",
|
|
18
|
+
"__STick": "___STick_692sb_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_692sb_gg_",
|
|
20
|
+
"__STitle": "___STitle_692sb_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_692sb",
|
|
22
|
+
"_position_top": "_position_top_692sb_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_692sb_gg_",
|
|
24
|
+
"_position_right": "_position_right_692sb_gg_",
|
|
25
|
+
"_position_left": "_position_left_692sb_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_692sb_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_692sb_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_692sb_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 { 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_3az4e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_3az4e);transition-timing-function:ease-in-out}.___SBar_3az4e_gg_.__color_3az4e_gg_{fill:var(--color_3az4e)}.___SBar_3az4e_gg_.__hide_3az4e_gg_{display:none}.___SBar_3az4e_gg_.__transparent_3az4e_gg_{opacity:.3}.___SBackground_3az4e_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "3az4e_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_3az4e_gg_",
|
|
18
|
+
"--duration": "--duration_3az4e",
|
|
19
|
+
"_color": "__color_3az4e_gg_",
|
|
20
|
+
"--color": "--color_3az4e",
|
|
21
|
+
"_hide": "__hide_3az4e_gg_",
|
|
22
|
+
"_transparent": "__transparent_3az4e_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_3az4e_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_ta4j6_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_ta4j6);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_ta4j6_gg_:hover{opacity:.8}}.___SBubble_ta4j6_gg_.__color_ta4j6_gg_{fill:var(--color_ta4j6)}.___SBubble_ta4j6_gg_.__transparent_ta4j6_gg_{opacity:.3}.___SCenter_ta4j6_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_ta4j6_gg_.__color_ta4j6_gg_{stroke:var(--color_ta4j6)}.___SCenter_ta4j6_gg_.__transparent_ta4j6_gg_{opacity:.3}.___SLabel_ta4j6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_ta4j6_gg_._position_right_ta4j6_gg_{text-anchor:end}.___SLabel_ta4j6_gg_._position_left_ta4j6_gg_{text-anchor:start}.___SLabel_ta4j6_gg_.__color_ta4j6_gg_{fill:var(--color_ta4j6)}.___SLabel_ta4j6_gg_.__transparent_ta4j6_gg_{opacity:.3}" /*__inner_css_end__*/, "ta4j6_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBubble": "___SBubble_ta4j6_gg_",
|
|
25
|
+
"--duration": "--duration_ta4j6",
|
|
26
|
+
"_color": "__color_ta4j6_gg_",
|
|
27
|
+
"--color": "--color_ta4j6",
|
|
28
|
+
"_transparent": "__transparent_ta4j6_gg_",
|
|
29
|
+
"__SCenter": "___SCenter_ta4j6_gg_",
|
|
30
|
+
"__SLabel": "___SLabel_ta4j6_gg_",
|
|
31
|
+
"_position_right": "_position_right_ta4j6_gg_",
|
|
32
|
+
"_position_left": "_position_left_ta4j6_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_1ty36_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1ty36_gg_.__color_1ty36_gg_{fill:var(--color_1ty36)}.___SPie_1ty36_gg_.__transparent_1ty36_gg_{opacity:.3}.___SEmptyData_1ty36_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1ty36_gg_.__color_1ty36_gg_{fill:var(--color_1ty36)}.___SLabel_1ty36_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1ty36_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_1ty36_gg_",
|
|
27
|
+
"_color": "__color_1ty36_gg_",
|
|
28
|
+
"--color": "--color_1ty36",
|
|
29
|
+
"_transparent": "__transparent_1ty36_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_1ty36_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_1ty36_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,16 +7,16 @@ 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
|
-
"__SDots": "
|
|
12
|
-
"__SDot": "
|
|
13
|
-
"--duration": "--
|
|
14
|
-
"--radius": "--
|
|
15
|
-
"_hide": "
|
|
16
|
-
"_active": "
|
|
17
|
-
"_color": "
|
|
18
|
-
"--color": "--
|
|
19
|
-
"_transparent": "
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_1yy0y_gg_ .___SDot_1yy0y_gg_{transition-duration:var(--duration_1yy0y)}.___SDot_1yy0y_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_1yy0y);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1yy0y_gg_.__hide_1yy0y_gg_{display:none}.___SDot_1yy0y_gg_.__active_1yy0y_gg_{r:calc(var(--radius_1yy0y)*8/6)}.___SDot_1yy0y_gg_.__color_1yy0y_gg_{fill:var(--color_1yy0y)}.___SDot_1yy0y_gg_.__transparent_1yy0y_gg_{opacity:.3}" /*__inner_css_end__*/, "1yy0y_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDots": "___SDots_1yy0y_gg_",
|
|
12
|
+
"__SDot": "___SDot_1yy0y_gg_",
|
|
13
|
+
"--duration": "--duration_1yy0y",
|
|
14
|
+
"--radius": "--radius_1yy0y",
|
|
15
|
+
"_hide": "__hide_1yy0y_gg_",
|
|
16
|
+
"_active": "__active_1yy0y_gg_",
|
|
17
|
+
"_color": "__color_1yy0y_gg_",
|
|
18
|
+
"--color": "--color_1yy0y",
|
|
19
|
+
"_transparent": "__transparent_1yy0y_gg_"
|
|
20
20
|
});
|
|
21
21
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
22
22
|
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 { 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_3az4e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_3az4e);transition-timing-function:ease-in-out}.___SBar_3az4e_gg_.__color_3az4e_gg_{fill:var(--color_3az4e)}.___SBar_3az4e_gg_.__hide_3az4e_gg_{display:none}.___SBar_3az4e_gg_.__transparent_3az4e_gg_{opacity:.3}.___SBackground_3az4e_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "3az4e_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SBar": "___SBar_3az4e_gg_",
|
|
17
|
+
"--duration": "--duration_3az4e",
|
|
18
|
+
"_color": "__color_3az4e_gg_",
|
|
19
|
+
"--color": "--color_3az4e",
|
|
20
|
+
"_hide": "__hide_3az4e_gg_",
|
|
21
|
+
"_transparent": "__transparent_3az4e_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_3az4e_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_1ojrc_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1ojrc_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ojrc_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_1ojrc_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_1ojrc_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, interpolat
|
|
|
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_1u8g0_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1u8g0);transition-timing-function:ease-in-out}.___SLine_1u8g0_gg_.__color_1u8g0_gg_{stroke:var(--color_1u8g0)}.___SLine_1u8g0_gg_.__hide_1u8g0_gg_{display:none}.___SLine_1u8g0_gg_.__transparent_1u8g0_gg_{opacity:.3}.___SNull_1u8g0_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1u8g0_gg_.__hide_1u8g0_gg_{display:none}" /*__inner_css_end__*/, "1u8g0_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SLine": "___SLine_1u8g0_gg_",
|
|
19
|
+
"--duration": "--duration_1u8g0",
|
|
20
|
+
"_color": "__color_1u8g0_gg_",
|
|
21
|
+
"--color": "--color_1u8g0",
|
|
22
|
+
"_hide": "__hide_1u8g0_gg_",
|
|
23
|
+
"_transparent": "__transparent_1u8g0_gg_",
|
|
24
|
+
"__SNull": "___SNull_1u8g0_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_13sex_gg_{overflow:hidden}.___SPlot_13sex_gg_:active,.___SPlot_13sex_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_13sex_gg_.__keyboardFocused_13sex_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__*/, "13sex_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SPlot": "___SPlot_13sex_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_13sex_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_1epxv_gg_,.___SAxisTick_1epxv_gg_,.___SAxis_1epxv_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1epxv_gg_,.___SAxisTick_1epxv_gg_{stroke-dasharray:2}.___SAxisLine_1epxv_gg_.__active_1epxv_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1epxv_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1epxv_gg_.__xDirection_1epxv_gg_{text-anchor:var(--xDirection_1epxv)}.___SAxisLabel_1epxv_gg_.__yDirection_1epxv_gg_{dominant-baseline:var(--yDirection_1epxv)}.___SPolygonDot_1epxv_gg_,.___SPolygon_1epxv_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1epxv_gg_{opacity:.2}.___SPolygon_1epxv_gg_.__color_1epxv_gg_{fill:var(--color_1epxv)}.___SPolygonDot_1epxv_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1epxv_gg_.__transparent_1epxv_gg_{opacity:.3}.___SPolygonDot_1epxv_gg_.__color_1epxv_gg_{fill:var(--color_1epxv)}.___SPolygonLine_1epxv_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1epxv_gg_.__transparent_1epxv_gg_{opacity:.3}.___SPolygonLine_1epxv_gg_.__color_1epxv_gg_{stroke:var(--color_1epxv)}.___SPieRect_1epxv_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1epxv_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SAxis": "___SAxis_1epxv_gg_",
|
|
26
|
+
"__SAxisLine": "___SAxisLine_1epxv_gg_",
|
|
27
|
+
"__SAxisTick": "___SAxisTick_1epxv_gg_",
|
|
28
|
+
"_active": "__active_1epxv_gg_",
|
|
29
|
+
"__SAxisLabel": "___SAxisLabel_1epxv_gg_",
|
|
30
|
+
"_xDirection": "__xDirection_1epxv_gg_",
|
|
31
|
+
"--xDirection": "--xDirection_1epxv",
|
|
32
|
+
"_yDirection": "__yDirection_1epxv_gg_",
|
|
33
|
+
"--yDirection": "--yDirection_1epxv",
|
|
34
|
+
"__SPolygon": "___SPolygon_1epxv_gg_",
|
|
35
|
+
"_color": "__color_1epxv_gg_",
|
|
36
|
+
"--color": "--color_1epxv",
|
|
37
|
+
"__SPolygonDot": "___SPolygonDot_1epxv_gg_",
|
|
38
|
+
"_transparent": "__transparent_1epxv_gg_",
|
|
39
|
+
"__SPolygonLine": "___SPolygonLine_1epxv_gg_",
|
|
40
|
+
"__SPieRect": "___SPieRect_1epxv_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_z2jhs_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_z2jhs_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_z2jhs_gg_.__color_z2jhs_gg_{stroke:var(--color_z2jhs)}.___SCap_z2jhs_gg_.__transparent_z2jhs_gg_,.___SIcon_z2jhs_gg_.__transparent_z2jhs_gg_,.___SLabel_z2jhs_gg_.__transparent_z2jhs_gg_,.___SLine_z2jhs_gg_.__transparent_z2jhs_gg_{opacity:.3}.___SCap_z2jhs_gg_{transition:r .1s}.___SLabel_z2jhs_gg_{fill:var(--color_z2jhs);cursor:var(--text-cursor_z2jhs)}@media (hover:hover){.___SRadian_z2jhs_gg_:hover .___SLabel_z2jhs_gg_{fill:var(--color-hovered_z2jhs)}}@media (prefers-reduced-motion){.___SLineCap_z2jhs_gg_{transition:none}}" /*__inner_css_end__*/, "z2jhs_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_z2jhs_gg_",
|
|
26
|
+
"__SLine": "___SLine_z2jhs_gg_",
|
|
27
|
+
"_color": "__color_z2jhs_gg_",
|
|
28
|
+
"--color": "--color_z2jhs",
|
|
29
|
+
"_transparent": "__transparent_z2jhs_gg_",
|
|
30
|
+
"__SCap": "___SCap_z2jhs_gg_",
|
|
31
|
+
"__SIcon": "___SIcon_z2jhs_gg_",
|
|
32
|
+
"__SLabel": "___SLabel_z2jhs_gg_",
|
|
33
|
+
"--text-cursor": "--text-cursor_z2jhs",
|
|
34
|
+
"--color-hovered": "--color-hovered_z2jhs",
|
|
35
|
+
"__SLineCap": "___SLineCap_z2jhs_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_1v2wt_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1v2wt_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1v2wt)}.___STitle_1v2wt_gg_._position_top_1v2wt_gg_{text-anchor:middle}.___STitle_1v2wt_gg_._position_bottom_1v2wt_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1v2wt_gg_._position_left_1v2wt_gg_,.___STitle_1v2wt_gg_._position_right_1v2wt_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1v2wt_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1v2wt_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_1v2wt_gg_",
|
|
16
|
+
"__STitle": "___STitle_1v2wt_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_1v2wt",
|
|
18
|
+
"_position_top": "_position_top_1v2wt_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_1v2wt_gg_",
|
|
20
|
+
"_position_right": "_position_right_1v2wt_gg_",
|
|
21
|
+
"_position_left": "_position_left_1v2wt_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_1v2wt_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
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_13v09_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_13v09);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_13v09_gg_:hover{opacity:.8}}.___SScatterPlot_13v09_gg_.__color_13v09_gg_{fill:var(--color_13v09)}.___SScatterPlot_13v09_gg_.__transparent_13v09_gg_{opacity:.3}.___SValue_13v09_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_13v09_gg_.__color_13v09_gg_{stroke:var(--color_13v09)}.___SValue_13v09_gg_.__transparent_13v09_gg_{opacity:.3}" /*__inner_css_end__*/, "13v09_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SScatterPlot": "___SScatterPlot_13v09_gg_",
|
|
23
|
+
"--duration": "--duration_13v09",
|
|
24
|
+
"_color": "__color_13v09_gg_",
|
|
25
|
+
"--color": "--color_13v09",
|
|
26
|
+
"_transparent": "__transparent_13v09_gg_",
|
|
27
|
+
"__SValue": "___SValue_13v09_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_1rilm_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_1rilm_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1rilm_gg_{display:flex;align-items:center}.___SDot_1rilm_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1rilm_gg_.__color_1rilm_gg_{background:var(--color_1rilm)}.___SFooter_1rilm_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__*/, "1rilm_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_1rilm_gg_",
|
|
26
|
+
"__STitle": "___STitle_1rilm_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_1rilm_gg_",
|
|
28
|
+
"__SDot": "___SDot_1rilm_gg_",
|
|
29
|
+
"_color": "__color_1rilm_gg_",
|
|
30
|
+
"--color": "--color_1rilm",
|
|
31
|
+
"__SFooter": "___SFooter_1rilm_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_zpccc_gg_,.___SIntersection_zpccc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_zpccc_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_zpccc);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_zpccc_gg_:hover{fill-opacity:.7}}.___SCircle_zpccc_gg_.__color_zpccc_gg_{fill:var(--color_zpccc)}.___SCircle_zpccc_gg_.__transparent_zpccc_gg_{opacity:.3}.___SIntersection_zpccc_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_zpccc_gg_:hover{fill-opacity:.1}}.___SIntersection_zpccc_gg_.__transparent_zpccc_gg_{opacity:.3}" /*__inner_css_end__*/, "zpccc_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SCircle": "___SCircle_zpccc_gg_",
|
|
23
|
+
"--duration": "--duration_zpccc",
|
|
24
|
+
"_color": "__color_zpccc_gg_",
|
|
25
|
+
"--color": "--color_zpccc",
|
|
26
|
+
"_transparent": "__transparent_zpccc_gg_",
|
|
27
|
+
"__SIntersection": "___SIntersection_zpccc_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_dff9x_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_dff9x_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "dff9x_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_dff9x_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
@@ -13,9 +13,9 @@ import { getIntl } from './intl';
|
|
|
13
13
|
import { summarize } from './summarize';
|
|
14
14
|
import { Root, sstyled } from '@semcore/core';
|
|
15
15
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
16
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SPlotA11yView": "
|
|
18
|
-
"_focus-within": "__focus-
|
|
16
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_bz6vz_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_bz6vz_gg_.__focus-within_bz6vz_gg_,.___SPlotA11yView_bz6vz_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_bz6vz_gg_:focus,.___SPlotA11yView_bz6vz_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_bz6vz_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_bz6vz_gg_ table,.___SPlotA11yView_bz6vz_gg_ td,.___SPlotA11yView_bz6vz_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "bz6vz_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SPlotA11yView": "___SPlotA11yView_bz6vz_gg_",
|
|
18
|
+
"_focus-within": "__focus-within_bz6vz_gg_"
|
|
19
19
|
});
|
|
20
20
|
import { Box } from '@semcore/flex-box';
|
|
21
21
|
import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n /** The position of the axis relative chart\n * @default 'button' */\n position?: 'top' | 'right' | 'bottom' | 'left' | number;\n /** Element hide property\n * @default false */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n /** The position of the axis relative chart\n * @default 'left' */\n position?: 'top' | 'right' | 'bottom' | 'left' | number;\n /** Element hide property\n * @default true */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n /** The position of the axis relative chart */\n position?: 'top' | 'right' | 'bottom' | 'left';\n /** Element hide property */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n /** The position of the axis relative chart */\n position?: 'top' | 'right' | 'bottom' | 'left';\n\n /** For vertical titles disables characters rotation while puts\n * characters into the vertical column for better reading in some languages.\n * @default true for `zh` and `ja` locales and false for all others.\n */\n verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n /** Value element of data */\n /** @deprecated */\n value: any;\n /** Index element of data */\n index: number;\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n Grid: IntergalacticD3Component<'path', AxisGridProps>;\n Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n Grid: IntergalacticD3Component<'path', AxisGridProps>;\n Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Axis.d.js","names":[],"sources":["../../../src/types/Axis.d.ts"],"sourcesContent":["import { IntergalacticD3Component } from './Plot';\nimport { Context } from './context';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IXAxisProps extends XAxisProps, UnknownProperties {}\nexport type XAxisProps = Context & {\n /** The position of the axis relative chart\n * @default 'button' */\n position?: 'top' | 'right' | 'bottom' | 'left' | number;\n /** Element hide property\n * @default false */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IYAxisProps extends YAxisProps, UnknownProperties {}\nexport type YAxisProps = Context & {\n /** The position of the axis relative chart\n * @default 'left' */\n position?: 'top' | 'right' | 'bottom' | 'left' | number;\n /** Element hide property\n * @default true */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTicksProps extends AxisTicksProps, UnknownProperties {}\nexport type AxisTicksProps = Context & {\n /** The position of the axis relative chart */\n position?: 'top' | 'right' | 'bottom' | 'left';\n /** Element hide property */\n hide?: boolean;\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisGridProps extends AxisGridProps, UnknownProperties {}\nexport type AxisGridProps = Context & {\n /** Values for axis ticks */\n ticks?: any[];\n};\n\n/** @deprecated */\nexport interface IAxisTitleProps extends AxisTitleProps, UnknownProperties {}\nexport type AxisTitleProps = Context & {\n /** The position of the axis relative chart */\n position?: 'top' | 'right' | 'bottom' | 'left';\n\n /** For vertical titles disables characters rotation while puts\n * characters into the vertical column for better reading in some languages.\n * @default true for `zh` and `ja` locales and false for all others.\n */\n verticalWritingMode?: boolean;\n};\n\n/** @deprecated */\nexport interface IAxisTicksContext extends AxisTicksContext, UnknownProperties {}\nexport type AxisTicksContext = {\n /** Value element of data */\n /** @deprecated */\n value: any;\n /** Index element of data */\n index: number;\n /** Horizontal coordinate of tick */\n x: number;\n /** Vertical coordinate of tick */\n y: number;\n /** Size of plot */\n size: [width: number, height: number];\n};\n\ndeclare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {\n Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n Grid: IntergalacticD3Component<'path', AxisGridProps>;\n Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\ndeclare const YAxis: IntergalacticD3Component<'path', YAxisProps> & {\n Ticks: IntergalacticD3Component<'path', AxisTicksProps, AxisTicksContext>;\n Grid: IntergalacticD3Component<'path', AxisGridProps>;\n Title: IntergalacticD3Component<'text', AxisTitleProps>;\n};\n\nexport { XAxis, YAxis };\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n /** Field name from `data` array item for the XAxis */\n x?: string;\n /** Field name from `data` array item for the YAxis */\n y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n props: {\n /** Field name from `data` array item for the XAxis */\n x?: X;\n /** Field name from `data` array item for the YAxis */\n y?: Y;\n children: (props: {\n /** Index in `data` array of the current item */\n xIndex: X extends string ? string : never;\n /** Index in `data` array of the current item */\n yIndex: Y extends string ? string : never;\n }) => { children: ReturnEl };\n } & Omit<BoxProps, 'children'>,\n) => ReturnEl) &\n TooltipTypeBase;\n\ndeclare const HoverLine: IntergalacticD3Component<'g', HoverProps> & {\n Tooltip: HoverTooltip;\n};\n\ndeclare const HoverRect: IntergalacticD3Component<'g', HoverProps> & {\n Tooltip: HoverTooltip;\n};\nexport { HoverLine, HoverRect };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n /** Field name from `data` array item for the XAxis */\n x?: string;\n /** Field name from `data` array item for the YAxis */\n y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n props: {\n /** Field name from `data` array item for the XAxis */\n x?: X;\n /** Field name from `data` array item for the YAxis */\n y?: Y;\n children: (props: {\n /** Index in `data` array of the current item */\n xIndex: X extends string ? string : never;\n /** Index in `data` array of the current item */\n yIndex: Y extends string ? string : never;\n }) => { children: ReturnEl };\n } & Omit<BoxProps, 'children'>,\n) => ReturnEl) &\n TooltipTypeBase;\n\ntype HoverContext = {\n /** Index in `data` array of the current item */\n index: number;\n};\n\ndeclare const HoverLine: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n Tooltip: HoverTooltip;\n};\n\ndeclare const HoverRect: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n Tooltip: HoverTooltip;\n};\nexport { HoverLine, HoverRect };\n"],"mappings":""}
|
package/lib/types/Axis.d.ts
CHANGED
|
@@ -67,6 +67,12 @@ export type AxisTicksContext = {
|
|
|
67
67
|
value: any;
|
|
68
68
|
/** Index element of data */
|
|
69
69
|
index: number;
|
|
70
|
+
/** Horizontal coordinate of tick */
|
|
71
|
+
x: number;
|
|
72
|
+
/** Vertical coordinate of tick */
|
|
73
|
+
y: number;
|
|
74
|
+
/** Size of plot */
|
|
75
|
+
size: [width: number, height: number];
|
|
70
76
|
};
|
|
71
77
|
|
|
72
78
|
declare const XAxis: IntergalacticD3Component<'path', XAxisProps> & {
|
package/lib/types/Hover.d.ts
CHANGED
|
@@ -30,11 +30,16 @@ type HoverTooltip = (<X, Y>(
|
|
|
30
30
|
) => ReturnEl) &
|
|
31
31
|
TooltipTypeBase;
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
type HoverContext = {
|
|
34
|
+
/** Index in `data` array of the current item */
|
|
35
|
+
index: number;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
declare const HoverLine: IntergalacticD3Component<'g', HoverProps, HoverContext> & {
|
|
34
39
|
Tooltip: HoverTooltip;
|
|
35
40
|
};
|
|
36
41
|
|
|
37
|
-
declare const HoverRect: IntergalacticD3Component<'g', HoverProps> & {
|
|
42
|
+
declare const HoverRect: IntergalacticD3Component<'g', HoverProps, HoverContext> & {
|
|
38
43
|
Tooltip: HoverTooltip;
|
|
39
44
|
};
|
|
40
45
|
export { HoverLine, HoverRect };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/d3-chart",
|
|
3
3
|
"description": "Semrush D3 Chart Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.13.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@formatjs/intl": "2.3.0",
|
|
18
|
-
"@semcore/animation": "2.7.
|
|
19
|
-
"@semcore/flex-box": "5.7.
|
|
20
|
-
"@semcore/popper": "5.7.
|
|
21
|
-
"@semcore/utils": "4.7.
|
|
18
|
+
"@semcore/animation": "2.7.1",
|
|
19
|
+
"@semcore/flex-box": "5.7.1",
|
|
20
|
+
"@semcore/popper": "5.7.1",
|
|
21
|
+
"@semcore/utils": "4.7.1",
|
|
22
22
|
"@types/d3-shape": "^3.1.0",
|
|
23
23
|
"@upsetjs/venn.js": "1.4.2",
|
|
24
24
|
"d3-array": "3.1.6",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"hoist-non-react-statics": "3.3.2"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"@semcore/core": "^2.7.
|
|
35
|
+
"@semcore/core": "^2.7.1-prerelease.0",
|
|
36
36
|
"react": "16.8 - 18",
|
|
37
37
|
"react-dom": "16.8 - 18"
|
|
38
38
|
},
|