intergalactic 15.62.1-prerelease-2f6377d9 → 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 +19 -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/a11y/focus.js +26 -37
- package/d3-chart/lib/cjs/a11y/focus.js.map +1 -1
- 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/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/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
## [15.63.0] - 2024-02-21
|
|
2
|
+
|
|
3
|
+
### @semcore/d3-chart
|
|
4
|
+
|
|
5
|
+
- **Fixed** a11y module "Skip to content after plot" link was not working in some cases.
|
|
6
|
+
|
|
7
|
+
### @semcore/select
|
|
8
|
+
|
|
9
|
+
- **Changed** Removed `aria-owns` from the `Select.Trigger`. It was misleading assistive technologies and creating a "screen reader focus ring shift" effect. `aria-controls` is kept on the `Select.Trigger`.
|
|
10
|
+
|
|
11
|
+
### @semcore/typography
|
|
12
|
+
|
|
13
|
+
- **Fixed** Some styles for `List.Item` component.
|
|
14
|
+
- **Added** `List.Item.Content` component for customise view of each list item.
|
|
15
|
+
|
|
16
|
+
### @semcore/utils
|
|
17
|
+
|
|
18
|
+
- **Fixed** Focus lock fixes essential for nested dropdowns.
|
|
19
|
+
|
|
1
20
|
## [15.62.1] - 2024-02-21
|
|
2
21
|
|
|
3
22
|
### @semcore/typography
|
package/card/lib/cjs/Card.js
CHANGED
|
@@ -20,14 +20,14 @@ var _tooltip = _interopRequireDefault(require("intergalactic/tooltip"));
|
|
|
20
20
|
var _m = _interopRequireDefault(require("intergalactic/icon/Info/m"));
|
|
21
21
|
var _findComponent = require("intergalactic/utils/lib/findComponent");
|
|
22
22
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SCard": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SIcon": "
|
|
27
|
-
"__STooltip": "
|
|
28
|
-
"__SDescription": "
|
|
29
|
-
"__SHeader": "
|
|
30
|
-
"__SBody": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCard_fomap_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_fomap_gg_,.___STitle_fomap_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_fomap_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_fomap_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_fomap_gg_{vertical-align:middle}.___SDescription_fomap_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_fomap_gg_,.___SHeader_fomap_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_fomap_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_fomap_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "fomap_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SCard": "___SCard_fomap_gg_",
|
|
25
|
+
"__STitle": "___STitle_fomap_gg_",
|
|
26
|
+
"__SIcon": "___SIcon_fomap_gg_",
|
|
27
|
+
"__STooltip": "___STooltip_fomap_gg_",
|
|
28
|
+
"__SDescription": "___SDescription_fomap_gg_",
|
|
29
|
+
"__SHeader": "___SHeader_fomap_gg_",
|
|
30
|
+
"__SBody": "___SBody_fomap_gg_"
|
|
31
31
|
});
|
|
32
32
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(CardRoot, _Component);
|
package/card/lib/es6/Card.js
CHANGED
|
@@ -17,14 +17,14 @@ import { Text } from 'intergalactic/typography';
|
|
|
17
17
|
import Tooltip from 'intergalactic/tooltip';
|
|
18
18
|
import InfoM from 'intergalactic/icon/Info/m';
|
|
19
19
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SCard": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"__SIcon": "
|
|
24
|
-
"__STooltip": "
|
|
25
|
-
"__SDescription": "
|
|
26
|
-
"__SHeader": "
|
|
27
|
-
"__SBody": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_fomap_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SIcon_fomap_gg_,.___STitle_fomap_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_fomap_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_fomap_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_fomap_gg_{vertical-align:middle}.___SDescription_fomap_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_fomap_gg_,.___SHeader_fomap_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_fomap_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_fomap_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "fomap_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SCard": "___SCard_fomap_gg_",
|
|
22
|
+
"__STitle": "___STitle_fomap_gg_",
|
|
23
|
+
"__SIcon": "___SIcon_fomap_gg_",
|
|
24
|
+
"__STooltip": "___STooltip_fomap_gg_",
|
|
25
|
+
"__SDescription": "___SDescription_fomap_gg_",
|
|
26
|
+
"__SHeader": "___SHeader_fomap_gg_",
|
|
27
|
+
"__SBody": "___SBody_fomap_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
|
30
30
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -34,24 +34,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
|
|
34
34
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"],
|
|
35
35
|
_excluded2 = ["children", "Children"];
|
|
36
36
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
38
|
-
"__SControl": "
|
|
39
|
-
"__SText": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_size_m": "
|
|
42
|
-
"_checked": "
|
|
43
|
-
"__SCheckbox": "
|
|
44
|
-
"_state_normal": "
|
|
45
|
-
"_state_invalid": "
|
|
46
|
-
"_indeterminate": "
|
|
47
|
-
"_disabled": "
|
|
48
|
-
"_theme": "
|
|
49
|
-
"--theme": "--
|
|
50
|
-
"_keyboardFocused": "
|
|
51
|
-
"__SInvalidPattern": "
|
|
52
|
-
"__SLabel": "
|
|
53
|
-
"_color": "
|
|
54
|
-
"--color": "--
|
|
37
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLabel_17l0r_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_17l0r_gg_.__disabled_17l0r_gg_{cursor:default}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_.__disabled_17l0r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_.__color_17l0r_gg_{color:var(--color_17l0r)}.___SControl_17l0r_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_17l0r_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_17l0r_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_17l0r_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_,.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_.__checked_17l0r_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_{width:16px;height:16px}.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_.__checked_17l0r_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_17l0r_gg_._size_l_17l0r_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17l0r_gg_._size_m_17l0r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before,.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_17l0r_gg_.__disabled_17l0r_gg_~.___SCheckbox_17l0r_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_:after{width:12px;height:2px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_:after{width:8px;height:2px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before{border-color:var(--theme_17l0r)}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before,.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before{background-color:var(--theme_17l0r);border-color:var(--theme_17l0r)}.___SInvalidPattern_17l0r_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "17l0r_gg_") /*__reshadow_css_end__*/, {
|
|
38
|
+
"__SControl": "___SControl_17l0r_gg_",
|
|
39
|
+
"__SText": "___SText_17l0r_gg_",
|
|
40
|
+
"_size_l": "_size_l_17l0r_gg_",
|
|
41
|
+
"_size_m": "_size_m_17l0r_gg_",
|
|
42
|
+
"_checked": "__checked_17l0r_gg_",
|
|
43
|
+
"__SCheckbox": "___SCheckbox_17l0r_gg_",
|
|
44
|
+
"_state_normal": "_state_normal_17l0r_gg_",
|
|
45
|
+
"_state_invalid": "_state_invalid_17l0r_gg_",
|
|
46
|
+
"_indeterminate": "__indeterminate_17l0r_gg_",
|
|
47
|
+
"_disabled": "__disabled_17l0r_gg_",
|
|
48
|
+
"_theme": "__theme_17l0r_gg_",
|
|
49
|
+
"--theme": "--theme_17l0r",
|
|
50
|
+
"_keyboardFocused": "__keyboardFocused_17l0r_gg_",
|
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_17l0r_gg_",
|
|
52
|
+
"__SLabel": "___SLabel_17l0r_gg_",
|
|
53
|
+
"_color": "__color_17l0r_gg_",
|
|
54
|
+
"--color": "--color_17l0r"
|
|
55
55
|
});
|
|
56
56
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
|
57
57
|
(0, _inherits2["default"])(CheckboxRoot, _Component);
|
|
@@ -25,24 +25,24 @@ import autoFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnha
|
|
|
25
25
|
import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
|
26
26
|
import logger from 'intergalactic/utils/lib/logger';
|
|
27
27
|
/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SControl": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"_checked": "
|
|
34
|
-
"__SCheckbox": "
|
|
35
|
-
"_state_normal": "
|
|
36
|
-
"_state_invalid": "
|
|
37
|
-
"_indeterminate": "
|
|
38
|
-
"_disabled": "
|
|
39
|
-
"_theme": "
|
|
40
|
-
"--theme": "--
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"__SInvalidPattern": "
|
|
43
|
-
"__SLabel": "
|
|
44
|
-
"_color": "
|
|
45
|
-
"--color": "--
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_17l0r_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_17l0r_gg_.__disabled_17l0r_gg_{cursor:default}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_.__disabled_17l0r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_17l0r_gg_ .___SText_17l0r_gg_.__color_17l0r_gg_{color:var(--color_17l0r)}.___SControl_17l0r_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_17l0r_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_17l0r_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_17l0r_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_,.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_.__checked_17l0r_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_{width:16px;height:16px}.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_.__checked_17l0r_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_17l0r_gg_._size_l_17l0r_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_17l0r_gg_._size_m_17l0r_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before,.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_.__keyboardFocused_17l0r_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_17l0r_gg_.__disabled_17l0r_gg_~.___SCheckbox_17l0r_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._size_l_17l0r_gg_:after{width:12px;height:2px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._size_m_17l0r_gg_:after{width:8px;height:2px}.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_._state_invalid_17l0r_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_.__keyboardFocused_17l0r_gg_:before,.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before{border-color:var(--theme_17l0r)}.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_invalid_17l0r_gg_:before,.___SControl_17l0r_gg_.__checked_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before,.___SControl_17l0r_gg_.__indeterminate_17l0r_gg_~.___SCheckbox_17l0r_gg_.__theme_17l0r_gg_._state_normal_17l0r_gg_:before{background-color:var(--theme_17l0r);border-color:var(--theme_17l0r)}.___SInvalidPattern_17l0r_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "17l0r_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SControl": "___SControl_17l0r_gg_",
|
|
30
|
+
"__SText": "___SText_17l0r_gg_",
|
|
31
|
+
"_size_l": "_size_l_17l0r_gg_",
|
|
32
|
+
"_size_m": "_size_m_17l0r_gg_",
|
|
33
|
+
"_checked": "__checked_17l0r_gg_",
|
|
34
|
+
"__SCheckbox": "___SCheckbox_17l0r_gg_",
|
|
35
|
+
"_state_normal": "_state_normal_17l0r_gg_",
|
|
36
|
+
"_state_invalid": "_state_invalid_17l0r_gg_",
|
|
37
|
+
"_indeterminate": "__indeterminate_17l0r_gg_",
|
|
38
|
+
"_disabled": "__disabled_17l0r_gg_",
|
|
39
|
+
"_theme": "__theme_17l0r_gg_",
|
|
40
|
+
"--theme": "--theme_17l0r",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_17l0r_gg_",
|
|
42
|
+
"__SInvalidPattern": "___SInvalidPattern_17l0r_gg_",
|
|
43
|
+
"__SLabel": "___SLabel_17l0r_gg_",
|
|
44
|
+
"_color": "__color_17l0r_gg_",
|
|
45
|
+
"--color": "--color_17l0r"
|
|
46
46
|
});
|
|
47
47
|
var CheckboxRoot = /*#__PURE__*/function (_Component) {
|
|
48
48
|
_inherits(CheckboxRoot, _Component);
|
package/d3-chart/a11y/focus.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type FocusableElement = Element & {
|
|
2
2
|
focus: () => void;
|
|
3
3
|
};
|
|
4
|
-
export declare const heavyFindNextFocusableElement: (base: Element
|
|
4
|
+
export declare const heavyFindNextFocusableElement: (base: Element) => FocusableElement | null;
|
|
5
5
|
export {};
|
|
@@ -4,57 +4,46 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.heavyFindNextFocusableElement = void 0;
|
|
7
|
-
var
|
|
8
|
-
var tabIndex = element.getAttribute('tabindex');
|
|
9
|
-
if (tabIndex) {
|
|
10
|
-
var tabIndexValue = parseInt(tabIndex, 10);
|
|
11
|
-
if (!isNaN(tabIndexValue) && tabIndexValue >= 0) return element;
|
|
12
|
-
}
|
|
13
|
-
var tagName = element.tagName;
|
|
14
|
-
if ('INPUT' === tagName) return !element.getAttribute('disabled');
|
|
15
|
-
if ('A' === tagName || 'AREA' === tagName) return element.hasAttribute('href');
|
|
16
|
-
if ('BODY' === tagName || 'IFRAME' === tagName) return true;
|
|
17
|
-
};
|
|
7
|
+
var _isFocusable = require("intergalactic/utils/lib/focus-lock/isFocusable");
|
|
18
8
|
var findNextFocusableElementInChildren = function findNextFocusableElementInChildren(element) {
|
|
19
|
-
|
|
20
|
-
if (element && isFocusable(element)) {
|
|
9
|
+
if (element && (0, _isFocusable.isFocusable)(element)) {
|
|
21
10
|
return element;
|
|
22
11
|
}
|
|
12
|
+
var children = element === null || element === void 0 ? void 0 : element.children;
|
|
23
13
|
if (children) {
|
|
24
14
|
for (var i = 0; i < children.length; i++) {
|
|
25
15
|
var childChild = children.item(i);
|
|
26
|
-
if (childChild)
|
|
27
|
-
|
|
28
|
-
|
|
16
|
+
if (!childChild) continue;
|
|
17
|
+
var result = findNextFocusableElementInChildren(childChild);
|
|
18
|
+
if (result) return result;
|
|
29
19
|
}
|
|
30
20
|
}
|
|
31
21
|
return null;
|
|
32
22
|
};
|
|
23
|
+
var makeParentsChain = function makeParentsChain(element) {
|
|
24
|
+
var parents = [];
|
|
25
|
+
var parent = element.parentElement;
|
|
26
|
+
while (parent) {
|
|
27
|
+
parents.push(parent);
|
|
28
|
+
parent = parent.parentElement;
|
|
29
|
+
}
|
|
30
|
+
return parents;
|
|
31
|
+
};
|
|
33
32
|
var heavyFindNextFocusableElement = function heavyFindNextFocusableElement(base) {
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
if (!child) continue;
|
|
42
|
-
if (trace.has(child)) continue;
|
|
43
|
-
if (isFocusable(child)) return child;
|
|
44
|
-
var childInnerResult = findNextFocusableElementInChildren(child.children.item(0));
|
|
45
|
-
if (childInnerResult) return childInnerResult;
|
|
33
|
+
var parents = makeParentsChain(base);
|
|
34
|
+
for (var i = 0; i < parents.length; i++) {
|
|
35
|
+
var _parent$children;
|
|
36
|
+
var parent = parents[i];
|
|
37
|
+
var siblings = Array.from((_parent$children = parent === null || parent === void 0 ? void 0 : parent.children) !== null && _parent$children !== void 0 ? _parent$children : []);
|
|
38
|
+
if (siblings.indexOf(parents[i - 1] || base) !== -1) {
|
|
39
|
+
siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);
|
|
46
40
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
if (
|
|
50
|
-
var siblingInnerResult = findNextFocusableElementInChildren(sibling.children.item(0));
|
|
51
|
-
if (siblingInnerResult) return siblingInnerResult;
|
|
52
|
-
}
|
|
53
|
-
sibling = sibling.nextElementSibling;
|
|
41
|
+
for (var _i = 0; _i < siblings.length; _i++) {
|
|
42
|
+
var focusable = findNextFocusableElementInChildren(siblings[_i]);
|
|
43
|
+
if (focusable) return focusable;
|
|
54
44
|
}
|
|
55
45
|
}
|
|
56
|
-
|
|
57
|
-
return heavyFindNextFocusableElement(base.parentElement, trace);
|
|
46
|
+
return null;
|
|
58
47
|
};
|
|
59
48
|
exports.heavyFindNextFocusableElement = heavyFindNextFocusableElement;
|
|
60
49
|
//# sourceMappingURL=focus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus.js","names":["
|
|
1
|
+
{"version":3,"file":"focus.js","names":["_isFocusable","require","findNextFocusableElementInChildren","element","isFocusable","children","i","length","childChild","item","result","makeParentsChain","parents","parent","parentElement","push","heavyFindNextFocusableElement","base","_parent$children","siblings","Array","from","indexOf","slice","focusable","exports"],"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,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAMC,kCAAkC,GAAG,SAArCA,kCAAkCA,CAAIC,OAAuB,EAA8B;EAC/F,IAAIA,OAAO,IAAI,IAAAC,wBAAW,EAACD,OAAO,CAAC,EAAE;IACnC,OAAOA,OAAO;EAChB;EAEA,IAAME,QAAQ,GAAGF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,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,GAAGR,kCAAkC,CAACM,UAAU,CAAC;MAC7D,IAAIE,MAAM,EAAE,OAAOA,MAAM;IAC3B;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIR,OAAgB,EAAgB;EACxD,IAAMS,OAAO,GAAG,EAAE;EAClB,IAAIC,MAAM,GAAGV,OAAO,CAACW,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;AAEM,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,GAAGtB,kCAAkC,CAACiB,QAAQ,CAACb,EAAC,CAAC,CAAC;MACjE,IAAIkB,SAAS,EAAE,OAAOA,SAAS;IACjC;EACF;EAEA,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAT,6BAAA,GAAAA,6BAAA"}
|
|
@@ -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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
type FocusableElement = Element & {
|
|
2
2
|
focus: () => void;
|
|
3
3
|
};
|
|
4
|
-
export declare const heavyFindNextFocusableElement: (base: Element
|
|
4
|
+
export declare const heavyFindNextFocusableElement: (base: Element) => FocusableElement | null;
|
|
5
5
|
export {};
|
|
@@ -28,27 +28,27 @@ var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
|
|
|
28
28
|
var _formatDate = require("../utils/formatDate");
|
|
29
29
|
var _excluded = ["date"];
|
|
30
30
|
/*__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SCalendar": "
|
|
33
|
-
"__SGridDays": "
|
|
34
|
-
"__SGridMonths": "
|
|
35
|
-
"__SWeekDays": "
|
|
36
|
-
"__SWeekDay": "
|
|
37
|
-
"__SCalendarUnit": "
|
|
38
|
-
"_startHighlighted": "
|
|
39
|
-
"_selected": "
|
|
40
|
-
"_endHighlighted": "
|
|
41
|
-
"_startSelected": "
|
|
42
|
-
"_endSelected": "
|
|
43
|
-
"_compareHighlighted": "
|
|
44
|
-
"_compareStartHighlighted": "
|
|
45
|
-
"_compareEndHighlighted": "
|
|
46
|
-
"_compareStart": "
|
|
47
|
-
"_compareEnd": "
|
|
48
|
-
"_outdated": "
|
|
49
|
-
"_disabled": "
|
|
50
|
-
"_highlighted": "
|
|
51
|
-
"_today": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_1m9xr_gg_{display:flex;flex-direction:column}.___SGridDays_1m9xr_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1m9xr_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1m9xr_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1m9xr_gg_,.___SWeekDay_1m9xr_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1m9xr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1m9xr_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1m9xr_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_1m9xr_gg_.__today_1m9xr_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCalendarUnit_1m9xr_gg_.___SCalendarUnit_1m9xr_gg_.__today_1m9xr_gg_.__endSelected_1m9xr_gg_:before,.___SCalendarUnit_1m9xr_gg_.___SCalendarUnit_1m9xr_gg_.__today_1m9xr_gg_.__startSelected_1m9xr_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1m9xr_gg_.__highlighted_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__selected_1m9xr_gg_{border-radius:0;transition:color .15s,background .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1m9xr_gg_.__selected_1m9xr_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_.__selected_1m9xr_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1m9xr_gg_.__highlighted_1m9xr_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_.__highlighted_1m9xr_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1m9xr_gg_.__startSelected_1m9xr_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1m9xr_gg_.__startSelected_1m9xr_gg_:not(.__highlighted_1m9xr_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_.__startSelected_1m9xr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1m9xr_gg_.__endSelected_1m9xr_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1m9xr_gg_.__endSelected_1m9xr_gg_:not(.__highlighted_1m9xr_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_.__endSelected_1m9xr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1m9xr_gg_.__startHighlighted_1m9xr_gg_:not(.__selected_1m9xr_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1m9xr_gg_.__endHighlighted_1m9xr_gg_:not(.__selected_1m9xr_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__startHighlighted_1m9xr_gg_.___SCalendarUnit_1m9xr_gg_.__endHighlighted_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__startSelected_1m9xr_gg_.___SCalendarUnit_1m9xr_gg_.__endSelected_1m9xr_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__compareHighlighted_1m9xr_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1m9xr_gg_.__compareEndHighlighted_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__compareStartHighlighted_1m9xr_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1m9xr_gg_.__compareEnd_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__compareStart_1m9xr_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1m9xr_gg_.__compareEnd_1m9xr_gg_:hover,.___SCalendarUnit_1m9xr_gg_.__compareStart_1m9xr_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1m9xr_gg_.__compareStartHighlighted_1m9xr_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__compareEndHighlighted_1m9xr_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__compareStart_1m9xr_gg_:not(.__compareHighlighted_1m9xr_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__compareEnd_1m9xr_gg_:not(.__compareHighlighted_1m9xr_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1m9xr_gg_.__outdated_1m9xr_gg_{opacity:.2}.___SCalendarUnit_1m9xr_gg_.__disabled_1m9xr_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__highlighted_1m9xr_gg_,.___SCalendarUnit_1m9xr_gg_.__selected_1m9xr_gg_{transition:none}}" /*__inner_css_end__*/, "1m9xr_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SCalendar": "___SCalendar_1m9xr_gg_",
|
|
33
|
+
"__SGridDays": "___SGridDays_1m9xr_gg_",
|
|
34
|
+
"__SGridMonths": "___SGridMonths_1m9xr_gg_",
|
|
35
|
+
"__SWeekDays": "___SWeekDays_1m9xr_gg_",
|
|
36
|
+
"__SWeekDay": "___SWeekDay_1m9xr_gg_",
|
|
37
|
+
"__SCalendarUnit": "___SCalendarUnit_1m9xr_gg_",
|
|
38
|
+
"_startHighlighted": "__startHighlighted_1m9xr_gg_",
|
|
39
|
+
"_selected": "__selected_1m9xr_gg_",
|
|
40
|
+
"_endHighlighted": "__endHighlighted_1m9xr_gg_",
|
|
41
|
+
"_startSelected": "__startSelected_1m9xr_gg_",
|
|
42
|
+
"_endSelected": "__endSelected_1m9xr_gg_",
|
|
43
|
+
"_compareHighlighted": "__compareHighlighted_1m9xr_gg_",
|
|
44
|
+
"_compareStartHighlighted": "__compareStartHighlighted_1m9xr_gg_",
|
|
45
|
+
"_compareEndHighlighted": "__compareEndHighlighted_1m9xr_gg_",
|
|
46
|
+
"_compareStart": "__compareStart_1m9xr_gg_",
|
|
47
|
+
"_compareEnd": "__compareEnd_1m9xr_gg_",
|
|
48
|
+
"_outdated": "__outdated_1m9xr_gg_",
|
|
49
|
+
"_disabled": "__disabled_1m9xr_gg_",
|
|
50
|
+
"_highlighted": "__highlighted_1m9xr_gg_",
|
|
51
|
+
"_today": "__today_1m9xr_gg_"
|
|
52
52
|
});
|
|
53
53
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
54
54
|
var range = function range(N, cb) {
|