@semcore/data-table 16.5.3-prerelease.4 → 17.0.0-prerelease.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/components/AccordionRows/AccordionRows.js +144 -157
  3. package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -1
  4. package/lib/cjs/components/Body/Body.js +373 -395
  5. package/lib/cjs/components/Body/Body.js.map +1 -1
  6. package/lib/cjs/components/Body/Cell.js +135 -151
  7. package/lib/cjs/components/Body/Cell.js.map +1 -1
  8. package/lib/cjs/components/Body/LimitOverlay.js +142 -158
  9. package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
  10. package/lib/cjs/components/Body/MergedCells.js +25 -23
  11. package/lib/cjs/components/Body/MergedCells.js.map +1 -1
  12. package/lib/cjs/components/Body/Row.js +498 -539
  13. package/lib/cjs/components/Body/Row.js.map +1 -1
  14. package/lib/cjs/components/DataTable/DataTable.js +867 -938
  15. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  16. package/lib/cjs/components/Head/Column.js +208 -234
  17. package/lib/cjs/components/Head/Column.js.map +1 -1
  18. package/lib/cjs/components/Head/Group.js +79 -92
  19. package/lib/cjs/components/Head/Group.js.map +1 -1
  20. package/lib/cjs/components/Head/Head.js +229 -263
  21. package/lib/cjs/components/Head/Head.js.map +1 -1
  22. package/lib/cjs/enhancers/focusableCell.js +6 -14
  23. package/lib/cjs/enhancers/focusableCell.js.map +1 -1
  24. package/lib/cjs/index.js +7 -14
  25. package/lib/cjs/index.js.map +1 -1
  26. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  27. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  28. package/lib/es6/components/AccordionRows/AccordionRows.js +142 -156
  29. package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -1
  30. package/lib/es6/components/Body/Body.js +370 -392
  31. package/lib/es6/components/Body/Body.js.map +1 -1
  32. package/lib/es6/components/Body/Cell.js +131 -147
  33. package/lib/es6/components/Body/Cell.js.map +1 -1
  34. package/lib/es6/components/Body/LimitOverlay.js +138 -154
  35. package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
  36. package/lib/es6/components/Body/MergedCells.js +22 -22
  37. package/lib/es6/components/Body/MergedCells.js.map +1 -1
  38. package/lib/es6/components/Body/Row.js +493 -535
  39. package/lib/es6/components/Body/Row.js.map +1 -1
  40. package/lib/es6/components/DataTable/DataTable.js +861 -932
  41. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  42. package/lib/es6/components/Head/Column.js +201 -228
  43. package/lib/es6/components/Head/Column.js.map +1 -1
  44. package/lib/es6/components/Head/Group.js +74 -88
  45. package/lib/es6/components/Head/Group.js.map +1 -1
  46. package/lib/es6/components/Head/Head.js +228 -262
  47. package/lib/es6/components/Head/Head.js.map +1 -1
  48. package/lib/es6/enhancers/focusableCell.js +6 -14
  49. package/lib/es6/enhancers/focusableCell.js.map +1 -1
  50. package/lib/es6/index.js +3 -9
  51. package/lib/es6/index.js.map +1 -1
  52. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  53. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  54. package/lib/esm/components/AccordionRows/AccordionRows.mjs +143 -134
  55. package/lib/esm/components/Body/Body.mjs +377 -343
  56. package/lib/esm/components/Body/Cell.mjs +136 -135
  57. package/lib/esm/components/Body/LimitOverlay.mjs +141 -144
  58. package/lib/esm/components/Body/MergedCells.mjs +22 -22
  59. package/lib/esm/components/Body/Row.mjs +498 -458
  60. package/lib/esm/components/DataTable/DataTable.mjs +866 -842
  61. package/lib/esm/components/Head/Column.mjs +208 -201
  62. package/lib/esm/components/Head/Group.mjs +76 -84
  63. package/lib/esm/components/Head/Head.mjs +231 -216
  64. package/lib/esm/enhancers/focusableCell.mjs +7 -14
  65. package/lib/esm/index.mjs +2 -5
  66. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  67. package/lib/types/components/Body/Cell.d.ts +1 -3
  68. package/lib/types/components/Body/Row.d.ts +1 -1
  69. package/lib/types/components/Head/Column.d.ts +2 -2
  70. package/lib/types/components/Head/Group.d.ts +1 -1
  71. package/lib/types/index.d.ts +2 -6
  72. package/package.json +20 -22
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.js","names":["_core","require","_baseComponents","_getFocusableIn","_isFocusInside","_isInteractiveElement","React","_interopRequireWildcard","_MergedCells","_focusableCell","styles","sstyled","insert","CellRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","e","handleKeydownFocusCell","lockedCell","handleFocusCell","target","currentTarget","_e$currentTarget$pare","_this$cellRef$current","_this$cellRef$current2","_this$asProps","asProps","rowIndex","columnIndex","onClick","row","accordionRowIndex","rowElement","parentElement","ariaRowindex","Number","getAttribute","rowIndexValue","undefined","isNaN","focusableChildren","from","cellRef","current","children","flatMap","node","getFocusableIn","isInteractiveElement","colIndex","_inherits2","_createClass2","key","value","componentWillUnmount","_this$asProps2","virtualScroll","tableRef","isFocusInside","_tableRef$current","setAttribute","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","_this$asProps3","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","MergedRowsCell","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","_objectSpread2","assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Component","Cell","exports","createComponent"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Root, sstyled, createComponent, Component } from '@semcore/core';\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 * as React from 'react';\n\nimport type { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport styles from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<Data, UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Cell';\n static style = styles;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n };\n\n handleClickCell = (e: React.SyntheticEvent<HTMLElement>) => {\n const { rowIndex, columnIndex, onClick, row, accordionRowIndex } = this.asProps;\n\n const rowElement = e.currentTarget.parentElement?.parentElement;\n const ariaRowindex = Number(rowElement?.getAttribute('aria-rowindex'));\n let rowIndexValue = accordionRowIndex === undefined ? rowIndex : rowIndex + 1 + accordionRowIndex;\n\n if (!isNaN(ariaRowindex)) {\n rowIndexValue = ariaRowindex - 2;\n }\n\n const focusableChildren = Array.from(this.cellRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.cellRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.cellRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: rowIndexValue, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n style,\n row,\n column,\n columnIndex,\n gridRowIndex,\n shadowVertical,\n } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n if (cell.value instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.value.rowsCount} / ${fromCol + cell.columnsCount}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n }\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n return sstyled(styles)(\n <SCellWrapper\n // @ts-ignore\n gridArea={gridArea}\n fixed={column.fixed}\n style={style}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleFocusableCellKeyDown}\n onFocus={this.handleFocusableCellFocus}\n use:onClick={this.handleClickCell}\n name={cellName.toString()}\n role='gridcell'\n aria-colindex={columnIndex + 1}\n data-grouped-by={scope}\n scope={scope}\n aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n aria-rowspan={cell instanceof MergedRowsCell\n ? cell.rowsCount\n : cell instanceof MergedColumnsCell && cell.value instanceof MergedRowsCell\n ? cell.value.rowsCount\n : undefined}\n gridArea={gridArea}\n borders={column.borders}\n flexWrap={column.flexWrap}\n alignItems={column.alignItems}\n alignContent={column.alignContent}\n justifyContent={column.justifyContent}\n textAlign={column.textAlign}\n >\n <Children />\n </SCell>\n </SCellWrapper>,\n );\n }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Cell.js","names":["_core","require","_baseComponents","_getFocusableIn","_isFocusInside","_isInteractiveElement","React","_interopRequireWildcard","_MergedCells","_focusableCell","styles","sstyled","insert","CellRoot","Component","constructor","args","_defineProperty2","default","createRef","e","handleKeydownFocusCell","lockedCell","handleFocusCell","target","currentTarget","rowIndex","columnIndex","onClick","row","accordionRowIndex","asProps","rowElement","parentElement","ariaRowindex","Number","getAttribute","rowIndexValue","undefined","isNaN","focusableChildren","Array","from","cellRef","current","children","flatMap","node","getFocusableIn","isInteractiveElement","length","colIndex","componentWillUnmount","virtualScroll","tableRef","isFocusInside","setAttribute","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","value","MergedRowsCell","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Cell","exports","createComponent"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Root, sstyled, createComponent, Component } from '@semcore/core';\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 * as React from 'react';\n\nimport type { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport styles from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<Data, UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Cell';\n static style = styles;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n };\n\n handleClickCell = (e: React.SyntheticEvent<HTMLElement>) => {\n const { rowIndex, columnIndex, onClick, row, accordionRowIndex } = this.asProps;\n\n const rowElement = e.currentTarget.parentElement?.parentElement;\n const ariaRowindex = Number(rowElement?.getAttribute('aria-rowindex'));\n let rowIndexValue = accordionRowIndex === undefined ? rowIndex : rowIndex + 1 + accordionRowIndex;\n\n if (!isNaN(ariaRowindex)) {\n rowIndexValue = ariaRowindex - 2;\n }\n\n const focusableChildren = Array.from(this.cellRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.cellRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.cellRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: rowIndexValue, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n style,\n row,\n column,\n columnIndex,\n gridRowIndex,\n shadowVertical,\n } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n if (cell.value instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.value.rowsCount} / ${fromCol + cell.columnsCount}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n }\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n return sstyled(styles)(\n <SCellWrapper\n // @ts-ignore\n gridArea={gridArea}\n fixed={column.fixed}\n style={style}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleFocusableCellKeyDown}\n onFocus={this.handleFocusableCellFocus}\n use:onClick={this.handleClickCell}\n name={cellName.toString()}\n role='gridcell'\n aria-colindex={columnIndex + 1}\n data-grouped-by={scope}\n scope={scope}\n aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n aria-rowspan={cell instanceof MergedRowsCell\n ? cell.rowsCount\n : cell instanceof MergedColumnsCell && cell.value instanceof MergedRowsCell\n ? cell.value.rowsCount\n : undefined}\n gridArea={gridArea}\n borders={column.borders}\n flexWrap={column.flexWrap}\n alignItems={column.alignItems}\n alignContent={column.alignContent}\n justifyContent={column.justifyContent}\n textAlign={column.textAlign}\n >\n <Children />\n </SCell>\n </SCellWrapper>,\n );\n }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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","ignoreList":[]}
@@ -1,15 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.LimitOverlay = void 0;
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
10
  var _core = require("@semcore/core");
15
11
  var _baseComponents = require("@semcore/base-components");
@@ -18,75 +14,70 @@ var React = _interopRequireWildcard(require("react"));
18
14
  var _focusableCell = require("../../enhancers/focusableCell");
19
15
  var _DataTable = require("../DataTable/DataTable");
20
16
  /*!__reshadow-styles__:"./style.shadow.css"*/
21
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_17cjj_gg_,.___SRowGroup_17cjj_gg_,.___SRow_17cjj_gg_{display:contents}.___SAccordionRows_17cjj_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_17cjj);overflow:clip;transition-property:max-height;transition-duration:var(--duration_17cjj);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SRow_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level],.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_17cjj_gg_.__gridArea_17cjj_gg_,.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_,.___SRow_17cjj_gg_.__gridArea_17cjj_gg_{grid-area:var(--gridArea_17cjj)}.___SCellWrapper_17cjj_gg_{height:100%;overflow:hidden}.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_>.___SCellWrapper_17cjj_gg_,.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_{height:auto;overflow:auto}.___SAccordionRows_17cjj_gg_>.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_:last-child>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__withoutBorder_17cjj_gg_),.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__withoutBorder_17cjj_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_{display:block}.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_).__expanded_17cjj_gg_.__withAccordion_17cjj_gg_,.___SRow_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._accordionType_row_17cjj_gg_.__expanded_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_17cjj_gg_._theme_muted_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_17cjj_gg_._theme_info_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_17cjj_gg_._theme_success_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_17cjj_gg_._theme_warning_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_17cjj_gg_._theme_danger_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:not(._accordionType_row_17cjj_gg_.__expanded_17cjj_gg_):hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_muted_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_muted_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_muted_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_info_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_info_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_info_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_info_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_info_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_info_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_success_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_success_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_success_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_success_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_success_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_success_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_warning_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_warning_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_warning_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_danger_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_danger_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_danger_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_17cjj_gg_._theme_muted_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_17cjj_gg_._theme_muted_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_muted_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_17cjj_gg_._theme_info_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_17cjj_gg_._theme_info_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_info_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_17cjj_gg_._theme_success_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_17cjj_gg_._theme_success_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_success_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_17cjj_gg_._theme_warning_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_17cjj_gg_._theme_warning_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_warning_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_17cjj_gg_._theme_danger_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_17cjj_gg_._theme_danger_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_danger_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_17cjj_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_.__expanded_17cjj_gg_ svg{transform:rotate(90deg)}.___SCell_17cjj_gg_.__withoutBorder_17cjj_gg_{border-bottom:none}.___SCell_17cjj_gg_.__withAccordion_17cjj_gg_,.___SCell_17cjj_gg_._name_Symbol\\(SELECT_ALL\\)_17cjj_gg_,.___SRow_17cjj_gg_._accordionType_row_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_{cursor:pointer}.___SCheckboxCell_17cjj_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_17cjj_gg_._use_primary_17cjj_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17cjj_gg_._use_primary_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SCell_17cjj_gg_._use_secondary_17cjj_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17cjj_gg_._use_secondary_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SCell_17cjj_gg_._borders_both_17cjj_gg_,.___SCell_17cjj_gg_._borders_left_17cjj_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_17cjj_gg_._borders_both_17cjj_gg_,.___SCell_17cjj_gg_._borders_right_17cjj_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_17cjj_gg_.__fixed_17cjj_gg_{position:sticky;z-index:2}.___SCell_17cjj_gg_._theme_muted_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_17cjj_gg_._theme_info_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_17cjj_gg_._theme_success_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_17cjj_gg_._theme_warning_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_17cjj_gg_._theme_danger_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_17cjj_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_17cjj_gg_:focus-visible{z-index:15}.___SSpinContainer_17cjj_gg_.__headerHeight_17cjj_gg_{top:var(--headerHeight_17cjj)}.___SEmptyData_17cjj_gg_{grid-column:1/-1}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_,.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level],.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_17cjj) - 1)))}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:last-child .___SCell_17cjj_gg_,.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:last-child .___SCell_17cjj_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_17cjj_gg_.__fixed_17cjj_gg_.__shadowVertical_17cjj_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_gg_{margin-right:-5px}.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_:after,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_ .___SCell_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_gg_ .___SCell_17cjj_gg_{margin-right:5px}.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_gg_{margin-left:-5px}.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_:after,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_ .___SCell_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_gg_ .___SCell_17cjj_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_17cjj_gg_.__gridArea_17cjj_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_17cjj);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_17cjj_gg_.__left_17cjj_gg_{position:sticky;left:var(---left_17cjj)}.___SCell_17cjj_gg_.__innerOutline_17cjj_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"17cjj_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_16wu2_gg_,.___SRowGroup_16wu2_gg_,.___SRow_16wu2_gg_{display:contents}.___SAccordionRows_16wu2_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_16wu2);overflow:clip;transition-property:max-height;transition-duration:var(--duration_16wu2);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SRow_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level],.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_16wu2_gg_.__gridArea_16wu2_gg_,.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_,.___SRow_16wu2_gg_.__gridArea_16wu2_gg_{grid-area:var(--gridArea_16wu2)}.___SCellWrapper_16wu2_gg_{height:100%;overflow:hidden}.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_>.___SCellWrapper_16wu2_gg_,.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_{height:auto;overflow:auto}.___SAccordionRows_16wu2_gg_>.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_:last-child>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__withoutBorder_16wu2_gg_),.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__withoutBorder_16wu2_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_{display:block}.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_).__expanded_16wu2_gg_.__withAccordion_16wu2_gg_,.___SRow_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._accordionType_row_16wu2_gg_.__expanded_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_16wu2_gg_._theme_muted_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_16wu2_gg_._theme_info_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_16wu2_gg_._theme_success_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_16wu2_gg_._theme_warning_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_16wu2_gg_._theme_danger_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:not(._accordionType_row_16wu2_gg_.__expanded_16wu2_gg_):hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_muted_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_muted_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_muted_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_info_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_info_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_info_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_info_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_info_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_info_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_success_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_success_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_success_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_success_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_success_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_success_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_warning_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_warning_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_warning_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_danger_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_danger_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_danger_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_16wu2_gg_._theme_muted_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_16wu2_gg_._theme_muted_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_muted_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_16wu2_gg_._theme_info_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_16wu2_gg_._theme_info_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_info_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_16wu2_gg_._theme_success_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_16wu2_gg_._theme_success_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_success_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_16wu2_gg_._theme_warning_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_16wu2_gg_._theme_warning_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_warning_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_16wu2_gg_._theme_danger_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_16wu2_gg_._theme_danger_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_danger_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_16wu2_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_.__expanded_16wu2_gg_ svg{transform:rotate(90deg)}.___SCell_16wu2_gg_.__withoutBorder_16wu2_gg_{border-bottom:none}.___SCell_16wu2_gg_.__withAccordion_16wu2_gg_,.___SCell_16wu2_gg_._name_Symbol\\(SELECT_ALL\\)_16wu2_gg_,.___SRow_16wu2_gg_._accordionType_row_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_{cursor:pointer}.___SCheckboxCell_16wu2_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_16wu2_gg_._use_primary_16wu2_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_16wu2_gg_._use_primary_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SCell_16wu2_gg_._use_secondary_16wu2_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_16wu2_gg_._use_secondary_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SCell_16wu2_gg_._borders_both_16wu2_gg_,.___SCell_16wu2_gg_._borders_left_16wu2_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_16wu2_gg_._borders_both_16wu2_gg_,.___SCell_16wu2_gg_._borders_right_16wu2_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_16wu2_gg_.__fixed_16wu2_gg_{position:sticky;z-index:2}.___SCell_16wu2_gg_._theme_muted_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_16wu2_gg_._theme_info_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_16wu2_gg_._theme_success_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_16wu2_gg_._theme_warning_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_16wu2_gg_._theme_danger_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_16wu2_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_16wu2_gg_:focus-visible{z-index:15}.___SSpinContainer_16wu2_gg_.__headerHeight_16wu2_gg_{top:var(--headerHeight_16wu2)}.___SEmptyData_16wu2_gg_{grid-column:1/-1}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_,.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level],.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_16wu2) - 1)))}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:last-child .___SCell_16wu2_gg_,.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:last-child .___SCell_16wu2_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_16wu2_gg_.__fixed_16wu2_gg_.__shadowVertical_16wu2_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_gg_{margin-right:-5px}.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_:after,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_ .___SCell_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_gg_ .___SCell_16wu2_gg_{margin-right:5px}.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_gg_{margin-left:-5px}.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_:after,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_ .___SCell_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_gg_ .___SCell_16wu2_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_16wu2_gg_.__gridArea_16wu2_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_16wu2);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_16wu2_gg_.__left_16wu2_gg_{position:sticky;left:var(---left_16wu2)}.___SCell_16wu2_gg_.__innerOutline_16wu2_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"16wu2_gg_"),
22
18
  /*__reshadow_css_end__*/
23
19
  {
24
- "__SBody": "___SBody_17cjj_gg_",
25
- "__SRow": "___SRow_17cjj_gg_",
26
- "__SRowGroup": "___SRowGroup_17cjj_gg_",
27
- "__SAccordionRows": "___SAccordionRows_17cjj_gg_",
28
- "--gridRow": "--gridRow_17cjj",
29
- "--duration": "--duration_17cjj",
30
- "_gridArea": "__gridArea_17cjj_gg_",
31
- "__SCellWrapper": "___SCellWrapper_17cjj_gg_",
32
- "__SCollapseRow": "___SCollapseRow_17cjj_gg_",
33
- "--gridArea": "--gridArea_17cjj",
34
- "_isAccordionRow": "__isAccordionRow_17cjj_gg_",
35
- "__SCell": "___SCell_17cjj_gg_",
36
- "_withoutBorder": "__withoutBorder_17cjj_gg_",
37
- "_active": "__active_17cjj_gg_",
38
- "_theme": "__theme_17cjj_gg_",
39
- "_accordionType_row": "_accordionType_row_17cjj_gg_",
40
- "_expanded": "__expanded_17cjj_gg_",
41
- "_withAccordion": "__withAccordion_17cjj_gg_",
42
- "_theme_muted": "_theme_muted_17cjj_gg_",
43
- "_theme_info": "_theme_info_17cjj_gg_",
44
- "_theme_success": "_theme_success_17cjj_gg_",
45
- "_theme_warning": "_theme_warning_17cjj_gg_",
46
- "_theme_danger": "_theme_danger_17cjj_gg_",
47
- "_isNonInteractive": "__isNonInteractive_17cjj_gg_",
48
- "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_17cjj_gg_",
49
- "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_17cjj_gg_",
50
- "__SCheckboxCell": "___SCheckboxCell_17cjj_gg_",
51
- "_borders_both": "_borders_both_17cjj_gg_",
52
- "_borders_left": "_borders_left_17cjj_gg_",
53
- "_borders_right": "_borders_right_17cjj_gg_",
54
- "_fixed": "__fixed_17cjj_gg_",
55
- "__SSpinContainer": "___SSpinContainer_17cjj_gg_",
56
- "_headerHeight": "__headerHeight_17cjj_gg_",
57
- "--headerHeight": "--headerHeight_17cjj",
58
- "__SEmptyData": "___SEmptyData_17cjj_gg_",
59
- "_left": "__left_17cjj_gg_",
60
- "---left": "---left_17cjj",
61
- "_innerOutline": "__innerOutline_17cjj_gg_",
62
- "_compact": "__compact_17cjj_gg_",
63
- "--data-aria-level": "--data-aria-level_17cjj",
64
- "_sideIndents_wide": "_sideIndents_wide_17cjj_gg_",
65
- "__SAccordionToggle": "___SAccordionToggle_17cjj_gg_",
66
- "_use_primary": "_use_primary_17cjj_gg_",
67
- "_use_secondary": "_use_secondary_17cjj_gg_",
68
- "_shadowVertical": "__shadowVertical_17cjj_gg_",
69
- "_fixed_left": "_fixed_left_17cjj_gg_",
70
- "_shadowVertical_median": "_shadowVertical_median_17cjj_gg_",
71
- "_shadowVertical_start": "_shadowVertical_start_17cjj_gg_",
72
- "_fixed_right": "_fixed_right_17cjj_gg_",
73
- "_shadowVertical_end": "_shadowVertical_end_17cjj_gg_"
20
+ "__SBody": "___SBody_16wu2_gg_",
21
+ "__SRow": "___SRow_16wu2_gg_",
22
+ "__SRowGroup": "___SRowGroup_16wu2_gg_",
23
+ "__SAccordionRows": "___SAccordionRows_16wu2_gg_",
24
+ "--gridRow": "--gridRow_16wu2",
25
+ "--duration": "--duration_16wu2",
26
+ "_gridArea": "__gridArea_16wu2_gg_",
27
+ "__SCellWrapper": "___SCellWrapper_16wu2_gg_",
28
+ "__SCollapseRow": "___SCollapseRow_16wu2_gg_",
29
+ "--gridArea": "--gridArea_16wu2",
30
+ "_isAccordionRow": "__isAccordionRow_16wu2_gg_",
31
+ "__SCell": "___SCell_16wu2_gg_",
32
+ "_withoutBorder": "__withoutBorder_16wu2_gg_",
33
+ "_active": "__active_16wu2_gg_",
34
+ "_theme": "__theme_16wu2_gg_",
35
+ "_accordionType_row": "_accordionType_row_16wu2_gg_",
36
+ "_expanded": "__expanded_16wu2_gg_",
37
+ "_withAccordion": "__withAccordion_16wu2_gg_",
38
+ "_theme_muted": "_theme_muted_16wu2_gg_",
39
+ "_theme_info": "_theme_info_16wu2_gg_",
40
+ "_theme_success": "_theme_success_16wu2_gg_",
41
+ "_theme_warning": "_theme_warning_16wu2_gg_",
42
+ "_theme_danger": "_theme_danger_16wu2_gg_",
43
+ "_isNonInteractive": "__isNonInteractive_16wu2_gg_",
44
+ "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_16wu2_gg_",
45
+ "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_16wu2_gg_",
46
+ "__SCheckboxCell": "___SCheckboxCell_16wu2_gg_",
47
+ "_borders_both": "_borders_both_16wu2_gg_",
48
+ "_borders_left": "_borders_left_16wu2_gg_",
49
+ "_borders_right": "_borders_right_16wu2_gg_",
50
+ "_fixed": "__fixed_16wu2_gg_",
51
+ "__SSpinContainer": "___SSpinContainer_16wu2_gg_",
52
+ "_headerHeight": "__headerHeight_16wu2_gg_",
53
+ "--headerHeight": "--headerHeight_16wu2",
54
+ "__SEmptyData": "___SEmptyData_16wu2_gg_",
55
+ "_left": "__left_16wu2_gg_",
56
+ "---left": "---left_16wu2",
57
+ "_innerOutline": "__innerOutline_16wu2_gg_",
58
+ "_compact": "__compact_16wu2_gg_",
59
+ "--data-aria-level": "--data-aria-level_16wu2",
60
+ "_sideIndents_wide": "_sideIndents_wide_16wu2_gg_",
61
+ "__SAccordionToggle": "___SAccordionToggle_16wu2_gg_",
62
+ "_use_primary": "_use_primary_16wu2_gg_",
63
+ "_use_secondary": "_use_secondary_16wu2_gg_",
64
+ "_shadowVertical": "__shadowVertical_16wu2_gg_",
65
+ "_fixed_left": "_fixed_left_16wu2_gg_",
66
+ "_shadowVertical_median": "_shadowVertical_median_16wu2_gg_",
67
+ "_shadowVertical_start": "_shadowVertical_start_16wu2_gg_",
68
+ "_fixed_right": "_fixed_right_16wu2_gg_",
69
+ "_shadowVertical_end": "_shadowVertical_end_16wu2_gg_"
74
70
  });
75
- var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
76
- function LimitOverlayRoot() {
77
- var _this;
78
- (0, _classCallCheck2["default"])(this, LimitOverlayRoot);
79
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
80
- args[_key] = arguments[_key];
81
- }
82
- _this = (0, _callSuper2["default"])(this, LimitOverlayRoot, [].concat(args));
83
- (0, _defineProperty2["default"])(_this, "lockedCell", [null, false]);
84
- (0, _defineProperty2["default"])(_this, "limitWrapperRef", /*#__PURE__*/React.createRef());
85
- (0, _defineProperty2["default"])(_this, "handleFocusableCellKeyDown", function (e) {
86
- (0, _focusableCell.handleKeydownFocusCell)(_this.lockedCell, e);
71
+ class LimitOverlayRoot extends _core.Component {
72
+ constructor(...args) {
73
+ super(...args);
74
+ (0, _defineProperty2.default)(this, "lockedCell", [null, false]);
75
+ (0, _defineProperty2.default)(this, "limitWrapperRef", /*#__PURE__*/React.createRef());
76
+ (0, _defineProperty2.default)(this, "handleFocusableCellKeyDown", e => {
77
+ (0, _focusableCell.handleKeydownFocusCell)(this.lockedCell, e);
87
78
  });
88
- (0, _defineProperty2["default"])(_this, "handleFocusableCellFocus", function (e) {
89
- var tableElement = _this.asProps.tableRef.current;
79
+ (0, _defineProperty2.default)(this, "handleFocusableCellFocus", e => {
80
+ const tableElement = this.asProps.tableRef.current;
90
81
  if (tableElement && !(0, _hasParent.hasParent)(e.relatedTarget, tableElement)) {
91
82
  if (e.target instanceof HTMLElement) {
92
83
  e.target.dataset.skipTargetFocus = 'true';
@@ -95,98 +86,91 @@ var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
95
86
  if (e.target instanceof HTMLElement) {
96
87
  e.target.dataset.skipTargetFocus = undefined;
97
88
  }
98
- (0, _focusableCell.handleFocusCell)(_this.lockedCell, e.target, e.currentTarget);
89
+ (0, _focusableCell.handleFocusCell)(this.lockedCell, e.target, e.currentTarget);
99
90
  }
100
91
  });
101
- return _this;
102
92
  }
103
- (0, _inherits2["default"])(LimitOverlayRoot, _Component);
104
- return (0, _createClass2["default"])(LimitOverlayRoot, [{
105
- key: "limitOverlayGridArea",
106
- get: function get() {
107
- var _this$asProps = this.asProps,
108
- columns = _this$asProps.columns,
109
- hasGroups = _this$asProps.hasGroups,
110
- flatRows = _this$asProps.flatRows,
111
- limit = _this$asProps.limit;
112
- var fromRow = limit.fromRow,
113
- fromColumn = limit.fromColumn;
114
- var rowOffset = hasGroups ? 3 : 2;
115
- var rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][_DataTable.GRID_ROW_INDEX] : rowOffset;
116
- var rowEnd = rowOffset;
117
- var lastRow = flatRows[flatRows.length - 1];
118
- if (lastRow[_DataTable.ACCORDION]) {
119
- rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[_DataTable.ACCORDION]) ? lastRow[_DataTable.ACCORDION].length : 1);
120
- } else {
121
- rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1;
122
- }
123
- var columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
124
- var columnEnd = columns.length + 1;
125
- return "".concat(rowStart, " / ").concat(columnStart, " / ").concat(rowEnd, " / ").concat(columnEnd);
93
+ get limitOverlayGridArea() {
94
+ const {
95
+ columns,
96
+ hasGroups,
97
+ flatRows,
98
+ limit
99
+ } = this.asProps;
100
+ const {
101
+ fromRow,
102
+ fromColumn
103
+ } = limit;
104
+ const rowOffset = hasGroups ? 3 : 2;
105
+ const rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][_DataTable.GRID_ROW_INDEX] : rowOffset;
106
+ let rowEnd = rowOffset;
107
+ const lastRow = flatRows[flatRows.length - 1];
108
+ if (lastRow[_DataTable.ACCORDION]) {
109
+ rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[_DataTable.ACCORDION]) ? lastRow[_DataTable.ACCORDION].length : 1);
110
+ } else {
111
+ rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1;
126
112
  }
127
- }, {
128
- key: "sizes",
129
- get: function get() {
130
- var _this$asProps2 = this.asProps,
131
- scrollAreaRef = _this$asProps2.scrollAreaRef,
132
- columns = _this$asProps2.columns;
133
- if (columns.some(function (c) {
134
- return c.fixed;
135
- }) && this.limitWrapperRef.current && scrollAreaRef.current) {
136
- var scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
137
- var limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
138
- var left = limitWrapperRect.x - scrollAreaRect.x;
139
- var width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
140
- return {
141
- left: left,
142
- width: width
143
- };
144
- }
113
+ const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
114
+ const columnEnd = columns.length + 1;
115
+ return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;
116
+ }
117
+ get sizes() {
118
+ const {
119
+ scrollAreaRef,
120
+ columns
121
+ } = this.asProps;
122
+ if (columns.some(c => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {
123
+ const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
124
+ const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
125
+ const left = limitWrapperRect.x - scrollAreaRect.x;
126
+ const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
145
127
  return {
146
- left: 0,
147
- width: 0
128
+ left,
129
+ width
148
130
  };
149
131
  }
150
- }, {
151
- key: "render",
152
- value: function render() {
153
- var _ref;
154
- var SLimitOverlayCellWrapper = _baseComponents.Flex;
155
- var _this$asProps3 = this.asProps,
156
- columns = _this$asProps3.columns,
157
- rows = _this$asProps3.rows,
158
- styles = _this$asProps3.styles,
159
- limit = _this$asProps3.limit;
160
- var rowsLimit = limit.fromRow;
161
- var columnsLimit = limit.fromColumn;
162
- var renderOverlay = limit.renderOverlay;
163
- var colIndex = columnsLimit ? columnsLimit + 1 : 1;
164
- var colSpan = columns.length - (columnsLimit !== null && columnsLimit !== void 0 ? columnsLimit : 0);
165
- var rowsSpan = rows.length - (rowsLimit !== null && rowsLimit !== void 0 ? rowsLimit : 0);
166
- var _this$sizes = this.sizes,
167
- width = _this$sizes.width,
168
- left = _this$sizes.left;
169
- return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
170
- "ref": this.limitWrapperRef,
171
- "gridArea": this.limitOverlayGridArea,
172
- "w": width ? width : undefined,
173
- "left": left ? left : undefined,
174
- "onClick": function onClick(e) {
175
- return e.stopPropagation();
176
- }
177
- }), /*#__PURE__*/React.createElement(_baseComponents.Box, _ref.cn("Box", {
178
- "role": 'gridcell',
179
- "aria-colindex": colIndex,
180
- "aria-colspan": colSpan,
181
- "aria-rowspan": rowsSpan,
182
- "tabIndex": -1,
183
- "onFocus": this.handleFocusableCellFocus,
184
- "onKeyDown": this.handleFocusableCellKeyDown
185
- }), renderOverlay === null || renderOverlay === void 0 ? void 0 : renderOverlay()));
186
- }
187
- }]);
188
- }(_core.Component);
189
- (0, _defineProperty2["default"])(LimitOverlayRoot, "displayName", 'LimitOverlay');
190
- (0, _defineProperty2["default"])(LimitOverlayRoot, "style", style);
191
- var LimitOverlay = exports.LimitOverlay = (0, _core.createComponent)(LimitOverlayRoot);
132
+ return {
133
+ left: 0,
134
+ width: 0
135
+ };
136
+ }
137
+ render() {
138
+ var _ref;
139
+ const SLimitOverlayCellWrapper = _baseComponents.Flex;
140
+ const {
141
+ columns,
142
+ rows,
143
+ styles,
144
+ limit
145
+ } = this.asProps;
146
+ const rowsLimit = limit.fromRow;
147
+ const columnsLimit = limit.fromColumn;
148
+ const renderOverlay = limit.renderOverlay;
149
+ const colIndex = columnsLimit ? columnsLimit + 1 : 1;
150
+ const colSpan = columns.length - (columnsLimit ?? 0);
151
+ const rowsSpan = rows.length - (rowsLimit ?? 0);
152
+ const {
153
+ width,
154
+ left
155
+ } = this.sizes;
156
+ return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
157
+ "ref": this.limitWrapperRef,
158
+ "gridArea": this.limitOverlayGridArea,
159
+ "w": width ? width : undefined,
160
+ "left": left ? left : undefined,
161
+ "onClick": e => e.stopPropagation()
162
+ }), /*#__PURE__*/React.createElement(_baseComponents.Box, _ref.cn("Box", {
163
+ "role": 'gridcell',
164
+ "aria-colindex": colIndex,
165
+ "aria-colspan": colSpan,
166
+ "aria-rowspan": rowsSpan,
167
+ "tabIndex": -1,
168
+ "onFocus": this.handleFocusableCellFocus,
169
+ "onKeyDown": this.handleFocusableCellKeyDown
170
+ }), renderOverlay?.()));
171
+ }
172
+ }
173
+ (0, _defineProperty2.default)(LimitOverlayRoot, "displayName", 'LimitOverlay');
174
+ (0, _defineProperty2.default)(LimitOverlayRoot, "style", style);
175
+ const LimitOverlay = exports.LimitOverlay = (0, _core.createComponent)(LimitOverlayRoot);
192
176
  //# sourceMappingURL=LimitOverlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LimitOverlay.js","names":["_core","require","_baseComponents","_hasParent","React","_interopRequireWildcard","_focusableCell","_DataTable","style","sstyled","insert","LimitOverlayRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","e","handleKeydownFocusCell","lockedCell","tableElement","asProps","tableRef","current","hasParent","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","handleFocusCell","currentTarget","_inherits2","_createClass2","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","GRID_ROW_INDEX","rowEnd","lastRow","ACCORDION","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","Flex","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","onClick","stopPropagation","Box","handleFocusableCellFocus","handleFocusableCellKeyDown","Component","LimitOverlay","exports","createComponent"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n columns: DTColumn[];\n rows: DTRows<UniqKeyType>;\n limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n flatRows: DTRow<UniqKeyType>[];\n hasGroups: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n limitWrapperRef = React.createRef<HTMLDivElement>();\n\n static displayName = 'LimitOverlay';\n static style = style;\n\n get limitOverlayGridArea() {\n const {\n columns,\n hasGroups,\n flatRows,\n limit,\n } = this.asProps;\n\n const { fromRow, fromColumn } = limit;\n\n const rowOffset = hasGroups ? 3 : 2;\n\n const rowStart = fromRow !== undefined\n ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n : rowOffset;\n let rowEnd = rowOffset;\n\n const lastRow = flatRows[flatRows.length - 1];\n if (lastRow[ACCORDION]) {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n } else {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n }\n\n const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n const columnEnd = columns.length + 1;\n\n return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n }\n\n get sizes() {\n const { scrollAreaRef, columns } = this.asProps;\n\n if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n const left = limitWrapperRect.x - scrollAreaRect.x;\n const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n return {\n left,\n width,\n };\n }\n\n return {\n left: 0,\n width: 0,\n };\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n const tableElement = this.asProps.tableRef.current;\n if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = 'true';\n }\n } else {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = undefined;\n }\n\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n }\n };\n\n render() {\n const SLimitOverlayCellWrapper = Flex;\n const { columns, rows, styles, limit } = this.asProps;\n\n const rowsLimit = limit.fromRow;\n const columnsLimit = limit.fromColumn;\n const renderOverlay = limit.renderOverlay;\n\n const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n const colSpan = columns.length - (columnsLimit ?? 0);\n const rowsSpan = rows.length - (rowsLimit ?? 0);\n const { width, left } = this.sizes;\n\n return sstyled(styles)(\n <SLimitOverlayCellWrapper\n ref={this.limitWrapperRef}\n // @ts-ignore\n gridArea={this.limitOverlayGridArea}\n w={width ? width : undefined}\n left={left ? left : undefined}\n onClick={(e) => e.stopPropagation()}\n >\n <Box\n role='gridcell'\n aria-colindex={colIndex}\n aria-colspan={colSpan}\n aria-rowspan={rowsSpan}\n tabIndex={-1}\n onFocus={this.handleFocusableCellFocus}\n onKeyDown={this.handleFocusableCellKeyDown}\n >\n {renderOverlay?.()}\n </Box>\n </SLimitOverlayCellWrapper>,\n );\n }\n}\n\ntype LimitOverlayType = (<\n UniqKeyType,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"LimitOverlay.js","names":["_core","require","_baseComponents","_hasParent","React","_interopRequireWildcard","_focusableCell","_DataTable","style","sstyled","insert","LimitOverlayRoot","Component","constructor","args","_defineProperty2","default","createRef","e","handleKeydownFocusCell","lockedCell","tableElement","asProps","tableRef","current","hasParent","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","handleFocusCell","currentTarget","limitOverlayGridArea","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","GRID_ROW_INDEX","rowEnd","lastRow","length","ACCORDION","Array","isArray","columnStart","columnEnd","sizes","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","render","_ref","SLimitOverlayCellWrapper","Flex","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","createElement","cn","stopPropagation","Box","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay","exports","createComponent"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n columns: DTColumn[];\n rows: DTRows<UniqKeyType>;\n limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n flatRows: DTRow<UniqKeyType>[];\n hasGroups: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n limitWrapperRef = React.createRef<HTMLDivElement>();\n\n static displayName = 'LimitOverlay';\n static style = style;\n\n get limitOverlayGridArea() {\n const {\n columns,\n hasGroups,\n flatRows,\n limit,\n } = this.asProps;\n\n const { fromRow, fromColumn } = limit;\n\n const rowOffset = hasGroups ? 3 : 2;\n\n const rowStart = fromRow !== undefined\n ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n : rowOffset;\n let rowEnd = rowOffset;\n\n const lastRow = flatRows[flatRows.length - 1];\n if (lastRow[ACCORDION]) {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n } else {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n }\n\n const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n const columnEnd = columns.length + 1;\n\n return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n }\n\n get sizes() {\n const { scrollAreaRef, columns } = this.asProps;\n\n if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n const left = limitWrapperRect.x - scrollAreaRect.x;\n const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n return {\n left,\n width,\n };\n }\n\n return {\n left: 0,\n width: 0,\n };\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n const tableElement = this.asProps.tableRef.current;\n if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = 'true';\n }\n } else {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = undefined;\n }\n\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n }\n };\n\n render() {\n const SLimitOverlayCellWrapper = Flex;\n const { columns, rows, styles, limit } = this.asProps;\n\n const rowsLimit = limit.fromRow;\n const columnsLimit = limit.fromColumn;\n const renderOverlay = limit.renderOverlay;\n\n const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n const colSpan = columns.length - (columnsLimit ?? 0);\n const rowsSpan = rows.length - (rowsLimit ?? 0);\n const { width, left } = this.sizes;\n\n return sstyled(styles)(\n <SLimitOverlayCellWrapper\n ref={this.limitWrapperRef}\n // @ts-ignore\n gridArea={this.limitOverlayGridArea}\n w={width ? width : undefined}\n left={left ? left : undefined}\n onClick={(e) => e.stopPropagation()}\n >\n <Box\n role='gridcell'\n aria-colindex={colIndex}\n aria-colspan={colSpan}\n aria-rowspan={rowsSpan}\n tabIndex={-1}\n onFocus={this.handleFocusableCellFocus}\n onKeyDown={this.handleFocusableCellKeyDown}\n >\n {renderOverlay?.()}\n </Box>\n </SLimitOverlayCellWrapper>,\n );\n }\n}\n\ntype LimitOverlayType = (<\n UniqKeyType,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":"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","ignoreList":[]}