@semcore/d3-chart 3.23.0 → 3.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +10 -10
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/a11y/focus.js +17 -2
- package/lib/cjs/a11y/focus.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +10 -10
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/a11y/focus.js +17 -2
- package/lib/es6/a11y/focus.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/package.json +1 -1
package/lib/es6/a11y/focus.js
CHANGED
|
@@ -9,6 +9,21 @@ var isFocusable = function isFocusable(element) {
|
|
|
9
9
|
if ('A' === tagName || 'AREA' === tagName) return element.hasAttribute('href');
|
|
10
10
|
if ('BODY' === tagName || 'IFRAME' === tagName) return true;
|
|
11
11
|
};
|
|
12
|
+
var findNextFocusableElementInChildren = function findNextFocusableElementInChildren(element) {
|
|
13
|
+
var children = element === null || element === void 0 ? void 0 : element.children;
|
|
14
|
+
if (element && isFocusable(element)) {
|
|
15
|
+
return element;
|
|
16
|
+
}
|
|
17
|
+
if (children) {
|
|
18
|
+
for (var i = 0; i < children.length; i++) {
|
|
19
|
+
var childChild = children.item(i);
|
|
20
|
+
if (childChild) {
|
|
21
|
+
return findNextFocusableElementInChildren(childChild);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return null;
|
|
26
|
+
};
|
|
12
27
|
export var heavyFindNextFocusableElement = function heavyFindNextFocusableElement(base) {
|
|
13
28
|
var trace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Map();
|
|
14
29
|
trace.set(base, true);
|
|
@@ -20,13 +35,13 @@ export var heavyFindNextFocusableElement = function heavyFindNextFocusableElemen
|
|
|
20
35
|
if (!child) continue;
|
|
21
36
|
if (trace.has(child)) continue;
|
|
22
37
|
if (isFocusable(child)) return child;
|
|
23
|
-
var childInnerResult =
|
|
38
|
+
var childInnerResult = findNextFocusableElementInChildren(child.children.item(0));
|
|
24
39
|
if (childInnerResult) return childInnerResult;
|
|
25
40
|
}
|
|
26
41
|
while (sibling) {
|
|
27
42
|
if (isFocusable(sibling)) return sibling;
|
|
28
43
|
if (!trace.has(sibling)) {
|
|
29
|
-
var siblingInnerResult =
|
|
44
|
+
var siblingInnerResult = findNextFocusableElementInChildren(sibling.children.item(0));
|
|
30
45
|
if (siblingInnerResult) return siblingInnerResult;
|
|
31
46
|
}
|
|
32
47
|
sibling = sibling.nextElementSibling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus.js","names":["isFocusable","element","tabIndex","getAttribute","tabIndexValue","parseInt","isNaN","tagName","hasAttribute","
|
|
1
|
+
{"version":3,"file":"focus.js","names":["isFocusable","element","tabIndex","getAttribute","tabIndexValue","parseInt","isNaN","tagName","hasAttribute","findNextFocusableElementInChildren","children","i","length","childChild","item","heavyFindNextFocusableElement","base","trace","arguments","undefined","Map","set","sibling","nextElementSibling","child","has","childInnerResult","siblingInnerResult","parentElement"],"sources":["../../../src/a11y/focus.ts"],"sourcesContent":["const isFocusable = (element: Element) => {\n const tabIndex = element.getAttribute('tabindex');\n if (tabIndex) {\n const tabIndexValue = parseInt(tabIndex, 10);\n if (!isNaN(tabIndexValue) && tabIndexValue >= 0) return element;\n }\n\n const { tagName } = element;\n\n if ('INPUT' === tagName) return !element.getAttribute('disabled');\n if ('A' === tagName || 'AREA' === tagName) return element.hasAttribute('href');\n if ('BODY' === tagName || 'IFRAME' === tagName) return true;\n};\n\ntype FocusableElement = Element & { focus: () => void };\n\nconst findNextFocusableElementInChildren = (element: Element | null): FocusableElement | null => {\n const children = element?.children;\n\n if (element && isFocusable(element)) {\n return element as FocusableElement;\n }\n\n if (children) {\n for (let i = 0; i < children.length; i++) {\n const childChild = children.item(i);\n\n if (childChild) {\n return findNextFocusableElementInChildren(childChild);\n }\n }\n }\n\n return null;\n};\n\nexport const heavyFindNextFocusableElement = (\n base: Element,\n trace: Map<Element, true> = new Map(),\n): FocusableElement | null => {\n trace.set(base, true);\n let sibling = base.nextElementSibling;\n if (sibling) {\n trace.set(sibling, true);\n for (let i = 0; i < sibling.children.length; i++) {\n const child = sibling.children.item(i);\n if (!child) continue;\n if (trace.has(child)) continue;\n if (isFocusable(child)) return child as FocusableElement;\n const childInnerResult = findNextFocusableElementInChildren(child.children.item(0));\n if (childInnerResult) return childInnerResult;\n }\n while (sibling) {\n if (isFocusable(sibling)) return sibling as FocusableElement;\n if (!trace.has(sibling)) {\n const siblingInnerResult = findNextFocusableElementInChildren(sibling.children.item(0));\n if (siblingInnerResult) return siblingInnerResult;\n }\n sibling = sibling.nextElementSibling;\n }\n }\n\n if (!base.parentElement || trace.has(base.parentElement)) return null;\n\n return heavyFindNextFocusableElement(base.parentElement, trace);\n};\n"],"mappings":"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"}
|
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
|
10
10
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
11
11
|
import { Flex } from '@semcore/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_188by_gg_._direction_row_188by_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_188by_gg_._direction_column_188by_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "188by_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SLegendFlex": "___SLegendFlex_188by_gg_",
|
|
15
|
+
"_direction_row": "_direction_row_188by_gg_",
|
|
16
|
+
"_direction_column": "_direction_column_188by_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
19
19
|
import Divider from '@semcore/divider';
|
|
@@ -19,21 +19,21 @@ import { Flex, Box } from '@semcore/flex-box';
|
|
|
19
19
|
import Checkbox from '@semcore/checkbox';
|
|
20
20
|
import { Text as TypographyText } from '@semcore/typography';
|
|
21
21
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SLegendItem": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SPointShape": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_shape_Circle": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_shape_Line": "
|
|
32
|
-
"_shape_Square": "
|
|
33
|
-
"__SIcon": "
|
|
34
|
-
"__SLabel": "
|
|
35
|
-
"__SAdditionalLabel": "
|
|
36
|
-
"__SCount": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1mu97_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1mu97_gg_:hover{cursor:pointer}.___SLegendItem_1mu97_gg_.__disabled_1mu97_gg_:hover{cursor:default}}.___SPointShape_1mu97_gg_.__color_1mu97_gg_{background-color:var(--color_1mu97);margin-right:8px;flex-shrink:0}.___SPointShape_1mu97_gg_._shape_Circle_1mu97_gg_._size_l_1mu97_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1mu97_gg_._shape_Circle_1mu97_gg_._size_m_1mu97_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1mu97_gg_._shape_Line_1mu97_gg_._size_l_1mu97_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1mu97_gg_._shape_Line_1mu97_gg_._size_m_1mu97_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1mu97_gg_._shape_Square_1mu97_gg_._size_l_1mu97_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1mu97_gg_._shape_Square_1mu97_gg_._size_m_1mu97_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1mu97_gg_{line-height:0;margin-right:4px}.___SIcon_1mu97_gg_._size_l_1mu97_gg_{margin-top:4px}.___SIcon_1mu97_gg_._size_m_1mu97_gg_{margin-top:2px}.___SLabel_1mu97_gg_{min-width:0}.___SAdditionalLabel_1mu97_gg_._size_l_1mu97_gg_,.___SCount_1mu97_gg_._size_l_1mu97_gg_,.___SLabel_1mu97_gg_._size_l_1mu97_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1mu97_gg_._size_m_1mu97_gg_,.___SCount_1mu97_gg_._size_m_1mu97_gg_,.___SLabel_1mu97_gg_._size_m_1mu97_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1mu97_gg_,.___SCount_1mu97_gg_{margin-left:4px}.___SAdditionalLabel_1mu97_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1mu97_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1mu97_gg_._size_l_1mu97_gg_::before{margin-top:10px}.___SAdditionalLabel_1mu97_gg_._size_m_1mu97_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1mu97_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SLegendItem": "___SLegendItem_1mu97_gg_",
|
|
24
|
+
"_disabled": "__disabled_1mu97_gg_",
|
|
25
|
+
"__SPointShape": "___SPointShape_1mu97_gg_",
|
|
26
|
+
"_color": "__color_1mu97_gg_",
|
|
27
|
+
"--color": "--color_1mu97",
|
|
28
|
+
"_shape_Circle": "_shape_Circle_1mu97_gg_",
|
|
29
|
+
"_size_l": "_size_l_1mu97_gg_",
|
|
30
|
+
"_size_m": "_size_m_1mu97_gg_",
|
|
31
|
+
"_shape_Line": "_shape_Line_1mu97_gg_",
|
|
32
|
+
"_shape_Square": "_shape_Square_1mu97_gg_",
|
|
33
|
+
"__SIcon": "___SIcon_1mu97_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_1mu97_gg_",
|
|
35
|
+
"__SAdditionalLabel": "___SAdditionalLabel_1mu97_gg_",
|
|
36
|
+
"__SCount": "___SCount_1mu97_gg_"
|
|
37
37
|
});
|
|
38
38
|
import { StaticShapes } from './LegendItem.type';
|
|
39
39
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
@@ -11,12 +11,12 @@ import React from 'react';
|
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SLegendTable": "
|
|
16
|
-
"_columns-count": "__columns-
|
|
17
|
-
"__SColumnItem": "
|
|
18
|
-
"_size_l": "
|
|
19
|
-
"_size_m": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_dk53x_gg_.__columns-count_dk53x_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_dk53x_gg_._size_l_dk53x_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_dk53x_gg_._size_m_dk53x_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "dk53x_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SLegendTable": "___SLegendTable_dk53x_gg_",
|
|
16
|
+
"_columns-count": "__columns-count_dk53x_gg_",
|
|
17
|
+
"__SColumnItem": "___SColumnItem_dk53x_gg_",
|
|
18
|
+
"_size_l": "_size_l_dk53x_gg_",
|
|
19
|
+
"_size_m": "_size_m_dk53x_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
22
22
|
import { BaseLegend } from '../BaseLegend';
|