@semcore/data-table 4.49.0-prerelease.9 → 4.49.1-prerelease.0

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.49.0] - 2025-02-28
+## [4.49.1] - 2025-03-17
 
 ### Changed
 
-- Version minor update due to children dependencies update (`@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
+
+## [4.49.0] - 2025-03-14
+
+### Added
+
+- Build for ESM.
 
 ## [4.48.1] - 2025-02-05
 

package/lib/cjs/Body.js

@@ -33,9 +33,9 @@ var _getFocusableIn = require("@semcore/utils/lib/focus-lock/getFocusableIn");
 var _excluded = ["childrenPropsGetter"],
   _excluded2 = ["childrenPropsGetter"];
 /*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_ezz95_gg_:after,.___SShadowHorizontal_ezz95_gg_:before,.___SShadowVertical_ezz95_gg_:after,.___SShadowVertical_ezz95_gg_:before{z-index:1}" /*__inner_css_end__*/, "ezz95_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_ezz95_gg_",
-  "__SShadowVertical": "___SShadowVertical_ezz95_gg_"
+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__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_uv7k9_gg_",
+  "__SShadowVertical": "___SShadowVertical_uv7k9_gg_"
 });
 var testEnv = process.env.NODE_ENV === 'test';
 var getCellsByColumn = function getCellsByColumn(cells) {

package/lib/cjs/DataTable.js

@@ -33,42 +33,42 @@ var _focusSourceEnhance = _interopRequireDefault(require("@semcore/utils/lib/enh
 var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
   _excluded2 = ["name", "children"];
 /*__reshadow-styles__:"./style/data-table.shadow.css"*/
-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__*/, {
-  "__SDataTable": "___SDataTable_13l33_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_13l33_gg_",
-  "_sticky": "__sticky_13l33_gg_",
-  "__SHead": "___SHead_13l33_gg_",
-  "__SColumn": "___SColumn_13l33_gg_",
-  "_hidden": "__hidden_13l33_gg_",
-  "_use_primary": "_use_primary_13l33_gg_",
-  "_use_secondary": "_use_secondary_13l33_gg_",
-  "_group": "__group_13l33_gg_",
-  "_use": "__use_13l33_gg_",
-  "_groupHead": "__groupHead_13l33_gg_",
-  "_active": "__active_13l33_gg_",
-  "__SSortIcon": "___SSortIcon_13l33_gg_",
-  "_fixed": "__fixed_13l33_gg_",
-  "_borderLeft": "__borderLeft_13l33_gg_",
-  "__SCell": "___SCell_13l33_gg_",
-  "_borderRight": "__borderRight_13l33_gg_",
-  "__SSortWrapper": "___SSortWrapper_13l33_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_13l33_gg_",
-  "__SBody": "___SBody_13l33_gg_",
-  "__SRow": "___SRow_13l33_gg_",
-  "_theme": "__theme_13l33_gg_",
-  "__SGroupCell": "___SGroupCell_13l33_gg_",
-  "_theme_muted": "_theme_muted_13l33_gg_",
-  "_theme_info": "_theme_info_13l33_gg_",
-  "_theme_success": "_theme_success_13l33_gg_",
-  "_theme_warning": "_theme_warning_13l33_gg_",
-  "_theme_danger": "_theme_danger_13l33_gg_",
-  "_positioned": "__positioned_13l33_gg_",
-  "_animationsDisabled": "__animationsDisabled_13l33_gg_",
-  "__SHeightHold": "___SHeightHold_13l33_gg_",
-  "_compact": "__compact_13l33_gg_",
-  "_sortable": "__sortable_13l33_gg_",
-  "_justifyContent_right": "_justifyContent_right_13l33_gg_",
-  "_resizable": "__resizable_13l33_gg_"
+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__*/, {
+  "__SDataTable": "___SDataTable_1teun_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_1teun_gg_",
+  "_sticky": "__sticky_1teun_gg_",
+  "__SHead": "___SHead_1teun_gg_",
+  "__SColumn": "___SColumn_1teun_gg_",
+  "_hidden": "__hidden_1teun_gg_",
+  "_use_primary": "_use_primary_1teun_gg_",
+  "_use_secondary": "_use_secondary_1teun_gg_",
+  "_group": "__group_1teun_gg_",
+  "_use": "__use_1teun_gg_",
+  "_groupHead": "__groupHead_1teun_gg_",
+  "_active": "__active_1teun_gg_",
+  "__SSortIcon": "___SSortIcon_1teun_gg_",
+  "_fixed": "__fixed_1teun_gg_",
+  "_borderLeft": "__borderLeft_1teun_gg_",
+  "__SCell": "___SCell_1teun_gg_",
+  "_borderRight": "__borderRight_1teun_gg_",
+  "__SSortWrapper": "___SSortWrapper_1teun_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_1teun_gg_",
+  "__SBody": "___SBody_1teun_gg_",
+  "__SRow": "___SRow_1teun_gg_",
+  "_theme": "__theme_1teun_gg_",
+  "__SGroupCell": "___SGroupCell_1teun_gg_",
+  "_theme_muted": "_theme_muted_1teun_gg_",
+  "_theme_info": "_theme_info_1teun_gg_",
+  "_theme_success": "_theme_success_1teun_gg_",
+  "_theme_warning": "_theme_warning_1teun_gg_",
+  "_theme_danger": "_theme_danger_1teun_gg_",
+  "_positioned": "__positioned_1teun_gg_",
+  "_animationsDisabled": "__animationsDisabled_1teun_gg_",
+  "__SHeightHold": "___SHeightHold_1teun_gg_",
+  "_compact": "__compact_1teun_gg_",
+  "_sortable": "__sortable_1teun_gg_",
+  "_justifyContent_right": "_justifyContent_right_1teun_gg_",
+  "_resizable": "__resizable_1teun_gg_"
 });
 var reversedSortDirection = {
   desc: 'asc',

package/lib/es6/Body.js

@@ -25,9 +25,9 @@ import { forkRef } from '@semcore/utils/lib/ref';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import { SORT_ICON_WIDTH } from './Head';
 /*__reshadow-styles__:"./style/scroll-shadows.shadow.css"*/
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_ezz95_gg_:after,.___SShadowHorizontal_ezz95_gg_:before,.___SShadowVertical_ezz95_gg_:after,.___SShadowVertical_ezz95_gg_:before{z-index:1}" /*__inner_css_end__*/, "ezz95_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_ezz95_gg_",
-  "__SShadowVertical": "___SShadowVertical_ezz95_gg_"
+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__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_uv7k9_gg_",
+  "__SShadowVertical": "___SShadowVertical_uv7k9_gg_"
 });
 import { getFocusableIn } from '@semcore/utils/lib/focus-lock/getFocusableIn';
 var testEnv = process.env.NODE_ENV === 'test';

package/lib/es6/DataTable.js

@@ -24,42 +24,42 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/data-table.shadow.css"*/
-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__*/, {
-  "__SDataTable": "___SDataTable_13l33_gg_",
-  "__SHeadWrapper": "___SHeadWrapper_13l33_gg_",
-  "_sticky": "__sticky_13l33_gg_",
-  "__SHead": "___SHead_13l33_gg_",
-  "__SColumn": "___SColumn_13l33_gg_",
-  "_hidden": "__hidden_13l33_gg_",
-  "_use_primary": "_use_primary_13l33_gg_",
-  "_use_secondary": "_use_secondary_13l33_gg_",
-  "_group": "__group_13l33_gg_",
-  "_use": "__use_13l33_gg_",
-  "_groupHead": "__groupHead_13l33_gg_",
-  "_active": "__active_13l33_gg_",
-  "__SSortIcon": "___SSortIcon_13l33_gg_",
-  "_fixed": "__fixed_13l33_gg_",
-  "_borderLeft": "__borderLeft_13l33_gg_",
-  "__SCell": "___SCell_13l33_gg_",
-  "_borderRight": "__borderRight_13l33_gg_",
-  "__SSortWrapper": "___SSortWrapper_13l33_gg_",
-  "__SBodyWrapper": "___SBodyWrapper_13l33_gg_",
-  "__SBody": "___SBody_13l33_gg_",
-  "__SRow": "___SRow_13l33_gg_",
-  "_theme": "__theme_13l33_gg_",
-  "__SGroupCell": "___SGroupCell_13l33_gg_",
-  "_theme_muted": "_theme_muted_13l33_gg_",
-  "_theme_info": "_theme_info_13l33_gg_",
-  "_theme_success": "_theme_success_13l33_gg_",
-  "_theme_warning": "_theme_warning_13l33_gg_",
-  "_theme_danger": "_theme_danger_13l33_gg_",
-  "_positioned": "__positioned_13l33_gg_",
-  "_animationsDisabled": "__animationsDisabled_13l33_gg_",
-  "__SHeightHold": "___SHeightHold_13l33_gg_",
-  "_compact": "__compact_13l33_gg_",
-  "_sortable": "__sortable_13l33_gg_",
-  "_justifyContent_right": "_justifyContent_right_13l33_gg_",
-  "_resizable": "__resizable_13l33_gg_"
+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__*/, {
+  "__SDataTable": "___SDataTable_1teun_gg_",
+  "__SHeadWrapper": "___SHeadWrapper_1teun_gg_",
+  "_sticky": "__sticky_1teun_gg_",
+  "__SHead": "___SHead_1teun_gg_",
+  "__SColumn": "___SColumn_1teun_gg_",
+  "_hidden": "__hidden_1teun_gg_",
+  "_use_primary": "_use_primary_1teun_gg_",
+  "_use_secondary": "_use_secondary_1teun_gg_",
+  "_group": "__group_1teun_gg_",
+  "_use": "__use_1teun_gg_",
+  "_groupHead": "__groupHead_1teun_gg_",
+  "_active": "__active_1teun_gg_",
+  "__SSortIcon": "___SSortIcon_1teun_gg_",
+  "_fixed": "__fixed_1teun_gg_",
+  "_borderLeft": "__borderLeft_1teun_gg_",
+  "__SCell": "___SCell_1teun_gg_",
+  "_borderRight": "__borderRight_1teun_gg_",
+  "__SSortWrapper": "___SSortWrapper_1teun_gg_",
+  "__SBodyWrapper": "___SBodyWrapper_1teun_gg_",
+  "__SBody": "___SBody_1teun_gg_",
+  "__SRow": "___SRow_1teun_gg_",
+  "_theme": "__theme_1teun_gg_",
+  "__SGroupCell": "___SGroupCell_1teun_gg_",
+  "_theme_muted": "_theme_muted_1teun_gg_",
+  "_theme_info": "_theme_info_1teun_gg_",
+  "_theme_success": "_theme_success_1teun_gg_",
+  "_theme_warning": "_theme_warning_1teun_gg_",
+  "_theme_danger": "_theme_danger_1teun_gg_",
+  "_positioned": "__positioned_1teun_gg_",
+  "_animationsDisabled": "__animationsDisabled_1teun_gg_",
+  "__SHeightHold": "___SHeightHold_1teun_gg_",
+  "_compact": "__compact_1teun_gg_",
+  "_sortable": "__sortable_1teun_gg_",
+  "_justifyContent_right": "_justifyContent_right_1teun_gg_",
+  "_resizable": "__resizable_1teun_gg_"
 });
 import { isFocusInside } from '@semcore/utils/lib/use/useFocusLock';
 import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';

package/lib/esm/Body.mjs

@@ -0,0 +1,320 @@
+import oe from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import D from "@babel/runtime/helpers/esm/objectSpread2";
+import ue from "@babel/runtime/helpers/esm/toConsumableArray";
+import ie from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import ae from "@babel/runtime/helpers/esm/slicedToArray";
+import j from "@babel/runtime/helpers/esm/typeof";
+import he from "@babel/runtime/helpers/esm/classCallCheck";
+import ge from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import me from "@babel/runtime/helpers/esm/inherits";
+import pe from "@babel/runtime/helpers/esm/createSuper";
+import R from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as Re } from "@semcore/utils/lib/core/index";
+import { sstyled as M, assignProps as we, Component as ye } from "@semcore/core";
+import s from "react";
+import { Flex as Se, Box as K } from "@semcore/flex-box";
+import W, { hideScrollBarsFromScreenReadersContext as _e } from "@semcore/scroll-area";
+import { getFixedStyle as He, getScrollOffsetValue as Oe } from "./utils.mjs";
+import G, { callAllEventHandlers as ne } from "@semcore/utils/lib/assignProps";
+import N from "@semcore/utils/lib/rafTrottle";
+import { forkRef as be } from "@semcore/utils/lib/ref";
+import Pe from "@semcore/utils/lib/canUseDOM";
+import { SORT_ICON_WIDTH as ze } from "./Head.mjs";
+import { getFocusableIn as le } from "@semcore/utils/lib/focus-lock/getFocusableIn";
+var Ee = ["childrenPropsGetter"], xe = ["childrenPropsGetter"], ke = (
+  /*__reshadow_css_start__*/
+  (Re.insert(
+    /*__inner_css_start__*/
+    ".___SShadowHorizontal_uv7k9_gg_:after,.___SShadowHorizontal_uv7k9_gg_:before,.___SShadowVertical_uv7k9_gg_:after,.___SShadowVertical_uv7k9_gg_:before{z-index:1}",
+    "uv7k9_gg_"
+  ), {
+    __SShadowHorizontal: "___SShadowHorizontal_uv7k9_gg_",
+    __SShadowVertical: "___SShadowVertical_uv7k9_gg_"
+  })
+), Ae = process.env.NODE_ENV === "test", Ie = function(V) {
+  var x = V.flat(20);
+  return Object.fromEntries(x.map(function(r) {
+    return [r.name, r.data];
+  }));
+}, J = {
+  display: "contents"
+}, or = /* @__PURE__ */ function(Q) {
+  me(x, Q);
+  var V = pe(x);
+  function x() {
+    var r;
+    he(this, x);
+    for (var l = arguments.length, i = new Array(l), c = 0; c < l; c++)
+      i[c] = arguments[c];
+    return r = V.call.apply(V, [this].concat(i)), R(p(r), "state", {
+      rowHeight: void 0,
+      scrollAreaHeight: void 0,
+      scrollOffset: 0
+    }), R(p(r), "scrollContainerRef", /* @__PURE__ */ s.createRef()), R(p(r), "firstRowRef", /* @__PURE__ */ s.createRef()), R(p(r), "firstRowResizeObserver", null), R(p(r), "lockedCell", [null, !1]), R(p(r), "getRowHeight", function() {
+      var e = r.asProps.virtualScroll, o = j(e) === "object" && (e == null ? void 0 : e.rowHeight);
+      return o || r.state.rowHeight;
+    }), R(p(r), "handleKeyDown", function(e) {
+      if (e.currentTarget === r.lockedCell[0]) {
+        var o = Array.from(r.lockedCell[0].children).flatMap(function(g) {
+          return le(g);
+        });
+        if (r.lockedCell[1]) {
+          if (e.key === "Escape") {
+            var t;
+            (t = r.lockedCell[0]) === null || t === void 0 || t.focus(), r.lockedCell[1] = !1;
+          }
+          if (e.key.startsWith("Arrow") && (e.stopPropagation(), e.preventDefault()), e.key === "Tab") {
+            if (e.target === o[0] && e.shiftKey) {
+              var n;
+              (n = o[o.length - 1]) === null || n === void 0 || n.focus(), e.preventDefault();
+            } else if (e.target === o[o.length - 1] && !e.shiftKey) {
+              var a;
+              (a = o[0]) === null || a === void 0 || a.focus(), e.preventDefault();
+            }
+            e.stopPropagation();
+          }
+        } else if (e.key === "Enter") {
+          var f;
+          e.preventDefault(), e.stopPropagation(), r.lockedCell[1] = !0, (f = o[0]) === null || f === void 0 || f.focus();
+        }
+      }
+    }), R(p(r), "onFocusCell", function(e) {
+      if (e.target === e.currentTarget && e.target.matches(":focus-visible")) {
+        var o = Array.from(e.currentTarget.children).flatMap(function(t) {
+          return le(t);
+        });
+        o.length === 1 ? o[0].focus() : o.length > 1 && (r.lockedCell = [e.currentTarget, !1]);
+      }
+    }), R(p(r), "handleFirstRowResize", N(function(e) {
+      var o = e[0].contentRect, t = o.height;
+      r.setState(function(n) {
+        return n.rowHeight === t ? n : {
+          rowHeight: t
+        };
+      });
+    })), R(p(r), "handleScrollAreaResize", N(function(e) {
+      var o = r.asProps.virtualScroll;
+      if (o) {
+        var t = e[0].contentRect, n = t.height;
+        r.setState(function(a) {
+          return a.scrollAreaHeight === n ? a : {
+            scrollAreaHeight: n
+          };
+        });
+      }
+    })), R(p(r), "handleScrollAreaScroll", function(e) {
+      var o = e.target, t = o.scrollTop, n = r.asProps.virtualScroll;
+      n && r.setState(function(a) {
+        return a.scrollOffset === t ? a : {
+          scrollOffset: t
+        };
+      });
+    }), R(p(r), "setupRowSizeObserver", function() {
+      r.firstRowRef.current && r.asProps.virtualScroll && Pe() && (r.firstRowResizeObserver = new ResizeObserver(r.handleFirstRowResize), r.firstRowResizeObserver.observe(r.firstRowRef.current));
+    }), R(p(r), "handleBodyTransitionEnd", N(function() {
+      r.forceUpdate();
+    })), r;
+  }
+  return ge(x, [{
+    key: "renderCells",
+    value: function(l, i, c) {
+      var e = this, o = Se, t = this.asProps, n = t.styles, a = t.columns, f = t.use, g = t.uid;
+      return l.map(function(d, y) {
+        if (Array.isArray(d)) {
+          var S, k = "div";
+          return S = M(n), /* @__PURE__ */ s.createElement(k, S.cn("SGroupCell", {
+            key: "".concat(y),
+            "data-ui-name": "group-cell"
+          }), e.renderRows(d, !0));
+        } else {
+          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) {
+            return h.name === A;
+          }), T = a.find(function(h) {
+            return h.name === I;
+          }), v = a.find(function(h) {
+            return h.name === d.name;
+          }), 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) {
+            return h.name;
+          })) !== null && H !== void 0 ? H : [], U = (Array.isArray(d.cssVar) ? d.cssVar : [d.cssVar]).map(function(h) {
+            return "var(".concat(h, ")");
+          }), 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 = {
+            name: d.name,
+            children: /* @__PURE__ */ s.createElement(s.Fragment, null, d.data),
+            justifyContent: v == null || (P = v.props) === null || P === void 0 ? void 0 : P.justifyContent,
+            alignItems: v == null || (z = v.props) === null || z === void 0 ? void 0 : z.alignItems,
+            borderLeft: b == null ? void 0 : b.borderLeft,
+            borderRight: T == null ? void 0 : T.borderRight,
+            style: {
+              width: U.length === 1 ? U[0] : "calc(".concat(U.join(" + "), ")"),
+              minWidth: de,
+              maxWidth: q && v !== null && v !== void 0 && v.sortable ? "calc(".concat(ze, "px + ").concat(q, ")") : q
+            }
+          };
+          X !== void 0 && Y !== void 0 && (C.style[X] = Y);
+          var B = ie(d.cellPropsLayers || []), Z;
+          try {
+            for (B.s(); !(Z = B.n()).done; ) {
+              var $ = Z.value, ee = $.childrenPropsGetter, ve = ee === void 0 ? function(h) {
+                return h;
+              } : ee, fe = oe($, Ee), re = G(fe, C);
+              C = G(ve(re, i, c), re);
+            }
+          } catch (h) {
+            B.e(h);
+          } finally {
+            B.f();
+          }
+          var ce = [d.name].concat(ue(se)).filter(Boolean).map(function(h) {
+            return "igc-table-".concat(g, "-").concat(h);
+          }), te = E.length;
+          return _ = M(n), /* @__PURE__ */ s.createElement(o, _.cn("SCell", D(D({
+            key: d.name,
+            role: "gridcell",
+            headers: ce.join(" "),
+            __excludeProps: ["data"]
+          }, C), {}, {
+            fixed: d.fixed,
+            theme: C.theme,
+            use: f,
+            borderLeft: C.borderLeft,
+            borderRight: C.borderRight,
+            tabIndex: -1,
+            onKeyDown: e.handleKeyDown,
+            onFocus: e.onFocusCell,
+            "aria-colindex": y + 1,
+            "aria-colspan": te === 1 ? void 0 : te
+          })));
+        }
+      }, []);
+    }
+  }, {
+    key: "renderRow",
+    value: function(l, i) {
+      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 = {
+        children: this.renderCells(l, _, e),
+        theme: void 0,
+        active: void 0,
+        positioned: o !== void 0,
+        top: o,
+        ref: m ? this.firstRowRef : void 0,
+        key: H,
+        "aria-rowindex": n ? void 0 : e + 2
+      }, w = ie(d), O;
+      try {
+        for (w.s(); !(O = w.n()).done; ) {
+          var P = O.value, z = P.childrenPropsGetter, E = z === void 0 ? function(b) {
+            return b;
+          } : z, A = oe(P, xe), I = G(A, u);
+          u = G(E(I, _, e), I);
+        }
+      } catch (b) {
+        w.e(b);
+      } finally {
+        w.f();
+      }
+      return c = M(g), /* @__PURE__ */ s.createElement(a, c.cn("SRow", D({
+        "data-nested": n.toString(),
+        role: n ? void 0 : "row",
+        __excludeProps: ["data"]
+      }, u)));
+    }
+  }, {
+    key: "renderRows",
+    value: function(l) {
+      var i = this, c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+      return l.map(function(e, o) {
+        return i.renderRow(e, {
+          dataIndex: o,
+          nested: c
+        });
+      });
+    }
+  }, {
+    key: "renderVirtualizedRows",
+    value: function(l) {
+      var i, c = this;
+      if (l.length === 0) return [];
+      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 = {
+        cells: l[0],
+        dataIndex: 0,
+        topOffset: 0
+      }, _ = a !== void 0 ? l.slice(g, d) : [], H = _.map(function(m, u) {
+        return {
+          cells: m,
+          dataIndex: g + u,
+          topOffset: a * (g + u)
+        };
+      });
+      return S && g !== 0 && H.unshift(k), H.map(function(m) {
+        var u = m.cells, w = m.dataIndex, O = m.topOffset;
+        return c.renderRow(u, {
+          dataIndex: w,
+          topOffset: O,
+          nested: !1
+        });
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var l;
+      (l = this.firstRowResizeObserver) === null || l === void 0 || l.disconnect();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      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) {
+        var F = L.width;
+        return v + F;
+      }, 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;
+      y && w && !A && requestAnimationFrame(this.setupRowSizeObserver);
+      var b = (i = M(a), /* @__PURE__ */ s.createElement(c, i.cn("SBody", D({}, we({
+        animationsDisabled: m,
+        onTransitionEnd: this.handleBodyTransitionEnd
+      }, l))), H ? H({
+        rows: f,
+        columns: g,
+        renderRow: this.renderRow.bind(this)
+      }) || null : /* @__PURE__ */ s.createElement(s.Fragment, null, I ? /* @__PURE__ */ s.createElement(o, i.cn("SHeightHold", {
+        hMin: I,
+        "aria-hidden": !0
+      })) : null, y ? this.renderVirtualizedRows(f) : this.renderRows(f))));
+      if (_)
+        return /* @__PURE__ */ s.createElement(e, null, b);
+      var T = [d, this.scrollContainerRef];
+      return u && T.push(u), /* @__PURE__ */ s.createElement(_e.Provider, {
+        value: !0
+      }, /* @__PURE__ */ s.createElement(e, i.cn("SBodyWrapper", {}), /* @__PURE__ */ s.createElement(W, i.cn("ScrollArea", {
+        shadow: !0,
+        leftOffset: z,
+        rightOffset: E,
+        onResize: ne(S, this.handleScrollAreaResize),
+        onScroll: ne(k, this.handleScrollAreaScroll),
+        styles: ke
+      }), /* @__PURE__ */ s.createElement(W.Container, {
+        ref: be.apply(void 0, T),
+        role: "rowgroup",
+        focusRingTopOffset: "3px",
+        tabIndex: -1
+      }, b), /* @__PURE__ */ s.createElement("div", i.cn("div", {
+        style: J
+      }), /* @__PURE__ */ s.createElement("div", i.cn("div", {
+        style: J
+      }), /* @__PURE__ */ s.createElement("div", i.cn("div", {
+        style: J
+      }), /* @__PURE__ */ s.createElement(W.Bar, {
+        orientation: "horizontal",
+        bottom: 0,
+        container: this.scrollContainerRef
+      }), /* @__PURE__ */ s.createElement(W.Bar, {
+        orientation: "vertical",
+        w: "12px",
+        zIndex: 2
+      }))))), n.origin));
+    }
+  }]), x;
+}(ye);
+export {
+  or as default
+};