intergalactic 15.62.0 → 15.63.0-prerelease-c6eada9b
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 +26 -0
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/d3-chart/a11y/focus.d.ts +1 -1
- 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 +2 -2
- package/d3-chart/lib/cjs/a11y/focus.js +26 -37
- package/d3-chart/lib/cjs/a11y/focus.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 +2 -2
- package/d3-chart/lib/es6/a11y/focus.js +25 -36
- package/d3-chart/lib/es6/a11y/focus.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/d3-chart/lib/types/a11y/focus.d.ts +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
- package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
- package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/modal/lib/cjs/Modal.js +9 -9
- package/modal/lib/es6/Modal.js +9 -9
- package/package.json +2 -2
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +9 -10
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +9 -10
- package/select/lib/es6/Select.js.map +1 -1
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/typography/index.d.ts +6 -2
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +63 -32
- package/typography/lib/cjs/List.js.map +1 -1
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/cjs/index.d.js.map +1 -1
- package/typography/lib/cjs/style/list.shadow.css +2 -1
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +64 -32
- package/typography/lib/es6/List.js.map +1 -1
- package/typography/lib/es6/Text.js +34 -34
- package/typography/lib/es6/index.d.js.map +1 -1
- package/typography/lib/es6/style/list.shadow.css +2 -1
- package/typography/lib/types/index.d.ts +6 -2
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
@@ -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_bdn30_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_bdn30);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_bdn30_gg_:hover{opacity:.8}}.___SBubble_bdn30_gg_.__color_bdn30_gg_{fill:var(--color_bdn30)}.___SBubble_bdn30_gg_.__pattern_bdn30_gg_.__color_bdn30_gg_{fill:var(--pattern_bdn30);stroke:var(--color_bdn30);stroke-width:1px}.___SBubble_bdn30_gg_.__transparent_bdn30_gg_{opacity:.3}.___SCenter_bdn30_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_bdn30_gg_.__color_bdn30_gg_{stroke:var(--color_bdn30)}.___SCenter_bdn30_gg_.__transparent_bdn30_gg_{opacity:.3}.___SLabel_bdn30_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_bdn30_gg_._position_right_bdn30_gg_{text-anchor:end}.___SLabel_bdn30_gg_._position_left_bdn30_gg_{text-anchor:start}.___SLabel_bdn30_gg_.__color_bdn30_gg_{fill:var(--color_bdn30)}.___SLabel_bdn30_gg_.__transparent_bdn30_gg_{opacity:.3}" /*__inner_css_end__*/, "bdn30_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SBubble": "___SBubble_bdn30_gg_",
|
23
|
+
"_color": "__color_bdn30_gg_",
|
24
|
+
"--color": "--color_bdn30",
|
25
|
+
"_pattern": "__pattern_bdn30_gg_",
|
26
|
+
"--pattern": "--pattern_bdn30",
|
27
|
+
"_transparent": "__transparent_bdn30_gg_",
|
28
|
+
"__SCenter": "___SCenter_bdn30_gg_",
|
29
|
+
"__SLabel": "___SLabel_bdn30_gg_",
|
30
|
+
"_position_right": "_position_right_bdn30_gg_",
|
31
|
+
"_position_left": "_position_left_bdn30_gg_",
|
32
|
+
"--duration": "--duration_bdn30"
|
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_13bcl_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_13bcl_gg_.__color_13bcl_gg_{fill:var(--color_13bcl)}.___SPie_13bcl_gg_.__pattern_13bcl_gg_.__color_13bcl_gg_{fill:var(--pattern_13bcl);stroke:var(--color_13bcl);stroke-width:1px}.___SPie_13bcl_gg_.__transparent_13bcl_gg_{opacity:.3}.___SEmptyData_13bcl_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_13bcl_gg_.__color_13bcl_gg_{fill:var(--color_13bcl)}.___SLabel_13bcl_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "13bcl_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SPie": "___SPie_13bcl_gg_",
|
28
|
+
"_color": "__color_13bcl_gg_",
|
29
|
+
"--color": "--color_13bcl",
|
30
|
+
"_pattern": "__pattern_13bcl_gg_",
|
31
|
+
"--pattern": "--pattern_13bcl",
|
32
|
+
"_transparent": "__transparent_13bcl_gg_",
|
33
|
+
"__SEmptyData": "___SEmptyData_13bcl_gg_",
|
34
|
+
"__SLabel": "___SLabel_13bcl_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_cnsch_gg_ .___SDot_cnsch_gg_{transition-duration:var(--duration_cnsch)}.___SDot_cnsch_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_cnsch_gg_.__hide_cnsch_gg_{display:none}.___SDot_cnsch_gg_.__color_cnsch_gg_{fill:var(--color_cnsch)}.___SDot_cnsch_gg_.__transparent_cnsch_gg_{opacity:.3}" /*__inner_css_end__*/, "cnsch_gg_") /*__reshadow_css_end__*/, {
|
11
|
+
"__SDot": "___SDot_cnsch_gg_",
|
12
|
+
"_hide": "__hide_cnsch_gg_",
|
13
|
+
"_color": "__color_cnsch_gg_",
|
14
|
+
"--color": "--color_cnsch",
|
15
|
+
"_transparent": "__transparent_cnsch_gg_",
|
16
|
+
"__SDots": "___SDots_cnsch_gg_",
|
17
|
+
"--duration": "--duration_cnsch"
|
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_1boro_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1boro);transition-timing-function:ease-in-out}.___SBar_1boro_gg_.__color_1boro_gg_{fill:var(--color_1boro)}.___SBar_1boro_gg_.__pattern_1boro_gg_.__color_1boro_gg_{fill:var(--pattern_1boro);stroke:var(--color_1boro);stroke-width:1px}.___SBar_1boro_gg_.__hide_1boro_gg_{display:none}.___SBar_1boro_gg_.__transparent_1boro_gg_{opacity:.3}.___SBackground_1boro_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1boro_gg_") /*__reshadow_css_end__*/, {
|
17
|
+
"__SBar": "___SBar_1boro_gg_",
|
18
|
+
"--duration": "--duration_1boro",
|
19
|
+
"_color": "__color_1boro_gg_",
|
20
|
+
"--color": "--color_1boro",
|
21
|
+
"_pattern": "__pattern_1boro_gg_",
|
22
|
+
"--pattern": "--pattern_1boro",
|
23
|
+
"_hide": "__hide_1boro_gg_",
|
24
|
+
"_transparent": "__transparent_1boro_gg_",
|
25
|
+
"__SBackground": "___SBackground_1boro_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_1ltfh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1ltfh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1ltfh_gg_") /*__reshadow_css_end__*/, {
|
20
|
+
"__SHoverLine": "___SHoverLine_1ltfh_gg_",
|
21
|
+
"__SHoverRect": "___SHoverRect_1ltfh_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_jfrbp_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_jfrbp);transition-timing-function:ease-in-out}.___SLine_jfrbp_gg_.__color_jfrbp_gg_{stroke:var(--color_jfrbp)}.___SLine_jfrbp_gg_.__hide_jfrbp_gg_{display:none}.___SLine_jfrbp_gg_.__transparent_jfrbp_gg_{opacity:.3}.___SNull_jfrbp_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_jfrbp_gg_.__hide_jfrbp_gg_{display:none}.___SAria_jfrbp_gg_{transition-property:d;transition-duration:var(--duration_jfrbp);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_jfrbp_gg_.__color_jfrbp_gg_{fill:var(--color_jfrbp)}" /*__inner_css_end__*/, "jfrbp_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__SLine": "___SLine_jfrbp_gg_",
|
20
|
+
"--duration": "--duration_jfrbp",
|
21
|
+
"_color": "__color_jfrbp_gg_",
|
22
|
+
"--color": "--color_jfrbp",
|
23
|
+
"_hide": "__hide_jfrbp_gg_",
|
24
|
+
"_transparent": "__transparent_jfrbp_gg_",
|
25
|
+
"__SNull": "___SNull_jfrbp_gg_",
|
26
|
+
"__SAria": "___SAria_jfrbp_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_1630w_gg_{overflow:hidden}.___SPlot_1630w_gg_:active,.___SPlot_1630w_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1630w_gg_.__keyboardFocused_1630w_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__*/, "1630w_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SPlot": "___SPlot_1630w_gg_",
|
23
|
+
"_keyboardFocused": "__keyboardFocused_1630w_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_1bzax_gg_,.___SAxisTick_1bzax_gg_,.___SAxis_1bzax_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1bzax_gg_,.___SAxisTick_1bzax_gg_{stroke-dasharray:2}.___SAxisLine_1bzax_gg_.__active_1bzax_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1bzax_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1bzax_gg_.__xDirection_1bzax_gg_{text-anchor:var(--xDirection_1bzax)}.___SAxisLabel_1bzax_gg_.__yDirection_1bzax_gg_{dominant-baseline:var(--yDirection_1bzax)}.___SPolygonDot_1bzax_gg_,.___SPolygon_1bzax_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1bzax_gg_{opacity:.2}.___SPolygon_1bzax_gg_.__color_1bzax_gg_{fill:var(--color_1bzax)}.___SPolygon_1bzax_gg_.__pattern_1bzax_gg_.__color_1bzax_gg_{fill:var(--pattern_1bzax);stroke:var(--color_1bzax);stroke-width:1px}.___SPolygonDot_1bzax_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1bzax_gg_.__transparent_1bzax_gg_{opacity:.3}.___SPolygonDot_1bzax_gg_.__color_1bzax_gg_{fill:var(--color_1bzax)}.___SPolygonLine_1bzax_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1bzax_gg_.__transparent_1bzax_gg_{opacity:.3}.___SPolygonLine_1bzax_gg_.__color_1bzax_gg_{stroke:var(--color_1bzax)}.___SPieRect_1bzax_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1bzax_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SAxis": "___SAxis_1bzax_gg_",
|
27
|
+
"__SAxisLine": "___SAxisLine_1bzax_gg_",
|
28
|
+
"__SAxisTick": "___SAxisTick_1bzax_gg_",
|
29
|
+
"_active": "__active_1bzax_gg_",
|
30
|
+
"__SAxisLabel": "___SAxisLabel_1bzax_gg_",
|
31
|
+
"_xDirection": "__xDirection_1bzax_gg_",
|
32
|
+
"--xDirection": "--xDirection_1bzax",
|
33
|
+
"_yDirection": "__yDirection_1bzax_gg_",
|
34
|
+
"--yDirection": "--yDirection_1bzax",
|
35
|
+
"__SPolygon": "___SPolygon_1bzax_gg_",
|
36
|
+
"_color": "__color_1bzax_gg_",
|
37
|
+
"--color": "--color_1bzax",
|
38
|
+
"_pattern": "__pattern_1bzax_gg_",
|
39
|
+
"--pattern": "--pattern_1bzax",
|
40
|
+
"__SPolygonDot": "___SPolygonDot_1bzax_gg_",
|
41
|
+
"_transparent": "__transparent_1bzax_gg_",
|
42
|
+
"__SPolygonLine": "___SPolygonLine_1bzax_gg_",
|
43
|
+
"__SPieRect": "___SPieRect_1bzax_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_1alsa_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1alsa_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1alsa_gg_.__color_1alsa_gg_{stroke:var(--color_1alsa)}.___SLine_1alsa_gg_.__transparent_1alsa_gg_{opacity:.3}.___SCap_1alsa_gg_{transition:r .1s}.___SCap_1alsa_gg_.__pattern_1alsa_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1alsa_gg_.__transparent_1alsa_gg_,.___SIcon_1alsa_gg_.__transparent_1alsa_gg_,.___SLabel_1alsa_gg_.__transparent_1alsa_gg_{opacity:.3}.___SLabel_1alsa_gg_{fill:var(--color_1alsa)}@media (hover:hover){.___SRadian_1alsa_gg_:hover .___SLabel_1alsa_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1alsa_gg_{transition:none}}" /*__inner_css_end__*/, "1alsa_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SRadian": "___SRadian_1alsa_gg_",
|
26
|
+
"__SLine": "___SLine_1alsa_gg_",
|
27
|
+
"_color": "__color_1alsa_gg_",
|
28
|
+
"--color": "--color_1alsa",
|
29
|
+
"_transparent": "__transparent_1alsa_gg_",
|
30
|
+
"__SCap": "___SCap_1alsa_gg_",
|
31
|
+
"_pattern": "__pattern_1alsa_gg_",
|
32
|
+
"__SIcon": "___SIcon_1alsa_gg_",
|
33
|
+
"__SLabel": "___SLabel_1alsa_gg_",
|
34
|
+
"__SLineCap": "___SLineCap_1alsa_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_7h08u_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_7h08u_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_7h08u)}.___STitle_7h08u_gg_._position_top_7h08u_gg_{text-anchor:middle}.___STitle_7h08u_gg_._position_bottom_7h08u_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_7h08u_gg_._position_left_7h08u_gg_,.___STitle_7h08u_gg_._position_right_7h08u_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_7h08u_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "7h08u_gg_") /*__reshadow_css_end__*/, {
|
15
|
+
"__SReferenceLine": "___SReferenceLine_7h08u_gg_",
|
16
|
+
"__STitle": "___STitle_7h08u_gg_",
|
17
|
+
"--transform-origin": "--transform-origin_7h08u",
|
18
|
+
"_position_top": "_position_top_7h08u_gg_",
|
19
|
+
"_position_bottom": "_position_bottom_7h08u_gg_",
|
20
|
+
"_position_right": "_position_right_7h08u_gg_",
|
21
|
+
"_position_left": "_position_left_7h08u_gg_",
|
22
|
+
"__SBackground": "___SBackground_7h08u_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_1pxs8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1pxs8);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1pxs8_gg_:hover{opacity:.8}}.___SScatterPlot_1pxs8_gg_.__color_1pxs8_gg_{fill:var(--color_1pxs8)}.___SScatterPlot_1pxs8_gg_.__pattern_1pxs8_gg_.__color_1pxs8_gg_{fill:var(--pattern_1pxs8);stroke:var(--color_1pxs8);stroke-width:1px}.___SScatterPlot_1pxs8_gg_.__transparent_1pxs8_gg_{opacity:.3}.___SValue_1pxs8_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1pxs8_gg_.__color_1pxs8_gg_{stroke:var(--color_1pxs8)}.___SValue_1pxs8_gg_.__transparent_1pxs8_gg_{opacity:.3}" /*__inner_css_end__*/, "1pxs8_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SScatterPlot": "___SScatterPlot_1pxs8_gg_",
|
23
|
+
"_color": "__color_1pxs8_gg_",
|
24
|
+
"--color": "--color_1pxs8",
|
25
|
+
"_pattern": "__pattern_1pxs8_gg_",
|
26
|
+
"--pattern": "--pattern_1pxs8",
|
27
|
+
"_transparent": "__transparent_1pxs8_gg_",
|
28
|
+
"__SValue": "___SValue_1pxs8_gg_",
|
29
|
+
"--duration": "--duration_1pxs8"
|
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_hgo00_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_hgo00_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_hgo00_gg_{display:flex;align-items:center}.___SDot_hgo00_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_hgo00_gg_.__color_hgo00_gg_{background-color:var(--color_hgo00);width:12px;height:12px;border-radius:50%}.___SFooter_hgo00_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__*/, "hgo00_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STooltip": "___STooltip_hgo00_gg_",
|
26
|
+
"__STitle": "___STitle_hgo00_gg_",
|
27
|
+
"__SDotGroup": "___SDotGroup_hgo00_gg_",
|
28
|
+
"__SDot": "___SDot_hgo00_gg_",
|
29
|
+
"__SDotCircle": "___SDotCircle_hgo00_gg_",
|
30
|
+
"_color": "__color_hgo00_gg_",
|
31
|
+
"--color": "--color_hgo00",
|
32
|
+
"__SFooter": "___SFooter_hgo00_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_pkm6j_gg_,.___SIntersection_pkm6j_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_pkm6j_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_pkm6j);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_pkm6j_gg_:hover{fill-opacity:.7}}.___SCircle_pkm6j_gg_.__color_pkm6j_gg_{fill:var(--color_pkm6j)}.___SCircle_pkm6j_gg_.__pattern_pkm6j_gg_.__color_pkm6j_gg_{fill:var(--pattern_pkm6j);fill-opacity:.7;stroke:var(--color_pkm6j);stroke-width:1px}@media (hover:hover){.___SCircle_pkm6j_gg_.__pattern_pkm6j_gg_.__color_pkm6j_gg_:hover{fill-opacity:.85}}.___SCircle_pkm6j_gg_.__transparent_pkm6j_gg_{opacity:.3}.___SIntersection_pkm6j_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_pkm6j_gg_:hover{fill-opacity:.1}}.___SIntersection_pkm6j_gg_.__transparent_pkm6j_gg_{opacity:.3}" /*__inner_css_end__*/, "pkm6j_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCircle": "___SCircle_pkm6j_gg_",
|
25
|
+
"_color": "__color_pkm6j_gg_",
|
26
|
+
"--color": "--color_pkm6j",
|
27
|
+
"_transparent": "__transparent_pkm6j_gg_",
|
28
|
+
"__SIntersection": "___SIntersection_pkm6j_gg_",
|
29
|
+
"--duration": "--duration_pkm6j",
|
30
|
+
"_pattern": "__pattern_pkm6j_gg_",
|
31
|
+
"--pattern": "--pattern_pkm6j"
|
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_1y7ml_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1y7ml_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1y7ml_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1y7ml_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_gtwrn_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_gtwrn_gg_:focus,.___SPlotA11yView_gtwrn_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_gtwrn_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_gtwrn_gg_ table,.___SPlotA11yView_gtwrn_gg_ td,.___SPlotA11yView_gtwrn_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "gtwrn_gg_") /*__reshadow_css_end__*/, {
|
17
|
+
"__SPlotA11yView": "___SPlotA11yView_gtwrn_gg_"
|
18
18
|
});
|
19
19
|
import { Box } from 'intergalactic/flex-box';
|
20
20
|
import { useAsyncI18nMessages } from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
@@ -1,53 +1,42 @@
|
|
1
|
-
|
2
|
-
var tabIndex = element.getAttribute('tabindex');
|
3
|
-
if (tabIndex) {
|
4
|
-
var tabIndexValue = parseInt(tabIndex, 10);
|
5
|
-
if (!isNaN(tabIndexValue) && tabIndexValue >= 0) return element;
|
6
|
-
}
|
7
|
-
var tagName = element.tagName;
|
8
|
-
if ('INPUT' === tagName) return !element.getAttribute('disabled');
|
9
|
-
if ('A' === tagName || 'AREA' === tagName) return element.hasAttribute('href');
|
10
|
-
if ('BODY' === tagName || 'IFRAME' === tagName) return true;
|
11
|
-
};
|
1
|
+
import { isFocusable } from 'intergalactic/utils/lib/focus-lock/isFocusable';
|
12
2
|
var findNextFocusableElementInChildren = function findNextFocusableElementInChildren(element) {
|
13
|
-
var children = element === null || element === void 0 ? void 0 : element.children;
|
14
3
|
if (element && isFocusable(element)) {
|
15
4
|
return element;
|
16
5
|
}
|
6
|
+
var children = element === null || element === void 0 ? void 0 : element.children;
|
17
7
|
if (children) {
|
18
8
|
for (var i = 0; i < children.length; i++) {
|
19
9
|
var childChild = children.item(i);
|
20
|
-
if (childChild)
|
21
|
-
|
22
|
-
|
10
|
+
if (!childChild) continue;
|
11
|
+
var result = findNextFocusableElementInChildren(childChild);
|
12
|
+
if (result) return result;
|
23
13
|
}
|
24
14
|
}
|
25
15
|
return null;
|
26
16
|
};
|
17
|
+
var makeParentsChain = function makeParentsChain(element) {
|
18
|
+
var parents = [];
|
19
|
+
var parent = element.parentElement;
|
20
|
+
while (parent) {
|
21
|
+
parents.push(parent);
|
22
|
+
parent = parent.parentElement;
|
23
|
+
}
|
24
|
+
return parents;
|
25
|
+
};
|
27
26
|
export var heavyFindNextFocusableElement = function heavyFindNextFocusableElement(base) {
|
28
|
-
var
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
if (!child) continue;
|
36
|
-
if (trace.has(child)) continue;
|
37
|
-
if (isFocusable(child)) return child;
|
38
|
-
var childInnerResult = findNextFocusableElementInChildren(child.children.item(0));
|
39
|
-
if (childInnerResult) return childInnerResult;
|
27
|
+
var parents = makeParentsChain(base);
|
28
|
+
for (var i = 0; i < parents.length; i++) {
|
29
|
+
var _parent$children;
|
30
|
+
var parent = parents[i];
|
31
|
+
var siblings = Array.from((_parent$children = parent === null || parent === void 0 ? void 0 : parent.children) !== null && _parent$children !== void 0 ? _parent$children : []);
|
32
|
+
if (siblings.indexOf(parents[i - 1] || base) !== -1) {
|
33
|
+
siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);
|
40
34
|
}
|
41
|
-
|
42
|
-
|
43
|
-
if (
|
44
|
-
var siblingInnerResult = findNextFocusableElementInChildren(sibling.children.item(0));
|
45
|
-
if (siblingInnerResult) return siblingInnerResult;
|
46
|
-
}
|
47
|
-
sibling = sibling.nextElementSibling;
|
35
|
+
for (var _i = 0; _i < siblings.length; _i++) {
|
36
|
+
var focusable = findNextFocusableElementInChildren(siblings[_i]);
|
37
|
+
if (focusable) return focusable;
|
48
38
|
}
|
49
39
|
}
|
50
|
-
|
51
|
-
return heavyFindNextFocusableElement(base.parentElement, trace);
|
40
|
+
return null;
|
52
41
|
};
|
53
42
|
//# sourceMappingURL=focus.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"focus.js","names":["isFocusable","
|
1
|
+
{"version":3,"file":"focus.js","names":["isFocusable","findNextFocusableElementInChildren","element","children","i","length","childChild","item","result","makeParentsChain","parents","parent","parentElement","push","heavyFindNextFocusableElement","base","_parent$children","siblings","Array","from","indexOf","slice","focusable"],"sources":["../../../src/a11y/focus.ts"],"sourcesContent":["import { isFocusable } from '@semcore/utils/lib/focus-lock/isFocusable';\n\ntype FocusableElement = Element & { focus: () => void };\n\nconst findNextFocusableElementInChildren = (element: Element | null): FocusableElement | null => {\n if (element && isFocusable(element)) {\n return element as FocusableElement;\n }\n\n const children = element?.children;\n\n if (children) {\n for (let i = 0; i < children.length; i++) {\n const childChild = children.item(i);\n if (!childChild) continue;\n const result = findNextFocusableElementInChildren(childChild);\n if (result) return result;\n }\n }\n\n return null;\n};\n\nconst makeParentsChain = (element: Element): Element[] => {\n const parents = [];\n let parent = element.parentElement;\n\n while (parent) {\n parents.push(parent);\n parent = parent.parentElement;\n }\n\n return parents;\n};\n\nexport const heavyFindNextFocusableElement = (base: Element): FocusableElement | null => {\n const parents = makeParentsChain(base);\n for (let i = 0; i < parents.length; i++) {\n const parent = parents[i];\n let siblings = Array.from(parent?.children ?? []);\n if (siblings.indexOf(parents[i - 1] || base) !== -1) {\n siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);\n }\n\n for (let i = 0; i < siblings.length; i++) {\n const focusable = findNextFocusableElementInChildren(siblings[i]);\n if (focusable) return focusable;\n }\n }\n\n return null;\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,2CAA2C;AAIvE,IAAMC,kCAAkC,GAAG,SAArCA,kCAAkCA,CAAIC,OAAuB,EAA8B;EAC/F,IAAIA,OAAO,IAAIF,WAAW,CAACE,OAAO,CAAC,EAAE;IACnC,OAAOA,OAAO;EAChB;EAEA,IAAMC,QAAQ,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ;EAElC,IAAIA,QAAQ,EAAE;IACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,QAAQ,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,IAAME,UAAU,GAAGH,QAAQ,CAACI,IAAI,CAACH,CAAC,CAAC;MACnC,IAAI,CAACE,UAAU,EAAE;MACjB,IAAME,MAAM,GAAGP,kCAAkC,CAACK,UAAU,CAAC;MAC7D,IAAIE,MAAM,EAAE,OAAOA,MAAM;IAC3B;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIP,OAAgB,EAAgB;EACxD,IAAMQ,OAAO,GAAG,EAAE;EAClB,IAAIC,MAAM,GAAGT,OAAO,CAACU,aAAa;EAElC,OAAOD,MAAM,EAAE;IACbD,OAAO,CAACG,IAAI,CAACF,MAAM,CAAC;IACpBA,MAAM,GAAGA,MAAM,CAACC,aAAa;EAC/B;EAEA,OAAOF,OAAO;AAChB,CAAC;AAED,OAAO,IAAMI,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAIC,IAAa,EAA8B;EACvF,IAAML,OAAO,GAAGD,gBAAgB,CAACM,IAAI,CAAC;EACtC,KAAK,IAAIX,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGM,OAAO,CAACL,MAAM,EAAED,CAAC,EAAE,EAAE;IAAA,IAAAY,gBAAA;IACvC,IAAML,MAAM,GAAGD,OAAO,CAACN,CAAC,CAAC;IACzB,IAAIa,QAAQ,GAAGC,KAAK,CAACC,IAAI,EAAAH,gBAAA,GAACL,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAER,QAAQ,cAAAa,gBAAA,cAAAA,gBAAA,GAAI,EAAE,CAAC;IACjD,IAAIC,QAAQ,CAACG,OAAO,CAACV,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIW,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;MACnDE,QAAQ,GAAGA,QAAQ,CAACI,KAAK,CAACJ,QAAQ,CAACG,OAAO,CAACV,OAAO,CAACN,CAAC,GAAG,CAAC,CAAC,IAAIW,IAAI,CAAC,GAAG,CAAC,CAAC;IACzE;IAEA,KAAK,IAAIX,EAAC,GAAG,CAAC,EAAEA,EAAC,GAAGa,QAAQ,CAACZ,MAAM,EAAED,EAAC,EAAE,EAAE;MACxC,IAAMkB,SAAS,GAAGrB,kCAAkC,CAACgB,QAAQ,CAACb,EAAC,CAAC,CAAC;MACjE,IAAIkB,SAAS,EAAE,OAAOA,SAAS;IACjC;EACF;EAEA,OAAO,IAAI;AACb,CAAC"}
|
@@ -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_1w77c_gg_._direction_row_1w77c_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1w77c_gg_._direction_column_1w77c_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1w77c_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SLegendFlex": "___SLegendFlex_1w77c_gg_",
|
15
|
+
"_direction_row": "_direction_row_1w77c_gg_",
|
16
|
+
"_direction_column": "_direction_column_1w77c_gg_"
|
17
17
|
});
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
19
19
|
import Divider from 'intergalactic/divider';
|