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

package/lib/cjs/components/Head/Head.js

@@ -24,32 +24,38 @@ var _Group = require("./Group");
 var _DataTable = require("../DataTable/DataTable");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1uo6g_gg_,.___SHead_1uo6g_gg_{display:contents}.___SHead_1uo6g_gg_.__animationDuration_1uo6g_gg_>.___SColumn_1uo6g_gg_{transition:top var(--animationDuration_1uo6g) ease-out}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroup_1uo6g_gg_{position:sticky;top:0;z-index:2}.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SGroupContainer_1uo6g_gg_>.___SColumn_1uo6g_gg_{position:sticky;z-index:2}.___SHead_1uo6g_gg_.__compact_1uo6g_gg_ .___SColumn_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_,.___SGroup_1uo6g_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}.___SGroup_1uo6g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1uo6g_gg_._use_primary_1uo6g_gg_:has(~.___SColumn_1uo6g_gg_.__visibleSort_1uo6g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1uo6g_gg_._use_secondary_1uo6g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_left_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_left_1uo6g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._borders_both_1uo6g_gg_,.___SColumn_1uo6g_gg_._borders_right_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_both_1uo6g_gg_,.___SGroup_1uo6g_gg_._borders_right_1uo6g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_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_1uo6g_gg_._use_primary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_,.___SColumn_1uo6g_gg_._use_primary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before,.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{display:flex;opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_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_1uo6g_gg_._use_secondary_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortWrapper_1uo6g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1uo6g_gg_._use_secondary_1uo6g_gg_.__visibleSort_1uo6g_gg_ .___SSortButton_1uo6g_gg_{display:flex;opacity:1}.___SColumn_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroupTitle_1uo6g_gg_.__gridArea_1uo6g_gg_,.___SGroup_1uo6g_gg_.__gridArea_1uo6g_gg_{grid-area:var(--gridArea_1uo6g)}.___SHead_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_ .___SGroup_1uo6g_gg_.__fixed_1uo6g_gg_,.___SHead_1uo6g_gg_.__sticky_1uo6g_gg_ .___SColumn_1uo6g_gg_.__fixed_1uo6g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1uo6g_gg_.__sortable_1uo6g_gg_:hover{cursor:pointer}}.___SSortWrapper_1uo6g_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_1uo6g_gg_,.___SSortWrapper_1uo6g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1uo6g_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1uo6g_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_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1uo6g_gg_._sideIndents_wide_1uo6g_gg_ .___SColumn_1uo6g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1uo6g_gg_{cursor:pointer}", /*__inner_css_end__*/"1uo6g_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_1ndk0_gg_,.___SHead_1ndk0_gg_{display:contents}.___SHead_1ndk0_gg_.__animationDuration_1ndk0_gg_>.___SColumn_1ndk0_gg_{transition:top var(--animationDuration_1ndk0) ease-out}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroup_1ndk0_gg_{position:sticky;top:0;z-index:18}.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SGroupContainer_1ndk0_gg_>.___SColumn_1ndk0_gg_{position:sticky;z-index:18}.___SHead_1ndk0_gg_.__compact_1ndk0_gg_ .___SColumn_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_,.___SGroup_1ndk0_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_1ndk0_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1ndk0_gg_._use_primary_1ndk0_gg_:has(~.___SColumn_1ndk0_gg_.__visibleSort_1ndk0_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1ndk0_gg_._use_secondary_1ndk0_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_left_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_left_1ndk0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._borders_both_1ndk0_gg_,.___SColumn_1ndk0_gg_._borders_right_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_both_1ndk0_gg_,.___SGroup_1ndk0_gg_._borders_right_1ndk0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_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_1ndk0_gg_._use_primary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_,.___SColumn_1ndk0_gg_._use_primary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before,.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{display:flex;opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_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_1ndk0_gg_._use_secondary_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortWrapper_1ndk0_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1ndk0_gg_._use_secondary_1ndk0_gg_.__visibleSort_1ndk0_gg_ .___SSortButton_1ndk0_gg_{display:flex;opacity:1}.___SColumn_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroupTitle_1ndk0_gg_.__gridArea_1ndk0_gg_,.___SGroup_1ndk0_gg_.__gridArea_1ndk0_gg_{grid-area:var(--gridArea_1ndk0)}.___SHead_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_ .___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_,.___SHead_1ndk0_gg_.__sticky_1ndk0_gg_ .___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1ndk0_gg_.__sortable_1ndk0_gg_:hover{cursor:pointer}}.___SSortWrapper_1ndk0_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_1ndk0_gg_,.___SSortWrapper_1ndk0_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1ndk0_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1ndk0_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_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1ndk0_gg_._sideIndents_wide_1ndk0_gg_ .___SColumn_1ndk0_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1ndk0_gg_{cursor:pointer}.___SColumn_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after,.___SGroup_1ndk0_gg_.__fixed_1ndk0_gg_.__shadowVertical_1ndk0_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_primary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_left_1ndk0_gg_._shadowVertical_start_1ndk0_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_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_primary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_primary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_._use_secondary_1ndk0_gg_,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_._use_secondary_1ndk0_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SColumn_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_end_1ndk0_gg_:after,.___SGroup_1ndk0_gg_._fixed_right_1ndk0_gg_._shadowVertical_median_1ndk0_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__*/"1ndk0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_1uo6g_gg_",
-  "__SGroupContainer": "___SGroupContainer_1uo6g_gg_",
-  "_animationDuration": "__animationDuration_1uo6g_gg_",
-  "__SColumn": "___SColumn_1uo6g_gg_",
-  "--animationDuration": "--animationDuration_1uo6g",
-  "_sticky": "__sticky_1uo6g_gg_",
-  "__SGroup": "___SGroup_1uo6g_gg_",
-  "_compact": "__compact_1uo6g_gg_",
-  "_use_secondary": "_use_secondary_1uo6g_gg_",
-  "_borders_both": "_borders_both_1uo6g_gg_",
-  "_borders_left": "_borders_left_1uo6g_gg_",
-  "_borders_right": "_borders_right_1uo6g_gg_",
-  "_gridArea": "__gridArea_1uo6g_gg_",
-  "__SGroupTitle": "___SGroupTitle_1uo6g_gg_",
-  "--gridArea": "--gridArea_1uo6g",
-  "_fixed": "__fixed_1uo6g_gg_",
-  "_sortable": "__sortable_1uo6g_gg_",
-  "__SSortWrapper": "___SSortWrapper_1uo6g_gg_",
-  "__SSortButton": "___SSortButton_1uo6g_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1uo6g_gg_",
-  "_use_primary": "_use_primary_1uo6g_gg_",
-  "_visibleSort": "__visibleSort_1uo6g_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1uo6g_gg_"
+  "__SHead": "___SHead_1ndk0_gg_",
+  "__SGroupContainer": "___SGroupContainer_1ndk0_gg_",
+  "_animationDuration": "__animationDuration_1ndk0_gg_",
+  "__SColumn": "___SColumn_1ndk0_gg_",
+  "--animationDuration": "--animationDuration_1ndk0",
+  "_sticky": "__sticky_1ndk0_gg_",
+  "__SGroup": "___SGroup_1ndk0_gg_",
+  "_compact": "__compact_1ndk0_gg_",
+  "_use_secondary": "_use_secondary_1ndk0_gg_",
+  "_borders_both": "_borders_both_1ndk0_gg_",
+  "_borders_left": "_borders_left_1ndk0_gg_",
+  "_borders_right": "_borders_right_1ndk0_gg_",
+  "_gridArea": "__gridArea_1ndk0_gg_",
+  "__SGroupTitle": "___SGroupTitle_1ndk0_gg_",
+  "--gridArea": "--gridArea_1ndk0",
+  "_fixed": "__fixed_1ndk0_gg_",
+  "_sortable": "__sortable_1ndk0_gg_",
+  "__SSortWrapper": "___SSortWrapper_1ndk0_gg_",
+  "__SSortButton": "___SSortButton_1ndk0_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1ndk0_gg_",
+  "_use_primary": "_use_primary_1ndk0_gg_",
+  "_visibleSort": "__visibleSort_1ndk0_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1ndk0_gg_",
+  "_shadowVertical": "__shadowVertical_1ndk0_gg_",
+  "_fixed_left": "_fixed_left_1ndk0_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1ndk0_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1ndk0_gg_",
+  "_fixed_right": "_fixed_right_1ndk0_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1ndk0_gg_"
 });
 var HeadRoot = /*#__PURE__*/function (_Component) {
   function HeadRoot() {
@@ -87,12 +93,14 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         use = _this$asProps3.use,
         gridAreaGroupMap = _this$asProps3.gridAreaGroupMap,
         children = _this$asProps3.children,
-        getFixedStyle = _this$asProps3.getFixedStyle;
+        getFixedStyle = _this$asProps3.getFixedStyle,
+        shadowVertical = _this$asProps3.shadowVertical;
       return {
         use: use,
         gridArea: gridAreaGroupMap.get(index),
         withConfig: children === undefined,
-        getFixedStyle: getFixedStyle
+        getFixedStyle: getFixedStyle,
+        shadowVertical: shadowVertical
       };
     }
   }, {
@@ -111,7 +119,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         selectedRows = _this$asProps4.selectedRows,
         h = _this$asProps4.h,
         getFixedStyle = _this$asProps4.getFixedStyle,
-        onCellClick = _this$asProps4.onCellClick;
+        onCellClick = _this$asProps4.onCellClick,
+        shadowVertical = _this$asProps4.shadowVertical;
       var column = columns[index];
       if (index === 0 && selectedRows && columns[index + 1].fixed) {
         column.fixed = 'left';
@@ -144,16 +153,18 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         gridTemplateColumns: gridTemplateColumns,
         gridTemplateAreas: gridTemplateAreas,
         h: h,
-        'onClick': onCellClick
+        'onClick': onCellClick,
+        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined
       };
     }
   }, {
     key: "areAllRowsSelected",
     get: function get() {
       var _this$asProps5 = this.asProps,
-        selectedRows = _this$asProps5.selectedRows,
+        _this$asProps5$select = _this$asProps5.selectedRows,
+        selectedRows = _this$asProps5$select === void 0 ? [] : _this$asProps5$select,
         flatRows = _this$asProps5.flatRows;
-      return flatRows.every(function (row) {
+      return selectedRows.length > 0 && flatRows.every(function (row) {
         return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[_DataTable.UNIQ_ROW_KEY]);
       });
     }

package/lib/cjs/components/Head/Head.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","_this$asProps5","flatRows","every","row","includes","UNIQ_ROW_KEY","_this$asProps6","some","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<D extends DataTableData> extends Component<\n  DataTableHeadProps,\n  {},\n  {},\n  [],\n  HeadPropsInner<D>\n> {\n  static displayName = 'Head';\n  static style = style;\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap, children, getFixedStyle } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top) {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows, flatRows } = this.asProps;\n\n    return flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  get isIndeterminate() {\n    const { flatRows, selectedRows } = this.asProps;\n\n    return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","showShadowVertical","_this$asProps5","_this$asProps5$select","flatRows","every","row","includes","UNIQ_ROW_KEY","_this$asProps6","some","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps7","Children","styles","getI18nText","treeColumns","animationDuration","areAllRowsSelected","indeterminate","isIndeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { DataTableInternal, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> extends Component<\n    DataTableHeadProps,\n    {},\n    {},\n    [],\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top) {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows = [], flatRows } = this.asProps;\n\n    return selectedRows.length > 0 && flatRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  get isIndeterminate() {\n    const { flatRows, selectedRows } = this.asProps;\n\n    return flatRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/Head/Head.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow, UniqRowKey } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /**\n   * offset for sticky header\n   */\n  top?: number;\n\n  /**\n   * Height of header in px\n   */\n  h?: number;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n\n  /** Animation duration for a top property. When it's set adds animation for top changes */\n  animationDuration?: number;\n};\n\nexport type HeadPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.RefObject<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqRowKey[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /**\n   * offset for sticky header\n   */\n  top?: number;\n\n  /**\n   * Height of header in px\n   */\n  h?: number;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n\n  /** Animation duration for a top property. When it's set adds animation for top changes */\n  animationDuration?: number;\n\n  /** Outer ref for the header */\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n  Data extends DataTableData,\n  UniqKey extends keyof Data[number],\n  UniqKeyType extends Data[number][UniqKey],\n> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.Ref<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqKeyType[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow<UniqKeyType>[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner<UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<UniqKeyType>['shadowVertical'];\n};\n"],"mappings":"","ignoreList":[]}

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

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

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

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