@semcore/data-table 16.4.3 → 16.4.4-prerelease.1

package/lib/es6/components/Head/Column.js

@@ -12,49 +12,51 @@ import { ButtonLink } from '@semcore/button';
 import { Component, lastInteraction, Root, sstyled } from '@semcore/core';
 import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
 import cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';
+import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';
 import { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';
+import { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';
 import SortAsc from '@semcore/icon/SortAsc/m';
 import SortDesc from '@semcore/icon/SortDesc/m';
 import * as React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gos4s_gg_,.___SHead_gos4s_gg_{display:contents}.___SHead_gos4s_gg_.__isDataEmpty_gos4s_gg_.__gridTemplateColumns_gos4s_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_gos4s);overflow:auto;scrollbar-width:thin}.___SHead_gos4s_gg_.__animationDuration_gos4s_gg_>.___SColumn_gos4s_gg_{transition:top var(--animationDuration_gos4s) ease-out}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroup_gos4s_gg_{position:sticky;top:0;z-index:18}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroupContainer_gos4s_gg_>.___SColumn_gos4s_gg_{position:sticky;z-index:18}.___SHead_gos4s_gg_.__compact_gos4s_gg_ .___SColumn_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_,.___SGroup_gos4s_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_gos4s_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_:has(~.___SColumn_gos4s_gg_.__visibleSort_gos4s_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_left_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_left_gos4s_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_right_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_right_gos4s_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_,.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:relative}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroupTitle_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroup_gos4s_gg_.__gridArea_gos4s_gg_{grid-area:var(--gridArea_gos4s)}.___SHead_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_ .___SGroup_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_gos4s_gg_.__sortable_gos4s_gg_:hover{cursor:pointer}}.___SSortWrapper_gos4s_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_gos4s_gg_,.___SSortWrapper_gos4s_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gos4s_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gos4s_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gos4s_gg_{cursor:pointer}.___SColumn_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after,.___SGroup_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_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%))}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_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%))}", /*__inner_css_end__*/"gos4s_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_13xqr_gg_,.___SHead_13xqr_gg_{display:contents}.___SHead_13xqr_gg_.__isDataEmpty_13xqr_gg_.__gridTemplateColumns_13xqr_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_13xqr);overflow:auto;scrollbar-width:thin}.___SHead_13xqr_gg_.__animationDuration_13xqr_gg_>.___SColumn_13xqr_gg_{transition:top var(--animationDuration_13xqr) ease-out}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroup_13xqr_gg_{position:sticky;top:0;z-index:18}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroupContainer_13xqr_gg_>.___SColumn_13xqr_gg_{position:sticky;z-index:18}.___SHead_13xqr_gg_.__compact_13xqr_gg_ .___SColumn_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_,.___SGroup_13xqr_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_13xqr_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_:has(~.___SColumn_13xqr_gg_.__visibleSort_13xqr_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_left_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_left_13xqr_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_right_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_right_13xqr_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_,.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:relative}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroupTitle_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroup_13xqr_gg_.__gridArea_13xqr_gg_{grid-area:var(--gridArea_13xqr)}.___SHead_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_ .___SGroup_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_13xqr_gg_.__sortable_13xqr_gg_:hover{cursor:pointer}}.___SSortWrapper_13xqr_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_13xqr_gg_,.___SSortWrapper_13xqr_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_13xqr_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_13xqr_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_13xqr_gg_{cursor:pointer}.___SColumn_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after,.___SGroup_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_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%))}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_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%))}", /*__inner_css_end__*/"13xqr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gos4s_gg_",
-  "__SGroupContainer": "___SGroupContainer_gos4s_gg_",
-  "_isDataEmpty": "__isDataEmpty_gos4s_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_gos4s_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_gos4s",
-  "_animationDuration": "__animationDuration_gos4s_gg_",
-  "__SColumn": "___SColumn_gos4s_gg_",
-  "--animationDuration": "--animationDuration_gos4s",
-  "_sticky": "__sticky_gos4s_gg_",
-  "__SGroup": "___SGroup_gos4s_gg_",
-  "_compact": "__compact_gos4s_gg_",
-  "_use_secondary": "_use_secondary_gos4s_gg_",
-  "_borders_both": "_borders_both_gos4s_gg_",
-  "_borders_left": "_borders_left_gos4s_gg_",
-  "_borders_right": "_borders_right_gos4s_gg_",
-  "_gridArea": "__gridArea_gos4s_gg_",
-  "__SGroupTitle": "___SGroupTitle_gos4s_gg_",
-  "--gridArea": "--gridArea_gos4s",
-  "_fixed": "__fixed_gos4s_gg_",
-  "_sortable": "__sortable_gos4s_gg_",
-  "__SSortWrapper": "___SSortWrapper_gos4s_gg_",
-  "__SSortButton": "___SSortButton_gos4s_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gos4s_gg_",
-  "_use_primary": "_use_primary_gos4s_gg_",
-  "_visibleSort": "__visibleSort_gos4s_gg_",
-  "_justifyContent_right": "_justifyContent_right_gos4s_gg_",
-  "_changeSortSize": "__changeSortSize_gos4s_gg_",
-  "_isSorted": "__isSorted_gos4s_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gos4s_gg_",
-  "_shadowVertical": "__shadowVertical_gos4s_gg_",
-  "_fixed_left": "_fixed_left_gos4s_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_gos4s_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_gos4s_gg_",
-  "_fixed_right": "_fixed_right_gos4s_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_gos4s_gg_"
+  "__SHead": "___SHead_13xqr_gg_",
+  "__SGroupContainer": "___SGroupContainer_13xqr_gg_",
+  "_isDataEmpty": "__isDataEmpty_13xqr_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_13xqr_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_13xqr",
+  "_animationDuration": "__animationDuration_13xqr_gg_",
+  "__SColumn": "___SColumn_13xqr_gg_",
+  "--animationDuration": "--animationDuration_13xqr",
+  "_sticky": "__sticky_13xqr_gg_",
+  "__SGroup": "___SGroup_13xqr_gg_",
+  "_compact": "__compact_13xqr_gg_",
+  "_use_secondary": "_use_secondary_13xqr_gg_",
+  "_borders_both": "_borders_both_13xqr_gg_",
+  "_borders_left": "_borders_left_13xqr_gg_",
+  "_borders_right": "_borders_right_13xqr_gg_",
+  "_gridArea": "__gridArea_13xqr_gg_",
+  "__SGroupTitle": "___SGroupTitle_13xqr_gg_",
+  "--gridArea": "--gridArea_13xqr",
+  "_fixed": "__fixed_13xqr_gg_",
+  "_sortable": "__sortable_13xqr_gg_",
+  "__SSortWrapper": "___SSortWrapper_13xqr_gg_",
+  "__SSortButton": "___SSortButton_13xqr_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_13xqr_gg_",
+  "_use_primary": "_use_primary_13xqr_gg_",
+  "_visibleSort": "__visibleSort_13xqr_gg_",
+  "_justifyContent_right": "_justifyContent_right_13xqr_gg_",
+  "_changeSortSize": "__changeSortSize_13xqr_gg_",
+  "_isSorted": "__isSorted_13xqr_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_13xqr_gg_",
+  "_shadowVertical": "__shadowVertical_13xqr_gg_",
+  "_fixed_left": "_fixed_left_13xqr_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_13xqr_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_13xqr_gg_",
+  "_fixed_right": "_fixed_right_13xqr_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_13xqr_gg_"
 });
 import { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';
 var SORTING_ICON = {
@@ -161,9 +163,19 @@ export var Column = /*#__PURE__*/function (_Component) {
         }, function () {
           handleFocusCell(_this.lockedCell, target, cellElement);
         });
+      } else {
+        var _this$columnRef$curre3, _this$columnRef$curre4;
+        var focusableChildren = Array.from((_this$columnRef$curre3 = (_this$columnRef$curre4 = _this.columnRef.current) === null || _this$columnRef$curre4 === void 0 ? void 0 : _this$columnRef$curre4.children) !== null && _this$columnRef$curre3 !== void 0 ? _this$columnRef$curre3 : []).flatMap(function (node) {
+          return getFocusableIn(node);
+        });
+        if (isInteractiveElement(e.target) && _this.columnRef.current && focusableChildren.length > 1) {
+          _this.lockedCell[0] = _this.columnRef.current;
+          _this.lockedCell[1] = true;
+        }
       }
     });
     _defineProperty(_this, "handleClick", function (e) {
+      var _this$columnRef$curre5, _this$columnRef$curre6;
       var _this$asProps2 = _this.asProps,
         sortable = _this$asProps2.sortable,
         onClick = _this$asProps2.onClick,
@@ -171,6 +183,13 @@ export var Column = /*#__PURE__*/function (_Component) {
       if (sortable) {
         _this.handleSortClick(e);
       }
+      var focusableChildren = Array.from((_this$columnRef$curre5 = (_this$columnRef$curre6 = _this.columnRef.current) === null || _this$columnRef$curre6 === void 0 ? void 0 : _this$columnRef$curre6.children) !== null && _this$columnRef$curre5 !== void 0 ? _this$columnRef$curre5 : []).flatMap(function (node) {
+        return getFocusableIn(node);
+      });
+      if (isInteractiveElement(e.target) && _this.columnRef.current && focusableChildren.length > 1) {
+        _this.lockedCell[0] = _this.columnRef.current;
+        _this.lockedCell[1] = true;
+      }
       onClick === null || onClick === void 0 || onClick(e, {
         rowIndex: -1,
         colIndex: columnIndex

package/lib/es6/components/Head/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","children","item","groupRectHeight","height","topOffset","HTMLElement","top","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableColumnProps,\n    {},\n    {},\n    [],\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>\n  > implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  static displayName = 'Column';\n  static style = style;\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n      const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n      columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n          if (currentGridTemplateColumns) {\n            tableRef.current.style.setProperty(\n              'grid-template-columns',\n              currentGridTemplateColumns.split(' ')\n                .map((gtcWidth, index) => {\n                  if (index === columnIndex) {\n                    return gridTemplateColumns[index];\n                  }\n                  return gtcWidth;\n                })\n                .join(' '),\n            );\n          }\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    e.stopPropagation();\n\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n    ) {\n      if (sortable && onSortChange) {\n        const sortDirection =\n          sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n        onSortChange([name, sortDirection], e);\n      }\n    }\n  };\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    if (lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: true }, () => {\n        handleFocusCell(this.lockedCell, target, cellElement);\n      });\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSortClick(e);\n    }\n\n    onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role='columnheader'\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusableCellFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleFocusableCellKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        use:onClick={this.handleClick}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","cssToIntDefault","getFocusableIn","isFocusInside","isInteractiveElement","SortAsc","SortDesc","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","stopPropagation","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","cellElement","_this$columnRef$curre3","_this$columnRef$curre4","focusableChildren","from","children","flatMap","_this$columnRef$curre5","_this$columnRef$curre6","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits","_createClass","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","top","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","get","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableColumnProps,\n    {},\n    {},\n    [],\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>\n  > implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  static displayName = 'Column';\n  static style = style;\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n      const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n      columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n          if (currentGridTemplateColumns) {\n            tableRef.current.style.setProperty(\n              'grid-template-columns',\n              currentGridTemplateColumns.split(' ')\n                .map((gtcWidth, index) => {\n                  if (index === columnIndex) {\n                    return gridTemplateColumns[index];\n                  }\n                  return gtcWidth;\n                })\n                .join(' '),\n            );\n          }\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    e.stopPropagation();\n\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n    ) {\n      if (sortable && onSortChange) {\n        const sortDirection =\n          sort?.[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n        onSortChange([name, sortDirection], e);\n      }\n    }\n  };\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    if (lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: true }, () => {\n        handleFocusCell(this.lockedCell, target, cellElement);\n      });\n    } else {\n      const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n        this.lockedCell[0] = this.columnRef.current;\n        this.lockedCell[1] = true;\n      }\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSortClick(e);\n    }\n\n    const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n      this.lockedCell[0] = this.columnRef.current;\n      this.lockedCell[1] = true;\n    }\n\n    onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role='columnheader'\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusableCellFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleFocusableCellKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        use:onClick={this.handleClick}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Group.js

@@ -12,44 +12,44 @@ import { Component, Root, sstyled } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import React from 'react';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gos4s_gg_,.___SHead_gos4s_gg_{display:contents}.___SHead_gos4s_gg_.__isDataEmpty_gos4s_gg_.__gridTemplateColumns_gos4s_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_gos4s);overflow:auto;scrollbar-width:thin}.___SHead_gos4s_gg_.__animationDuration_gos4s_gg_>.___SColumn_gos4s_gg_{transition:top var(--animationDuration_gos4s) ease-out}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroup_gos4s_gg_{position:sticky;top:0;z-index:18}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroupContainer_gos4s_gg_>.___SColumn_gos4s_gg_{position:sticky;z-index:18}.___SHead_gos4s_gg_.__compact_gos4s_gg_ .___SColumn_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_,.___SGroup_gos4s_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_gos4s_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_:has(~.___SColumn_gos4s_gg_.__visibleSort_gos4s_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_left_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_left_gos4s_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_right_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_right_gos4s_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_,.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:relative}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroupTitle_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroup_gos4s_gg_.__gridArea_gos4s_gg_{grid-area:var(--gridArea_gos4s)}.___SHead_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_ .___SGroup_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_gos4s_gg_.__sortable_gos4s_gg_:hover{cursor:pointer}}.___SSortWrapper_gos4s_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_gos4s_gg_,.___SSortWrapper_gos4s_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gos4s_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gos4s_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gos4s_gg_{cursor:pointer}.___SColumn_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after,.___SGroup_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_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%))}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_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%))}", /*__inner_css_end__*/"gos4s_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_13xqr_gg_,.___SHead_13xqr_gg_{display:contents}.___SHead_13xqr_gg_.__isDataEmpty_13xqr_gg_.__gridTemplateColumns_13xqr_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_13xqr);overflow:auto;scrollbar-width:thin}.___SHead_13xqr_gg_.__animationDuration_13xqr_gg_>.___SColumn_13xqr_gg_{transition:top var(--animationDuration_13xqr) ease-out}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroup_13xqr_gg_{position:sticky;top:0;z-index:18}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroupContainer_13xqr_gg_>.___SColumn_13xqr_gg_{position:sticky;z-index:18}.___SHead_13xqr_gg_.__compact_13xqr_gg_ .___SColumn_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_,.___SGroup_13xqr_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_13xqr_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_:has(~.___SColumn_13xqr_gg_.__visibleSort_13xqr_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_left_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_left_13xqr_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_right_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_right_13xqr_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_,.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:relative}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroupTitle_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroup_13xqr_gg_.__gridArea_13xqr_gg_{grid-area:var(--gridArea_13xqr)}.___SHead_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_ .___SGroup_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_13xqr_gg_.__sortable_13xqr_gg_:hover{cursor:pointer}}.___SSortWrapper_13xqr_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_13xqr_gg_,.___SSortWrapper_13xqr_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_13xqr_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_13xqr_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_13xqr_gg_{cursor:pointer}.___SColumn_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after,.___SGroup_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_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%))}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_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%))}", /*__inner_css_end__*/"13xqr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gos4s_gg_",
-  "__SGroupContainer": "___SGroupContainer_gos4s_gg_",
-  "_isDataEmpty": "__isDataEmpty_gos4s_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_gos4s_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_gos4s",
-  "_animationDuration": "__animationDuration_gos4s_gg_",
-  "__SColumn": "___SColumn_gos4s_gg_",
-  "--animationDuration": "--animationDuration_gos4s",
-  "_sticky": "__sticky_gos4s_gg_",
-  "__SGroup": "___SGroup_gos4s_gg_",
-  "_compact": "__compact_gos4s_gg_",
-  "_use_secondary": "_use_secondary_gos4s_gg_",
-  "_borders_both": "_borders_both_gos4s_gg_",
-  "_borders_left": "_borders_left_gos4s_gg_",
-  "_borders_right": "_borders_right_gos4s_gg_",
-  "_gridArea": "__gridArea_gos4s_gg_",
-  "__SGroupTitle": "___SGroupTitle_gos4s_gg_",
-  "--gridArea": "--gridArea_gos4s",
-  "_fixed": "__fixed_gos4s_gg_",
-  "_sortable": "__sortable_gos4s_gg_",
-  "__SSortWrapper": "___SSortWrapper_gos4s_gg_",
-  "__SSortButton": "___SSortButton_gos4s_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gos4s_gg_",
-  "_use_primary": "_use_primary_gos4s_gg_",
-  "_visibleSort": "__visibleSort_gos4s_gg_",
-  "_justifyContent_right": "_justifyContent_right_gos4s_gg_",
-  "_changeSortSize": "__changeSortSize_gos4s_gg_",
-  "_isSorted": "__isSorted_gos4s_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gos4s_gg_",
-  "_shadowVertical": "__shadowVertical_gos4s_gg_",
-  "_fixed_left": "_fixed_left_gos4s_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_gos4s_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_gos4s_gg_",
-  "_fixed_right": "_fixed_right_gos4s_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_gos4s_gg_"
+  "__SHead": "___SHead_13xqr_gg_",
+  "__SGroupContainer": "___SGroupContainer_13xqr_gg_",
+  "_isDataEmpty": "__isDataEmpty_13xqr_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_13xqr_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_13xqr",
+  "_animationDuration": "__animationDuration_13xqr_gg_",
+  "__SColumn": "___SColumn_13xqr_gg_",
+  "--animationDuration": "--animationDuration_13xqr",
+  "_sticky": "__sticky_13xqr_gg_",
+  "__SGroup": "___SGroup_13xqr_gg_",
+  "_compact": "__compact_13xqr_gg_",
+  "_use_secondary": "_use_secondary_13xqr_gg_",
+  "_borders_both": "_borders_both_13xqr_gg_",
+  "_borders_left": "_borders_left_13xqr_gg_",
+  "_borders_right": "_borders_right_13xqr_gg_",
+  "_gridArea": "__gridArea_13xqr_gg_",
+  "__SGroupTitle": "___SGroupTitle_13xqr_gg_",
+  "--gridArea": "--gridArea_13xqr",
+  "_fixed": "__fixed_13xqr_gg_",
+  "_sortable": "__sortable_13xqr_gg_",
+  "__SSortWrapper": "___SSortWrapper_13xqr_gg_",
+  "__SSortButton": "___SSortButton_13xqr_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_13xqr_gg_",
+  "_use_primary": "_use_primary_13xqr_gg_",
+  "_visibleSort": "__visibleSort_13xqr_gg_",
+  "_justifyContent_right": "_justifyContent_right_13xqr_gg_",
+  "_changeSortSize": "__changeSortSize_13xqr_gg_",
+  "_isSorted": "__isSorted_13xqr_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_13xqr_gg_",
+  "_shadowVertical": "__shadowVertical_13xqr_gg_",
+  "_fixed_left": "_fixed_left_13xqr_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_13xqr_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_13xqr_gg_",
+  "_fixed_right": "_fixed_right_13xqr_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_13xqr_gg_"
 });
 import { DataTable } from '../DataTable/DataTable';
 export var Group = /*#__PURE__*/function (_Component) {

package/lib/es6/components/Head/Head.js

@@ -15,44 +15,44 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gos4s_gg_,.___SHead_gos4s_gg_{display:contents}.___SHead_gos4s_gg_.__isDataEmpty_gos4s_gg_.__gridTemplateColumns_gos4s_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_gos4s);overflow:auto;scrollbar-width:thin}.___SHead_gos4s_gg_.__animationDuration_gos4s_gg_>.___SColumn_gos4s_gg_{transition:top var(--animationDuration_gos4s) ease-out}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroup_gos4s_gg_{position:sticky;top:0;z-index:18}.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SGroupContainer_gos4s_gg_>.___SColumn_gos4s_gg_{position:sticky;z-index:18}.___SHead_gos4s_gg_.__compact_gos4s_gg_ .___SColumn_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_,.___SGroup_gos4s_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_gos4s_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gos4s_gg_._use_primary_gos4s_gg_:has(~.___SColumn_gos4s_gg_.__visibleSort_gos4s_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_left_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_left_gos4s_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._borders_both_gos4s_gg_,.___SColumn_gos4s_gg_._borders_right_gos4s_gg_,.___SGroup_gos4s_gg_._borders_both_gos4s_gg_,.___SGroup_gos4s_gg_._borders_right_gos4s_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_,.___SColumn_gos4s_gg_._use_primary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_._use_primary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_,.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_.__changeSortSize_gos4s_gg_.__isSorted_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:relative}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_ .___SSortWrapper_gos4s_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortWrapper_gos4s_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_.__visibleSort_gos4s_gg_ .___SSortButton_gos4s_gg_{display:flex;opacity:1}.___SColumn_gos4s_gg_._use_secondary_gos4s_gg_._justifyContent_right_gos4s_gg_ .___SSortWrapper_gos4s_gg_{position:absolute}.___SColumn_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroupTitle_gos4s_gg_.__gridArea_gos4s_gg_,.___SGroup_gos4s_gg_.__gridArea_gos4s_gg_{grid-area:var(--gridArea_gos4s)}.___SHead_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_ .___SGroup_gos4s_gg_.__fixed_gos4s_gg_,.___SHead_gos4s_gg_.__sticky_gos4s_gg_ .___SColumn_gos4s_gg_.__fixed_gos4s_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_gos4s_gg_.__sortable_gos4s_gg_:hover{cursor:pointer}}.___SSortWrapper_gos4s_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_gos4s_gg_,.___SSortWrapper_gos4s_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gos4s_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gos4s_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gos4s_gg_._sideIndents_wide_gos4s_gg_ .___SColumn_gos4s_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gos4s_gg_{cursor:pointer}.___SColumn_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after,.___SGroup_gos4s_gg_.__fixed_gos4s_gg_.__shadowVertical_gos4s_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_primary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_._use_secondary_gos4s_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_left_gos4s_gg_._shadowVertical_start_gos4s_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%))}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_primary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_primary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_._use_secondary_gos4s_gg_,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_._use_secondary_gos4s_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SColumn_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_end_gos4s_gg_:after,.___SGroup_gos4s_gg_._fixed_right_gos4s_gg_._shadowVertical_median_gos4s_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%))}", /*__inner_css_end__*/"gos4s_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_13xqr_gg_,.___SHead_13xqr_gg_{display:contents}.___SHead_13xqr_gg_.__isDataEmpty_13xqr_gg_.__gridTemplateColumns_13xqr_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_13xqr);overflow:auto;scrollbar-width:thin}.___SHead_13xqr_gg_.__animationDuration_13xqr_gg_>.___SColumn_13xqr_gg_{transition:top var(--animationDuration_13xqr) ease-out}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroup_13xqr_gg_{position:sticky;top:0;z-index:18}.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SGroupContainer_13xqr_gg_>.___SColumn_13xqr_gg_{position:sticky;z-index:18}.___SHead_13xqr_gg_.__compact_13xqr_gg_ .___SColumn_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_,.___SGroup_13xqr_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;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_13xqr_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_13xqr_gg_._use_primary_13xqr_gg_:has(~.___SColumn_13xqr_gg_.__visibleSort_13xqr_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_left_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_left_13xqr_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._borders_both_13xqr_gg_,.___SColumn_13xqr_gg_._borders_right_13xqr_gg_,.___SGroup_13xqr_gg_._borders_both_13xqr_gg_,.___SGroup_13xqr_gg_._borders_right_13xqr_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_,.___SColumn_13xqr_gg_._use_primary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_._use_primary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_,.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_.__changeSortSize_13xqr_gg_.__isSorted_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:relative}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_ .___SSortWrapper_13xqr_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortWrapper_13xqr_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_.__visibleSort_13xqr_gg_ .___SSortButton_13xqr_gg_{display:flex;opacity:1}.___SColumn_13xqr_gg_._use_secondary_13xqr_gg_._justifyContent_right_13xqr_gg_ .___SSortWrapper_13xqr_gg_{position:absolute}.___SColumn_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroupTitle_13xqr_gg_.__gridArea_13xqr_gg_,.___SGroup_13xqr_gg_.__gridArea_13xqr_gg_{grid-area:var(--gridArea_13xqr)}.___SHead_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_ .___SGroup_13xqr_gg_.__fixed_13xqr_gg_,.___SHead_13xqr_gg_.__sticky_13xqr_gg_ .___SColumn_13xqr_gg_.__fixed_13xqr_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_13xqr_gg_.__sortable_13xqr_gg_:hover{cursor:pointer}}.___SSortWrapper_13xqr_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_13xqr_gg_,.___SSortWrapper_13xqr_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_13xqr_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_13xqr_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_13xqr_gg_._sideIndents_wide_13xqr_gg_ .___SColumn_13xqr_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_13xqr_gg_{cursor:pointer}.___SColumn_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after,.___SGroup_13xqr_gg_.__fixed_13xqr_gg_.__shadowVertical_13xqr_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_primary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_._use_secondary_13xqr_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_left_13xqr_gg_._shadowVertical_start_13xqr_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%))}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_primary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_primary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_._use_secondary_13xqr_gg_,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_._use_secondary_13xqr_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SColumn_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_end_13xqr_gg_:after,.___SGroup_13xqr_gg_._fixed_right_13xqr_gg_._shadowVertical_median_13xqr_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%))}", /*__inner_css_end__*/"13xqr_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gos4s_gg_",
-  "__SGroupContainer": "___SGroupContainer_gos4s_gg_",
-  "_isDataEmpty": "__isDataEmpty_gos4s_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_gos4s_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_gos4s",
-  "_animationDuration": "__animationDuration_gos4s_gg_",
-  "__SColumn": "___SColumn_gos4s_gg_",
-  "--animationDuration": "--animationDuration_gos4s",
-  "_sticky": "__sticky_gos4s_gg_",
-  "__SGroup": "___SGroup_gos4s_gg_",
-  "_compact": "__compact_gos4s_gg_",
-  "_use_secondary": "_use_secondary_gos4s_gg_",
-  "_borders_both": "_borders_both_gos4s_gg_",
-  "_borders_left": "_borders_left_gos4s_gg_",
-  "_borders_right": "_borders_right_gos4s_gg_",
-  "_gridArea": "__gridArea_gos4s_gg_",
-  "__SGroupTitle": "___SGroupTitle_gos4s_gg_",
-  "--gridArea": "--gridArea_gos4s",
-  "_fixed": "__fixed_gos4s_gg_",
-  "_sortable": "__sortable_gos4s_gg_",
-  "__SSortWrapper": "___SSortWrapper_gos4s_gg_",
-  "__SSortButton": "___SSortButton_gos4s_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gos4s_gg_",
-  "_use_primary": "_use_primary_gos4s_gg_",
-  "_visibleSort": "__visibleSort_gos4s_gg_",
-  "_justifyContent_right": "_justifyContent_right_gos4s_gg_",
-  "_changeSortSize": "__changeSortSize_gos4s_gg_",
-  "_isSorted": "__isSorted_gos4s_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gos4s_gg_",
-  "_shadowVertical": "__shadowVertical_gos4s_gg_",
-  "_fixed_left": "_fixed_left_gos4s_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_gos4s_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_gos4s_gg_",
-  "_fixed_right": "_fixed_right_gos4s_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_gos4s_gg_"
+  "__SHead": "___SHead_13xqr_gg_",
+  "__SGroupContainer": "___SGroupContainer_13xqr_gg_",
+  "_isDataEmpty": "__isDataEmpty_13xqr_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_13xqr_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_13xqr",
+  "_animationDuration": "__animationDuration_13xqr_gg_",
+  "__SColumn": "___SColumn_13xqr_gg_",
+  "--animationDuration": "--animationDuration_13xqr",
+  "_sticky": "__sticky_13xqr_gg_",
+  "__SGroup": "___SGroup_13xqr_gg_",
+  "_compact": "__compact_13xqr_gg_",
+  "_use_secondary": "_use_secondary_13xqr_gg_",
+  "_borders_both": "_borders_both_13xqr_gg_",
+  "_borders_left": "_borders_left_13xqr_gg_",
+  "_borders_right": "_borders_right_13xqr_gg_",
+  "_gridArea": "__gridArea_13xqr_gg_",
+  "__SGroupTitle": "___SGroupTitle_13xqr_gg_",
+  "--gridArea": "--gridArea_13xqr",
+  "_fixed": "__fixed_13xqr_gg_",
+  "_sortable": "__sortable_13xqr_gg_",
+  "__SSortWrapper": "___SSortWrapper_13xqr_gg_",
+  "__SSortButton": "___SSortButton_13xqr_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_13xqr_gg_",
+  "_use_primary": "_use_primary_13xqr_gg_",
+  "_visibleSort": "__visibleSort_13xqr_gg_",
+  "_justifyContent_right": "_justifyContent_right_13xqr_gg_",
+  "_changeSortSize": "__changeSortSize_13xqr_gg_",
+  "_isSorted": "__isSorted_13xqr_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_13xqr_gg_",
+  "_shadowVertical": "__shadowVertical_13xqr_gg_",
+  "_fixed_left": "_fixed_left_13xqr_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_13xqr_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_13xqr_gg_",
+  "_fixed_right": "_fixed_right_13xqr_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_13xqr_gg_"
 });
 import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 var HeadRoot = /*#__PURE__*/function (_Component) {