@semcore/data-table 4.49.0 → 4.49.1-prerelease.2
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 +6 -0
- package/lib/cjs/Body.js +3 -3
- package/lib/cjs/DataTable.js +36 -36
- package/lib/es6/Body.js +3 -3
- package/lib/es6/DataTable.js +36 -36
- package/lib/esm/Body.mjs +53 -53
- package/lib/esm/DataTable.mjs +229 -229
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.49.1] - 2025-03-18
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [4.60.0 ~> 4.60.1], `@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [4.49.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/Body.js
CHANGED
|
@@ -33,9 +33,9 @@ var _getFocusableIn = require("@semcore/utils/lib/focus-lock/getFocusableIn");
|
|
|
33
33
|
var _excluded = ["childrenPropsGetter"],
|
|
34
34
|
_excluded2 = ["childrenPropsGetter"];
|
|
35
35
|
/*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
|
|
36
|
-
var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
37
|
-
"__SShadowHorizontal": "
|
|
38
|
-
"__SShadowVertical": "
|
|
36
|
+
var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_uv7k9_gg_:after,.___SShadowHorizontal_uv7k9_gg_:before,.___SShadowVertical_uv7k9_gg_:after,.___SShadowVertical_uv7k9_gg_:before{z-index:1}" /*__inner_css_end__*/, "uv7k9_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
+
"__SShadowHorizontal": "___SShadowHorizontal_uv7k9_gg_",
|
|
38
|
+
"__SShadowVertical": "___SShadowVertical_uv7k9_gg_"
|
|
39
39
|
});
|
|
40
40
|
var testEnv = process.env.NODE_ENV === 'test';
|
|
41
41
|
var getCellsByColumn = function getCellsByColumn(cells) {
|
package/lib/cjs/DataTable.js
CHANGED
|
@@ -33,42 +33,42 @@ var _focusSourceEnhance = _interopRequireDefault(require("@semcore/utils/lib/enh
|
|
|
33
33
|
var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
|
|
34
34
|
_excluded2 = ["name", "children"];
|
|
35
35
|
/*__reshadow-styles__:"./style/data-table.shadow.css"*/
|
|
36
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDataTable_13l33_gg_,.___SHeadWrapper_13l33_gg_{position:relative}.___SDataTable_13l33_gg_.__compact_13l33_gg_ .___SCell_13l33_gg_,.___SDataTable_13l33_gg_.__compact_13l33_gg_ .___SColumn_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_13l33_gg_.__animationsDisabled_13l33_gg_ .___SColumn_13l33_gg_{transition:none}.___SHeadWrapper_13l33_gg_.__sticky_13l33_gg_{position:sticky;top:0;z-index:2}.___SHead_13l33_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_13l33_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_13l33_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_13l33_gg_.__hidden_13l33_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_13l33_gg_._use_primary_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_13l33_gg_._use_secondary_13l33_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_13l33_gg_.__group_13l33_gg_.__use_13l33_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_13l33_gg_.__groupHead_13l33_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_13l33_gg_.__sortable_13l33_gg_{cursor:pointer}.___SColumn_13l33_gg_.__sortable_13l33_gg_._use_primary_13l33_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_._use_primary_13l33_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_:focus .___SSortWrapper_13l33_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_:hover .___SSortWrapper_13l33_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_13l33_gg_.__sortable_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortWrapper_13l33_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortWrapper_13l33_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_13l33_gg_.__sortable_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_:before,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortIcon_13l33_gg_,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortWrapper_13l33_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortWrapper_13l33_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortIcon_13l33_gg_{display:block;opacity:1}}.___SColumn_13l33_gg_._use_primary_13l33_gg_.__active_13l33_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_13l33_gg_.__active_13l33_gg_ .___SSortIcon_13l33_gg_{display:block;opacity:1}.___SColumn_13l33_gg_.__resizable_13l33_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_13l33_gg_.__resizable_13l33_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_13l33_gg_.__resizable_13l33_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_13l33_gg_.__fixed_13l33_gg_{position:sticky;z-index:2}.___SCell_13l33_gg_.__borderLeft_13l33_gg_,.___SColumn_13l33_gg_.__borderLeft_13l33_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_13l33_gg_.__borderRight_13l33_gg_,.___SColumn_13l33_gg_.__borderRight_13l33_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_13l33_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_13l33_gg_,.___SSortWrapper_13l33_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_13l33_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_13l33_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_13l33_gg_._use_primary_13l33_gg_ .___SSortWrapper_13l33_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_13l33_gg_._use_secondary_13l33_gg_ .___SSortWrapper_13l33_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_13l33_gg_{position:relative}.___SBody_13l33_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_13l33_gg_{display:flex;flex-direction:row;position:relative}.___SRow_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_muted_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_13l33_gg_._theme_muted_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_13l33_gg_._theme_muted_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_muted_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_muted_13l33_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_13l33_gg_._theme_info_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_13l33_gg_._theme_info_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_13l33_gg_._theme_info_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_info_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_info_13l33_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_13l33_gg_._theme_success_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_13l33_gg_._theme_success_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_13l33_gg_._theme_success_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_success_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_success_13l33_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_13l33_gg_._theme_warning_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_13l33_gg_._theme_warning_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_13l33_gg_._theme_warning_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_warning_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_warning_13l33_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_13l33_gg_._theme_danger_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_13l33_gg_._theme_danger_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_13l33_gg_._theme_danger_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_danger_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_danger_13l33_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_13l33_gg_.__positioned_13l33_gg_{position:absolute}.___SBody_13l33_gg_.__animationsDisabled_13l33_gg_ .___SCell_13l33_gg_{transition:none}.___SCell_13l33_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_13l33_gg_._use_primary_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_13l33_gg_._use_secondary_13l33_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_13l33_gg_.__fixed_13l33_gg_{position:sticky;z-index:1}.___SCell_13l33_gg_._theme_muted_13l33_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_13l33_gg_._theme_info_13l33_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_13l33_gg_._theme_success_13l33_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_13l33_gg_._theme_warning_13l33_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_13l33_gg_._theme_danger_13l33_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_13l33_gg_:focus-visible:not(.__fixed_13l33_gg_){position:relative}.___SCell_13l33_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_13l33_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "13l33_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
-
"__SDataTable": "
|
|
38
|
-
"__SHeadWrapper": "
|
|
39
|
-
"_sticky": "
|
|
40
|
-
"__SHead": "
|
|
41
|
-
"__SColumn": "
|
|
42
|
-
"_hidden": "
|
|
43
|
-
"_use_primary": "
|
|
44
|
-
"_use_secondary": "
|
|
45
|
-
"_group": "
|
|
46
|
-
"_use": "
|
|
47
|
-
"_groupHead": "
|
|
48
|
-
"_active": "
|
|
49
|
-
"__SSortIcon": "
|
|
50
|
-
"_fixed": "
|
|
51
|
-
"_borderLeft": "
|
|
52
|
-
"__SCell": "
|
|
53
|
-
"_borderRight": "
|
|
54
|
-
"__SSortWrapper": "
|
|
55
|
-
"__SBodyWrapper": "
|
|
56
|
-
"__SBody": "
|
|
57
|
-
"__SRow": "
|
|
58
|
-
"_theme": "
|
|
59
|
-
"__SGroupCell": "
|
|
60
|
-
"_theme_muted": "
|
|
61
|
-
"_theme_info": "
|
|
62
|
-
"_theme_success": "
|
|
63
|
-
"_theme_warning": "
|
|
64
|
-
"_theme_danger": "
|
|
65
|
-
"_positioned": "
|
|
66
|
-
"_animationsDisabled": "
|
|
67
|
-
"__SHeightHold": "
|
|
68
|
-
"_compact": "
|
|
69
|
-
"_sortable": "
|
|
70
|
-
"_justifyContent_right": "
|
|
71
|
-
"_resizable": "
|
|
36
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDataTable_1teun_gg_,.___SHeadWrapper_1teun_gg_{position:relative}.___SDataTable_1teun_gg_.__compact_1teun_gg_ .___SCell_1teun_gg_,.___SDataTable_1teun_gg_.__compact_1teun_gg_ .___SColumn_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1teun_gg_.__animationsDisabled_1teun_gg_ .___SColumn_1teun_gg_{transition:none}.___SHeadWrapper_1teun_gg_.__sticky_1teun_gg_{position:sticky;top:0;z-index:2}.___SHead_1teun_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1teun_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1teun_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1teun_gg_.__hidden_1teun_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1teun_gg_._use_primary_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1teun_gg_._use_secondary_1teun_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1teun_gg_.__group_1teun_gg_.__use_1teun_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1teun_gg_.__groupHead_1teun_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1teun_gg_.__sortable_1teun_gg_{cursor:pointer}.___SColumn_1teun_gg_.__sortable_1teun_gg_._use_primary_1teun_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_._use_primary_1teun_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_:focus .___SSortWrapper_1teun_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_:hover .___SSortWrapper_1teun_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1teun_gg_.__sortable_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortWrapper_1teun_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortWrapper_1teun_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1teun_gg_.__sortable_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_:before,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortIcon_1teun_gg_,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortWrapper_1teun_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortWrapper_1teun_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortIcon_1teun_gg_{display:block;opacity:1}}.___SColumn_1teun_gg_._use_primary_1teun_gg_.__active_1teun_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1teun_gg_.__active_1teun_gg_ .___SSortIcon_1teun_gg_{display:block;opacity:1}.___SColumn_1teun_gg_.__resizable_1teun_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1teun_gg_.__resizable_1teun_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1teun_gg_.__resizable_1teun_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1teun_gg_.__fixed_1teun_gg_{position:sticky;z-index:2}.___SCell_1teun_gg_.__borderLeft_1teun_gg_,.___SColumn_1teun_gg_.__borderLeft_1teun_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1teun_gg_.__borderRight_1teun_gg_,.___SColumn_1teun_gg_.__borderRight_1teun_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1teun_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1teun_gg_,.___SSortWrapper_1teun_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1teun_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1teun_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1teun_gg_._use_primary_1teun_gg_ .___SSortWrapper_1teun_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1teun_gg_._use_secondary_1teun_gg_ .___SSortWrapper_1teun_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1teun_gg_{position:relative}.___SBody_1teun_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1teun_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_muted_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1teun_gg_._theme_muted_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1teun_gg_._theme_muted_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_muted_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_muted_1teun_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1teun_gg_._theme_info_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1teun_gg_._theme_info_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1teun_gg_._theme_info_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_info_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_info_1teun_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1teun_gg_._theme_success_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1teun_gg_._theme_success_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1teun_gg_._theme_success_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_success_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_success_1teun_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1teun_gg_._theme_warning_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1teun_gg_._theme_warning_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1teun_gg_._theme_warning_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_warning_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_warning_1teun_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1teun_gg_._theme_danger_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1teun_gg_._theme_danger_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1teun_gg_._theme_danger_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_danger_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_danger_1teun_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1teun_gg_.__positioned_1teun_gg_{position:absolute}.___SBody_1teun_gg_.__animationsDisabled_1teun_gg_ .___SCell_1teun_gg_{transition:none}.___SCell_1teun_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1teun_gg_._use_primary_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1teun_gg_._use_secondary_1teun_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1teun_gg_.__fixed_1teun_gg_{position:sticky;z-index:1}.___SCell_1teun_gg_._theme_muted_1teun_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1teun_gg_._theme_info_1teun_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1teun_gg_._theme_success_1teun_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1teun_gg_._theme_warning_1teun_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1teun_gg_._theme_danger_1teun_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1teun_gg_:focus-visible:not(.__fixed_1teun_gg_){position:relative}.___SCell_1teun_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1teun_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1teun_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
+
"__SDataTable": "___SDataTable_1teun_gg_",
|
|
38
|
+
"__SHeadWrapper": "___SHeadWrapper_1teun_gg_",
|
|
39
|
+
"_sticky": "__sticky_1teun_gg_",
|
|
40
|
+
"__SHead": "___SHead_1teun_gg_",
|
|
41
|
+
"__SColumn": "___SColumn_1teun_gg_",
|
|
42
|
+
"_hidden": "__hidden_1teun_gg_",
|
|
43
|
+
"_use_primary": "_use_primary_1teun_gg_",
|
|
44
|
+
"_use_secondary": "_use_secondary_1teun_gg_",
|
|
45
|
+
"_group": "__group_1teun_gg_",
|
|
46
|
+
"_use": "__use_1teun_gg_",
|
|
47
|
+
"_groupHead": "__groupHead_1teun_gg_",
|
|
48
|
+
"_active": "__active_1teun_gg_",
|
|
49
|
+
"__SSortIcon": "___SSortIcon_1teun_gg_",
|
|
50
|
+
"_fixed": "__fixed_1teun_gg_",
|
|
51
|
+
"_borderLeft": "__borderLeft_1teun_gg_",
|
|
52
|
+
"__SCell": "___SCell_1teun_gg_",
|
|
53
|
+
"_borderRight": "__borderRight_1teun_gg_",
|
|
54
|
+
"__SSortWrapper": "___SSortWrapper_1teun_gg_",
|
|
55
|
+
"__SBodyWrapper": "___SBodyWrapper_1teun_gg_",
|
|
56
|
+
"__SBody": "___SBody_1teun_gg_",
|
|
57
|
+
"__SRow": "___SRow_1teun_gg_",
|
|
58
|
+
"_theme": "__theme_1teun_gg_",
|
|
59
|
+
"__SGroupCell": "___SGroupCell_1teun_gg_",
|
|
60
|
+
"_theme_muted": "_theme_muted_1teun_gg_",
|
|
61
|
+
"_theme_info": "_theme_info_1teun_gg_",
|
|
62
|
+
"_theme_success": "_theme_success_1teun_gg_",
|
|
63
|
+
"_theme_warning": "_theme_warning_1teun_gg_",
|
|
64
|
+
"_theme_danger": "_theme_danger_1teun_gg_",
|
|
65
|
+
"_positioned": "__positioned_1teun_gg_",
|
|
66
|
+
"_animationsDisabled": "__animationsDisabled_1teun_gg_",
|
|
67
|
+
"__SHeightHold": "___SHeightHold_1teun_gg_",
|
|
68
|
+
"_compact": "__compact_1teun_gg_",
|
|
69
|
+
"_sortable": "__sortable_1teun_gg_",
|
|
70
|
+
"_justifyContent_right": "_justifyContent_right_1teun_gg_",
|
|
71
|
+
"_resizable": "__resizable_1teun_gg_"
|
|
72
72
|
});
|
|
73
73
|
var reversedSortDirection = {
|
|
74
74
|
desc: 'asc',
|
package/lib/es6/Body.js
CHANGED
|
@@ -25,9 +25,9 @@ import { forkRef } from '@semcore/utils/lib/ref';
|
|
|
25
25
|
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
26
26
|
import { SORT_ICON_WIDTH } from './Head';
|
|
27
27
|
/*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
|
|
28
|
-
var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SShadowHorizontal": "
|
|
30
|
-
"__SShadowVertical": "
|
|
28
|
+
var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_uv7k9_gg_:after,.___SShadowHorizontal_uv7k9_gg_:before,.___SShadowVertical_uv7k9_gg_:after,.___SShadowVertical_uv7k9_gg_:before{z-index:1}" /*__inner_css_end__*/, "uv7k9_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SShadowHorizontal": "___SShadowHorizontal_uv7k9_gg_",
|
|
30
|
+
"__SShadowVertical": "___SShadowVertical_uv7k9_gg_"
|
|
31
31
|
});
|
|
32
32
|
import { getFocusableIn } from '@semcore/utils/lib/focus-lock/getFocusableIn';
|
|
33
33
|
var testEnv = process.env.NODE_ENV === 'test';
|
package/lib/es6/DataTable.js
CHANGED
|
@@ -24,42 +24,42 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
|
24
24
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
25
25
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
26
26
|
/*__reshadow-styles__:"./style/data-table.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_13l33_gg_,.___SHeadWrapper_13l33_gg_{position:relative}.___SDataTable_13l33_gg_.__compact_13l33_gg_ .___SCell_13l33_gg_,.___SDataTable_13l33_gg_.__compact_13l33_gg_ .___SColumn_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_13l33_gg_.__animationsDisabled_13l33_gg_ .___SColumn_13l33_gg_{transition:none}.___SHeadWrapper_13l33_gg_.__sticky_13l33_gg_{position:sticky;top:0;z-index:2}.___SHead_13l33_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_13l33_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_13l33_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_13l33_gg_.__hidden_13l33_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_13l33_gg_._use_primary_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_13l33_gg_._use_secondary_13l33_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_13l33_gg_.__group_13l33_gg_.__use_13l33_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_13l33_gg_.__groupHead_13l33_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_13l33_gg_.__sortable_13l33_gg_{cursor:pointer}.___SColumn_13l33_gg_.__sortable_13l33_gg_._use_primary_13l33_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_._use_primary_13l33_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_:focus .___SSortWrapper_13l33_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_:hover .___SSortWrapper_13l33_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_13l33_gg_.__sortable_13l33_gg_._justifyContent_right_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_13l33_gg_.__sortable_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortWrapper_13l33_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortWrapper_13l33_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_13l33_gg_.__sortable_13l33_gg_.__active_13l33_gg_ .___SSortWrapper_13l33_gg_:before,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortIcon_13l33_gg_,.___SColumn_13l33_gg_.__sortable_13l33_gg_:focus .___SSortWrapper_13l33_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortWrapper_13l33_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_13l33_gg_.__sortable_13l33_gg_:hover .___SSortIcon_13l33_gg_{display:block;opacity:1}}.___SColumn_13l33_gg_._use_primary_13l33_gg_.__active_13l33_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_13l33_gg_.__active_13l33_gg_ .___SSortIcon_13l33_gg_{display:block;opacity:1}.___SColumn_13l33_gg_.__resizable_13l33_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_13l33_gg_.__resizable_13l33_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_13l33_gg_.__resizable_13l33_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_13l33_gg_.__fixed_13l33_gg_{position:sticky;z-index:2}.___SCell_13l33_gg_.__borderLeft_13l33_gg_,.___SColumn_13l33_gg_.__borderLeft_13l33_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_13l33_gg_.__borderRight_13l33_gg_,.___SColumn_13l33_gg_.__borderRight_13l33_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_13l33_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_13l33_gg_,.___SSortWrapper_13l33_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_13l33_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_13l33_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_13l33_gg_._use_primary_13l33_gg_ .___SSortWrapper_13l33_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_13l33_gg_._use_secondary_13l33_gg_ .___SSortWrapper_13l33_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_13l33_gg_{position:relative}.___SBody_13l33_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_13l33_gg_{display:flex;flex-direction:row;position:relative}.___SRow_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_muted_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_13l33_gg_._theme_muted_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_13l33_gg_._theme_muted_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_muted_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_muted_13l33_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_13l33_gg_._theme_info_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_13l33_gg_._theme_info_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_13l33_gg_._theme_info_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_info_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_info_13l33_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_13l33_gg_._theme_success_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_13l33_gg_._theme_success_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_13l33_gg_._theme_success_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_success_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_success_13l33_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_13l33_gg_._theme_warning_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_13l33_gg_._theme_warning_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_13l33_gg_._theme_warning_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_warning_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_warning_13l33_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_13l33_gg_._theme_danger_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_13l33_gg_._theme_danger_13l33_gg_.__active_13l33_gg_>.___SCell_13l33_gg_:not(.__theme_13l33_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_13l33_gg_._theme_danger_13l33_gg_ .___SCell_13l33_gg_:hover+.___SGroupCell_13l33_gg_ .___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_._theme_danger_13l33_gg_:hover>.___SCell_13l33_gg_:not(.__theme_13l33_gg_),.___SRow_13l33_gg_:hover>.___SCell_13l33_gg_._theme_danger_13l33_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_13l33_gg_.__positioned_13l33_gg_{position:absolute}.___SBody_13l33_gg_.__animationsDisabled_13l33_gg_ .___SCell_13l33_gg_{transition:none}.___SCell_13l33_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_13l33_gg_._use_primary_13l33_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_13l33_gg_._use_secondary_13l33_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_13l33_gg_.__fixed_13l33_gg_{position:sticky;z-index:1}.___SCell_13l33_gg_._theme_muted_13l33_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_13l33_gg_._theme_info_13l33_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_13l33_gg_._theme_success_13l33_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_13l33_gg_._theme_warning_13l33_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_13l33_gg_._theme_danger_13l33_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_13l33_gg_:focus-visible:not(.__fixed_13l33_gg_){position:relative}.___SCell_13l33_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_13l33_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "13l33_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
-
"__SDataTable": "
|
|
29
|
-
"__SHeadWrapper": "
|
|
30
|
-
"_sticky": "
|
|
31
|
-
"__SHead": "
|
|
32
|
-
"__SColumn": "
|
|
33
|
-
"_hidden": "
|
|
34
|
-
"_use_primary": "
|
|
35
|
-
"_use_secondary": "
|
|
36
|
-
"_group": "
|
|
37
|
-
"_use": "
|
|
38
|
-
"_groupHead": "
|
|
39
|
-
"_active": "
|
|
40
|
-
"__SSortIcon": "
|
|
41
|
-
"_fixed": "
|
|
42
|
-
"_borderLeft": "
|
|
43
|
-
"__SCell": "
|
|
44
|
-
"_borderRight": "
|
|
45
|
-
"__SSortWrapper": "
|
|
46
|
-
"__SBodyWrapper": "
|
|
47
|
-
"__SBody": "
|
|
48
|
-
"__SRow": "
|
|
49
|
-
"_theme": "
|
|
50
|
-
"__SGroupCell": "
|
|
51
|
-
"_theme_muted": "
|
|
52
|
-
"_theme_info": "
|
|
53
|
-
"_theme_success": "
|
|
54
|
-
"_theme_warning": "
|
|
55
|
-
"_theme_danger": "
|
|
56
|
-
"_positioned": "
|
|
57
|
-
"_animationsDisabled": "
|
|
58
|
-
"__SHeightHold": "
|
|
59
|
-
"_compact": "
|
|
60
|
-
"_sortable": "
|
|
61
|
-
"_justifyContent_right": "
|
|
62
|
-
"_resizable": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDataTable_1teun_gg_,.___SHeadWrapper_1teun_gg_{position:relative}.___SDataTable_1teun_gg_.__compact_1teun_gg_ .___SCell_1teun_gg_,.___SDataTable_1teun_gg_.__compact_1teun_gg_ .___SColumn_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_1teun_gg_.__animationsDisabled_1teun_gg_ .___SColumn_1teun_gg_{transition:none}.___SHeadWrapper_1teun_gg_.__sticky_1teun_gg_{position:sticky;top:0;z-index:2}.___SHead_1teun_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_1teun_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SColumn_1teun_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SColumn_1teun_gg_.__hidden_1teun_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_1teun_gg_._use_primary_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1teun_gg_._use_secondary_1teun_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1teun_gg_.__group_1teun_gg_.__use_1teun_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_1teun_gg_.__groupHead_1teun_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_1teun_gg_.__sortable_1teun_gg_{cursor:pointer}.___SColumn_1teun_gg_.__sortable_1teun_gg_._use_primary_1teun_gg_:focus{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_._use_primary_1teun_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}}.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_:focus .___SSortWrapper_1teun_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_:hover .___SSortWrapper_1teun_gg_{position:absolute;flex-basis:0;right:var(--intergalactic-spacing-3x, 12px)}}.___SColumn_1teun_gg_.__sortable_1teun_gg_._justifyContent_right_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_{position:relative;flex-basis:inherit;right:0}.___SColumn_1teun_gg_.__sortable_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortWrapper_1teun_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortWrapper_1teun_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}}.___SColumn_1teun_gg_.__sortable_1teun_gg_.__active_1teun_gg_ .___SSortWrapper_1teun_gg_:before,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortIcon_1teun_gg_,.___SColumn_1teun_gg_.__sortable_1teun_gg_:focus .___SSortWrapper_1teun_gg_:before{display:block;opacity:1}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortWrapper_1teun_gg_:before{display:block;opacity:1}}@media (hover:hover){.___SColumn_1teun_gg_.__sortable_1teun_gg_:hover .___SSortIcon_1teun_gg_{display:block;opacity:1}}.___SColumn_1teun_gg_._use_primary_1teun_gg_.__active_1teun_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_1teun_gg_.__active_1teun_gg_ .___SSortIcon_1teun_gg_{display:block;opacity:1}.___SColumn_1teun_gg_.__resizable_1teun_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_1teun_gg_.__resizable_1teun_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_1teun_gg_.__resizable_1teun_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_1teun_gg_.__fixed_1teun_gg_{position:sticky;z-index:2}.___SCell_1teun_gg_.__borderLeft_1teun_gg_,.___SColumn_1teun_gg_.__borderLeft_1teun_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1teun_gg_.__borderRight_1teun_gg_,.___SColumn_1teun_gg_.__borderRight_1teun_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_1teun_gg_{flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortIcon_1teun_gg_,.___SSortWrapper_1teun_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1teun_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_1teun_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_1teun_gg_._use_primary_1teun_gg_ .___SSortWrapper_1teun_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1teun_gg_._use_secondary_1teun_gg_ .___SSortWrapper_1teun_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_1teun_gg_{position:relative}.___SBody_1teun_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_1teun_gg_{display:flex;flex-direction:row;position:relative}.___SRow_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_muted_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1teun_gg_._theme_muted_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1teun_gg_._theme_muted_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_muted_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_muted_1teun_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1teun_gg_._theme_info_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1teun_gg_._theme_info_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1teun_gg_._theme_info_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_info_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_info_1teun_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1teun_gg_._theme_success_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1teun_gg_._theme_success_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1teun_gg_._theme_success_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_success_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_success_1teun_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1teun_gg_._theme_warning_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1teun_gg_._theme_warning_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1teun_gg_._theme_warning_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_warning_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_warning_1teun_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1teun_gg_._theme_danger_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1teun_gg_._theme_danger_1teun_gg_.__active_1teun_gg_>.___SCell_1teun_gg_:not(.__theme_1teun_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1teun_gg_._theme_danger_1teun_gg_ .___SCell_1teun_gg_:hover+.___SGroupCell_1teun_gg_ .___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_._theme_danger_1teun_gg_:hover>.___SCell_1teun_gg_:not(.__theme_1teun_gg_),.___SRow_1teun_gg_:hover>.___SCell_1teun_gg_._theme_danger_1teun_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1teun_gg_.__positioned_1teun_gg_{position:absolute}.___SBody_1teun_gg_.__animationsDisabled_1teun_gg_ .___SCell_1teun_gg_{transition:none}.___SCell_1teun_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1teun_gg_._use_primary_1teun_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1teun_gg_._use_secondary_1teun_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1teun_gg_.__fixed_1teun_gg_{position:sticky;z-index:1}.___SCell_1teun_gg_._theme_muted_1teun_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1teun_gg_._theme_info_1teun_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1teun_gg_._theme_success_1teun_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1teun_gg_._theme_warning_1teun_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1teun_gg_._theme_danger_1teun_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1teun_gg_:focus-visible:not(.__fixed_1teun_gg_){position:relative}.___SCell_1teun_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SHeightHold_1teun_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "1teun_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SDataTable": "___SDataTable_1teun_gg_",
|
|
29
|
+
"__SHeadWrapper": "___SHeadWrapper_1teun_gg_",
|
|
30
|
+
"_sticky": "__sticky_1teun_gg_",
|
|
31
|
+
"__SHead": "___SHead_1teun_gg_",
|
|
32
|
+
"__SColumn": "___SColumn_1teun_gg_",
|
|
33
|
+
"_hidden": "__hidden_1teun_gg_",
|
|
34
|
+
"_use_primary": "_use_primary_1teun_gg_",
|
|
35
|
+
"_use_secondary": "_use_secondary_1teun_gg_",
|
|
36
|
+
"_group": "__group_1teun_gg_",
|
|
37
|
+
"_use": "__use_1teun_gg_",
|
|
38
|
+
"_groupHead": "__groupHead_1teun_gg_",
|
|
39
|
+
"_active": "__active_1teun_gg_",
|
|
40
|
+
"__SSortIcon": "___SSortIcon_1teun_gg_",
|
|
41
|
+
"_fixed": "__fixed_1teun_gg_",
|
|
42
|
+
"_borderLeft": "__borderLeft_1teun_gg_",
|
|
43
|
+
"__SCell": "___SCell_1teun_gg_",
|
|
44
|
+
"_borderRight": "__borderRight_1teun_gg_",
|
|
45
|
+
"__SSortWrapper": "___SSortWrapper_1teun_gg_",
|
|
46
|
+
"__SBodyWrapper": "___SBodyWrapper_1teun_gg_",
|
|
47
|
+
"__SBody": "___SBody_1teun_gg_",
|
|
48
|
+
"__SRow": "___SRow_1teun_gg_",
|
|
49
|
+
"_theme": "__theme_1teun_gg_",
|
|
50
|
+
"__SGroupCell": "___SGroupCell_1teun_gg_",
|
|
51
|
+
"_theme_muted": "_theme_muted_1teun_gg_",
|
|
52
|
+
"_theme_info": "_theme_info_1teun_gg_",
|
|
53
|
+
"_theme_success": "_theme_success_1teun_gg_",
|
|
54
|
+
"_theme_warning": "_theme_warning_1teun_gg_",
|
|
55
|
+
"_theme_danger": "_theme_danger_1teun_gg_",
|
|
56
|
+
"_positioned": "__positioned_1teun_gg_",
|
|
57
|
+
"_animationsDisabled": "__animationsDisabled_1teun_gg_",
|
|
58
|
+
"__SHeightHold": "___SHeightHold_1teun_gg_",
|
|
59
|
+
"_compact": "__compact_1teun_gg_",
|
|
60
|
+
"_sortable": "__sortable_1teun_gg_",
|
|
61
|
+
"_justifyContent_right": "_justifyContent_right_1teun_gg_",
|
|
62
|
+
"_resizable": "__resizable_1teun_gg_"
|
|
63
63
|
});
|
|
64
64
|
import { isFocusInside } from '@semcore/utils/lib/use/useFocusLock';
|
|
65
65
|
import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';
|
package/lib/esm/Body.mjs
CHANGED
|
@@ -14,25 +14,25 @@ import { sstyled as Re } from "@semcore/utils/lib/core/index";
|
|
|
14
14
|
import { sstyled as M, assignProps as we, Component as ye } from "@semcore/core";
|
|
15
15
|
import s from "react";
|
|
16
16
|
import { Flex as Se, Box as K } from "@semcore/flex-box";
|
|
17
|
-
import W, { hideScrollBarsFromScreenReadersContext as
|
|
18
|
-
import { getFixedStyle as
|
|
17
|
+
import W, { hideScrollBarsFromScreenReadersContext as _e } from "@semcore/scroll-area";
|
|
18
|
+
import { getFixedStyle as He, getScrollOffsetValue as Oe } from "./utils.mjs";
|
|
19
19
|
import G, { callAllEventHandlers as ne } from "@semcore/utils/lib/assignProps";
|
|
20
20
|
import N from "@semcore/utils/lib/rafTrottle";
|
|
21
|
-
import { forkRef as
|
|
22
|
-
import
|
|
23
|
-
import { SORT_ICON_WIDTH as
|
|
21
|
+
import { forkRef as be } from "@semcore/utils/lib/ref";
|
|
22
|
+
import Pe from "@semcore/utils/lib/canUseDOM";
|
|
23
|
+
import { SORT_ICON_WIDTH as ze } from "./Head.mjs";
|
|
24
24
|
import { getFocusableIn as le } from "@semcore/utils/lib/focus-lock/getFocusableIn";
|
|
25
|
-
var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"],
|
|
25
|
+
var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], ke = (
|
|
26
26
|
/*__reshadow_css_start__*/
|
|
27
27
|
(Re.insert(
|
|
28
28
|
/*__inner_css_start__*/
|
|
29
|
-
".
|
|
30
|
-
"
|
|
29
|
+
".___SShadowHorizontal_uv7k9_gg_:after,.___SShadowHorizontal_uv7k9_gg_:before,.___SShadowVertical_uv7k9_gg_:after,.___SShadowVertical_uv7k9_gg_:before{z-index:1}",
|
|
30
|
+
"uv7k9_gg_"
|
|
31
31
|
), {
|
|
32
|
-
__SShadowHorizontal: "
|
|
33
|
-
__SShadowVertical: "
|
|
32
|
+
__SShadowHorizontal: "___SShadowHorizontal_uv7k9_gg_",
|
|
33
|
+
__SShadowVertical: "___SShadowVertical_uv7k9_gg_"
|
|
34
34
|
})
|
|
35
|
-
),
|
|
35
|
+
), Ae = process.env.NODE_ENV === "test", Ie = function(V) {
|
|
36
36
|
var x = V.flat(20);
|
|
37
37
|
return Object.fromEntries(x.map(function(r) {
|
|
38
38
|
return [r.name, r.data];
|
|
@@ -111,7 +111,7 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
111
111
|
};
|
|
112
112
|
});
|
|
113
113
|
}), R(p(r), "setupRowSizeObserver", function() {
|
|
114
|
-
r.firstRowRef.current && r.asProps.virtualScroll &&
|
|
114
|
+
r.firstRowRef.current && r.asProps.virtualScroll && Pe() && (r.firstRowResizeObserver = new ResizeObserver(r.handleFirstRowResize), r.firstRowResizeObserver.observe(r.firstRowRef.current));
|
|
115
115
|
}), R(p(r), "handleBodyTransitionEnd", N(function() {
|
|
116
116
|
r.forceUpdate();
|
|
117
117
|
})), r;
|
|
@@ -122,33 +122,33 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
122
122
|
var e = this, o = Se, t = this.asProps, n = t.styles, a = t.columns, f = t.use, g = t.uid;
|
|
123
123
|
return l.map(function(d, y) {
|
|
124
124
|
if (Array.isArray(d)) {
|
|
125
|
-
var S,
|
|
126
|
-
return S = M(n), /* @__PURE__ */ s.createElement(
|
|
125
|
+
var S, k = "div";
|
|
126
|
+
return S = M(n), /* @__PURE__ */ s.createElement(k, S.cn("SGroupCell", {
|
|
127
127
|
key: "".concat(y),
|
|
128
128
|
"data-ui-name": "group-cell"
|
|
129
129
|
}), e.renderRows(d, !0));
|
|
130
130
|
} else {
|
|
131
|
-
var
|
|
132
|
-
return h.name ===
|
|
131
|
+
var _, H, m, u, w, O, P, z, E = d.name.split("/"), A = E[0], I = E[E.length - 1], b = a.find(function(h) {
|
|
132
|
+
return h.name === A;
|
|
133
133
|
}), T = a.find(function(h) {
|
|
134
134
|
return h.name === I;
|
|
135
135
|
}), v = a.find(function(h) {
|
|
136
136
|
return h.name === d.name;
|
|
137
|
-
}), L =
|
|
137
|
+
}), L = He(d, a), F = ae(L, 2), X = F[0], Y = F[1], se = (H = v == null ? void 0 : v.parentColumns.map(function(h) {
|
|
138
138
|
return h.name;
|
|
139
|
-
})) !== null &&
|
|
139
|
+
})) !== null && H !== void 0 ? H : [], U = (Array.isArray(d.cssVar) ? d.cssVar : [d.cssVar]).map(function(h) {
|
|
140
140
|
return "var(".concat(h, ")");
|
|
141
|
-
}), de = v == null || (m = v.props) === null || m === void 0 || (u = m.ref.current) === null || u === void 0 ? void 0 : u.style.getPropertyValue("min-width"), q = v == null || (w = v.props) === null || w === void 0 || (
|
|
141
|
+
}), de = v == null || (m = v.props) === null || m === void 0 || (u = m.ref.current) === null || u === void 0 ? void 0 : u.style.getPropertyValue("min-width"), q = v == null || (w = v.props) === null || w === void 0 || (O = w.ref.current) === null || O === void 0 ? void 0 : O.style.getPropertyValue("max-width"), C = {
|
|
142
142
|
name: d.name,
|
|
143
143
|
children: /* @__PURE__ */ s.createElement(s.Fragment, null, d.data),
|
|
144
|
-
justifyContent: v == null || (
|
|
145
|
-
alignItems: v == null || (
|
|
146
|
-
borderLeft:
|
|
144
|
+
justifyContent: v == null || (P = v.props) === null || P === void 0 ? void 0 : P.justifyContent,
|
|
145
|
+
alignItems: v == null || (z = v.props) === null || z === void 0 ? void 0 : z.alignItems,
|
|
146
|
+
borderLeft: b == null ? void 0 : b.borderLeft,
|
|
147
147
|
borderRight: T == null ? void 0 : T.borderRight,
|
|
148
148
|
style: {
|
|
149
149
|
width: U.length === 1 ? U[0] : "calc(".concat(U.join(" + "), ")"),
|
|
150
150
|
minWidth: de,
|
|
151
|
-
maxWidth: q && v !== null && v !== void 0 && v.sortable ? "calc(".concat(
|
|
151
|
+
maxWidth: q && v !== null && v !== void 0 && v.sortable ? "calc(".concat(ze, "px + ").concat(q, ")") : q
|
|
152
152
|
}
|
|
153
153
|
};
|
|
154
154
|
X !== void 0 && Y !== void 0 && (C.style[X] = Y);
|
|
@@ -168,7 +168,7 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
168
168
|
var ce = [d.name].concat(ue(se)).filter(Boolean).map(function(h) {
|
|
169
169
|
return "igc-table-".concat(g, "-").concat(h);
|
|
170
170
|
}), te = E.length;
|
|
171
|
-
return
|
|
171
|
+
return _ = M(n), /* @__PURE__ */ s.createElement(o, _.cn("SCell", D(D({
|
|
172
172
|
key: d.name,
|
|
173
173
|
role: "gridcell",
|
|
174
174
|
headers: ce.join(" "),
|
|
@@ -191,25 +191,25 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
191
191
|
}, {
|
|
192
192
|
key: "renderRow",
|
|
193
193
|
value: function(l, i) {
|
|
194
|
-
var c, e = i.dataIndex, o = i.topOffset, t = i.nested, n = t === void 0 ? !1 : t, a = K, f = this.asProps, g = f.styles, d = f.rowPropsLayers, y = f.uniqueKey, S = f.virtualScroll,
|
|
195
|
-
children: this.renderCells(l,
|
|
194
|
+
var c, e = i.dataIndex, o = i.topOffset, t = i.nested, n = t === void 0 ? !1 : t, a = K, f = this.asProps, g = f.styles, d = f.rowPropsLayers, y = f.uniqueKey, S = f.virtualScroll, k = j(S) === "object" && (S == null ? void 0 : S.rowHeight), _ = l.flatRowData || Ie(l), H = _[y] ? String(_[y]) : "row_".concat(e), m = e === 0 && !k, u = {
|
|
195
|
+
children: this.renderCells(l, _, e),
|
|
196
196
|
theme: void 0,
|
|
197
197
|
active: void 0,
|
|
198
198
|
positioned: o !== void 0,
|
|
199
199
|
top: o,
|
|
200
200
|
ref: m ? this.firstRowRef : void 0,
|
|
201
|
-
key:
|
|
201
|
+
key: H,
|
|
202
202
|
"aria-rowindex": n ? void 0 : e + 2
|
|
203
|
-
}, w = ie(d),
|
|
203
|
+
}, w = ie(d), O;
|
|
204
204
|
try {
|
|
205
|
-
for (w.s(); !(
|
|
206
|
-
var
|
|
207
|
-
return
|
|
208
|
-
} :
|
|
209
|
-
u = G(E(I,
|
|
205
|
+
for (w.s(); !(O = w.n()).done; ) {
|
|
206
|
+
var P = O.value, z = P.childrenPropsGetter, E = z === void 0 ? function(b) {
|
|
207
|
+
return b;
|
|
208
|
+
} : z, A = oe(P, xe), I = G(A, u);
|
|
209
|
+
u = G(E(I, _, e), I);
|
|
210
210
|
}
|
|
211
|
-
} catch (
|
|
212
|
-
w.e(
|
|
211
|
+
} catch (b) {
|
|
212
|
+
w.e(b);
|
|
213
213
|
} finally {
|
|
214
214
|
w.f();
|
|
215
215
|
}
|
|
@@ -235,22 +235,22 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
235
235
|
value: function(l) {
|
|
236
236
|
var i, c = this;
|
|
237
237
|
if (l.length === 0) return [];
|
|
238
|
-
var e = this.asProps.virtualScroll, o = this.state, t = o.scrollOffset, n = o.scrollAreaHeight, a = this.getRowHeight(), f = (i = j(e) === "object" ? e == null ? void 0 : e.tollerance : 2) !== null && i !== void 0 ? i : 2, g = Math.max(Math.floor(t / a) - f, 0), d = Math.min(Math.ceil((t + n) / a) + f, l.length), y = j(e) === "object" && (e == null ? void 0 : e.rowHeight), S = !y,
|
|
238
|
+
var e = this.asProps.virtualScroll, o = this.state, t = o.scrollOffset, n = o.scrollAreaHeight, a = this.getRowHeight(), f = (i = j(e) === "object" ? e == null ? void 0 : e.tollerance : 2) !== null && i !== void 0 ? i : 2, g = Math.max(Math.floor(t / a) - f, 0), d = Math.min(Math.ceil((t + n) / a) + f, l.length), y = j(e) === "object" && (e == null ? void 0 : e.rowHeight), S = !y, k = {
|
|
239
239
|
cells: l[0],
|
|
240
240
|
dataIndex: 0,
|
|
241
241
|
topOffset: 0
|
|
242
|
-
},
|
|
242
|
+
}, _ = a !== void 0 ? l.slice(g, d) : [], H = _.map(function(m, u) {
|
|
243
243
|
return {
|
|
244
244
|
cells: m,
|
|
245
245
|
dataIndex: g + u,
|
|
246
246
|
topOffset: a * (g + u)
|
|
247
247
|
};
|
|
248
248
|
});
|
|
249
|
-
return S && g !== 0 &&
|
|
250
|
-
var u = m.cells, w = m.dataIndex,
|
|
249
|
+
return S && g !== 0 && H.unshift(k), H.map(function(m) {
|
|
250
|
+
var u = m.cells, w = m.dataIndex, O = m.topOffset;
|
|
251
251
|
return c.renderRow(u, {
|
|
252
252
|
dataIndex: w,
|
|
253
|
-
topOffset:
|
|
253
|
+
topOffset: O,
|
|
254
254
|
nested: !1
|
|
255
255
|
});
|
|
256
256
|
});
|
|
@@ -264,15 +264,15 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
264
264
|
}, {
|
|
265
265
|
key: "render",
|
|
266
266
|
value: function() {
|
|
267
|
-
var l = this.asProps, i, c = K, e = K, o = K, t = this.asProps, n = t.Children, a = t.styles, f = t.rows, g = t.columns, d = t.$scrollRef, y = t.virtualScroll, S = t.onResize,
|
|
267
|
+
var l = this.asProps, i, c = K, e = K, o = K, t = this.asProps, n = t.Children, a = t.styles, f = t.rows, g = t.columns, d = t.$scrollRef, y = t.virtualScroll, S = t.onResize, k = t.onScroll, _ = t.disabledScroll, H = t.renderRows, m = t.animationsDisabled, u = t.scrollContainerRef, w = g.reduce(function(v, L) {
|
|
268
268
|
var F = L.width;
|
|
269
269
|
return v + F;
|
|
270
|
-
}, 0) > 0 ||
|
|
271
|
-
y && w && !
|
|
272
|
-
var
|
|
270
|
+
}, 0) > 0 || Ae, O = Oe(g), P = ae(O, 2), z = P[0], E = P[1], A = this.getRowHeight(), I = A !== void 0 && y ? A * f.length : void 0;
|
|
271
|
+
y && w && !A && requestAnimationFrame(this.setupRowSizeObserver);
|
|
272
|
+
var b = (i = M(a), /* @__PURE__ */ s.createElement(c, i.cn("SBody", D({}, we({
|
|
273
273
|
animationsDisabled: m,
|
|
274
274
|
onTransitionEnd: this.handleBodyTransitionEnd
|
|
275
|
-
}, l))),
|
|
275
|
+
}, l))), H ? H({
|
|
276
276
|
rows: f,
|
|
277
277
|
columns: g,
|
|
278
278
|
renderRow: this.renderRow.bind(this)
|
|
@@ -280,24 +280,24 @@ var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], Ae = (
|
|
|
280
280
|
hMin: I,
|
|
281
281
|
"aria-hidden": !0
|
|
282
282
|
})) : null, y ? this.renderVirtualizedRows(f) : this.renderRows(f))));
|
|
283
|
-
if (
|
|
284
|
-
return /* @__PURE__ */ s.createElement(e, null,
|
|
283
|
+
if (_)
|
|
284
|
+
return /* @__PURE__ */ s.createElement(e, null, b);
|
|
285
285
|
var T = [d, this.scrollContainerRef];
|
|
286
|
-
return u && T.push(u), /* @__PURE__ */ s.createElement(
|
|
286
|
+
return u && T.push(u), /* @__PURE__ */ s.createElement(_e.Provider, {
|
|
287
287
|
value: !0
|
|
288
288
|
}, /* @__PURE__ */ s.createElement(e, i.cn("SBodyWrapper", {}), /* @__PURE__ */ s.createElement(W, i.cn("ScrollArea", {
|
|
289
289
|
shadow: !0,
|
|
290
|
-
leftOffset:
|
|
290
|
+
leftOffset: z,
|
|
291
291
|
rightOffset: E,
|
|
292
292
|
onResize: ne(S, this.handleScrollAreaResize),
|
|
293
|
-
onScroll: ne(
|
|
294
|
-
styles:
|
|
293
|
+
onScroll: ne(k, this.handleScrollAreaScroll),
|
|
294
|
+
styles: ke
|
|
295
295
|
}), /* @__PURE__ */ s.createElement(W.Container, {
|
|
296
|
-
ref:
|
|
296
|
+
ref: be.apply(void 0, T),
|
|
297
297
|
role: "rowgroup",
|
|
298
298
|
focusRingTopOffset: "3px",
|
|
299
299
|
tabIndex: -1
|
|
300
|
-
},
|
|
300
|
+
}, b), /* @__PURE__ */ s.createElement("div", i.cn("div", {
|
|
301
301
|
style: J
|
|
302
302
|
}), /* @__PURE__ */ s.createElement("div", i.cn("div", {
|
|
303
303
|
style: J
|