intergalactic 15.58.1 → 15.59.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 +55 -0
- package/carousel/lib/cjs/Carousel.js +2 -2
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +2 -2
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +2 -1
- package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
- package/color-picker/lib/es6/ColorPicker.js +2 -1
- package/color-picker/lib/es6/ColorPicker.js.map +1 -1
- package/components.json +32 -32
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +6 -4
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +6 -4
- package/d3-chart/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Head.js +2 -1
- package/data-table/lib/cjs/Head.js.map +1 -1
- package/data-table/lib/es6/Head.js +2 -1
- package/data-table/lib/es6/Head.js.map +1 -1
- package/icon/lib/cjs/Icon.js +3 -3
- package/icon/lib/cjs/Icon.js.map +1 -1
- package/icon/lib/es6/Icon.js +3 -3
- package/icon/lib/es6/Icon.js.map +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js.map +1 -1
- package/inline-input/lib/cjs/InlineInput.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +4 -4
- package/inline-input/lib/es6/InlineInput.js.map +1 -1
- package/input-tags/lib/cjs/InputTags.js +3 -3
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +3 -3
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/package.json +1 -1
- package/pills/lib/cjs/Pills.js +2 -1
- package/pills/lib/cjs/Pills.js.map +1 -1
- package/pills/lib/es6/Pills.js +2 -1
- package/pills/lib/es6/Pills.js.map +1 -1
- package/switch/lib/cjs/Switch.js +5 -2
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/es6/Switch.js +5 -2
- package/switch/lib/es6/Switch.js.map +1 -1
- package/tab-panel/lib/cjs/TabPanel.js +2 -1
- package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
- package/tab-panel/lib/es6/TabPanel.js +2 -1
- package/tab-panel/lib/es6/TabPanel.js.map +1 -1
- package/tag/lib/cjs/Tag.js +4 -3
- package/tag/lib/cjs/Tag.js.map +1 -1
- package/tag/lib/es6/Tag.js +4 -3
- package/tag/lib/es6/Tag.js.map +1 -1
- package/tooltip/index.d.ts +4 -1
- package/tooltip/lib/cjs/Tooltip.js +14 -9
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/cjs/index.d.js.map +1 -1
- package/tooltip/lib/cjs/style/tooltip.shadow.css +4 -0
- package/tooltip/lib/es6/Tooltip.js +14 -9
- package/tooltip/lib/es6/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/index.d.js.map +1 -1
- package/tooltip/lib/es6/style/tooltip.shadow.css +4 -0
- package/tooltip/lib/types/index.d.ts +4 -1
- package/wizard/lib/cjs/Wizard.js +2 -1
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +2 -1
- package/wizard/lib/es6/Wizard.js.map +1 -1
@@ -18,18 +18,18 @@ import { getBubbleChartValueScale, CONSTANT, measureText } from './utils';
|
|
18
18
|
import Tooltip from './Tooltip';
|
19
19
|
import { PatternFill } from './Pattern';
|
20
20
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SBubble": "
|
23
|
-
"_color": "
|
24
|
-
"--color": "--
|
25
|
-
"_pattern": "
|
26
|
-
"--pattern": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SCenter": "
|
29
|
-
"__SLabel": "
|
30
|
-
"_position_right": "
|
31
|
-
"_position_left": "
|
32
|
-
"--duration": "--
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_xxerj_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_xxerj);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_xxerj_gg_:hover{opacity:.8}}.___SBubble_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SBubble_xxerj_gg_.__pattern_xxerj_gg_.__color_xxerj_gg_{fill:var(--pattern_xxerj);stroke:var(--color_xxerj);stroke-width:1px}.___SBubble_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SCenter_xxerj_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_xxerj_gg_.__color_xxerj_gg_{stroke:var(--color_xxerj)}.___SCenter_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}.___SLabel_xxerj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_xxerj_gg_._position_right_xxerj_gg_{text-anchor:end}.___SLabel_xxerj_gg_._position_left_xxerj_gg_{text-anchor:start}.___SLabel_xxerj_gg_.__color_xxerj_gg_{fill:var(--color_xxerj)}.___SLabel_xxerj_gg_.__transparent_xxerj_gg_{opacity:.3}" /*__inner_css_end__*/, "xxerj_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SBubble": "___SBubble_xxerj_gg_",
|
23
|
+
"_color": "__color_xxerj_gg_",
|
24
|
+
"--color": "--color_xxerj",
|
25
|
+
"_pattern": "__pattern_xxerj_gg_",
|
26
|
+
"--pattern": "--pattern_xxerj",
|
27
|
+
"_transparent": "__transparent_xxerj_gg_",
|
28
|
+
"__SCenter": "___SCenter_xxerj_gg_",
|
29
|
+
"__SLabel": "___SLabel_xxerj_gg_",
|
30
|
+
"_position_right": "_position_right_xxerj_gg_",
|
31
|
+
"_position_left": "_position_left_xxerj_gg_",
|
32
|
+
"--duration": "--duration_xxerj"
|
33
33
|
});
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
35
35
|
_inherits(BubbleRoot, _Component);
|
@@ -23,15 +23,15 @@ import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
24
24
|
import { PatternFill } from './Pattern';
|
25
25
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SPie": "
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
32
|
-
"_transparent": "
|
33
|
-
"__SEmptyData": "
|
34
|
-
"__SLabel": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1gjbk_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SPie_1gjbk_gg_.__pattern_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--pattern_1gjbk);stroke:var(--color_1gjbk);stroke-width:1px}.___SPie_1gjbk_gg_.__transparent_1gjbk_gg_{opacity:.3}.___SEmptyData_1gjbk_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1gjbk_gg_.__color_1gjbk_gg_{fill:var(--color_1gjbk)}.___SLabel_1gjbk_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1gjbk_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SPie": "___SPie_1gjbk_gg_",
|
28
|
+
"_color": "__color_1gjbk_gg_",
|
29
|
+
"--color": "--color_1gjbk",
|
30
|
+
"_pattern": "__pattern_1gjbk_gg_",
|
31
|
+
"--pattern": "--pattern_1gjbk",
|
32
|
+
"_transparent": "__transparent_1gjbk_gg_",
|
33
|
+
"__SEmptyData": "___SEmptyData_1gjbk_gg_",
|
34
|
+
"__SLabel": "___SLabel_1gjbk_gg_"
|
35
35
|
});
|
36
36
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
37
37
|
function transitionAnglePie(_ref6) {
|
package/d3-chart/lib/es6/Dots.js
CHANGED
@@ -7,14 +7,14 @@ import trottle from 'intergalactic/utils/lib/rafTrottle';
|
|
7
7
|
import createElement from './createElement';
|
8
8
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
11
|
-
"__SDot": "
|
12
|
-
"_hide": "
|
13
|
-
"_color": "
|
14
|
-
"--color": "--
|
15
|
-
"_transparent": "
|
16
|
-
"__SDots": "
|
17
|
-
"--duration": "--
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_opk73_gg_ .___SDot_opk73_gg_{transition-duration:var(--duration_opk73)}.___SDot_opk73_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_opk73_gg_.__hide_opk73_gg_{display:none}.___SDot_opk73_gg_.__color_opk73_gg_{fill:var(--color_opk73)}.___SDot_opk73_gg_.__transparent_opk73_gg_{opacity:.3}" /*__inner_css_end__*/, "opk73_gg_") /*__reshadow_css_end__*/, {
|
11
|
+
"__SDot": "___SDot_opk73_gg_",
|
12
|
+
"_hide": "__hide_opk73_gg_",
|
13
|
+
"_color": "__color_opk73_gg_",
|
14
|
+
"--color": "--color_opk73",
|
15
|
+
"_transparent": "__transparent_opk73_gg_",
|
16
|
+
"__SDots": "___SDots_opk73_gg_",
|
17
|
+
"--duration": "--duration_opk73"
|
18
18
|
});
|
19
19
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
@@ -13,16 +13,16 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
14
14
|
import { PatternFill } from './Pattern';
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
17
|
-
"__SBar": "
|
18
|
-
"--duration": "--
|
19
|
-
"_color": "
|
20
|
-
"--color": "--
|
21
|
-
"_pattern": "
|
22
|
-
"--pattern": "--
|
23
|
-
"_hide": "
|
24
|
-
"_transparent": "
|
25
|
-
"__SBackground": "
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1u7qq);transition-timing-function:ease-in-out}.___SBar_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--color_1u7qq)}.___SBar_1u7qq_gg_.__pattern_1u7qq_gg_.__color_1u7qq_gg_{fill:var(--pattern_1u7qq);stroke:var(--color_1u7qq);stroke-width:1px}.___SBar_1u7qq_gg_.__hide_1u7qq_gg_{display:none}.___SBar_1u7qq_gg_.__transparent_1u7qq_gg_{opacity:.3}.___SBackground_1u7qq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1u7qq_gg_") /*__reshadow_css_end__*/, {
|
17
|
+
"__SBar": "___SBar_1u7qq_gg_",
|
18
|
+
"--duration": "--duration_1u7qq",
|
19
|
+
"_color": "__color_1u7qq_gg_",
|
20
|
+
"--color": "--color_1u7qq",
|
21
|
+
"_pattern": "__pattern_1u7qq_gg_",
|
22
|
+
"--pattern": "--pattern_1u7qq",
|
23
|
+
"_hide": "__hide_1u7qq_gg_",
|
24
|
+
"_transparent": "__transparent_1u7qq_gg_",
|
25
|
+
"__SBackground": "___SBackground_1u7qq_gg_"
|
26
26
|
});
|
27
27
|
export var MIN_WIDTH = 2;
|
28
28
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
@@ -16,9 +16,9 @@ import trottle from 'intergalactic/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_1bumf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1bumf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1bumf_gg_") /*__reshadow_css_end__*/, {
|
20
|
+
"__SHoverLine": "___SHoverLine_1bumf_gg_",
|
21
|
+
"__SHoverRect": "___SHoverRect_1bumf_gg_"
|
22
22
|
});
|
23
23
|
import Tooltip from './Tooltip';
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/d3-chart/lib/es6/Line.js
CHANGED
@@ -15,15 +15,15 @@ import Dots from './Dots';
|
|
15
15
|
import AnimatedClipPath from './AnimatedClipPath';
|
16
16
|
import { resolvePatternDasharray } from './Pattern';
|
17
17
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
19
|
-
"__SLine": "
|
20
|
-
"--duration": "--
|
21
|
-
"_color": "
|
22
|
-
"--color": "--
|
23
|
-
"_hide": "
|
24
|
-
"_transparent": "
|
25
|
-
"__SNull": "
|
26
|
-
"__SAria": "
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_39lfg_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out}.___SLine_39lfg_gg_.__color_39lfg_gg_{stroke:var(--color_39lfg)}.___SLine_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SLine_39lfg_gg_.__transparent_39lfg_gg_{opacity:.3}.___SNull_39lfg_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_39lfg_gg_.__hide_39lfg_gg_{display:none}.___SAria_39lfg_gg_{transition-property:d;transition-duration:var(--duration_39lfg);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_39lfg_gg_.__color_39lfg_gg_{fill:var(--color_39lfg)}" /*__inner_css_end__*/, "39lfg_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__SLine": "___SLine_39lfg_gg_",
|
20
|
+
"--duration": "--duration_39lfg",
|
21
|
+
"_color": "__color_39lfg_gg_",
|
22
|
+
"--color": "--color_39lfg",
|
23
|
+
"_hide": "__hide_39lfg_gg_",
|
24
|
+
"_transparent": "__transparent_39lfg_gg_",
|
25
|
+
"__SNull": "___SNull_39lfg_gg_",
|
26
|
+
"__SAria": "___SAria_39lfg_gg_"
|
27
27
|
});
|
28
28
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
29
29
|
_inherits(LineRoot, _Component);
|
package/d3-chart/lib/es6/Plot.js
CHANGED
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
19
19
|
import colorResolverEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
20
20
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SPlot": "
|
23
|
-
"_keyboardFocused": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_11xbf_gg_{overflow:hidden}.___SPlot_11xbf_gg_:active,.___SPlot_11xbf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_11xbf_gg_.__keyboardFocused_11xbf_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__*/, "11xbf_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SPlot": "___SPlot_11xbf_gg_",
|
23
|
+
"_keyboardFocused": "__keyboardFocused_11xbf_gg_"
|
24
24
|
});
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
26
26
|
_inherits(PlotRoot, _Component);
|
@@ -22,25 +22,25 @@ import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from '.
|
|
22
22
|
import Tooltip from './Tooltip';
|
23
23
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
24
24
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SAxis": "
|
27
|
-
"__SAxisLine": "
|
28
|
-
"__SAxisTick": "
|
29
|
-
"_active": "
|
30
|
-
"__SAxisLabel": "
|
31
|
-
"_xDirection": "
|
32
|
-
"--xDirection": "--
|
33
|
-
"_yDirection": "
|
34
|
-
"--yDirection": "--
|
35
|
-
"__SPolygon": "
|
36
|
-
"_color": "
|
37
|
-
"--color": "--
|
38
|
-
"_pattern": "
|
39
|
-
"--pattern": "--
|
40
|
-
"__SPolygonDot": "
|
41
|
-
"_transparent": "
|
42
|
-
"__SPolygonLine": "
|
43
|
-
"__SPieRect": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_pzb05_gg_,.___SAxisTick_pzb05_gg_,.___SAxis_pzb05_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_pzb05_gg_,.___SAxisTick_pzb05_gg_{stroke-dasharray:2}.___SAxisLine_pzb05_gg_.__active_pzb05_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_pzb05_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_pzb05_gg_.__xDirection_pzb05_gg_{text-anchor:var(--xDirection_pzb05)}.___SAxisLabel_pzb05_gg_.__yDirection_pzb05_gg_{dominant-baseline:var(--yDirection_pzb05)}.___SPolygonDot_pzb05_gg_,.___SPolygon_pzb05_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_pzb05_gg_{opacity:.2}.___SPolygon_pzb05_gg_.__color_pzb05_gg_{fill:var(--color_pzb05)}.___SPolygon_pzb05_gg_.__pattern_pzb05_gg_.__color_pzb05_gg_{fill:var(--pattern_pzb05);stroke:var(--color_pzb05);stroke-width:1px}.___SPolygonDot_pzb05_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_pzb05_gg_.__transparent_pzb05_gg_{opacity:.3}.___SPolygonDot_pzb05_gg_.__color_pzb05_gg_{fill:var(--color_pzb05)}.___SPolygonLine_pzb05_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_pzb05_gg_.__transparent_pzb05_gg_{opacity:.3}.___SPolygonLine_pzb05_gg_.__color_pzb05_gg_{stroke:var(--color_pzb05)}.___SPieRect_pzb05_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "pzb05_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SAxis": "___SAxis_pzb05_gg_",
|
27
|
+
"__SAxisLine": "___SAxisLine_pzb05_gg_",
|
28
|
+
"__SAxisTick": "___SAxisTick_pzb05_gg_",
|
29
|
+
"_active": "__active_pzb05_gg_",
|
30
|
+
"__SAxisLabel": "___SAxisLabel_pzb05_gg_",
|
31
|
+
"_xDirection": "__xDirection_pzb05_gg_",
|
32
|
+
"--xDirection": "--xDirection_pzb05",
|
33
|
+
"_yDirection": "__yDirection_pzb05_gg_",
|
34
|
+
"--yDirection": "--yDirection_pzb05",
|
35
|
+
"__SPolygon": "___SPolygon_pzb05_gg_",
|
36
|
+
"_color": "__color_pzb05_gg_",
|
37
|
+
"--color": "--color_pzb05",
|
38
|
+
"_pattern": "__pattern_pzb05_gg_",
|
39
|
+
"--pattern": "--pattern_pzb05",
|
40
|
+
"__SPolygonDot": "___SPolygonDot_pzb05_gg_",
|
41
|
+
"_transparent": "__transparent_pzb05_gg_",
|
42
|
+
"__SPolygonLine": "___SPolygonLine_pzb05_gg_",
|
43
|
+
"__SPieRect": "___SPieRect_pzb05_gg_"
|
44
44
|
});
|
45
45
|
var clampAngle = function clampAngle(angle) {
|
46
46
|
angle = angle % (2 * Math.PI);
|
@@ -21,17 +21,17 @@ import createElement from './createElement';
|
|
21
21
|
import { getChartDefaultColorName, measureText } from './utils';
|
22
22
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
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
|
-
"_pattern": "
|
32
|
-
"__SIcon": "
|
33
|
-
"__SLabel": "
|
34
|
-
"__SLineCap": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_uugdi_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_uugdi_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_uugdi_gg_.__color_uugdi_gg_{stroke:var(--color_uugdi)}.___SLine_uugdi_gg_.__transparent_uugdi_gg_{opacity:.3}.___SCap_uugdi_gg_{transition:r .1s}.___SCap_uugdi_gg_.__pattern_uugdi_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_uugdi_gg_.__transparent_uugdi_gg_,.___SIcon_uugdi_gg_.__transparent_uugdi_gg_,.___SLabel_uugdi_gg_.__transparent_uugdi_gg_{opacity:.3}.___SLabel_uugdi_gg_{fill:var(--color_uugdi)}@media (hover:hover){.___SRadian_uugdi_gg_:hover .___SLabel_uugdi_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_uugdi_gg_{transition:none}}" /*__inner_css_end__*/, "uugdi_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SRadian": "___SRadian_uugdi_gg_",
|
26
|
+
"__SLine": "___SLine_uugdi_gg_",
|
27
|
+
"_color": "__color_uugdi_gg_",
|
28
|
+
"--color": "--color_uugdi",
|
29
|
+
"_transparent": "__transparent_uugdi_gg_",
|
30
|
+
"__SCap": "___SCap_uugdi_gg_",
|
31
|
+
"_pattern": "__pattern_uugdi_gg_",
|
32
|
+
"__SIcon": "___SIcon_uugdi_gg_",
|
33
|
+
"__SLabel": "___SLabel_uugdi_gg_",
|
34
|
+
"__SLineCap": "___SLineCap_uugdi_gg_"
|
35
35
|
});
|
36
36
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
37
37
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
@@ -11,15 +11,15 @@ import { Component, sstyled } from 'intergalactic/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_1491v_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1491v_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1491v)}.___STitle_1491v_gg_._position_top_1491v_gg_{text-anchor:middle}.___STitle_1491v_gg_._position_bottom_1491v_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1491v_gg_._position_left_1491v_gg_,.___STitle_1491v_gg_._position_right_1491v_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1491v_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1491v_gg_") /*__reshadow_css_end__*/, {
|
15
|
+
"__SReferenceLine": "___SReferenceLine_1491v_gg_",
|
16
|
+
"__STitle": "___STitle_1491v_gg_",
|
17
|
+
"--transform-origin": "--transform-origin_1491v",
|
18
|
+
"_position_top": "_position_top_1491v_gg_",
|
19
|
+
"_position_bottom": "_position_bottom_1491v_gg_",
|
20
|
+
"_position_right": "_position_right_1491v_gg_",
|
21
|
+
"_position_left": "_position_left_1491v_gg_",
|
22
|
+
"__SBackground": "___SBackground_1491v_gg_"
|
23
23
|
});
|
24
24
|
var side2direction = {
|
25
25
|
left: 'vertical',
|
@@ -18,15 +18,15 @@ import { CONSTANT, getScatterPlotRadius } from './utils';
|
|
18
18
|
import Tooltip from './Tooltip';
|
19
19
|
import { PatternFill } from './Pattern';
|
20
20
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SScatterPlot": "
|
23
|
-
"_color": "
|
24
|
-
"--color": "--
|
25
|
-
"_pattern": "
|
26
|
-
"--pattern": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SValue": "
|
29
|
-
"--duration": "--
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_m8i1t_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_m8i1t);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_m8i1t_gg_:hover{opacity:.8}}.___SScatterPlot_m8i1t_gg_.__color_m8i1t_gg_{fill:var(--color_m8i1t)}.___SScatterPlot_m8i1t_gg_.__pattern_m8i1t_gg_.__color_m8i1t_gg_{fill:var(--pattern_m8i1t);stroke:var(--color_m8i1t);stroke-width:1px}.___SScatterPlot_m8i1t_gg_.__transparent_m8i1t_gg_{opacity:.3}.___SValue_m8i1t_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_m8i1t_gg_.__color_m8i1t_gg_{stroke:var(--color_m8i1t)}.___SValue_m8i1t_gg_.__transparent_m8i1t_gg_{opacity:.3}" /*__inner_css_end__*/, "m8i1t_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SScatterPlot": "___SScatterPlot_m8i1t_gg_",
|
23
|
+
"_color": "__color_m8i1t_gg_",
|
24
|
+
"--color": "--color_m8i1t",
|
25
|
+
"_pattern": "__pattern_m8i1t_gg_",
|
26
|
+
"--pattern": "--pattern_m8i1t",
|
27
|
+
"_transparent": "__transparent_m8i1t_gg_",
|
28
|
+
"__SValue": "___SValue_m8i1t_gg_",
|
29
|
+
"--duration": "--duration_m8i1t"
|
30
30
|
});
|
31
31
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
32
32
|
_inherits(ScatterPlotRoot, _Component);
|
@@ -21,15 +21,15 @@ import createElement from './createElement';
|
|
21
21
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
22
22
|
import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
|
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
|
-
"__SDotCircle": "
|
30
|
-
"_color": "
|
31
|
-
"--color": "--
|
32
|
-
"__SFooter": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_10t1l_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_10t1l_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_10t1l_gg_{display:flex;align-items:center}.___SDot_10t1l_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_10t1l_gg_.__color_10t1l_gg_{background-color:var(--color_10t1l);width:12px;height:12px;border-radius:50%}.___SFooter_10t1l_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__*/, "10t1l_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STooltip": "___STooltip_10t1l_gg_",
|
26
|
+
"__STitle": "___STitle_10t1l_gg_",
|
27
|
+
"__SDotGroup": "___SDotGroup_10t1l_gg_",
|
28
|
+
"__SDot": "___SDot_10t1l_gg_",
|
29
|
+
"__SDotCircle": "___SDotCircle_10t1l_gg_",
|
30
|
+
"_color": "__color_10t1l_gg_",
|
31
|
+
"--color": "--color_10t1l",
|
32
|
+
"__SFooter": "___SFooter_10t1l_gg_"
|
33
33
|
});
|
34
34
|
import { PatternSymbol } from './Pattern';
|
35
35
|
|
package/d3-chart/lib/es6/Venn.js
CHANGED
@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
|
|
20
20
|
import { PatternFill } from './Pattern';
|
21
21
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
22
22
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SCircle": "
|
25
|
-
"_color": "
|
26
|
-
"--color": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SIntersection": "
|
29
|
-
"--duration": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_hc3z4_gg_,.___SIntersection_hc3z4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_hc3z4_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_hc3z4);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_hc3z4_gg_:hover{fill-opacity:.7}}.___SCircle_hc3z4_gg_.__color_hc3z4_gg_{fill:var(--color_hc3z4)}.___SCircle_hc3z4_gg_.__pattern_hc3z4_gg_.__color_hc3z4_gg_{fill:var(--pattern_hc3z4);fill-opacity:.7;stroke:var(--color_hc3z4);stroke-width:1px}@media (hover:hover){.___SCircle_hc3z4_gg_.__pattern_hc3z4_gg_.__color_hc3z4_gg_:hover{fill-opacity:.85}}.___SCircle_hc3z4_gg_.__transparent_hc3z4_gg_{opacity:.3}.___SIntersection_hc3z4_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_hc3z4_gg_:hover{fill-opacity:.1}}.___SIntersection_hc3z4_gg_.__transparent_hc3z4_gg_{opacity:.3}" /*__inner_css_end__*/, "hc3z4_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCircle": "___SCircle_hc3z4_gg_",
|
25
|
+
"_color": "__color_hc3z4_gg_",
|
26
|
+
"--color": "--color_hc3z4",
|
27
|
+
"_transparent": "__transparent_hc3z4_gg_",
|
28
|
+
"__SIntersection": "___SIntersection_hc3z4_gg_",
|
29
|
+
"--duration": "--duration_hc3z4",
|
30
|
+
"_pattern": "__pattern_hc3z4_gg_",
|
31
|
+
"--pattern": "--pattern_hc3z4"
|
32
32
|
});
|
33
33
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
34
34
|
_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 'intergalactic/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_1hohn_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1hohn_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1hohn_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1hohn_gg_"
|
15
15
|
});
|
16
16
|
import { Context as I18nContext, useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
|
17
17
|
import { Box } from 'intergalactic/flex-box';
|
@@ -13,8 +13,8 @@ import { getIntl } from './intl';
|
|
13
13
|
import { summarize } from './summarize';
|
14
14
|
import { Root, sstyled } from 'intergalactic/core';
|
15
15
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
16
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
17
|
-
"__SPlotA11yView": "
|
16
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1h82j_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_1h82j_gg_:focus,.___SPlotA11yView_1h82j_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_1h82j_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1h82j_gg_ table,.___SPlotA11yView_1h82j_gg_ td,.___SPlotA11yView_1h82j_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1h82j_gg_") /*__reshadow_css_end__*/, {
|
17
|
+
"__SPlotA11yView": "___SPlotA11yView_1h82j_gg_"
|
18
18
|
});
|
19
19
|
import { Box } from 'intergalactic/flex-box';
|
20
20
|
import { useAsyncI18nMessages } from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
@@ -130,7 +130,8 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
|
|
130
130
|
(_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
|
131
131
|
}, []);
|
132
132
|
var handleSkipKeyboard = React.useCallback(function (event) {
|
133
|
-
if (event.
|
133
|
+
if (!(event.code === 'Enter' || event.code === 'Space')) return;
|
134
|
+
event.preventDefault();
|
134
135
|
handleSkip();
|
135
136
|
}, [handleSkip]);
|
136
137
|
var handleGoToTable = React.useCallback(function () {
|
@@ -138,7 +139,8 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
|
|
138
139
|
(_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
|
139
140
|
}, []);
|
140
141
|
var handleGoToTableKeyboard = React.useCallback(function (event) {
|
141
|
-
if (event.
|
142
|
+
if (!(event.code === 'Enter' || event.code === 'Space')) return;
|
143
|
+
event.preventDefault();
|
142
144
|
handleGoToTable();
|
143
145
|
}, [handleGoToTable]);
|
144
146
|
var texts = React.useMemo(function () {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","formatValue","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","keys","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper","_step","s","n","done","_step$value","_slicedToArray","value","label","err","e","f","renderTitle","useCallback","dataKey","_React$useState","useState","_React$useState2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleSkip","_heavyFindNextFocusab","current","focus","handleSkipKeyboard","event","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat","index","item","_typeof","join","_ref4","_ref5"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n id,\n data: providedData,\n hints,\n plotLabel,\n plotRef,\n config: providedConfig,\n locale,\n}) => {\n const SPlotA11yView = Root;\n const translations = useAsyncI18nMessages(localizedMessages, locale);\n const intl = React.useMemo(\n () => getIntl(locale, translations, localizedMessages),\n [locale, translations, localizedMessages],\n );\n const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n const data = React.useMemo(\n () => (Array.isArray(providedData) ? providedData : [providedData]),\n [providedData],\n );\n const keys = React.useMemo(() => {\n let fromHints: (string | number)[] = [];\n fromHints.push(...hints.fields.verticalAxes);\n fromHints.push(...hints.fields.horizontalAxes);\n fromHints.push(...hints.fields.valueAxes);\n fromHints.push(...config.additionalFields);\n fromHints.push(...Object.keys(hints.fields.values));\n\n fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n if (fromHints.length === 0) {\n data.forEach((row) => fromHints.push(...Object.keys(row)));\n }\n\n return [...new Set(fromHints)];\n }, [data, hints]);\n const duplicatedBaseKeys = React.useMemo(() => {\n const baseKeys = keys\n .filter((key) => !hints.titles.valuesAxes[key])\n .map((key) => {\n if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n return [key, hints.axesTitle.vertical];\n if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n return [key, hints.axesTitle.horizontal];\n })\n .filter((entry) => entry !== undefined)\n .map((entry) => entry!);\n const doublicated: Record<string, true> = {};\n const handled: Record<string, string | number> = {};\n for (const [key, label] of baseKeys) {\n if (handled[label]) {\n doublicated[key] = true;\n doublicated[handled[label]] = true;\n }\n handled[label] = key;\n }\n return doublicated;\n }, [keys, hints]);\n const renderTitle = React.useCallback(\n (dataKey: string | number) => {\n if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n if (!duplicatedBaseKeys[dataKey]) {\n if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n return hints.axesTitle.vertical;\n if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n return hints.axesTitle.horizontal;\n }\n\n return dataKey;\n },\n [data, hints, duplicatedBaseKeys],\n );\n\n const [summary, setSummary] = React.useState<string | null>(null);\n const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n React.useEffect(() => {\n if (config.disable) {\n setSummary('');\n setGeneratingSummary(false);\n return;\n }\n if (config.override) {\n setSummary(config.override);\n setGeneratingSummary(false);\n return;\n }\n setTimeout(() => {\n setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n setGeneratingSummary(false);\n }, 0);\n }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n const handleSkip = React.useCallback(() => {\n if (!plotRef.current) return;\n\n heavyFindNextFocusableElement(plotRef.current)?.focus();\n }, []);\n const handleSkipKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key !== 'Enter') return;\n\n handleSkip();\n },\n [handleSkip],\n );\n const handleGoToTable = React.useCallback(() => {\n dataTableRef.current?.focus();\n }, []);\n const handleGoToTableKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key !== 'Enter') return;\n\n handleGoToTable();\n },\n [handleGoToTable],\n );\n\n const texts = React.useMemo(\n () => ({\n label: intl.formatMessage(\n { id: 'view-label' },\n { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n ),\n close: intl.formatMessage({ id: 'view-close' }),\n skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n summary: intl.formatMessage({ id: 'view-data-summary' }),\n summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n table: intl.formatMessage({ id: 'view-table' }),\n }),\n [intl, plotLabel],\n );\n\n const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n return sstyled(styles)(\n <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a aria-hidden onClick={handleSkip}>\n {texts.close}\n </a>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n {texts.skipPlot}\n </a>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n {texts.goToTable}\n </a>\n <strong>\n <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n </strong>\n <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n {generatingSummary ? texts.summaryPlaceholder : summary}\n </div>\n <strong>\n <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n </strong>\n <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n <thead>\n <tr>\n {keys.map((key, index) => (\n <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {data.map((row, index) => (\n <tr\n key={`${Object.values(row)\n .filter((item) => typeof item !== 'symbol')\n .join('-')}-${index}`}\n >\n {keys\n .map((key) => (typeof row[key] !== 'symbol' ? [key, row[key]] : [key, '']))\n .map(([key, value], index) => (\n <td key={`${key}-${index}`}>{formatValue(intl, value)}</td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </SPlotA11yView>,\n ) as React.ReactElement;\n};\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","formatValue","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","keys","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper","_step","s","n","done","_step$value","_slicedToArray","value","label","err","e","f","renderTitle","useCallback","dataKey","_React$useState","useState","_React$useState2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleSkip","_heavyFindNextFocusab","current","focus","handleSkipKeyboard","event","code","preventDefault","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat","index","item","_typeof","join","_ref4","_ref5"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n id,\n data: providedData,\n hints,\n plotLabel,\n plotRef,\n config: providedConfig,\n locale,\n}) => {\n const SPlotA11yView = Root;\n const translations = useAsyncI18nMessages(localizedMessages, locale);\n const intl = React.useMemo(\n () => getIntl(locale, translations, localizedMessages),\n [locale, translations, localizedMessages],\n );\n const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n const data = React.useMemo(\n () => (Array.isArray(providedData) ? providedData : [providedData]),\n [providedData],\n );\n const keys = React.useMemo(() => {\n let fromHints: (string | number)[] = [];\n fromHints.push(...hints.fields.verticalAxes);\n fromHints.push(...hints.fields.horizontalAxes);\n fromHints.push(...hints.fields.valueAxes);\n fromHints.push(...config.additionalFields);\n fromHints.push(...Object.keys(hints.fields.values));\n\n fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n if (fromHints.length === 0) {\n data.forEach((row) => fromHints.push(...Object.keys(row)));\n }\n\n return [...new Set(fromHints)];\n }, [data, hints]);\n const duplicatedBaseKeys = React.useMemo(() => {\n const baseKeys = keys\n .filter((key) => !hints.titles.valuesAxes[key])\n .map((key) => {\n if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n return [key, hints.axesTitle.vertical];\n if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n return [key, hints.axesTitle.horizontal];\n })\n .filter((entry) => entry !== undefined)\n .map((entry) => entry!);\n const doublicated: Record<string, true> = {};\n const handled: Record<string, string | number> = {};\n for (const [key, label] of baseKeys) {\n if (handled[label]) {\n doublicated[key] = true;\n doublicated[handled[label]] = true;\n }\n handled[label] = key;\n }\n return doublicated;\n }, [keys, hints]);\n const renderTitle = React.useCallback(\n (dataKey: string | number) => {\n if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n if (!duplicatedBaseKeys[dataKey]) {\n if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n return hints.axesTitle.vertical;\n if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n return hints.axesTitle.horizontal;\n }\n\n return dataKey;\n },\n [data, hints, duplicatedBaseKeys],\n );\n\n const [summary, setSummary] = React.useState<string | null>(null);\n const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n React.useEffect(() => {\n if (config.disable) {\n setSummary('');\n setGeneratingSummary(false);\n return;\n }\n if (config.override) {\n setSummary(config.override);\n setGeneratingSummary(false);\n return;\n }\n setTimeout(() => {\n setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n setGeneratingSummary(false);\n }, 0);\n }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n const handleSkip = React.useCallback(() => {\n if (!plotRef.current) return;\n\n heavyFindNextFocusableElement(plotRef.current)?.focus();\n }, []);\n const handleSkipKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (!(event.code === 'Enter' || event.code === 'Space')) return;\n\n event.preventDefault();\n handleSkip();\n },\n [handleSkip],\n );\n const handleGoToTable = React.useCallback(() => {\n dataTableRef.current?.focus();\n }, []);\n const handleGoToTableKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (!(event.code === 'Enter' || event.code === 'Space')) return;\n\n event.preventDefault();\n handleGoToTable();\n },\n [handleGoToTable],\n );\n\n const texts = React.useMemo(\n () => ({\n label: intl.formatMessage(\n { id: 'view-label' },\n { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n ),\n close: intl.formatMessage({ id: 'view-close' }),\n skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n summary: intl.formatMessage({ id: 'view-data-summary' }),\n summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n table: intl.formatMessage({ id: 'view-table' }),\n }),\n [intl, plotLabel],\n );\n\n const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n return sstyled(styles)(\n <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a aria-hidden onClick={handleSkip}>\n {texts.close}\n </a>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n {texts.skipPlot}\n </a>\n {/* biome-ignore lint/a11y/useValidAnchor: */}\n <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n {texts.goToTable}\n </a>\n <strong>\n <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n </strong>\n <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n {generatingSummary ? texts.summaryPlaceholder : summary}\n </div>\n <strong>\n <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n </strong>\n <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n <thead>\n <tr>\n {keys.map((key, index) => (\n <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {data.map((row, index) => (\n <tr\n key={`${Object.values(row)\n .filter((item) => typeof item !== 'symbol')\n .join('-')}-${index}`}\n >\n {keys\n .map((key) => (typeof row[key] !== 'symbol' ? [key, row[key]] : [key, '']))\n .map(([key, value], index) => (\n <td key={`${key}-${index}`}>{formatValue(intl, value)}</td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </SPlotA11yView>,\n ) as React.ReactElement;\n};\n"],"mappings":"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"}
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
10
10
|
import createComponent, { sstyled, Root } from 'intergalactic/core';
|
11
11
|
import { Flex } from 'intergalactic/flex-box';
|
12
12
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
14
|
-
"__SLegendFlex": "
|
15
|
-
"_direction_row": "
|
16
|
-
"_direction_column": "
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_18v1j_gg_._direction_row_18v1j_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_18v1j_gg_._direction_column_18v1j_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "18v1j_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SLegendFlex": "___SLegendFlex_18v1j_gg_",
|
15
|
+
"_direction_row": "_direction_row_18v1j_gg_",
|
16
|
+
"_direction_column": "_direction_column_18v1j_gg_"
|
17
17
|
});
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
19
19
|
import Divider from 'intergalactic/divider';
|