@semcore/data-table 17.0.0 → 17.0.2-prerelease.0

package/lib/esm/components/Body/RowGroup.mjs

@@ -5,84 +5,68 @@ import * as React from "react";
 import { Body } from "./Body.mjs";
 import { MergedRowsCell } from "./MergedCells.mjs";
 import { UNIQ_ROW_KEY, SELECT_ALL } from "../DataTable/DataTable.mjs";
+/*!__reshadow-styles__:"./style.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_nspw1_gg_,.___SRowGroup_nspw1_gg_,.___SRow_nspw1_gg_{display:contents}.___SAccordionRows_nspw1_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_nspw1);overflow:clip;transition-property:max-height;transition-duration:var(--duration_nspw1);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_,.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_,.___SRow_nspw1_gg_.__gridArea_nspw1_gg_{grid-area:var(--gridArea_nspw1)}.___SCellWrapper_nspw1_gg_{height:100%;overflow:hidden}.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_,.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_{height:auto;overflow:auto}.___SAccordionRows_nspw1_gg_>.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_:last-child>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_),.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{display:block}.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_).__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_),.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),:not(.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_):hover:not(.__isNonInteractive_nspw1_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_info_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_success_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_success_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_gg_{display:flex;height:100%;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);white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_.__expanded_nspw1_gg_ svg{transform:rotate(90deg)}.___SCell_nspw1_gg_.__withoutBorder_nspw1_gg_{border-bottom:none}.___SCell_nspw1_gg_._use_primary_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_primary_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCell_nspw1_gg_._use_secondary_nspw1_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_secondary_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_left_nspw1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_right_nspw1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_.__innerOutline_nspw1_gg_:focus-visible{transition:none}.___SCell_nspw1_gg_.__withAccordion_nspw1_gg_,.___SCell_nspw1_gg_._name_Symbol\\(SELECT_ALL\\)_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{cursor:pointer}.___SCheckboxCell_nspw1_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_{position:sticky;z-index:2}.___SSpinContainer_nspw1_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_nspw1_gg_:focus-visible{z-index:15}.___SSpinContainer_nspw1_gg_.__headerHeight_nspw1_gg_{top:var(--headerHeight_nspw1)}.___SEmptyData_nspw1_gg_{grid-column:1/-1}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_nspw1) - 1)))}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_.__shadowVertical_nspw1_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_{margin-right:-5px}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_ .___SCell_nspw1_gg_{margin-right:5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_{margin-left:-5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_nspw1);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_nspw1_gg_.__left_nspw1_gg_{position:sticky;left:var(---left_nspw1)}',
+    '.___SBody_1g75w_gg_,.___SRowGroup_1g75w_gg_,.___SRow_1g75w_gg_{display:contents}.___SAccordionRows_1g75w_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_1g75w);overflow:clip;transition-property:max-height;transition-duration:var(--duration_1g75w);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_,.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_,.___SRow_1g75w_gg_.__gridArea_1g75w_gg_{grid-area:var(--gridArea_1g75w)}.___SCellWrapper_1g75w_gg_{height:100%;overflow:hidden}.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_,.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_{height:auto;overflow:auto}.___SAccordionRows_1g75w_gg_>.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_:last-child>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_),.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{display:block}.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_).__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_),.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),:not(.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_):hover:not(.__isNonInteractive_1g75w_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_info_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_success_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_success_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_gg_{display:flex;height:100%;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);white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_.__expanded_1g75w_gg_ svg{transform:rotate(90deg)}.___SCell_1g75w_gg_.__withoutBorder_1g75w_gg_{border-bottom:none}.___SCell_1g75w_gg_._use_primary_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_primary_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SCell_1g75w_gg_._use_secondary_1g75w_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_secondary_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_left_1g75w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_right_1g75w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_.__innerOutline_1g75w_gg_:focus-visible{transition:none}.___SCell_1g75w_gg_.__withAccordion_1g75w_gg_,.___SCell_1g75w_gg_._name_SELECT_ALL_ROWS_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{cursor:pointer}.___SCheckboxCell_1g75w_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_{position:sticky;z-index:2}.___SSpinContainer_1g75w_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_1g75w_gg_:focus-visible{z-index:15}.___SSpinContainer_1g75w_gg_.__headerHeight_1g75w_gg_{top:var(--headerHeight_1g75w)}.___SEmptyData_1g75w_gg_{grid-column:1/-1}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1g75w) - 1)))}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_.__shadowVertical_1g75w_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_{margin-right:-5px}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_ .___SCell_1g75w_gg_{margin-right:5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_{margin-left:-5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_1g75w);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_1g75w_gg_.__left_1g75w_gg_{position:sticky;left:var(---left_1g75w)}',
     /*__inner_css_end__*/
-    "nspw1_gg_"
+    "1g75w_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBody": "___SBody_nspw1_gg_",
-    "__SRow": "___SRow_nspw1_gg_",
-    "__SRowGroup": "___SRowGroup_nspw1_gg_",
-    "__SAccordionRows": "___SAccordionRows_nspw1_gg_",
-    "--gridRow": "--gridRow_nspw1",
-    "--duration": "--duration_nspw1",
-    "_gridArea": "__gridArea_nspw1_gg_",
-    "__SCellWrapper": "___SCellWrapper_nspw1_gg_",
-    "__SCollapseRow": "___SCollapseRow_nspw1_gg_",
-    "--gridArea": "--gridArea_nspw1",
-    "_isAccordionRow": "__isAccordionRow_nspw1_gg_",
-    "__SCell": "___SCell_nspw1_gg_",
-    "_withoutBorder": "__withoutBorder_nspw1_gg_",
-    "_accordionType_row": "_accordionType_row_nspw1_gg_",
-    "_expanded": "__expanded_nspw1_gg_",
-    "_theme": "__theme_nspw1_gg_",
-    "_withAccordion": "__withAccordion_nspw1_gg_",
-    "_isNonInteractive": "__isNonInteractive_nspw1_gg_",
-    "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_nspw1_gg_",
-    "_theme_muted": "_theme_muted_nspw1_gg_",
-    "_theme_info": "_theme_info_nspw1_gg_",
-    "_theme_success": "_theme_success_nspw1_gg_",
-    "_theme_warning": "_theme_warning_nspw1_gg_",
-    "_theme_danger": "_theme_danger_nspw1_gg_",
-    "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_nspw1_gg_",
-    "__SCheckboxCell": "___SCheckboxCell_nspw1_gg_",
-    "_fixed": "__fixed_nspw1_gg_",
-    "__SEmptyData": "___SEmptyData_nspw1_gg_",
-    "_left": "__left_nspw1_gg_",
-    "---left": "---left_nspw1",
-    "_compact": "__compact_nspw1_gg_",
-    "--data-aria-level": "--data-aria-level_nspw1",
-    "_sideIndents_wide": "_sideIndents_wide_nspw1_gg_",
-    "__SAccordionToggle": "___SAccordionToggle_nspw1_gg_",
-    "_use_primary": "_use_primary_nspw1_gg_",
-    "_use_secondary": "_use_secondary_nspw1_gg_",
-    "_borders_both": "_borders_both_nspw1_gg_",
-    "_borders_left": "_borders_left_nspw1_gg_",
-    "_borders_right": "_borders_right_nspw1_gg_",
-    "_innerOutline": "__innerOutline_nspw1_gg_",
-    "__SSpinContainer": "___SSpinContainer_nspw1_gg_",
-    "_headerHeight": "__headerHeight_nspw1_gg_",
-    "--headerHeight": "--headerHeight_nspw1",
-    "_shadowVertical": "__shadowVertical_nspw1_gg_",
-    "_fixed_left": "_fixed_left_nspw1_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_nspw1_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_nspw1_gg_",
-    "_fixed_right": "_fixed_right_nspw1_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_nspw1_gg_"
+    "__SBody": "___SBody_1g75w_gg_",
+    "__SRow": "___SRow_1g75w_gg_",
+    "__SRowGroup": "___SRowGroup_1g75w_gg_",
+    "__SAccordionRows": "___SAccordionRows_1g75w_gg_",
+    "--gridRow": "--gridRow_1g75w",
+    "--duration": "--duration_1g75w",
+    "_gridArea": "__gridArea_1g75w_gg_",
+    "__SCellWrapper": "___SCellWrapper_1g75w_gg_",
+    "__SCollapseRow": "___SCollapseRow_1g75w_gg_",
+    "--gridArea": "--gridArea_1g75w",
+    "_isAccordionRow": "__isAccordionRow_1g75w_gg_",
+    "__SCell": "___SCell_1g75w_gg_",
+    "_withoutBorder": "__withoutBorder_1g75w_gg_",
+    "_accordionType_row": "_accordionType_row_1g75w_gg_",
+    "_expanded": "__expanded_1g75w_gg_",
+    "_theme": "__theme_1g75w_gg_",
+    "_withAccordion": "__withAccordion_1g75w_gg_",
+    "_isNonInteractive": "__isNonInteractive_1g75w_gg_",
+    "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_1g75w_gg_",
+    "_theme_muted": "_theme_muted_1g75w_gg_",
+    "_theme_info": "_theme_info_1g75w_gg_",
+    "_theme_success": "_theme_success_1g75w_gg_",
+    "_theme_warning": "_theme_warning_1g75w_gg_",
+    "_theme_danger": "_theme_danger_1g75w_gg_",
+    "_name_SELECT_ALL_ROWS": "_name_SELECT_ALL_ROWS_1g75w_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_1g75w_gg_",
+    "_fixed": "__fixed_1g75w_gg_",
+    "__SEmptyData": "___SEmptyData_1g75w_gg_",
+    "_left": "__left_1g75w_gg_",
+    "---left": "---left_1g75w",
+    "_compact": "__compact_1g75w_gg_",
+    "--data-aria-level": "--data-aria-level_1g75w",
+    "_sideIndents_wide": "_sideIndents_wide_1g75w_gg_",
+    "__SAccordionToggle": "___SAccordionToggle_1g75w_gg_",
+    "_use_primary": "_use_primary_1g75w_gg_",
+    "_use_secondary": "_use_secondary_1g75w_gg_",
+    "_borders_both": "_borders_both_1g75w_gg_",
+    "_borders_left": "_borders_left_1g75w_gg_",
+    "_borders_right": "_borders_right_1g75w_gg_",
+    "_innerOutline": "__innerOutline_1g75w_gg_",
+    "__SSpinContainer": "___SSpinContainer_1g75w_gg_",
+    "_headerHeight": "__headerHeight_1g75w_gg_",
+    "--headerHeight": "--headerHeight_1g75w",
+    "_shadowVertical": "__shadowVertical_1g75w_gg_",
+    "_fixed_left": "_fixed_left_1g75w_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1g75w_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1g75w_gg_",
+    "_fixed_right": "_fixed_right_1g75w_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1g75w_gg_"
   })
 );
 class RowGroup extends React.PureComponent {
-  // private unsubscribeToggle: undefined | (() => void) = undefined;
-  //
-  // componentDidMount() {
-  //   const { selectedRows, rows } = this.props;
-  //
-  //   if (selectedRows && !Array.isArray(selectedRows)) {
-  //     this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {
-  //       if (rows[0][UNIQ_ROW_KEY] === key) {
-  //         this.forceUpdate();
-  //       }
-  //     });
-  //   }
-  // }
-  //
-  // componentWillUnmount() {
-  //   this.unsubscribeToggle?.();
-  // }
   render() {
     var _ref;
     const SRowGroup = Box;
@@ -94,13 +78,11 @@ class RowGroup extends React.PureComponent {
       rowIndex
     } = this.props;
     const groupUniqKey = rows[0][UNIQ_ROW_KEY];
-    let isFirstCellAreMergedRows = false;
     if (selectedRows) {
       const nextColumnName = columns[1].name;
       const firstCell = rows[0][nextColumnName];
       if (firstCell instanceof MergedRowsCell) {
-        rows[0][SELECT_ALL.toString()] = new MergedRowsCell("", firstCell.rowsCount);
-        isFirstCellAreMergedRows = true;
+        rows[0][SELECT_ALL] = new MergedRowsCell("", firstCell.rowsCount);
       }
     }
     return _ref = sstyled(style), /* @__PURE__ */ React.createElement(SRowGroup, _ref.cn("SRowGroup", {

package/lib/esm/components/Body/style.shadow.css

@@ -255,7 +255,7 @@ SCell {
   }
 }
 
-SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
+SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='SELECT_ALL_ROWS'] {
   cursor: pointer;
 }
 

package/lib/esm/components/DataTable/DataTable.mjs

@@ -3,7 +3,6 @@ import { sstyled, Component, lastInteraction, assignProps, createComponent } fro
 import { Box, ScrollArea } from "@semcore/base-components";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import findComponent from "@semcore/core/lib/utils/findComponent";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import { forkRef } from "@semcore/core/lib/utils/ref";
@@ -11,6 +10,7 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { hasFocusableIn, isFocusInside } from "@semcore/core/lib/utils/use/useFocusLock";
 import { NoData } from "@semcore/widget-empty";
 import * as React from "react";
+import { ScrollBars } from "./ScrollBars.mjs";
 import { SelectableRows } from "../../store/SelectableRows.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import { Body } from "../Body/Body.mjs";
@@ -18,60 +18,64 @@ import { MergedRowsCell, MergedColumnsCell } from "../Body/MergedCells.mjs";
 import { Head } from "../Head/Head.mjs";
 import { SRAnnouncer } from "../RowSelector/SRAnnouncer.mjs";
 import { SRReactiveAnnouncer } from "../RowSelector/SRReactiveAnnouncer.mjs";
+/*!__reshadow-styles__:"./dataTable.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDataTable_wo0cb_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content}.___SDataTable_wo0cb_gg_.__isDataEmpty_wo0cb_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_wo0cb_gg_.__gridTemplateColumns_wo0cb_gg_{grid-template-columns:var(--gridTemplateColumns_wo0cb)}.___SDataTable_wo0cb_gg_.__gridTemplateAreas_wo0cb_gg_{grid-template-areas:var(--gridTemplateAreas_wo0cb)}.___SDataTable_wo0cb_gg_.__gridTemplateRows_wo0cb_gg_{grid-template-rows:var(--gridTemplateRows_wo0cb)}",
+    "@keyframes moveBarWithScroll_pypp4{0%{transform:translateY(0)}to{transform:translateY(calc(var(--global-scroll-to) - var(--global-header-height)))}}.___SDataTable_pypp4_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content;scroll-behavior:smooth}.___SDataTable_pypp4_gg_.__isDataEmpty_pypp4_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_pypp4_gg_.__gridTemplateColumns_pypp4_gg_{grid-template-columns:var(--gridTemplateColumns_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateAreas_pypp4_gg_{grid-template-areas:var(--gridTemplateAreas_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateRows_pypp4_gg_{grid-template-rows:var(--gridTemplateRows_pypp4)}.___SScrollAreaBarInHeader_pypp4_gg_.__withAnimation_pypp4_gg_{animation-name:moveBarWithScroll_pypp4;animation-timeline:--table-sticky-timeline;animation-range-start:exit-crossing calc(-1*var(--global-header-top));animation-range-end:exit-crossing calc(100% - var(--global-header-top) - var(--global-header-height));animation-timing-function:linear;animation-fill-mode:both}",
     /*__inner_css_end__*/
-    "wo0cb_gg_"
+    "pypp4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDataTable": "___SDataTable_wo0cb_gg_",
-    "_isDataEmpty": "__isDataEmpty_wo0cb_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_wo0cb_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_wo0cb",
-    "_gridTemplateAreas": "__gridTemplateAreas_wo0cb_gg_",
-    "--gridTemplateAreas": "--gridTemplateAreas_wo0cb",
-    "_gridTemplateRows": "__gridTemplateRows_wo0cb_gg_",
-    "--gridTemplateRows": "--gridTemplateRows_wo0cb"
+    "__SDataTable": "___SDataTable_pypp4_gg_",
+    "_isDataEmpty": "__isDataEmpty_pypp4_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_pypp4_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_pypp4",
+    "_gridTemplateAreas": "__gridTemplateAreas_pypp4_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_pypp4",
+    "_gridTemplateRows": "__gridTemplateRows_pypp4_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_pypp4",
+    "__SScrollAreaBarInHeader": "___SScrollAreaBarInHeader_pypp4_gg_",
+    "_withAnimation": "__withAnimation_pypp4_gg_",
+    "@moveBarWithScroll": "moveBarWithScroll_pypp4"
   })
 );
+/*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
 const scrollStyles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScrollArea_j4820_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_{overflow:visible;overflow:initial}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_both_j4820_gg_{overflow:auto}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_both_j4820_gg_.__loading_j4820_gg_,.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_horizontal_j4820_gg_.__loading_j4820_gg_,.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_vertical_j4820_gg_.__loading_j4820_gg_{overflow:hidden}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_horizontal_j4820_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_vertical_j4820_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__headerHeight_j4820_gg_{scroll-padding-top:var(--headerHeight_j4820)}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__leftScrollPadding_j4820_gg_{scroll-padding-left:var(--leftScrollPadding_j4820)}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__rightScrollPadding_j4820_gg_{scroll-padding-right:var(--rightScrollPadding_j4820)}.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_::before,.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_:after,.___SScrollArea_j4820_gg_ .___SShadowVertical_j4820_gg_::after{z-index:20}.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_.__leftOffset_j4820_gg_::before,.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_.__rightOffset_j4820_gg_::after,.___SScrollArea_j4820_gg_ .___SShadowVertical_j4820_gg_::before{display:none}",
+    ".___SScrollArea_1aftg_gg_{width:-moz-fit-content;width:fit-content;view-timeline:--table-sticky-timeline block}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_{overflow:visible;overflow:initial}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_both_1aftg_gg_{overflow:auto}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_both_1aftg_gg_.__loading_1aftg_gg_,.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_horizontal_1aftg_gg_.__loading_1aftg_gg_,.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_vertical_1aftg_gg_.__loading_1aftg_gg_{overflow:hidden}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_horizontal_1aftg_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_vertical_1aftg_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__headerHeight_1aftg_gg_{scroll-padding-top:var(--headerHeight_1aftg)}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__leftScrollPadding_1aftg_gg_{scroll-padding-left:var(--leftScrollPadding_1aftg)}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__rightScrollPadding_1aftg_gg_{scroll-padding-right:var(--rightScrollPadding_1aftg)}.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_::before,.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_:after,.___SScrollArea_1aftg_gg_ .___SShadowVertical_1aftg_gg_::after{z-index:20}.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_.__leftOffset_1aftg_gg_::before,.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_.__rightOffset_1aftg_gg_::after,.___SScrollArea_1aftg_gg_ .___SShadowVertical_1aftg_gg_::before{display:none}",
     /*__inner_css_end__*/
-    "j4820_gg_"
+    "1aftg_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScrollArea": "___SScrollArea_j4820_gg_",
-    "__SContainer": "___SContainer_j4820_gg_",
-    "_scrollDirection_both": "_scrollDirection_both_j4820_gg_",
-    "_loading": "__loading_j4820_gg_",
-    "_scrollDirection_horizontal": "_scrollDirection_horizontal_j4820_gg_",
-    "_scrollDirection_vertical": "_scrollDirection_vertical_j4820_gg_",
-    "_headerHeight": "__headerHeight_j4820_gg_",
-    "--headerHeight": "--headerHeight_j4820",
-    "_leftScrollPadding": "__leftScrollPadding_j4820_gg_",
-    "--leftScrollPadding": "--leftScrollPadding_j4820",
-    "_rightScrollPadding": "__rightScrollPadding_j4820_gg_",
-    "--rightScrollPadding": "--rightScrollPadding_j4820",
-    "__SShadowVertical": "___SShadowVertical_j4820_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_j4820_gg_",
-    "_leftOffset": "__leftOffset_j4820_gg_",
-    "_rightOffset": "__rightOffset_j4820_gg_"
+    "__SScrollArea": "___SScrollArea_1aftg_gg_",
+    "__SContainer": "___SContainer_1aftg_gg_",
+    "_scrollDirection_both": "_scrollDirection_both_1aftg_gg_",
+    "_loading": "__loading_1aftg_gg_",
+    "_scrollDirection_horizontal": "_scrollDirection_horizontal_1aftg_gg_",
+    "_scrollDirection_vertical": "_scrollDirection_vertical_1aftg_gg_",
+    "_headerHeight": "__headerHeight_1aftg_gg_",
+    "--headerHeight": "--headerHeight_1aftg",
+    "_leftScrollPadding": "__leftScrollPadding_1aftg_gg_",
+    "--leftScrollPadding": "--leftScrollPadding_1aftg",
+    "_rightScrollPadding": "__rightScrollPadding_1aftg_gg_",
+    "--rightScrollPadding": "--rightScrollPadding_1aftg",
+    "__SShadowVertical": "___SShadowVertical_1aftg_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_1aftg_gg_",
+    "_leftOffset": "__leftOffset_1aftg_gg_",
+    "_rightOffset": "__rightOffset_1aftg_gg_"
   })
 );
 const ACCORDION = /* @__PURE__ */ Symbol("accordion");
 const ROW_GROUP = /* @__PURE__ */ Symbol("ROW_GROUP");
 const UNIQ_ROW_KEY = /* @__PURE__ */ Symbol("UNIQ_ROW_KEY");
 const IS_EMPTY_DATA_ROW = /* @__PURE__ */ Symbol("IS_EMPTY_DATA_ROW");
-const SELECT_ALL = /* @__PURE__ */ Symbol("SELECT_ALL");
+const SELECT_ALL = "SELECT_ALL_ROWS";
 const ROW_INDEX = /* @__PURE__ */ Symbol("ROW_INDEX");
 const GRID_ROW_INDEX = /* @__PURE__ */ Symbol("GRID_ROW_INDEX");
-const SCROLL_BAR_HEIGHT = 12;
 class DataTableRoot extends Component {
   static getDerivedStateFromProps(props, state) {
     if (props.expandedRows === state.expandedRows || props.expandedRows === void 0) {
@@ -116,30 +120,29 @@ class DataTableRoot extends Component {
     _defineProperty(this, "handleDocumentScroll", trottle(() => {
       const tableContainer = this.tableContainerRef.current;
       if (!tableContainer) return;
-      const tableContainerTop = tableContainer.getBoundingClientRect().top;
+      const tableRect = tableContainer.getBoundingClientRect();
+      const tableContainerTop = tableRect.top;
       const {
         headerProps
       } = this.asProps;
       const headerContainer = this.headerRef.current;
-      const elements = headerContainer?.querySelectorAll('[role="columnheader"], [data-ui-name="Head.Group"]');
       const top = tableContainerTop - (headerProps?.top ?? 0);
       const headerScrollBar = headerProps?.withScrollBar ? this.scrollAreaRef.current?.querySelector(`[role=scrollbar][aria-orientation=horizontal]`) : void 0;
-      if (top && top < 0) {
-        const translate = `translateY(${Math.abs(top)}px)`;
-        elements?.forEach((column) => {
-          if (column instanceof HTMLElement) {
-            column.style.setProperty("transform", translate);
-          }
-        });
+      if (top && top < 0 && Math.abs(top) <= tableContainer.clientHeight) {
+        let translate = `translateY(${Math.abs(top)}px)`;
+        if (tableRect.bottom <= this.getHeaderHeight()) {
+          translate = `translateY(${Math.abs(top) - this.getHeaderHeight() - tableRect.bottom}px)`;
+        }
+        if (headerContainer instanceof HTMLElement) {
+          headerContainer.style.setProperty("--global-scroll-translate", `${Math.abs(top)}px`);
+        }
         if (headerScrollBar instanceof HTMLElement) {
           headerScrollBar.style.setProperty("transform", translate);
         }
       } else {
-        elements?.forEach((column) => {
-          if (column instanceof HTMLElement) {
-            column.style.removeProperty("transform");
-          }
-        });
+        if (headerContainer instanceof HTMLElement) {
+          headerContainer.style.removeProperty("--global-scroll-translate");
+        }
         if (headerScrollBar instanceof HTMLElement) {
           headerScrollBar.style.removeProperty("transform");
         }
@@ -463,7 +466,10 @@ class DataTableRoot extends Component {
       if (this.containerResizeEndTimeoutId) {
         clearTimeout(this.containerResizeEndTimeoutId);
       }
-      this.containerResizeEndTimeoutId = setTimeout(this.calculateVerticalShadow, 0);
+      this.containerResizeEndTimeoutId = setTimeout(() => {
+        this.calculateVerticalShadow();
+        this.calculateStickyHeaderAnimation();
+      }, 0);
       this.asProps.onResize?.(entries, observer);
     });
     _defineProperty(this, "getScrollOffsetValue", () => {
@@ -549,7 +555,13 @@ class DataTableRoot extends Component {
       });
     }
     if (headerProps?.sticky && canUseDOM() && this.scrollDirection === "horizontal") {
-      document.addEventListener("scroll", this.handleDocumentScroll);
+      if (!this.withAnimation) {
+        document.addEventListener("scroll", this.handleDocumentScroll, {
+          passive: true
+        });
+      } else {
+        this.calculateStickyHeaderAnimation();
+      }
     }
   }
   componentDidUpdate(prevProps) {
@@ -579,6 +591,29 @@ class DataTableRoot extends Component {
     }
     this.state.expandedRows?.clear();
   }
+  calculateStickyHeaderAnimation() {
+    const {
+      headerProps
+    } = this.asProps;
+    const scrollArea = this.scrollAreaRef.current;
+    const table = this.tableContainerRef.current;
+    if (scrollArea && table) {
+      const currentHeaderHeight = scrollArea.style.getPropertyValue("--global-header-height");
+      const newHeaderHeight = `${this.getHeaderHeight()}px`;
+      scrollArea.style.setProperty("--global-scroll-to", `${table.offsetHeight}px`);
+      scrollArea.style.setProperty("--global-header-top", `${headerProps?.top ?? 0}px`);
+      scrollArea.style.setProperty("--global-header-height", newHeaderHeight);
+      if (currentHeaderHeight && currentHeaderHeight !== newHeaderHeight) {
+        this.forceUpdate();
+      }
+    }
+  }
+  get withAnimation() {
+    if (canUseDOM()) {
+      return CSS.supports("(animation-timeline: view()) and (animation-range: normal)");
+    }
+    return false;
+  }
   get totalRows() {
     const {
       totalRows
@@ -677,7 +712,8 @@ class DataTableRoot extends Component {
       onCellClick: this.handleCellClick,
       shadowVertical,
       scrollDirection: this.scrollDirection,
-      isDataEmpty: this.isDataEmpty
+      isDataEmpty: this.isDataEmpty,
+      withAnimation: this.withAnimation && this.scrollDirection === "horizontal" && !this.isDataEmpty
     };
   }
   getBodyProps() {
@@ -798,10 +834,8 @@ class DataTableRoot extends Component {
       gridTemplateColumns,
       gridTemplateAreas
     } = this.gridSettings;
-    const Head2 = findComponent(Children, ["DataTable.Head"]);
-    const headerPropsToCheck = headerProps ?? Head2?.props;
     const headerHeight = headerProps?.h || this.getHeaderHeight();
-    const topOffset = headerPropsToCheck?.sticky || headerPropsToCheck?.withScrollBar ? headerHeight : void 0;
+    const topOffset = headerProps?.sticky || headerProps?.withScrollBar ? headerHeight : void 0;
     const width = w ?? (this.columns.some((c) => c.gtcWidth === "auto" || c.gtcWidth === "1fr") ? "100%" : void 0);
     let gridTemplateRows = void 0;
     if (virtualScroll && typeof virtualScroll !== "boolean" && "rowHeight" in virtualScroll) {
@@ -856,16 +890,11 @@ class DataTableRoot extends Component {
         "use:hMax": void 0,
         "use:hMin": void 0
       }, _ref)
-    }), children ? /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DataTable.Head, null), /* @__PURE__ */ React.createElement(DataTable.Body, null)))), headerPropsToCheck?.withScrollBar && topOffset && !loading && /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
-      orientation: "horizontal",
-      top: topOffset - SCROLL_BAR_HEIGHT,
-      zIndex: 20
-    }), !loading && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
-      orientation: "horizontal",
-      zIndex: 20
-    }), /* @__PURE__ */ React.createElement(ScrollArea.Bar, {
-      orientation: "vertical",
-      zIndex: 20
+    }), children ? /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DataTable.Head, null), /* @__PURE__ */ React.createElement(DataTable.Body, null)))), /* @__PURE__ */ React.createElement(ScrollBars, _ref2.cn("ScrollBars", {
+      "loading": loading,
+      "topOffset": topOffset,
+      "withHeaderScrollBar": headerProps?.withScrollBar,
+      "withAnimation": this.withAnimation
     })), selectedRows !== void 0 && !Array.isArray(selectedRows) && /* @__PURE__ */ React.createElement(SRReactiveAnnouncer, _ref2.cn("SRReactiveAnnouncer", {
       "selectedRows": selectedRows,
       "getI18nText": getI18nText
@@ -894,7 +923,7 @@ class DataTableRoot extends Component {
     const treeColumns = [];
     if (selectedRows) {
       const column = {
-        name: SELECT_ALL.toString(),
+        name: SELECT_ALL,
         gtcWidth: "min-content",
         alignItems: "flex-start",
         children: ""

package/lib/esm/components/DataTable/ScrollBars.mjs

@@ -0,0 +1,54 @@
+import { sstyled } from "@semcore/core";
+import { ScrollArea } from "@semcore/base-components";
+import React__default from "react";
+/*!__reshadow-styles__:"./dataTable.shadow.css"*/
+const styles = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    "@keyframes moveBarWithScroll_pypp4{0%{transform:translateY(0)}to{transform:translateY(calc(var(--global-scroll-to) - var(--global-header-height)))}}.___SDataTable_pypp4_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content;scroll-behavior:smooth}.___SDataTable_pypp4_gg_.__isDataEmpty_pypp4_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_pypp4_gg_.__gridTemplateColumns_pypp4_gg_{grid-template-columns:var(--gridTemplateColumns_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateAreas_pypp4_gg_{grid-template-areas:var(--gridTemplateAreas_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateRows_pypp4_gg_{grid-template-rows:var(--gridTemplateRows_pypp4)}.___SScrollAreaBarInHeader_pypp4_gg_.__withAnimation_pypp4_gg_{animation-name:moveBarWithScroll_pypp4;animation-timeline:--table-sticky-timeline;animation-range-start:exit-crossing calc(-1*var(--global-header-top));animation-range-end:exit-crossing calc(100% - var(--global-header-top) - var(--global-header-height));animation-timing-function:linear;animation-fill-mode:both}",
+    /*__inner_css_end__*/
+    "pypp4_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SDataTable": "___SDataTable_pypp4_gg_",
+    "_isDataEmpty": "__isDataEmpty_pypp4_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_pypp4_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_pypp4",
+    "_gridTemplateAreas": "__gridTemplateAreas_pypp4_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_pypp4",
+    "_gridTemplateRows": "__gridTemplateRows_pypp4_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_pypp4",
+    "__SScrollAreaBarInHeader": "___SScrollAreaBarInHeader_pypp4_gg_",
+    "_withAnimation": "__withAnimation_pypp4_gg_",
+    "@moveBarWithScroll": "moveBarWithScroll_pypp4"
+  })
+);
+const SCROLL_BAR_HEIGHT = 12;
+class ScrollBars extends React__default.PureComponent {
+  render() {
+    var _ref;
+    const SScrollAreaBarInHeader = ScrollArea.Bar;
+    const {
+      loading,
+      topOffset,
+      withHeaderScrollBar,
+      withAnimation
+    } = this.props;
+    return _ref = sstyled(styles), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, withHeaderScrollBar && topOffset && !loading && /* @__PURE__ */ React__default.createElement(SScrollAreaBarInHeader, _ref.cn("SScrollAreaBarInHeader", {
+      "orientation": "horizontal",
+      "top": topOffset - SCROLL_BAR_HEIGHT,
+      "zIndex": 20,
+      "withAnimation": withAnimation
+    })), !loading && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ScrollArea.Bar, {
+      orientation: "horizontal",
+      zIndex: 20
+    }), /* @__PURE__ */ React__default.createElement(ScrollArea.Bar, {
+      orientation: "vertical",
+      zIndex: 20
+    })));
+  }
+}
+export {
+  ScrollBars
+};

package/lib/esm/components/DataTable/dataTable.shadow.css

@@ -3,6 +3,8 @@ SDataTable {
   align-items: start;
   min-width: fit-content;
   grid-auto-rows: min-content;
+
+  scroll-behavior: smooth;
 }
 
 SDataTable[isDataEmpty] {
@@ -22,3 +24,20 @@ SDataTable[gridTemplateAreas] {
 SDataTable[gridTemplateRows] {
   grid-template-rows: var(--gridTemplateRows);
 }
+
+SScrollAreaBarInHeader[withAnimation] {
+  animation-name: moveBarWithScroll;
+  animation-timeline: --table-sticky-timeline;
+  animation-range-start: exit-crossing calc(-1 * var(--global-header-top));
+  animation-range-end: exit-crossing calc(100% - var(--global-header-top) - var(--global-header-height));
+  animation-timing-function: linear;
+  animation-fill-mode: both;
+}
+@keyframes moveBarWithScroll {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(calc(var(--global-scroll-to) - var(--global-header-height)));
+  }
+}