@semcore/data-table 16.5.3 → 17.0.0-prerelease.18

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":["Box","Flex","Root","sstyled","createComponent","Component","getFocusableIn","isFocusInside","isInteractiveElement","React","MergedColumnsCell","MergedRowsCell","styles","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","CellRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","lockedCell","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","colIndex","_inherits","_createClass","key","value","componentWillUnmount","_this$asProps2","virtualScroll","tableRef","_tableRef$current","setAttribute","render","_ref","_ref2","SCellWrapper","SCell","_this$asProps3","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","dataKey","scope","gridArea","fromRow","fromCol","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","_objectSpread","_assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Cell"],"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":["Box","Flex","Root","sstyled","createComponent","Component","getFocusableIn","isFocusInside","isInteractiveElement","React","MergedColumnsCell","MergedRowsCell","styles","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","CellRoot","constructor","args","_defineProperty","createRef","e","lockedCell","target","currentTarget","rowIndex","columnIndex","onClick","row","accordionRowIndex","asProps","rowElement","parentElement","ariaRowindex","Number","getAttribute","rowIndexValue","undefined","isNaN","focusableChildren","Array","from","cellRef","current","children","flatMap","node","length","colIndex","componentWillUnmount","virtualScroll","tableRef","setAttribute","render","_ref","_ref2","SCellWrapper","SCell","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","dataKey","scope","gridArea","fromRow","fromCol","value","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","_assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Cell"],"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":";;;AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,0BAA0B;AACpD,SAASC,IAAI,EAAEC,OAAO,EAAEC,eAAe,EAAEC,SAAS,QAAQ,eAAe;AACzE,SAASC,cAAc,QAAQ,mDAAmD;AAClF,SAASC,aAAa,QAAQ,kDAAkD;AAChF,SAASC,oBAAoB,QAAQ,8CAA8C;AACnF,OAAO,KAAKC,KAAK,MAAM,OAAO;AAG9B,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,eAAe;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlE,SAASC,eAAe,EAAEC,sBAAsB,QAAQ,+BAA+B;AAGvF,MAAMC,QAAQ,SAAkDZ,SAAS,CAAkE;EAAAa,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAChH,CAAC,IAAI,EAAE,KAAK,CAAC;IAAAA,eAAA,+BAK5BX,KAAK,CAACY,SAAS,CAAiB,CAAC;IAAAD,eAAA,qCASbE,CAAsB,IAAK;MACvDN,sBAAsB,CAAC,IAAI,CAACO,UAAU,EAAED,CAAC,CAAC;IAC5C,CAAC;IAAAF,eAAA,mCAE2BE,CAAmB,IAAK;MAClDP,eAAe,CAAC,IAAI,CAACQ,UAAU,EAAED,CAAC,CAACE,MAAM,EAAEF,CAAC,CAACG,aAAa,CAAC;IAC7D,CAAC;IAAAL,eAAA,0BAEkBE,CAAoC,IAAK;MAC1D,MAAM;QAAEI,QAAQ;QAAEC,WAAW;QAAEC,OAAO;QAAEC,GAAG;QAAEC;MAAkB,CAAC,GAAG,IAAI,CAACC,OAAO;MAE/E,MAAMC,UAAU,GAAGV,CAAC,CAACG,aAAa,CAACQ,aAAa,EAAEA,aAAa;MAC/D,MAAMC,YAAY,GAAGC,MAAM,CAACH,UAAU,EAAEI,YAAY,CAAC,eAAe,CAAC,CAAC;MACtE,IAAIC,aAAa,GAAGP,iBAAiB,KAAKQ,SAAS,GAAGZ,QAAQ,GAAGA,QAAQ,GAAG,CAAC,GAAGI,iBAAiB;MAEjG,IAAI,CAACS,KAAK,CAACL,YAAY,CAAC,EAAE;QACxBG,aAAa,GAAGH,YAAY,GAAG,CAAC;MAClC;MAEA,MAAMM,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,OAAO,EAAEC,QAAQ,IAAI,EAAE,CAAC,CAACC,OAAO,CAAEC,IAAI,IACtFzC,cAAc,CAACyC,IAAmB,CACpC,CAAC;MAED,IAAIvC,oBAAoB,CAACc,CAAC,CAACE,MAAM,CAAC,IAAI,IAAI,CAACmB,OAAO,CAACC,OAAO,IAAIJ,iBAAiB,CAACQ,MAAM,GAAG,CAAC,EAAE;QAC1F,IAAI,CAACzB,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAACoB,OAAO,CAACC,OAAO;QACzC,IAAI,CAACrB,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI;MAC3B;MAEAK,OAAO,GAAGN,CAAC,EAAE;QAAEI,QAAQ,EAAEW,aAAa;QAAEY,QAAQ,EAAEtB,WAAW;QAAEE;MAAI,CAAC,CAAC;IACvE,CAAC;EAAA;EApCDqB,oBAAoBA,CAAA,EAAG;IACrB,MAAM;MAAEC,aAAa;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACrB,OAAO;IAChD,IAAIoB,aAAa,IAAI,IAAI,CAACR,OAAO,CAACC,OAAO,IAAIrC,aAAa,CAAC,IAAI,CAACoC,OAAO,CAACC,OAAO,CAAC,EAAE;MAChFQ,QAAQ,CAACR,OAAO,EAAES,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;IACjD;EACF;EAiCAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAxB,OAAA;MAAAyB,KAAA;IACP,MAAMC,YAAY,GAAGzD,GAAG;IACxB,MAAM0D,KAAK,GA8CGzD,IAAI;IA7ClB,MAAM;MACJ0D,QAAQ;MACR/C,MAAM;MACNgD,KAAK;MACL/B,GAAG;MACHgC,MAAM;MACNlC,WAAW;MACXmC,YAAY;MACZC;IACF,CAAC,GAAG,IAAI,CAAChC,OAAO;IAEhB,MAAMiC,IAAI,GAAGnC,GAAG,CAACgC,MAAM,CAACI,IAAI,CAAC;IAC7B,MAAMC,QAAQ,GAAGF,IAAI,YAAYtD,iBAAiB,GAAGsD,IAAI,CAACG,OAAO,GAAGN,MAAM,CAACI,IAAI;IAE/E,IAAIG,KAAqC,GAAG,IAAI;IAChD,IAAIC,QAA4B,GAAG/B,SAAS;IAE5C,MAAMgC,OAAO,GAAGR,YAAY;IAC5B,MAAMS,OAAO,GAAG5C,WAAW,GAAG,CAAC;IAE/B,IAAIqC,IAAI,YAAYtD,iBAAiB,EAAE;MACrC,IAAIsD,IAAI,CAACQ,KAAK,YAAY7D,cAAc,EAAE;QACxC0D,QAAQ,GAAG,GAAGC,OAAO,MAAMC,OAAO,MAAMD,OAAO,GAAGN,IAAI,CAACQ,KAAK,CAACC,SAAS,MAAMF,OAAO,GAAGP,IAAI,CAACU,YAAY,EAAE;QACzGN,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM;QACLC,QAAQ,GAAG,GAAGC,OAAO,MAAMC,OAAO,MAAMD,OAAO,GAAG,CAAC,MAAMC,OAAO,GAAGP,IAAI,CAACU,YAAY,EAAE;QACtFN,KAAK,GAAG,UAAU;MACpB;IACF,CAAC,MAAM,IAAIJ,IAAI,YAAYrD,cAAc,EAAE;MACzC0D,QAAQ,GAAG,GAAGC,OAAO,MAAMC,OAAO,MAAMD,OAAO,GAAGN,IAAI,CAACS,SAAS,MAAMF,OAAO,GAAG,CAAC,EAAE;MACnFH,KAAK,GAAG,UAAU;IACpB,CAAC,MAAM;MACLC,QAAQ,GAAG,GAAGC,OAAO,MAAMC,OAAO,MAAMD,OAAO,GAAG,CAAC,MAAMC,OAAO,GAAG,CAAC,EAAE;IACxE;IAEA,OAAAf,KAAA,GAAOrD,OAAO,CAACS,MAAM,CAAC,eACpBH,KAAA,CAAAkE,aAAA,CAAClB;IACC;IAAA,EAAAD,KAAA,CAAAoB,EAAA;MAAA,YACUP,QAAQ;MAAA,SACXR,MAAM,CAACgB,KAAK;MAAA,SACZjB,KAAK;MAAA,kBACIC,MAAM,CAACiB,kBAAkB,GAAGf,cAAc,GAAGzB;IAAS,iBAEtE7B,KAAA,CAAAkE,aAAA,CAACjB,KAAK,EAAAF,KAAA,CAAAoB,EAAA;MAAA,GAAAG,YAAA;QAAA,OACC,IAAI,CAACpC,OAAO;QAAA;QAAA,YAGP,CAAC,CAAC;QAAA,aACD,IAAI,CAACqC,0BAA0B;QAAA,WACjC,IAAI,CAACC,wBAAwB;QAAA,eACzB,IAAI,CAACC,eAAe;QAAA,QAC3BhB,QAAQ,CAACiB,QAAQ,CAAC,CAAC;QAAA,QACpB,UAAU;QAAA,iBACAxD,WAAW,GAAG,CAAC;QAAA,mBACbyC,KAAK;QAAA,SACfA,KAAK;QAAA,gBACEJ,IAAI,YAAYtD,iBAAiB,GAAGsD,IAAI,CAACU,YAAY,GAAGpC,SAAS;QAAA,gBACjE0B,IAAI,YAAYrD,cAAc,GACxCqD,IAAI,CAACS,SAAS,GACdT,IAAI,YAAYtD,iBAAiB,IAAIsD,IAAI,CAACQ,KAAK,YAAY7D,cAAc,GACvEqD,IAAI,CAACQ,KAAK,CAACC,SAAS,GACpBnC,SAAS;QAAA,YACL+B,QAAQ;QAAA,WACTR,MAAM,CAACuB,OAAO;QAAA,YACbvB,MAAM,CAACwB,QAAQ;QAAA,cACbxB,MAAM,CAACyB,UAAU;QAAA,gBACfzB,MAAM,CAAC0B,YAAY;QAAA,kBACjB1B,MAAM,CAAC2B,cAAc;QAAA,aAC1B3B,MAAM,CAAC4B;MAAS,GAAAlC,IAAA;IAAA,iBAE3B9C,KAAA,CAAAkE,aAAA,CAAChB,QAAQ,EAAAH,KAAA,CAAAoB,EAAA,gBAAE,CACN,CACK,CAAC;EAEnB;AACF;AAACxD,eAAA,CA5HKH,QAAQ,iBAGS,MAAM;AAAAG,eAAA,CAHvBH,QAAQ,WAIGL,MAAM;AA0HvB,OAAO,MAAM8E,IAAI,GAAGtF,eAAe,CAACa,QAAQ,CAAC","ignoreList":[]}
@@ -1,7 +1,3 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _callSuper from "@babel/runtime/helpers/callSuper";
4
- import _inherits from "@babel/runtime/helpers/inherits";
5
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
2
  import { sstyled as _sstyled } from "@semcore/core";
7
3
  import { Box, Flex } from '@semcore/base-components';
@@ -9,77 +5,72 @@ import { Component, createComponent, sstyled } from '@semcore/core';
9
5
  import { hasParent } from '@semcore/core/lib/utils/hasParent';
10
6
  import * as React from 'react';
11
7
  /*!__reshadow-styles__:"./style.shadow.css"*/
12
- var style = (/*__reshadow_css_start__*/_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_"),
8
+ const style = (/*__reshadow_css_start__*/_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_"),
13
9
  /*__reshadow_css_end__*/
14
10
  {
15
- "__SBody": "___SBody_17cjj_gg_",
16
- "__SRow": "___SRow_17cjj_gg_",
17
- "__SRowGroup": "___SRowGroup_17cjj_gg_",
18
- "__SAccordionRows": "___SAccordionRows_17cjj_gg_",
19
- "--gridRow": "--gridRow_17cjj",
20
- "--duration": "--duration_17cjj",
21
- "_gridArea": "__gridArea_17cjj_gg_",
22
- "__SCellWrapper": "___SCellWrapper_17cjj_gg_",
23
- "__SCollapseRow": "___SCollapseRow_17cjj_gg_",
24
- "--gridArea": "--gridArea_17cjj",
25
- "_isAccordionRow": "__isAccordionRow_17cjj_gg_",
26
- "__SCell": "___SCell_17cjj_gg_",
27
- "_withoutBorder": "__withoutBorder_17cjj_gg_",
28
- "_active": "__active_17cjj_gg_",
29
- "_theme": "__theme_17cjj_gg_",
30
- "_accordionType_row": "_accordionType_row_17cjj_gg_",
31
- "_expanded": "__expanded_17cjj_gg_",
32
- "_withAccordion": "__withAccordion_17cjj_gg_",
33
- "_theme_muted": "_theme_muted_17cjj_gg_",
34
- "_theme_info": "_theme_info_17cjj_gg_",
35
- "_theme_success": "_theme_success_17cjj_gg_",
36
- "_theme_warning": "_theme_warning_17cjj_gg_",
37
- "_theme_danger": "_theme_danger_17cjj_gg_",
38
- "_isNonInteractive": "__isNonInteractive_17cjj_gg_",
39
- "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_17cjj_gg_",
40
- "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_17cjj_gg_",
41
- "__SCheckboxCell": "___SCheckboxCell_17cjj_gg_",
42
- "_borders_both": "_borders_both_17cjj_gg_",
43
- "_borders_left": "_borders_left_17cjj_gg_",
44
- "_borders_right": "_borders_right_17cjj_gg_",
45
- "_fixed": "__fixed_17cjj_gg_",
46
- "__SSpinContainer": "___SSpinContainer_17cjj_gg_",
47
- "_headerHeight": "__headerHeight_17cjj_gg_",
48
- "--headerHeight": "--headerHeight_17cjj",
49
- "__SEmptyData": "___SEmptyData_17cjj_gg_",
50
- "_left": "__left_17cjj_gg_",
51
- "---left": "---left_17cjj",
52
- "_innerOutline": "__innerOutline_17cjj_gg_",
53
- "_compact": "__compact_17cjj_gg_",
54
- "--data-aria-level": "--data-aria-level_17cjj",
55
- "_sideIndents_wide": "_sideIndents_wide_17cjj_gg_",
56
- "__SAccordionToggle": "___SAccordionToggle_17cjj_gg_",
57
- "_use_primary": "_use_primary_17cjj_gg_",
58
- "_use_secondary": "_use_secondary_17cjj_gg_",
59
- "_shadowVertical": "__shadowVertical_17cjj_gg_",
60
- "_fixed_left": "_fixed_left_17cjj_gg_",
61
- "_shadowVertical_median": "_shadowVertical_median_17cjj_gg_",
62
- "_shadowVertical_start": "_shadowVertical_start_17cjj_gg_",
63
- "_fixed_right": "_fixed_right_17cjj_gg_",
64
- "_shadowVertical_end": "_shadowVertical_end_17cjj_gg_"
11
+ "__SBody": "___SBody_16wu2_gg_",
12
+ "__SRow": "___SRow_16wu2_gg_",
13
+ "__SRowGroup": "___SRowGroup_16wu2_gg_",
14
+ "__SAccordionRows": "___SAccordionRows_16wu2_gg_",
15
+ "--gridRow": "--gridRow_16wu2",
16
+ "--duration": "--duration_16wu2",
17
+ "_gridArea": "__gridArea_16wu2_gg_",
18
+ "__SCellWrapper": "___SCellWrapper_16wu2_gg_",
19
+ "__SCollapseRow": "___SCollapseRow_16wu2_gg_",
20
+ "--gridArea": "--gridArea_16wu2",
21
+ "_isAccordionRow": "__isAccordionRow_16wu2_gg_",
22
+ "__SCell": "___SCell_16wu2_gg_",
23
+ "_withoutBorder": "__withoutBorder_16wu2_gg_",
24
+ "_active": "__active_16wu2_gg_",
25
+ "_theme": "__theme_16wu2_gg_",
26
+ "_accordionType_row": "_accordionType_row_16wu2_gg_",
27
+ "_expanded": "__expanded_16wu2_gg_",
28
+ "_withAccordion": "__withAccordion_16wu2_gg_",
29
+ "_theme_muted": "_theme_muted_16wu2_gg_",
30
+ "_theme_info": "_theme_info_16wu2_gg_",
31
+ "_theme_success": "_theme_success_16wu2_gg_",
32
+ "_theme_warning": "_theme_warning_16wu2_gg_",
33
+ "_theme_danger": "_theme_danger_16wu2_gg_",
34
+ "_isNonInteractive": "__isNonInteractive_16wu2_gg_",
35
+ "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_16wu2_gg_",
36
+ "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_16wu2_gg_",
37
+ "__SCheckboxCell": "___SCheckboxCell_16wu2_gg_",
38
+ "_borders_both": "_borders_both_16wu2_gg_",
39
+ "_borders_left": "_borders_left_16wu2_gg_",
40
+ "_borders_right": "_borders_right_16wu2_gg_",
41
+ "_fixed": "__fixed_16wu2_gg_",
42
+ "__SSpinContainer": "___SSpinContainer_16wu2_gg_",
43
+ "_headerHeight": "__headerHeight_16wu2_gg_",
44
+ "--headerHeight": "--headerHeight_16wu2",
45
+ "__SEmptyData": "___SEmptyData_16wu2_gg_",
46
+ "_left": "__left_16wu2_gg_",
47
+ "---left": "---left_16wu2",
48
+ "_innerOutline": "__innerOutline_16wu2_gg_",
49
+ "_compact": "__compact_16wu2_gg_",
50
+ "--data-aria-level": "--data-aria-level_16wu2",
51
+ "_sideIndents_wide": "_sideIndents_wide_16wu2_gg_",
52
+ "__SAccordionToggle": "___SAccordionToggle_16wu2_gg_",
53
+ "_use_primary": "_use_primary_16wu2_gg_",
54
+ "_use_secondary": "_use_secondary_16wu2_gg_",
55
+ "_shadowVertical": "__shadowVertical_16wu2_gg_",
56
+ "_fixed_left": "_fixed_left_16wu2_gg_",
57
+ "_shadowVertical_median": "_shadowVertical_median_16wu2_gg_",
58
+ "_shadowVertical_start": "_shadowVertical_start_16wu2_gg_",
59
+ "_fixed_right": "_fixed_right_16wu2_gg_",
60
+ "_shadowVertical_end": "_shadowVertical_end_16wu2_gg_"
65
61
  });
66
62
  import { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';
67
63
  import { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';
68
- var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
69
- function LimitOverlayRoot() {
70
- var _this;
71
- _classCallCheck(this, LimitOverlayRoot);
72
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
73
- args[_key] = arguments[_key];
74
- }
75
- _this = _callSuper(this, LimitOverlayRoot, [].concat(args));
76
- _defineProperty(_this, "lockedCell", [null, false]);
77
- _defineProperty(_this, "limitWrapperRef", /*#__PURE__*/React.createRef());
78
- _defineProperty(_this, "handleFocusableCellKeyDown", function (e) {
79
- handleKeydownFocusCell(_this.lockedCell, e);
64
+ class LimitOverlayRoot extends Component {
65
+ constructor(...args) {
66
+ super(...args);
67
+ _defineProperty(this, "lockedCell", [null, false]);
68
+ _defineProperty(this, "limitWrapperRef", /*#__PURE__*/React.createRef());
69
+ _defineProperty(this, "handleFocusableCellKeyDown", e => {
70
+ handleKeydownFocusCell(this.lockedCell, e);
80
71
  });
81
- _defineProperty(_this, "handleFocusableCellFocus", function (e) {
82
- var tableElement = _this.asProps.tableRef.current;
72
+ _defineProperty(this, "handleFocusableCellFocus", e => {
73
+ const tableElement = this.asProps.tableRef.current;
83
74
  if (tableElement && !hasParent(e.relatedTarget, tableElement)) {
84
75
  if (e.target instanceof HTMLElement) {
85
76
  e.target.dataset.skipTargetFocus = 'true';
@@ -88,98 +79,91 @@ var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
88
79
  if (e.target instanceof HTMLElement) {
89
80
  e.target.dataset.skipTargetFocus = undefined;
90
81
  }
91
- handleFocusCell(_this.lockedCell, e.target, e.currentTarget);
82
+ handleFocusCell(this.lockedCell, e.target, e.currentTarget);
92
83
  }
93
84
  });
94
- return _this;
95
85
  }
96
- _inherits(LimitOverlayRoot, _Component);
97
- return _createClass(LimitOverlayRoot, [{
98
- key: "limitOverlayGridArea",
99
- get: function get() {
100
- var _this$asProps = this.asProps,
101
- columns = _this$asProps.columns,
102
- hasGroups = _this$asProps.hasGroups,
103
- flatRows = _this$asProps.flatRows,
104
- limit = _this$asProps.limit;
105
- var fromRow = limit.fromRow,
106
- fromColumn = limit.fromColumn;
107
- var rowOffset = hasGroups ? 3 : 2;
108
- var rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX] : rowOffset;
109
- var rowEnd = rowOffset;
110
- var lastRow = flatRows[flatRows.length - 1];
111
- if (lastRow[ACCORDION]) {
112
- rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);
113
- } else {
114
- rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;
115
- }
116
- var columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
117
- var columnEnd = columns.length + 1;
118
- return "".concat(rowStart, " / ").concat(columnStart, " / ").concat(rowEnd, " / ").concat(columnEnd);
86
+ get limitOverlayGridArea() {
87
+ const {
88
+ columns,
89
+ hasGroups,
90
+ flatRows,
91
+ limit
92
+ } = this.asProps;
93
+ const {
94
+ fromRow,
95
+ fromColumn
96
+ } = limit;
97
+ const rowOffset = hasGroups ? 3 : 2;
98
+ const rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX] : rowOffset;
99
+ let rowEnd = rowOffset;
100
+ const lastRow = flatRows[flatRows.length - 1];
101
+ if (lastRow[ACCORDION]) {
102
+ rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);
103
+ } else {
104
+ rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;
119
105
  }
120
- }, {
121
- key: "sizes",
122
- get: function get() {
123
- var _this$asProps2 = this.asProps,
124
- scrollAreaRef = _this$asProps2.scrollAreaRef,
125
- columns = _this$asProps2.columns;
126
- if (columns.some(function (c) {
127
- return c.fixed;
128
- }) && this.limitWrapperRef.current && scrollAreaRef.current) {
129
- var scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
130
- var limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
131
- var left = limitWrapperRect.x - scrollAreaRect.x;
132
- var width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
133
- return {
134
- left: left,
135
- width: width
136
- };
137
- }
106
+ const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
107
+ const columnEnd = columns.length + 1;
108
+ return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;
109
+ }
110
+ get sizes() {
111
+ const {
112
+ scrollAreaRef,
113
+ columns
114
+ } = this.asProps;
115
+ if (columns.some(c => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {
116
+ const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
117
+ const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
118
+ const left = limitWrapperRect.x - scrollAreaRect.x;
119
+ const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
138
120
  return {
139
- left: 0,
140
- width: 0
121
+ left,
122
+ width
141
123
  };
142
124
  }
143
- }, {
144
- key: "render",
145
- value: function render() {
146
- var _ref;
147
- var SLimitOverlayCellWrapper = Flex;
148
- var _this$asProps3 = this.asProps,
149
- columns = _this$asProps3.columns,
150
- rows = _this$asProps3.rows,
151
- styles = _this$asProps3.styles,
152
- limit = _this$asProps3.limit;
153
- var rowsLimit = limit.fromRow;
154
- var columnsLimit = limit.fromColumn;
155
- var renderOverlay = limit.renderOverlay;
156
- var colIndex = columnsLimit ? columnsLimit + 1 : 1;
157
- var colSpan = columns.length - (columnsLimit !== null && columnsLimit !== void 0 ? columnsLimit : 0);
158
- var rowsSpan = rows.length - (rowsLimit !== null && rowsLimit !== void 0 ? rowsLimit : 0);
159
- var _this$sizes = this.sizes,
160
- width = _this$sizes.width,
161
- left = _this$sizes.left;
162
- return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
163
- "ref": this.limitWrapperRef,
164
- "gridArea": this.limitOverlayGridArea,
165
- "w": width ? width : undefined,
166
- "left": left ? left : undefined,
167
- "onClick": function onClick(e) {
168
- return e.stopPropagation();
169
- }
170
- }), /*#__PURE__*/React.createElement(Box, _ref.cn("Box", {
171
- "role": 'gridcell',
172
- "aria-colindex": colIndex,
173
- "aria-colspan": colSpan,
174
- "aria-rowspan": rowsSpan,
175
- "tabIndex": -1,
176
- "onFocus": this.handleFocusableCellFocus,
177
- "onKeyDown": this.handleFocusableCellKeyDown
178
- }), renderOverlay === null || renderOverlay === void 0 ? void 0 : renderOverlay()));
179
- }
180
- }]);
181
- }(Component);
125
+ return {
126
+ left: 0,
127
+ width: 0
128
+ };
129
+ }
130
+ render() {
131
+ var _ref;
132
+ const SLimitOverlayCellWrapper = Flex;
133
+ const {
134
+ columns,
135
+ rows,
136
+ styles,
137
+ limit
138
+ } = this.asProps;
139
+ const rowsLimit = limit.fromRow;
140
+ const columnsLimit = limit.fromColumn;
141
+ const renderOverlay = limit.renderOverlay;
142
+ const colIndex = columnsLimit ? columnsLimit + 1 : 1;
143
+ const colSpan = columns.length - (columnsLimit ?? 0);
144
+ const rowsSpan = rows.length - (rowsLimit ?? 0);
145
+ const {
146
+ width,
147
+ left
148
+ } = this.sizes;
149
+ return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
150
+ "ref": this.limitWrapperRef,
151
+ "gridArea": this.limitOverlayGridArea,
152
+ "w": width ? width : undefined,
153
+ "left": left ? left : undefined,
154
+ "onClick": e => e.stopPropagation()
155
+ }), /*#__PURE__*/React.createElement(Box, _ref.cn("Box", {
156
+ "role": 'gridcell',
157
+ "aria-colindex": colIndex,
158
+ "aria-colspan": colSpan,
159
+ "aria-rowspan": rowsSpan,
160
+ "tabIndex": -1,
161
+ "onFocus": this.handleFocusableCellFocus,
162
+ "onKeyDown": this.handleFocusableCellKeyDown
163
+ }), renderOverlay?.()));
164
+ }
165
+ }
182
166
  _defineProperty(LimitOverlayRoot, "displayName", 'LimitOverlay');
183
167
  _defineProperty(LimitOverlayRoot, "style", style);
184
- export var LimitOverlay = createComponent(LimitOverlayRoot);
168
+ export const LimitOverlay = createComponent(LimitOverlayRoot);
185
169
  //# sourceMappingURL=LimitOverlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LimitOverlay.js","names":["Box","Flex","Component","createComponent","sstyled","hasParent","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","ACCORDION","GRID_ROW_INDEX","LimitOverlayRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","lockedCell","tableElement","asProps","tableRef","current","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","currentTarget","_inherits","_createClass","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","rowEnd","lastRow","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","onClick","stopPropagation","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay"],"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":["Box","Flex","Component","createComponent","sstyled","hasParent","React","style","_sstyled","insert","handleFocusCell","handleKeydownFocusCell","ACCORDION","GRID_ROW_INDEX","LimitOverlayRoot","constructor","args","_defineProperty","createRef","e","lockedCell","tableElement","asProps","tableRef","current","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","currentTarget","limitOverlayGridArea","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","rowEnd","lastRow","length","Array","isArray","columnStart","columnEnd","sizes","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","render","_ref","SLimitOverlayCellWrapper","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","createElement","cn","stopPropagation","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay"],"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,24 +1,24 @@
1
- import _createClass from "@babel/runtime/helpers/createClass";
2
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- export var MergedRowsCell = /*#__PURE__*/_createClass(function MergedRowsCell(value, rowsCount, accordion) {
5
- _classCallCheck(this, MergedRowsCell);
6
- _defineProperty(this, "value", void 0);
7
- _defineProperty(this, "rowsCount", void 0);
8
- _defineProperty(this, "accordion", void 0);
9
- this.value = value;
10
- this.rowsCount = rowsCount;
11
- this.accordion = accordion;
12
- });
13
- export var MergedColumnsCell = /*#__PURE__*/_createClass(function MergedColumnsCell(value, options, accordion) {
14
- _classCallCheck(this, MergedColumnsCell);
15
- _defineProperty(this, "value", void 0);
16
- _defineProperty(this, "columnsCount", void 0);
17
- _defineProperty(this, "dataKey", void 0);
18
- _defineProperty(this, "accordion", void 0);
19
- this.value = value;
20
- this.columnsCount = options.size;
21
- this.dataKey = options.dataKey;
22
- this.accordion = accordion;
23
- });
2
+ export class MergedRowsCell {
3
+ constructor(value, rowsCount, accordion) {
4
+ _defineProperty(this, "value", void 0);
5
+ _defineProperty(this, "rowsCount", void 0);
6
+ _defineProperty(this, "accordion", void 0);
7
+ this.value = value;
8
+ this.rowsCount = rowsCount;
9
+ this.accordion = accordion;
10
+ }
11
+ }
12
+ export class MergedColumnsCell {
13
+ constructor(value, options, accordion) {
14
+ _defineProperty(this, "value", void 0);
15
+ _defineProperty(this, "columnsCount", void 0);
16
+ _defineProperty(this, "dataKey", void 0);
17
+ _defineProperty(this, "accordion", void 0);
18
+ this.value = value;
19
+ this.columnsCount = options.size;
20
+ this.dataKey = options.dataKey;
21
+ this.accordion = accordion;
22
+ }
23
+ }
24
24
  //# sourceMappingURL=MergedCells.js.map