@semcore/data-table 16.0.7 → 16.1.0-prerelease.2

package/lib/es6/components/Head/style.shadow.css

@@ -9,12 +9,12 @@ SHead[animationDuration] > SColumn {
 SHead[sticky] SColumn, SHead[sticky] SGroup {
   position: sticky;
   top: 0;
-  z-index: 2;
+  z-index: 18;
 }
 
 SHead[sticky] SGroupContainer > SColumn {
   position: sticky;
-  z-index: 2;
+  z-index: 18;
 }
 
 SHead[compact] SColumn {
@@ -31,6 +31,7 @@ SGroup, SColumn {
   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;
   overflow: hidden;
+  line-height: var(--intergalactic-lh-100, 133%);
 }
 
 SGroup {
@@ -129,7 +130,7 @@ SColumn[gridArea], SGroup[gridArea], SGroupTitle[gridArea] {
 SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead SGroup[fixed] {
   position: sticky;
   /* because up resizable */
-  z-index: 3;
+  z-index: 19;
 }
 
 SColumn[sortable]:hover {
@@ -182,3 +183,63 @@ SHead[sideIndents='wide'] {
 SHeadCheckboxCol {
   cursor: pointer;
 }
+
+
+SColumn[fixed][shadowVertical], SGroup[fixed][shadowVertical] {
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    display: none;
+    top: 0;
+    width: 5px;
+    height: 100%;
+    z-index: 5;
+  }
+}
+
+
+/*SColumnChildrenWrapper*/
+
+SColumn[fixed='left'][shadowVertical='median'],
+SColumn[fixed='left'][shadowVertical='start'],
+SGroup[fixed='left'][shadowVertical='median'],
+SGroup[fixed='left'][shadowVertical='start'] {
+  margin-right: -5px;
+  border-right-color: transparent;
+
+  &[use='primary'] {
+    padding-right: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-right: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    right: 0;
+    background: var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+}
+SColumn[fixed='right'][shadowVertical='median'],
+SColumn[fixed='right'][shadowVertical='end'],
+SGroup[fixed='right'][shadowVertical='median'],
+SGroup[fixed='right'][shadowVertical='end'] {
+  margin-left: -5px;
+  border-left-color: transparent;
+
+  &[use='primary'] {
+    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + 5px);
+  }
+  &[use='secondary'] {
+    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + 5px);
+  }
+
+  &:after {
+    display: block;
+    left: 0;
+    background: var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+}

package/lib/es6/style/scroll-shadows.shadow.css

@@ -38,18 +38,13 @@ SScrollArea {
     }
   }
 
-  SShadowVertical {
-    &:before {
-      display: none;
-    }
-    &:after {
-      z-index: 2;
-    }
+  SShadowVertical::after, SShadowHorizontal::before, SShadowHorizontal:after {
+    z-index: 20;
   }
-  SShadowHorizontal {
-    &:before,
-    &:after {
-      z-index: 2;
-    }
+
+  SShadowVertical::before,
+  SShadowHorizontal[leftOffset]::before,
+  SShadowHorizontal[rightOffset]::after {
+    display: none;
   }
 }

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

@@ -18,7 +18,7 @@ import * as React from "react";
 import { Cell } from "./Cell.mjs";
 import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
 import { Row } from "./Row.mjs";
-import { ROW_INDEX, UNIQ_ROW_KEY, ACCORDION, ROW_GROUP } from "../DataTable/DataTable.mjs";
+import { ROW_INDEX, UNIQ_ROW_KEY, ACCORDION, ROW_GROUP, IS_EMPTY_DATA_ROW } from "../DataTable/DataTable.mjs";
 function _callSuper(t, o, e) {
   return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
 }
@@ -27,47 +27,53 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SAccordionRows_1qpr0_gg_,.___SBody_1qpr0_gg_,.___SRowGroup_1qpr0_gg_,.___SRow_1qpr0_gg_{display:contents}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1qpr0) - 1)))}.___SCellWrapper_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SRow_1qpr0_gg_.__gridArea_1qpr0_gg_{grid-area:var(--gridArea_1qpr0)}.___SCellWrapper_1qpr0_gg_{height:100%}.___SAccordionRows_1qpr0_gg_>.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_:last-child>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1qpr0_gg_ .___SCell_1qpr0_gg_{display:block}.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_).__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SRow_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRow_1qpr0_gg_:not(._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_):hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_info_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_success_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_warning_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_danger_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1qpr0_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);overflow:hidden;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}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_.__expanded_1qpr0_gg_ svg{transform:rotate(90deg)}.___SCell_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SCheckboxCell_1qpr0_gg_,.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{cursor:pointer}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1qpr0) - 1)))}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1qpr0) - 1)))}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_left_1qpr0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_right_1qpr0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1qpr0_gg_.__fixed_1qpr0_gg_{position:sticky;z-index:2}.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1qpr0_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))}.___SSpinContainer_1qpr0_gg_.__headerHeight_1qpr0_gg_{top:var(--headerHeight_1qpr0)}.___SEmptyData_1qpr0_gg_{grid-column:1/-1}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:first-child .___SCell_1qpr0_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:last-child .___SCell_1qpr0_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    '.___SAccordionRows_4hfiq_gg_,.___SBody_4hfiq_gg_,.___SRowGroup_4hfiq_gg_,.___SRow_4hfiq_gg_{display:contents}.___SBody_4hfiq_gg_.__compact_4hfiq_gg_ .___SCell_4hfiq_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_4hfiq_gg_.__compact_4hfiq_gg_ .___SCell_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_4hfiq) - 1)))}.___SCellWrapper_4hfiq_gg_.__gridArea_4hfiq_gg_,.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_,.___SRow_4hfiq_gg_.__gridArea_4hfiq_gg_{grid-area:var(--gridArea_4hfiq)}.___SCellWrapper_4hfiq_gg_{height:100%;overflow:hidden}.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_,.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_{height:auto;overflow:auto}.___SAccordionRows_4hfiq_gg_>.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_:last-child>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_,.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_4hfiq_gg_ .___SCell_4hfiq_gg_{display:block}.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_).__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_,.___SRow_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRow_4hfiq_gg_._accordionType_row_4hfiq_gg_.__expanded_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_muted_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_,.___SRow_4hfiq_gg_:not(._accordionType_row_4hfiq_gg_.__expanded_4hfiq_gg_):hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_info_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_success_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_warning_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_danger_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_4hfiq_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_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_.__expanded_4hfiq_gg_ svg{transform:rotate(90deg)}.___SCell_4hfiq_gg_.__withAccordion_4hfiq_gg_,.___SCheckboxCell_4hfiq_gg_,.___SRow_4hfiq_gg_._accordionType_row_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_{cursor:pointer}.___SCell_4hfiq_gg_._use_primary_4hfiq_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_4hfiq_gg_._use_primary_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_4hfiq) - 1)))}.___SCell_4hfiq_gg_._use_secondary_4hfiq_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_4hfiq_gg_._use_secondary_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_4hfiq) - 1)))}.___SCell_4hfiq_gg_._borders_both_4hfiq_gg_,.___SCell_4hfiq_gg_._borders_left_4hfiq_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_4hfiq_gg_._borders_both_4hfiq_gg_,.___SCell_4hfiq_gg_._borders_right_4hfiq_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_4hfiq_gg_.__fixed_4hfiq_gg_{position:sticky;z-index:2}.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_4hfiq_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_4hfiq_gg_:focus-visible{z-index:15}.___SSpinContainer_4hfiq_gg_.__headerHeight_4hfiq_gg_{top:var(--headerHeight_4hfiq)}.___SEmptyData_4hfiq_gg_{grid-column:1/-1}.___SRow_4hfiq_gg_._sideIndents_wide_4hfiq_gg_ .___SCellWrapper_4hfiq_gg_:first-child .___SCell_4hfiq_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_4hfiq_gg_._sideIndents_wide_4hfiq_gg_ .___SCellWrapper_4hfiq_gg_:last-child .___SCell_4hfiq_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_4hfiq_gg_.__fixed_4hfiq_gg_.__shadowVertical_4hfiq_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_gg_{margin-right:-5px}.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_:after,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_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_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_ .___SCell_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_gg_ .___SCell_4hfiq_gg_{margin-right:5px}.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_gg_{margin-left:-5px}.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_:after,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_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_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_ .___SCell_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_gg_ .___SCell_4hfiq_gg_{margin-left:5px}',
     /*__inner_css_end__*/
-    "1qpr0_gg_"
+    "4hfiq_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBody": "___SBody_1qpr0_gg_",
-    "__SRow": "___SRow_1qpr0_gg_",
-    "__SRowGroup": "___SRowGroup_1qpr0_gg_",
-    "__SAccordionRows": "___SAccordionRows_1qpr0_gg_",
-    "_gridArea": "__gridArea_1qpr0_gg_",
-    "__SCellWrapper": "___SCellWrapper_1qpr0_gg_",
-    "__SCollapseRow": "___SCollapseRow_1qpr0_gg_",
-    "--gridArea": "--gridArea_1qpr0",
-    "__SCell": "___SCell_1qpr0_gg_",
-    "_isAccordionRow": "__isAccordionRow_1qpr0_gg_",
-    "_active": "__active_1qpr0_gg_",
-    "_theme": "__theme_1qpr0_gg_",
-    "_accordionType_row": "_accordionType_row_1qpr0_gg_",
-    "_expanded": "__expanded_1qpr0_gg_",
-    "_withAccordion": "__withAccordion_1qpr0_gg_",
-    "_isNonInteractive": "__isNonInteractive_1qpr0_gg_",
-    "_theme_muted": "_theme_muted_1qpr0_gg_",
-    "_theme_info": "_theme_info_1qpr0_gg_",
-    "_theme_success": "_theme_success_1qpr0_gg_",
-    "_theme_warning": "_theme_warning_1qpr0_gg_",
-    "_theme_danger": "_theme_danger_1qpr0_gg_",
-    "__SCheckboxCell": "___SCheckboxCell_1qpr0_gg_",
-    "_borders_both": "_borders_both_1qpr0_gg_",
-    "_borders_left": "_borders_left_1qpr0_gg_",
-    "_borders_right": "_borders_right_1qpr0_gg_",
-    "_fixed": "__fixed_1qpr0_gg_",
-    "__SSpinContainer": "___SSpinContainer_1qpr0_gg_",
-    "_headerHeight": "__headerHeight_1qpr0_gg_",
-    "--headerHeight": "--headerHeight_1qpr0",
-    "__SEmptyData": "___SEmptyData_1qpr0_gg_",
-    "_compact": "__compact_1qpr0_gg_",
-    "--data-aria-level": "--data-aria-level_1qpr0",
-    "__SAccordionToggle": "___SAccordionToggle_1qpr0_gg_",
-    "_use_primary": "_use_primary_1qpr0_gg_",
-    "_use_secondary": "_use_secondary_1qpr0_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1qpr0_gg_"
+    "__SBody": "___SBody_4hfiq_gg_",
+    "__SRow": "___SRow_4hfiq_gg_",
+    "__SRowGroup": "___SRowGroup_4hfiq_gg_",
+    "__SAccordionRows": "___SAccordionRows_4hfiq_gg_",
+    "_gridArea": "__gridArea_4hfiq_gg_",
+    "__SCellWrapper": "___SCellWrapper_4hfiq_gg_",
+    "__SCollapseRow": "___SCollapseRow_4hfiq_gg_",
+    "--gridArea": "--gridArea_4hfiq",
+    "_isAccordionRow": "__isAccordionRow_4hfiq_gg_",
+    "__SCell": "___SCell_4hfiq_gg_",
+    "_active": "__active_4hfiq_gg_",
+    "_theme": "__theme_4hfiq_gg_",
+    "_accordionType_row": "_accordionType_row_4hfiq_gg_",
+    "_expanded": "__expanded_4hfiq_gg_",
+    "_withAccordion": "__withAccordion_4hfiq_gg_",
+    "_isNonInteractive": "__isNonInteractive_4hfiq_gg_",
+    "_theme_muted": "_theme_muted_4hfiq_gg_",
+    "_theme_info": "_theme_info_4hfiq_gg_",
+    "_theme_success": "_theme_success_4hfiq_gg_",
+    "_theme_warning": "_theme_warning_4hfiq_gg_",
+    "_theme_danger": "_theme_danger_4hfiq_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_4hfiq_gg_",
+    "_borders_both": "_borders_both_4hfiq_gg_",
+    "_borders_left": "_borders_left_4hfiq_gg_",
+    "_borders_right": "_borders_right_4hfiq_gg_",
+    "_fixed": "__fixed_4hfiq_gg_",
+    "__SSpinContainer": "___SSpinContainer_4hfiq_gg_",
+    "_headerHeight": "__headerHeight_4hfiq_gg_",
+    "--headerHeight": "--headerHeight_4hfiq",
+    "__SEmptyData": "___SEmptyData_4hfiq_gg_",
+    "_compact": "__compact_4hfiq_gg_",
+    "--data-aria-level": "--data-aria-level_4hfiq",
+    "__SAccordionToggle": "___SAccordionToggle_4hfiq_gg_",
+    "_use_primary": "_use_primary_4hfiq_gg_",
+    "_use_secondary": "_use_secondary_4hfiq_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_4hfiq_gg_",
+    "_shadowVertical": "__shadowVertical_4hfiq_gg_",
+    "_fixed_left": "_fixed_left_4hfiq_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_4hfiq_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_4hfiq_gg_",
+    "_fixed_right": "_fixed_right_4hfiq_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_4hfiq_gg_"
   })
 );
 var ROWS_BUFFER = 20;
@@ -95,7 +101,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       };
     });
     _defineProperty(_this, "handleExpandRow", function(row, index) {
-      var accordionDuration = _this.asProps.accordionDuration;
+      var _this$asProps = _this.asProps, accordionDuration = _this$asProps.accordionDuration, accordionMode = _this$asProps.accordionMode, expandedRows = _this$asProps.expandedRows, onExpandRow = _this$asProps.onExpandRow;
       var openDuration = Array.isArray(accordionDuration) ? accordionDuration[0] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[ACCORDION]) ? Math.min(50 * row[ACCORDION].length, 200) : 200;
       var closeDuration = Array.isArray(accordionDuration) ? accordionDuration[1] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[ACCORDION]) ? Math.min(50 * row[ACCORDION].length, 200) : 200;
       setTimeout(function() {
@@ -104,25 +110,43 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
           _this.setRowHeight(i, row);
         }
       }, openDuration + 100);
-      if (_this.asProps.expandedRows.has(row[UNIQ_ROW_KEY])) {
+      if (expandedRows.has(row[UNIQ_ROW_KEY])) {
+        _this.closeAccordion(row, closeDuration);
+      } else {
+        if (accordionMode === "toggle" && expandedRows.size > 0) {
+          var previousRows = _this.asProps.flatRows.filter(function(r) {
+            return expandedRows.has(r[UNIQ_ROW_KEY]);
+          });
+          if (previousRows.length > 0) {
+            previousRows.forEach(function(previousRow) {
+              if (!_this.state.expandedForAnimation.has(previousRow[UNIQ_ROW_KEY])) {
+                setTimeout(function() {
+                  _this.closeAccordion(previousRow, closeDuration);
+                }, openDuration / 3);
+              }
+            });
+          }
+        }
+        onExpandRow(row);
+      }
+    });
+    _defineProperty(_this, "closeAccordion", function(row, closeDuration) {
+      var onExpandRow = _this.asProps.onExpandRow;
+      _this.setState(function(prevState) {
+        prevState.expandedForAnimation.add(row[UNIQ_ROW_KEY]);
+        return {
+          expandedForAnimation: new Set(_toConsumableArray(prevState.expandedForAnimation))
+        };
+      });
+      setTimeout(function() {
+        onExpandRow(row);
         _this.setState(function(prevState) {
-          prevState.expandedForAnimation.add(row[UNIQ_ROW_KEY]);
+          prevState.expandedForAnimation["delete"](row[UNIQ_ROW_KEY]);
           return {
             expandedForAnimation: new Set(_toConsumableArray(prevState.expandedForAnimation))
           };
         });
-        setTimeout(function() {
-          _this.asProps.onExpandRow(row);
-          _this.setState(function(prevState) {
-            prevState.expandedForAnimation["delete"](row[UNIQ_ROW_KEY]);
-            return {
-              expandedForAnimation: new Set(_toConsumableArray(prevState.expandedForAnimation))
-            };
-          });
-        }, closeDuration + 100);
-      } else {
-        _this.asProps.onExpandRow(row);
-      }
+      }, closeDuration + 100);
     });
     _defineProperty(_this, "handleClickRow", function(row, index) {
       return function(e) {
@@ -142,7 +166,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
   return _createClass(BodyRoot2, [{
     key: "getRowProps",
     value: function getRowProps(props) {
-      var _this$asProps = this.asProps, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, onExpandRow = _this$asProps.onExpandRow, loading = _this$asProps.loading, hasGroups = _this$asProps.hasGroups, scrollAreaRef = _this$asProps.scrollAreaRef, uid = _this$asProps.uid, onBackFromAccordion = _this$asProps.onBackFromAccordion, rowProps = _this$asProps.rowProps, rows = _this$asProps.rows, flatRows = _this$asProps.flatRows, sideIndents = _this$asProps.sideIndents, selectedRows = _this$asProps.selectedRows, onSelectRow = _this$asProps.onSelectRow, getFixedStyle = _this$asProps.getFixedStyle, accordionDuration = _this$asProps.accordionDuration;
+      var _this$asProps2 = this.asProps, use = _this$asProps2.use, gridTemplateAreas = _this$asProps2.gridTemplateAreas, gridTemplateColumns = _this$asProps2.gridTemplateColumns, expandedRows = _this$asProps2.expandedRows, columns = _this$asProps2.columns, onExpandRow = _this$asProps2.onExpandRow, loading = _this$asProps2.loading, hasGroups = _this$asProps2.hasGroups, scrollAreaRef = _this$asProps2.scrollAreaRef, uid = _this$asProps2.uid, onBackFromAccordion = _this$asProps2.onBackFromAccordion, rowProps = _this$asProps2.rowProps, rows = _this$asProps2.rows, flatRows = _this$asProps2.flatRows, sideIndents = _this$asProps2.sideIndents, selectedRows = _this$asProps2.selectedRows, onSelectRow = _this$asProps2.onSelectRow, getFixedStyle = _this$asProps2.getFixedStyle, accordionDuration = _this$asProps2.accordionDuration;
       var row = props.row;
       var index = row[ROW_INDEX];
       var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function(acc, item) {
@@ -195,7 +219,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
     key: "getCellProps",
     value: function getCellProps(props) {
       var _props$children, _value3, _this2 = this;
-      var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef, flatRows = _this$asProps2.flatRows, accordionDuration = _this$asProps2.accordionDuration, onCellClick = _this$asProps2.onCellClick;
+      var _this$asProps3 = this.asProps, use = _this$asProps3.use, renderCell = _this$asProps3.renderCell, expandedRows = _this$asProps3.expandedRows, styles = _this$asProps3.styles, getI18nText = _this$asProps3.getI18nText, virtualScroll = _this$asProps3.virtualScroll, tableRef = _this$asProps3.tableRef, flatRows = _this$asProps3.flatRows, accordionDuration = _this$asProps3.accordionDuration, onCellClick = _this$asProps3.onCellClick, rawData = _this$asProps3.rawData, shadowVertical = _this$asProps3.shadowVertical;
       var SAccordionToggle = ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
@@ -218,12 +242,18 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
         use,
         virtualScroll: Boolean(virtualScroll),
         tableRef,
-        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
+        children: (_props$children = props === null || props === void 0 ? void 0 : props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
         accordionDuration,
-        onClick: onCellClick
+        onClick: onCellClick,
+        flatRows: this.asProps.flatRows,
+        shadowVertical
       };
       if (renderCell) {
         var _value$toString, _value2;
+        var rowRawData = rawData[props.rowIndex];
+        if (props.accordionRowIndex && rowRawData[ACCORDION] && Array.isArray(rowRawData[ACCORDION])) {
+          rowRawData = rowRawData[ACCORDION][props.accordionRowIndex];
+        }
         var external = renderCell({
           columnName: props.column.name,
           row: props.row,
@@ -234,7 +264,8 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
           defaultRender,
           value: /* @__PURE__ */ React.isValidElement(value) ? value : (_value$toString = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString()) !== null && _value$toString !== void 0 ? _value$toString : "",
           isMergedRows,
-          isMergedColumns
+          isMergedColumns,
+          rawData: rowRawData
         });
         if (this.isReactNode(external) || Array.isArray(external)) {
           extraProps.children = external;
@@ -297,7 +328,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       var SBody = Box;
       var SRowGroup = Box;
       var SSpinContainer = Box;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, loading = _this$asProps3.loading, headerHeight = _this$asProps3.headerHeight, spinnerRef = _this$asProps3.spinnerRef, virtualScroll = _this$asProps3.virtualScroll, scrollDirection = _this$asProps3.scrollDirection, tableContainerRef = _this$asProps3.tableContainerRef, scrollTop = _this$asProps3.scrollTop, renderEmptyData = _this$asProps3.renderEmptyData, columns = _this$asProps3.columns, uid = _this$asProps3.uid, rows = _this$asProps3.rows;
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, loading = _this$asProps4.loading, headerHeight = _this$asProps4.headerHeight, spinnerRef = _this$asProps4.spinnerRef, virtualScroll = _this$asProps4.virtualScroll, scrollDirection = _this$asProps4.scrollDirection, tableContainerRef = _this$asProps4.tableContainerRef, scrollTop = _this$asProps4.scrollTop, renderEmptyData = _this$asProps4.renderEmptyData, columns = _this$asProps4.columns, uid = _this$asProps4.uid, rows = _this$asProps4.rows, renderCellOverlay = _this$asProps4.renderCellOverlay;
       var rowsToRender = rows;
       var startIndex = -1;
       var lastIndex = -1;
@@ -373,7 +404,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       var rowMarginTop = (_this$rowsHeightMap$g5 = this.rowsHeightMap.get(startIndex - 1)) === null || _this$rowsHeightMap$g5 === void 0 ? void 0 : _this$rowsHeightMap$g5[1];
       var emptyRow = null;
       if (rowsToRender.length === 0) {
-        emptyRow = _defineProperty(_defineProperty(_defineProperty({}, UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), ROW_INDEX, 0), columns[0].name, new MergedColumnsCell(renderEmptyData(), {
+        emptyRow = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), IS_EMPTY_DATA_ROW, true), ROW_INDEX, 0), columns[0].name, new MergedColumnsCell(renderEmptyData(), {
           dataKey: columns[0].name,
           size: columns.length
         }));
@@ -386,6 +417,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       }), typeof virtualScroll === "boolean" && rowMarginTop && /* @__PURE__ */ React.createElement(Box, _ref3.cn("Box", {
         "h": rowMarginTop
       })), rowsToRender.map(function(row, index) {
+        var _row$UNIQ_ROW_KEY;
         if (Array.isArray(row)) {
           var _ref4;
           return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
@@ -393,19 +425,20 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
             "key": "gg_".concat(row[0][UNIQ_ROW_KEY]),
             "ref": _this3.handleRef(startIndex + index, row[0])
           }), row.map(function(item, i2) {
+            var _item$UNIQ_ROW_KEY;
             return /* @__PURE__ */ React.createElement(Body.Row, {
-              key: item[UNIQ_ROW_KEY],
+              key: (_item$UNIQ_ROW_KEY = item[UNIQ_ROW_KEY]) === null || _item$UNIQ_ROW_KEY === void 0 ? void 0 : _item$UNIQ_ROW_KEY.toString(),
               row: item,
               mergedRow: i2 > 0 ? true : false
             });
           }));
         }
         return /* @__PURE__ */ React.createElement(Body.Row, {
-          key: row[UNIQ_ROW_KEY],
+          key: (_row$UNIQ_ROW_KEY = row[UNIQ_ROW_KEY]) === null || _row$UNIQ_ROW_KEY === void 0 ? void 0 : _row$UNIQ_ROW_KEY.toString(),
           row,
           ref: virtualScroll ? _this3.handleRef(startIndex + index, row) : void 0
         });
-      }), loading && /* @__PURE__ */ React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+      }), renderCellOverlay === null || renderCellOverlay === void 0 ? void 0 : renderCellOverlay(), loading && /* @__PURE__ */ React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
         "innerOutline": true,
         "headerHeight": "".concat(headerHeight, "px"),
         "tabIndex": -1,