@semcore/data-table 17.0.1 → 17.0.2-prerelease.0

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","SelectableRows","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","constructor","args","_defineProperty","undefined","value","event","selectedRows","asProps","Array","isArray","idsSet","Set","selectableRows","forEach","row","add","delete","onChangeSelectAll","from","selectAll","clearAllAvailable","preventDefault","stopPropagation","handleSelectAll","componentDidMount","unsubscribeSelectAll","on","SELECT_ALL_EVENT","forceUpdate","unsubscribeSetIndeterminate","SET_INDETERMINATE_EVENT","componentWillUnmount","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","length","name","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","borders","parent","areAllRowsSelected","every","includes","isAllSelected","isIndeterminate","some","flatRows","mappedFlatRows","filter","r","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","indeterminate","createElement","Fragment","cn","_assignProps","join","toString","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","columnsName","c","_extends","key","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n    DataTableHeadProps,\n    [],\n    {},\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  private unsubscribeSelectAll: undefined | (() => void) = undefined;\n  private unsubscribeSetIndeterminate: undefined | (() => void) = undefined;\n\n  componentDidMount() {\n    const { selectedRows } = this.asProps;\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeSelectAll = selectedRows.on(SelectableRows.SELECT_ALL_EVENT, () => {\n        this.forceUpdate();\n      });\n\n      this.unsubscribeSetIndeterminate = selectedRows.on(SelectableRows.SET_INDETERMINATE_EVENT, () => {\n        this.forceUpdate();\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.unsubscribeSelectAll?.();\n    this.unsubscribeSetIndeterminate?.();\n  }\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(props: any, index: number) {\n    const { fixed, columns } = props;\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n    const groupColumns = columns ?? [];\n\n    const firstColumn = groupColumns[0];\n    const lastColumn = groupColumns[groupColumns.length - 1];\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstColumn) {\n      const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n      style,\n      scrollDirection,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n      scrollDirection,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n      scrollDirection,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      const idsSet = new Set<UniqKeyType>(selectedRows);\n\n      if (value) {\n        this.selectableRows.forEach((row) => {\n          idsSet.add(row[UNIQ_ROW_KEY]);\n        });\n      } else {\n        this.selectableRows.forEach((row) => {\n          idsSet.delete(row[UNIQ_ROW_KEY]);\n        });\n      }\n\n      this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n    } else if (selectedRows) {\n      if (value) {\n        selectedRows.selectAll();\n      } else {\n        selectedRows.clearAllAvailable();\n      }\n    }\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.handleSelectAll(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isAllSelected();\n    }\n  }\n\n  get isIndeterminate() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isIndeterminate();\n    }\n  }\n\n  get selectableRows(): DTRow<UniqKeyType>[] {\n    const { columns, flatRows } = this.asProps;\n    const mappedFlatRows = flatRows\n      .filter((r) => {\n        const nextColumnName = columns[1]?.name;\n        return r[nextColumnName] !== undefined;\n      });\n\n    return mappedFlatRows;\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n          isDataEmpty={isDataEmpty}\n          use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n          tabIndex={isDataEmpty ? 0 : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      const columnsName = column.columns?.map((c) => c.name).join('/');\n                      return (\n                        <DataTable.Head.Group\n                          key={columnsName}\n                          {...column}\n                          name={columnsName}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTable.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","SelectableRows","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","constructor","args","_defineProperty","undefined","value","event","selectedRows","asProps","Array","isArray","idsSet","Set","selectableRows","forEach","row","add","delete","onChangeSelectAll","from","selectAll","clearAllAvailable","preventDefault","stopPropagation","handleSelectAll","componentDidMount","unsubscribeSelectAll","on","SELECT_ALL_EVENT","forceUpdate","unsubscribeSetIndeterminate","SET_INDETERMINATE_EVENT","componentWillUnmount","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","length","name","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","borders","parent","areAllRowsSelected","every","includes","isAllSelected","isIndeterminate","some","flatRows","mappedFlatRows","filter","r","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","indeterminate","createElement","Fragment","cn","_assignProps","join","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","columnsName","c","_extends","key","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n    DataTableHeadProps,\n    [],\n    {},\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  private unsubscribeSelectAll: undefined | (() => void) = undefined;\n  private unsubscribeSetIndeterminate: undefined | (() => void) = undefined;\n\n  componentDidMount() {\n    const { selectedRows } = this.asProps;\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeSelectAll = selectedRows.on(SelectableRows.SELECT_ALL_EVENT, () => {\n        this.forceUpdate();\n      });\n\n      this.unsubscribeSetIndeterminate = selectedRows.on(SelectableRows.SET_INDETERMINATE_EVENT, () => {\n        this.forceUpdate();\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.unsubscribeSelectAll?.();\n    this.unsubscribeSetIndeterminate?.();\n  }\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(props: any, index: number) {\n    const { fixed, columns } = props;\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n    const groupColumns = columns ?? [];\n\n    const firstColumn = groupColumns[0];\n    const lastColumn = groupColumns[groupColumns.length - 1];\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstColumn) {\n      const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n      style,\n      scrollDirection,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n      scrollDirection,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n      scrollDirection,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      const idsSet = new Set<UniqKeyType>(selectedRows);\n\n      if (value) {\n        this.selectableRows.forEach((row) => {\n          idsSet.add(row[UNIQ_ROW_KEY]);\n        });\n      } else {\n        this.selectableRows.forEach((row) => {\n          idsSet.delete(row[UNIQ_ROW_KEY]);\n        });\n      }\n\n      this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n    } else if (selectedRows) {\n      if (value) {\n        selectedRows.selectAll();\n      } else {\n        selectedRows.clearAllAvailable();\n      }\n    }\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.handleSelectAll(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isAllSelected();\n    }\n  }\n\n  get isIndeterminate() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isIndeterminate();\n    }\n  }\n\n  get selectableRows(): DTRow<UniqKeyType>[] {\n    const { columns, flatRows } = this.asProps;\n    const mappedFlatRows = flatRows\n      .filter((r) => {\n        const nextColumnName = columns[1]?.name;\n        return r[nextColumnName] !== undefined;\n      });\n\n    return mappedFlatRows;\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n          isDataEmpty={isDataEmpty}\n          use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n          tabIndex={isDataEmpty ? 0 : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      const columnsName = column.columns?.map((c) => c.name).join('/');\n                      return (\n                        <DataTable.Head.Group\n                          key={columnsName}\n                          {...column}\n                          name={columnsName}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTable.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,EAAEC,gBAAgB,QAAQ,0BAA0B;AAChE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,SAAS,EAAEC,eAAe,EAAsBC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAE7F,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,QAAQ,SAAS;AAAC;AAAA,MAAAC,KAAA,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;AAAA;AAIhC,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,SAAS,EAAkBC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAG5F,MAAMC,QAAQ,SAIJd,SAAS,CAKf;EAAAe,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,+BAIuDC,SAAS;IAAAD,eAAA,sCACFC,SAAS;IAAAD,eAAA,0BAyHvD,CAACE,KAAc,EAAEC,KAAyC,KAAK;MAC/E,MAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACC,OAAO;MAErC,IAAIC,KAAK,CAACC,OAAO,CAACH,YAAY,CAAC,EAAE;QAC/B,MAAMI,MAAM,GAAG,IAAIC,GAAG,CAAcL,YAAY,CAAC;QAEjD,IAAIF,KAAK,EAAE;UACT,IAAI,CAACQ,cAAc,CAACC,OAAO,CAAEC,GAAG,IAAK;YACnCJ,MAAM,CAACK,GAAG,CAACD,GAAG,CAAChB,YAAY,CAAC,CAAC;UAC/B,CAAC,CAAC;QACJ,CAAC,MAAM;UACL,IAAI,CAACc,cAAc,CAACC,OAAO,CAAEC,GAAG,IAAK;YACnCJ,MAAM,CAACM,MAAM,CAACF,GAAG,CAAChB,YAAY,CAAC,CAAC;UAClC,CAAC,CAAC;QACJ;QAEA,IAAI,CAACS,OAAO,CAACU,iBAAiB,GAAGT,KAAK,CAACU,IAAI,CAACR,MAAM,CAAC,EAAEL,KAAK,CAAC;MAC7D,CAAC,MAAM,IAAIC,YAAY,EAAE;QACvB,IAAIF,KAAK,EAAE;UACTE,YAAY,CAACa,SAAS,CAAC,CAAC;QAC1B,CAAC,MAAM;UACLb,YAAY,CAACc,iBAAiB,CAAC,CAAC;QAClC;MACF;IACF,CAAC;IAAAlB,eAAA,+BAEuBE,KAAc,IAAMC,KAAyC,IAAK;MACxFA,KAAK,EAAEgB,cAAc,CAAC,CAAC;MACvBhB,KAAK,EAAEiB,eAAe,CAAC,CAAC;MAExB,IAAI,CAACC,eAAe,CAACnB,KAAK,EAAEC,KAAK,CAAC;IACpC,CAAC;EAAA;EAtJDmB,iBAAiBA,CAAA,EAAG;IAClB,MAAM;MAAElB;IAAa,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,IAAID,YAAY,IAAI,CAACE,KAAK,CAACC,OAAO,CAACH,YAAY,CAAC,EAAE;MAChD,IAAI,CAACmB,oBAAoB,GAAGnB,YAAY,CAACoB,EAAE,CAAC/B,cAAc,CAACgC,gBAAgB,EAAE,MAAM;QACjF,IAAI,CAACC,WAAW,CAAC,CAAC;MACpB,CAAC,CAAC;MAEF,IAAI,CAACC,2BAA2B,GAAGvB,YAAY,CAACoB,EAAE,CAAC/B,cAAc,CAACmC,uBAAuB,EAAE,MAAM;QAC/F,IAAI,CAACF,WAAW,CAAC,CAAC;MACpB,CAAC,CAAC;IACJ;EACF;EAEAG,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACN,oBAAoB,GAAG,CAAC;IAC7B,IAAI,CAACI,2BAA2B,GAAG,CAAC;EACtC;EAEAG,wBAAwBA,CAAA,EAAG;IACzB,MAAM;MAAEC;IAAI,CAAC,GAAG,IAAI,CAAC1B,OAAO;IAC5B,OAAO,GAAG0B,GAAG,4BAA4B;EAC3C;EAEAC,aAAaA,CAACC,KAAU,EAAEC,KAAa,EAAE;IACvC,MAAM;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAGH,KAAK;IAChC,MAAM;MAAEI,GAAG;MAAEC,gBAAgB;MAAEC,QAAQ;MAAEC,aAAa;MAAEC,cAAc;MAAEC,GAAG;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACtC,OAAO;IAC7G,MAAMuC,YAAY,GAAGR,OAAO,IAAI,EAAE;IAElC,MAAMS,WAAW,GAAGD,YAAY,CAAC,CAAC,CAAC;IACnC,MAAME,UAAU,GAAGF,YAAY,CAACA,YAAY,CAACG,MAAM,GAAG,CAAC,CAAC;IAExD,MAAMzD,KAAU,GAAG,CAAC,CAAC;IAErB,IAAI6C,KAAK,KAAK,MAAM,IAAIU,WAAW,EAAE;MACnC,MAAM,CAACG,IAAI,EAAE9C,KAAK,CAAC,GAAGsC,aAAa,CAAC;QAAEQ,IAAI,EAAEH,WAAW,CAACG,IAAI;QAAEb,KAAK,EAAE;MAAO,CAAC,CAAC;MAC9E,IAAIa,IAAI,KAAK/C,SAAS,IAAIC,KAAK,KAAKD,SAAS,EAAE;QAC7CX,KAAK,CAAC0D,IAAI,CAAC,GAAG9C,KAAK;MACrB;IACF;IACA,IAAIiC,KAAK,KAAK,OAAO,IAAIW,UAAU,EAAE;MACnC,MAAM,CAACE,IAAI,EAAE9C,KAAK,CAAC,GAAGsC,aAAa,CAAC;QAAEQ,IAAI,EAAEF,UAAU,CAACE,IAAI;QAAEb,KAAK,EAAE;MAAQ,CAAC,CAAC;MAC9E,IAAIa,IAAI,KAAK/C,SAAS,IAAIC,KAAK,KAAKD,SAAS,EAAE;QAC7CX,KAAK,CAAC0D,IAAI,CAAC,GAAG9C,KAAK;MACrB;IACF;IACA,IAAIwC,GAAG,IAAIC,eAAe,KAAK,YAAY,EAAE;MAC3CrD,KAAK,CAACoD,GAAG,GAAG,GAAGA,GAAG,IAAI;IACxB;IAEA,OAAO;MACLL,GAAG;MACHY,QAAQ,EAAEX,gBAAgB,CAACY,GAAG,CAAChB,KAAK,CAAC;MACrCiB,UAAU,EAAEZ,QAAQ,KAAKtC,SAAS;MAClCuC,aAAa;MACbC,cAAc,EAAGI,WAAW,CAACO,kBAAkB,IAAIN,UAAU,CAACM,kBAAkB,GAAIX,cAAc,GAAGxC,SAAS;MAC9GX,KAAK;MACLqD;IACF,CAAC;EACH;EAEAU,cAAcA,CAACC,CAAM,EAAEpB,KAAa,EAAE;IACpC,MAAM;MACJG,GAAG;MACHD,OAAO;MACPmB,IAAI;MACJC,YAAY;MACZC,QAAQ;MACRC,mBAAmB;MACnBC,iBAAiB;MACjBC,MAAM;MACNlB,GAAG;MACHtC,YAAY;MACZyD,CAAC;MACDrB,aAAa;MACbsB,WAAW;MACXrB,cAAc;MACdE;IACF,CAAC,GAAG,IAAI,CAACtC,OAAO;IAChB,MAAM0D,MAAM,GAAG3B,OAAO,CAACF,KAAK,CAAC;IAE7B,IAAIA,KAAK,KAAK,CAAC,IAAI9B,YAAY,IAAIgC,OAAO,CAACF,KAAK,GAAG,CAAC,CAAC,CAACC,KAAK,EAAE;MAC3D4B,MAAM,CAAC5B,KAAK,GAAG,MAAM;IACvB;IAEA,MAAM,CAACa,IAAI,EAAE9C,KAAK,CAAC,GAAGsC,aAAa,CAACuB,MAAM,CAAC;IAC3C,MAAMzE,KAAU,GAAG,CAAC,CAAC;IAErB,IAAIoD,GAAG,IAAIC,eAAe,KAAK,YAAY,EAAE;MAC3CrD,KAAK,CAACoD,GAAG,GAAG,GAAGA,GAAG,IAAI;IACxB;IAEA,IAAIM,IAAI,KAAK/C,SAAS,IAAIC,KAAK,KAAKD,SAAS,EAAE;MAC7CX,KAAK,CAAC0D,IAAI,CAAC,GAAG9C,KAAK;IACrB;IAEA,OAAO;MACLmC,GAAG;MACH,eAAe,EAAEH,KAAK,GAAG,CAAC;MAC1B5C,KAAK;MACL,UAAU,EAAEyE,MAAM,CAACd,QAAQ;MAC3B,OAAO,EAAEc,MAAM,CAAC5B,KAAK;MACrByB,MAAM;MACN,SAAS,EAAEG,MAAM,CAACC,OAAO;MACzBT,IAAI;MACJC,YAAY;MACZ,QAAQ,EAAEO,MAAM,CAACE,MAAM;MACvB,0BAA0B,EAAE,IAAI,CAACnC,wBAAwB,CAAC,CAAC;MAC3D,aAAa,EAAEI,KAAK;MACpBuB,QAAQ;MACRC,mBAAmB;MACnBC,iBAAiB;MACjBE,CAAC;MACD,SAAS,EAAEC,WAAW;MACtB,gBAAgB,EAAEC,MAAM,CAACX,kBAAkB,GAAGX,cAAc,GAAGxC,SAAS;MACxE0C;IACF,CAAC;EACH;EAmCA,IAAIuB,kBAAkBA,CAAA,EAAG;IACvB,MAAM;MAAE9D;IAAa,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,IAAIC,KAAK,CAACC,OAAO,CAACH,YAAY,CAAC,EAAE;MAC/B,OAAOA,YAAY,CAAC2C,MAAM,GAAG,CAAC,IAAI,IAAI,CAACrC,cAAc,CAACyD,KAAK,CAAEvD,GAAG,IAAKR,YAAY,EAAEgE,QAAQ,CAACxD,GAAG,CAAChB,YAAY,CAAC,CAAC,CAAC;IACjH,CAAC,MAAM,IAAIQ,YAAY,EAAE;MACvB,OAAOA,YAAY,CAACiE,aAAa,CAAC,CAAC;IACrC;EACF;EAEA,IAAIC,eAAeA,CAAA,EAAG;IACpB,MAAM;MAAElE;IAAa,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,IAAIC,KAAK,CAACC,OAAO,CAACH,YAAY,CAAC,EAAE;MAC/B,OAAO,IAAI,CAACM,cAAc,CAAC6D,IAAI,CAAE3D,GAAG,IAAKR,YAAY,EAAEgE,QAAQ,CAACxD,GAAG,CAAChB,YAAY,CAAC,CAAC,CAAC;IACrF,CAAC,MAAM,IAAIQ,YAAY,EAAE;MACvB,OAAOA,YAAY,CAACkE,eAAe,CAAC,CAAC;IACvC;EACF;EAEA,IAAI5D,cAAcA,CAAA,EAAyB;IACzC,MAAM;MAAE0B,OAAO;MAAEoC;IAAS,CAAC,GAAG,IAAI,CAACnE,OAAO;IAC1C,MAAMoE,cAAc,GAAGD,QAAQ,CAC5BE,MAAM,CAAEC,CAAC,IAAK;MACb,MAAMC,cAAc,GAAGxC,OAAO,CAAC,CAAC,CAAC,EAAEY,IAAI;MACvC,OAAO2B,CAAC,CAACC,cAAc,CAAC,KAAK3E,SAAS;IACxC,CAAC,CAAC;IAEJ,OAAOwE,cAAc;EACvB;EAEAI,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAzE,OAAA;MAAA0E,KAAA;IACP,MAAMC,KAAK,GAUGpG,GAAG;IATjB,MAAMqG,gBAAgB,GAAGC,IAAI,CAAC9F,MAAM;IACpC,MAAM;MAAE+F,QAAQ;MAAEC,MAAM;MAAEC,WAAW;MAAE9C,QAAQ;MAAE+C,WAAW;MAAElF,YAAY;MAAEwD,MAAM;MAAE2B,iBAAiB;MAAEC,WAAW;MAAE9B;IAAoB,CAAC,GAAG,IAAI,CAACrD,OAAO;IAExJ,MAAM6D,kBAAkB,GAAG,IAAI,CAACA,kBAAkB;IAClD,MAAMuB,aAAa,GAAG,IAAI,CAACnB,eAAe,IAAI,CAACJ,kBAAkB;IAEjE,OAAAa,KAAA,GAAO7F,OAAO,CAACkG,MAAM,CAAC,eACpBjG,KAAA,CAAAuG,aAAA,CAAAvG,KAAA,CAAAwG,QAAA,qBACExG,KAAA,CAAAuG,aAAA,CAACV,KAAK,EAAAD,KAAA,CAAAa,EAAA;MAAA,GAAAC,YAAA;QAAA,QAEC,KAAK;QAAA,iBACK,CAAC;QAAA,UACRjC,MAAM;QAAA,yBACS2B,iBAAiB,GAAG,GAAGA,iBAAiB,IAAI,GAAGtF,SAAS;QAAA,eAClEuF,WAAW;QAAA,2BACC9B,mBAAmB,CAACoC,IAAI,CAAC,GAAG,CAAC;QAAA,YAC5CN,WAAW,GAAG,CAAC,GAAGvF;MAAS,GAAA6E,IAAA;IAAA,IAEpC1E,YAAY,iBACXjB,KAAA,CAAAuG,aAAA,CAACT,gBAAgB,EAAAF,KAAA,CAAAa,EAAA;MAAA,QACTjG,UAAU;MAAA,WACP,IAAI,CAACoG,oBAAoB,CAAC,CAAC7B,kBAAkB;IAAC,iBAEvD/E,KAAA,CAAAuG,aAAA,CAAC5G,QAAQ,EAAAiG,KAAA,CAAAa,EAAA;MAAA,WACE1B,kBAAkB;MAAA,iBACZuB,aAAa;MAAA,cAChBJ,WAAW,CAAC,+CAA+C,CAAC;MAAA,YAC9D,IAAI,CAAChE;IAAe,iBAE9BlC,KAAA,CAAAuG,aAAA,CAAC5G,QAAQ,CAACkH,KAAK,qBACb7G,KAAA,CAAAuG,aAAA,CAAC5G,QAAQ,CAACkH,KAAK,CAACC,OAAO,MAAE,CAAC,eAC1B9G,KAAA,CAAAuG,aAAA,CAAC5G,QAAQ,CAACkH,KAAK,CAACE,SAAS;MAACC,EAAE,EAAE;IAAE,CAAE,CACpB,CACR,CACM,CACnB,EAEA5D,QAAQ,gBAEHpD,KAAA,CAAAuG,aAAA,CAACP,QAAQ,EAAAJ,KAAA,CAAAa,EAAA,gBAAE,CAAC,gBAGZzG,KAAA,CAAAuG,aAAA,CAAAvG,KAAA,CAAAwG,QAAA,QACGL,WAAW,CAACc,GAAG,CAAC,CAACrC,MAAM,EAAEsC,EAAE,KAAK;MAC/B,IAAI,SAAS,IAAItC,MAAM,EAAE;QACvB,MAAMuC,WAAW,GAAGvC,MAAM,CAAC3B,OAAO,EAAEgE,GAAG,CAAEG,CAAC,IAAKA,CAAC,CAACvD,IAAI,CAAC,CAAC8C,IAAI,CAAC,GAAG,CAAC;QAChE,oBACE3G,KAAA,CAAAuG,aAAA,CAAChG,SAAS,CAACwF,IAAI,CAAC7F,KAAK,EAAAmH,QAAA;UACnBC,GAAG,EAAEH;QAAY,GACbvC,MAAM;UACVf,IAAI,EAAEsD,WAAY;UAClBI,KAAK,EAAC;QAAE,EACT,CAAC;MAEN;MAEA,oBAAOvH,KAAA,CAAAuG,aAAA,CAAChG,SAAS,CAACwF,IAAI,CAAC9F,MAAM,EAAAoH,QAAA;QAACC,GAAG,EAAE1C,MAAM,CAACf;MAAK,GAAKe,MAAM,CAAG,CAAC;IAChE,CAAC,CACD,CAEH,CAAC,eAER5E,KAAA,CAAAuG,aAAA,CAAC7G,gBAAgB,EAAAkG,KAAA,CAAAa,EAAA;MAAA,eAAc,IAAI;MAAA,MAAM,IAAI,CAAC9D,wBAAwB,CAAC;IAAC,IACrEuD,WAAW,CAAC,gBAAgB,CACb,CAClB,CAAC;EAEP;AACF;AAACrF,eAAA,CA7QKH,QAAQ,iBAUS,MAAM;AAAAG,eAAA,CAVvBH,QAAQ,WAWGP,KAAK;AAoQtB,OAAO,MAAM4F,IAAI,GAAGlG,eAAe,CAACa,QAAQ,EAAE;EAAET,MAAM;EAAEC;AAAM,CAAC,CAU9D","ignoreList":[]}

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

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

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

@@ -13,15 +13,32 @@ SHead[animationDuration] > SColumn {
   transition: top var(--animationDuration) ease-out;
 }
 
-SHead[sticky] SColumn, SHead[sticky] SGroup {
-  position: sticky;
-  top: 0;
-  z-index: 18;
+@keyframes moveWithScroll {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(var(--global-scroll-to));
+  }
 }
 
-SHead[sticky] SGroupContainer > SColumn {
+SHead[withAnimation][sticky] SColumn, SHead[withAnimation][sticky] SGroup {
+  animation-name: moveWithScroll;
+  animation-timeline: --table-sticky-timeline;
+  animation-range-start: exit-crossing calc(-1 * var(--global-header-top));
+  animation-range-end: exit-crossing calc(100% - var(--global-header-top));
+  animation-timing-function: linear;
+  animation-fill-mode: both;
+
+  transform: none;
+}
+
+SHead[sticky] SColumn, SHead[sticky] SGroup {
   position: sticky;
+  top: 0;
   z-index: 18;
+  transform: translateY(var(--global-scroll-translate));
+  will-change: scroll-position;
 }
 
 SHead[compact] SColumn {

package/lib/es6/components/RowSelector/RowsSelector.js

@@ -75,15 +75,21 @@ export class RowSelector extends React.PureComponent {
       isCellHidden,
       theme,
       uid,
-      selectedRows
+      selectedRows,
+      fixed
     } = this.props;
     const rowUniqKey = row[UNIQ_ROW_KEY];
     const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;
+    const style = {};
+    if (fixed) {
+      style.left = 0;
+    }
     return /*#__PURE__*/React.createElement(SCheckboxCell, {
       row: row,
       rowIndex: rowIndex,
       column: {
-        name: SELECT_ALL.toString()
+        name: SELECT_ALL,
+        fixed
       },
       columnIndex: 0,
       gridRowIndex: gridRowIndex,
@@ -93,7 +99,9 @@ export class RowSelector extends React.PureComponent {
       "aria-hidden": isCellHidden,
       withAccordion: withAccordion,
       theme: theme,
-      "data-row-selector": true
+      "data-row-selector": true,
+      fixed: fixed,
+      style: style
     }, /*#__PURE__*/React.createElement(Checkbox, {
       checked: checked,
       "aria-labelledby": `${uid}_${rowUniqKey}_1`,

package/lib/es6/components/RowSelector/RowsSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowsSelector.js","names":["Checkbox","React","SelectableRows","Row","UNIQ_ROW_KEY","SELECT_ALL","RowSelector","PureComponent","constructor","props","_defineProperty","checked","undefined","value","event","row","rowIndex","onSelectRow","selectedRows","Array","isArray","toggle","preventDefault","stopPropagation","state","has","componentDidMount","unsubscribeToggle","on","TOGGLE_EVENT","key","setState","componentWillUnmount","render","SCheckboxCell","Cell","gridRowIndex","expanded","withAccordion","isAccordionRow","isCellHidden","theme","uid","rowUniqKey","includes","createElement","column","name","toString","columnIndex","onClick","handleClickCheckbox","onChange","handleSelectRow","Value"],"sources":["../../../../src/components/RowSelector/RowsSelector.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { Theme } from '../Body/Cell.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\n\ntype RowSelectorProps<UniqKeyType> = {\n  row: DTRow<UniqKeyType>;\n  rowIndex: number;\n  gridRowIndex: number;\n  expanded: boolean;\n  withAccordion: boolean;\n\n  uid: string;\n  theme?: Theme;\n  isCellHidden?: boolean;\n  isAccordionRow?: boolean;\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow<UniqKeyType>,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n};\n\ntype State = {\n  checked: boolean;\n};\n\nexport class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {\n  state: State = {\n    checked: false,\n  };\n\n  private unsubscribeToggle: undefined | (() => void) = undefined;\n\n  constructor(props: RowSelectorProps<UniqKeyType>) {\n    super(props);\n\n    const { row, selectedRows } = props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.state.checked = selectedRows.has(row[UNIQ_ROW_KEY]);\n    }\n  }\n\n  componentDidMount(): void {\n    const { row, selectedRows } = this.props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n        if (row[UNIQ_ROW_KEY] === key) {\n          this.setState({ checked: selectedRows.has(row[UNIQ_ROW_KEY]) });\n        }\n      });\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribeToggle?.();\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  render() {\n    const SCheckboxCell = Row.Cell;\n\n    const { row, rowIndex, gridRowIndex, expanded, withAccordion, isAccordionRow, isCellHidden, theme, uid, selectedRows } = this.props;\n    const rowUniqKey = row[UNIQ_ROW_KEY];\n\n    const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;\n\n    return (\n      <SCheckboxCell\n        row={row}\n        rowIndex={rowIndex}\n        column={{ name: SELECT_ALL.toString() }}\n        columnIndex={0}\n        gridRowIndex={gridRowIndex}\n        onClick={this.handleClickCheckbox(!checked)}\n        expanded={expanded}\n        isAccordionRow={isAccordionRow}\n        aria-hidden={isCellHidden}\n        withAccordion={withAccordion}\n        theme={theme}\n        data-row-selector\n      >\n        <Checkbox\n          checked={checked}\n          aria-labelledby={`${uid}_${rowUniqKey}_1`}\n          onChange={this.handleSelectRow}\n        >\n          <Checkbox.Value />\n        </Checkbox>\n      </SCheckboxCell>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowsSelector.js","names":["Checkbox","React","SelectableRows","Row","UNIQ_ROW_KEY","SELECT_ALL","RowSelector","PureComponent","constructor","props","_defineProperty","checked","undefined","value","event","row","rowIndex","onSelectRow","selectedRows","Array","isArray","toggle","preventDefault","stopPropagation","state","has","componentDidMount","unsubscribeToggle","on","TOGGLE_EVENT","key","setState","componentWillUnmount","render","SCheckboxCell","Cell","gridRowIndex","expanded","withAccordion","isAccordionRow","isCellHidden","theme","uid","fixed","rowUniqKey","includes","style","left","createElement","column","name","columnIndex","onClick","handleClickCheckbox","onChange","handleSelectRow","Value"],"sources":["../../../../src/components/RowSelector/RowsSelector.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { Theme } from '../Body/Cell.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\n\ntype RowSelectorProps<UniqKeyType> = {\n  row: DTRow<UniqKeyType>;\n  rowIndex: number;\n  gridRowIndex: number;\n  expanded: boolean;\n  withAccordion: boolean;\n\n  uid: string;\n  theme?: Theme;\n  isCellHidden?: boolean;\n  isAccordionRow?: boolean;\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow<UniqKeyType>,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n  fixed?: boolean;\n};\n\ntype State = {\n  checked: boolean;\n};\n\nexport class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {\n  state: State = {\n    checked: false,\n  };\n\n  private unsubscribeToggle: undefined | (() => void) = undefined;\n\n  constructor(props: RowSelectorProps<UniqKeyType>) {\n    super(props);\n\n    const { row, selectedRows } = props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.state.checked = selectedRows.has(row[UNIQ_ROW_KEY]);\n    }\n  }\n\n  componentDidMount(): void {\n    const { row, selectedRows } = this.props;\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeToggle = selectedRows.on(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n        if (row[UNIQ_ROW_KEY] === key) {\n          this.setState({ checked: selectedRows.has(row[UNIQ_ROW_KEY]) });\n        }\n      });\n    }\n  }\n\n  componentWillUnmount(): void {\n    this.unsubscribeToggle?.();\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n    onSelectRow?.(value, rowIndex, row, event);\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      selectedRows.toggle(value, row);\n    }\n  };\n\n  render() {\n    const SCheckboxCell = Row.Cell;\n\n    const {\n      row,\n      rowIndex,\n      gridRowIndex,\n      expanded,\n      withAccordion,\n      isAccordionRow,\n      isCellHidden,\n      theme,\n      uid,\n      selectedRows,\n      fixed,\n    } = this.props;\n    const rowUniqKey = row[UNIQ_ROW_KEY];\n\n    const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;\n    const style: CSSProperties = {};\n\n    if (fixed) {\n      style.left = 0;\n    }\n\n    return (\n      <SCheckboxCell\n        row={row}\n        rowIndex={rowIndex}\n        column={{ name: SELECT_ALL, fixed }}\n        columnIndex={0}\n        gridRowIndex={gridRowIndex}\n        onClick={this.handleClickCheckbox(!checked)}\n        expanded={expanded}\n        isAccordionRow={isAccordionRow}\n        aria-hidden={isCellHidden}\n        withAccordion={withAccordion}\n        theme={theme}\n        data-row-selector\n        fixed={fixed}\n        style={style}\n      >\n        <Checkbox\n          checked={checked}\n          aria-labelledby={`${uid}_${rowUniqKey}_1`}\n          onChange={this.handleSelectRow}\n        >\n          <Checkbox.Value />\n        </Checkbox>\n      </SCheckboxCell>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/enhancers/focusableCell.js

@@ -2,7 +2,6 @@ import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableI
 export function handleFocusCell(lockedCell, target, currentTarget) {
   if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {
     target.scrollIntoView({
-      behavior: 'smooth',
       block: 'center',
       inline: 'center'
     });
@@ -12,7 +11,6 @@ export function handleFocusCell(lockedCell, target, currentTarget) {
         focusVisible: true
       });
       focusableChildren[0].scrollIntoView({
-        behavior: 'smooth',
         block: 'center',
         inline: 'center'
       });

package/lib/es6/enhancers/focusableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusableCell.js","names":["getFocusableIn","handleFocusCell","lockedCell","target","currentTarget","HTMLElement","matches","scrollIntoView","behavior","block","inline","focusableChildren","Array","from","children","flatMap","node","length","focus","focusVisible","handleKeydownFocusCell","e","key","startsWith","stopPropagation","preventDefault","shiftKey"],"sources":["../../../src/enhancers/focusableCell.ts"],"sourcesContent":["import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport type * as React from 'react';\n\nexport type LockedCell = [HTMLElement | null, boolean];\n\nexport function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element) {\n  if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {\n    target.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'center',\n    });\n\n    const focusableChildren = Array.from(currentTarget.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (focusableChildren.length === 1) {\n      focusableChildren[0].focus({ focusVisible: true });\n      focusableChildren[0].scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'center',\n      });\n    } else if (focusableChildren.length > 1) {\n      lockedCell[0] = currentTarget;\n      lockedCell[1] = false;\n    }\n  }\n}\nexport function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void {\n  if (e.currentTarget === lockedCell[0]) {\n    const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (lockedCell[1]) {\n      if (e.key === 'Escape') {\n        lockedCell[0]?.focus({ focusVisible: true });\n        lockedCell[1] = false;\n      }\n      if (e.key.startsWith('Arrow')) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n      if (e.key === 'Tab') {\n        if (e.target === focusableChildren[0] && e.shiftKey) {\n          focusableChildren[focusableChildren.length - 1]?.focus({ focusVisible: true });\n          e.preventDefault();\n        } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n          focusableChildren[0]?.focus({ focusVisible: true });\n          e.preventDefault();\n        }\n        e.stopPropagation();\n      }\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      lockedCell[1] = true;\n      focusableChildren[0]?.focus({ focusVisible: true });\n    }\n  }\n}\n\nexport interface IFocusableCell {\n  lockedCell: LockedCell;\n  handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;\n  handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"focusableCell.js","names":["getFocusableIn","handleFocusCell","lockedCell","target","currentTarget","HTMLElement","matches","scrollIntoView","block","inline","focusableChildren","Array","from","children","flatMap","node","length","focus","focusVisible","handleKeydownFocusCell","e","key","startsWith","stopPropagation","preventDefault","shiftKey"],"sources":["../../../src/enhancers/focusableCell.ts"],"sourcesContent":["import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport type * as React from 'react';\n\nexport type LockedCell = [HTMLElement | null, boolean];\n\nexport function handleFocusCell(lockedCell: LockedCell, target: Element, currentTarget: Element) {\n  if (target instanceof HTMLElement && currentTarget instanceof HTMLElement && target === currentTarget && target.matches(':focus-visible')) {\n    target.scrollIntoView({\n      block: 'center',\n      inline: 'center',\n    });\n\n    const focusableChildren = Array.from(currentTarget.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (focusableChildren.length === 1) {\n      focusableChildren[0].focus({ focusVisible: true });\n      focusableChildren[0].scrollIntoView({\n        block: 'center',\n        inline: 'center',\n      });\n    } else if (focusableChildren.length > 1) {\n      lockedCell[0] = currentTarget;\n      lockedCell[1] = false;\n    }\n  }\n}\nexport function handleKeydownFocusCell(lockedCell: LockedCell, e: React.KeyboardEvent): void {\n  if (e.currentTarget === lockedCell[0]) {\n    const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (lockedCell[1]) {\n      if (e.key === 'Escape') {\n        lockedCell[0]?.focus({ focusVisible: true });\n        lockedCell[1] = false;\n      }\n      if (e.key.startsWith('Arrow')) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n      if (e.key === 'Tab') {\n        if (e.target === focusableChildren[0] && e.shiftKey) {\n          focusableChildren[focusableChildren.length - 1]?.focus({ focusVisible: true });\n          e.preventDefault();\n        } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n          focusableChildren[0]?.focus({ focusVisible: true });\n          e.preventDefault();\n        }\n        e.stopPropagation();\n      }\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      lockedCell[1] = true;\n      focusableChildren[0]?.focus({ focusVisible: true });\n    }\n  }\n}\n\nexport interface IFocusableCell {\n  lockedCell: LockedCell;\n  handleFocusableCellKeyDown: (e: React.KeyboardEvent) => void;\n  handleFocusableCellFocus: (e: React.FocusEvent<HTMLElement, HTMLElement>) => void;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 SScrollArea {
   width: fit-content;
 
+  view-timeline: --table-sticky-timeline block;
+
   SContainer {
     overflow: unset;
 

package/lib/esm/components/AccordionRows/AccordionRows.mjs

@@ -8,60 +8,60 @@ const styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_rfvh5_gg_,.___SRowGroup_rfvh5_gg_,.___SRow_rfvh5_gg_{display:contents}.___SAccordionRows_rfvh5_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_rfvh5);overflow:clip;transition-property:max-height;transition-duration:var(--duration_rfvh5);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SCell_rfvh5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SCell_rfvh5_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_rfvh5) - 1)))}.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SRow_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_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_rfvh5) - 1)))}.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SCollapseRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_gg_[data-aria-level],.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_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_rfvh5) - 1)))}.___SBody_rfvh5_gg_.__compact_rfvh5_gg_ .___SCell_rfvh5_gg_ .___SAccordionToggle_rfvh5_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_rfvh5_gg_.__gridArea_rfvh5_gg_,.___SCollapseRow_rfvh5_gg_.__gridArea_rfvh5_gg_,.___SRow_rfvh5_gg_.__gridArea_rfvh5_gg_{grid-area:var(--gridArea_rfvh5)}.___SCellWrapper_rfvh5_gg_{height:100%;overflow:hidden}.___SCollapseRow_rfvh5_gg_.__gridArea_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_,.___SRow_rfvh5_gg_.__isAccordionRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_{height:auto;overflow:auto}.___SAccordionRows_rfvh5_gg_>.___SRow_rfvh5_gg_.__isAccordionRow_rfvh5_gg_:last-child>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__withoutBorder_rfvh5_gg_),.___SCollapseRow_rfvh5_gg_.__gridArea_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__withoutBorder_rfvh5_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_{display:block}.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_).__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_,.___SRow_rfvh5_gg_._accordionType_row_rfvh5_gg_.__expanded_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_),.___SRow_rfvh5_gg_.__isAccordionRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),:not(.___SRowGroup_rfvh5_gg_:has([data-row-selector=true] input:checked))>.___SRow_rfvh5_gg_:not(._accordionType_row_rfvh5_gg_.__expanded_rfvh5_gg_):hover:not(.__isNonInteractive_rfvh5_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_._theme_muted_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]._theme_muted_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_._theme_muted_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_muted_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_._theme_muted_rfvh5_gg_:hover:not(.__expanded_rfvh5_gg_.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_muted_rfvh5_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_._theme_info_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]._theme_info_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_._theme_info_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_info_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has([data-row-selector=true] input:checked)>.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_._theme_info_rfvh5_gg_:hover:not(.__expanded_rfvh5_gg_.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRow_rfvh5_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_info_rfvh5_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_._theme_success_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]._theme_success_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_._theme_success_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_success_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_._theme_success_rfvh5_gg_:hover:not(.__expanded_rfvh5_gg_.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_success_rfvh5_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_._theme_warning_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]._theme_warning_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_._theme_warning_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_warning_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_._theme_warning_rfvh5_gg_:hover:not(.__expanded_rfvh5_gg_.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_warning_rfvh5_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_._theme_danger_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]._theme_danger_rfvh5_gg_:not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_._theme_danger_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not([aria-hidden]),.___SRowGroup_rfvh5_gg_:has(.___SCell_rfvh5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_rfvh5_gg_:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden])>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_danger_rfvh5_gg_:not([aria-hidden]),.___SRow_rfvh5_gg_._theme_danger_rfvh5_gg_:hover:not(.__expanded_rfvh5_gg_.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_:not(.__theme_rfvh5_gg_):not(.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_):not([aria-hidden]),.___SRow_rfvh5_gg_:hover:not(.__isNonInteractive_rfvh5_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_rfvh5_gg_:hover))>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_._theme_danger_rfvh5_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_rfvh5_gg_:has([data-row-selector=true] input:checked)>.___SRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_,.___SRow_rfvh5_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_rfvh5_gg_:has([data-row-selector=true] input:checked)>.___SRow_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_,.___SRow_rfvh5_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_rfvh5_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_rfvh5_gg_ .___SAccordionToggle_rfvh5_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_rfvh5_gg_ .___SAccordionToggle_rfvh5_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_rfvh5_gg_ .___SAccordionToggle_rfvh5_gg_.__expanded_rfvh5_gg_ svg{transform:rotate(90deg)}.___SCell_rfvh5_gg_.__withoutBorder_rfvh5_gg_{border-bottom:none}.___SCell_rfvh5_gg_._use_primary_rfvh5_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_rfvh5_gg_._use_primary_rfvh5_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_rfvh5) - 1)))}.___SCell_rfvh5_gg_._use_secondary_rfvh5_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_rfvh5_gg_._use_secondary_rfvh5_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_rfvh5) - 1)))}.___SCell_rfvh5_gg_._theme_muted_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_rfvh5_gg_._theme_muted_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_rfvh5_gg_._theme_info_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_rfvh5_gg_._theme_info_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_rfvh5_gg_._theme_success_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_rfvh5_gg_._theme_success_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_rfvh5_gg_._theme_warning_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_rfvh5_gg_._theme_warning_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_rfvh5_gg_._theme_danger_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_rfvh5_gg_._theme_danger_rfvh5_gg_.__expanded_rfvh5_gg_.__withAccordion_rfvh5_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_rfvh5_gg_._borders_both_rfvh5_gg_,.___SCell_rfvh5_gg_._borders_left_rfvh5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_rfvh5_gg_._borders_both_rfvh5_gg_,.___SCell_rfvh5_gg_._borders_right_rfvh5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_rfvh5_gg_.__innerOutline_rfvh5_gg_:focus-visible{transition:none}.___SCell_rfvh5_gg_.__withAccordion_rfvh5_gg_,.___SCell_rfvh5_gg_._name_Symbol\\(SELECT_ALL\\)_rfvh5_gg_,.___SRow_rfvh5_gg_._accordionType_row_rfvh5_gg_>.___SCellWrapper_rfvh5_gg_>.___SCell_rfvh5_gg_{cursor:pointer}.___SCheckboxCell_rfvh5_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_rfvh5_gg_.__fixed_rfvh5_gg_{position:sticky;z-index:2}.___SSpinContainer_rfvh5_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_rfvh5_gg_:focus-visible{z-index:15}.___SSpinContainer_rfvh5_gg_.__headerHeight_rfvh5_gg_{top:var(--headerHeight_rfvh5)}.___SEmptyData_rfvh5_gg_{grid-column:1/-1}.___SCollapseRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_gg_,.___SRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_gg_[data-aria-level],.___SRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:first-child .___SCell_rfvh5_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_rfvh5) - 1)))}.___SCollapseRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:last-child .___SCell_rfvh5_gg_,.___SRow_rfvh5_gg_._sideIndents_wide_rfvh5_gg_ .___SCellWrapper_rfvh5_gg_:last-child .___SCell_rfvh5_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_rfvh5_gg_.__fixed_rfvh5_gg_.__shadowVertical_rfvh5_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_median_rfvh5_gg_,.___SCellWrapper_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_start_rfvh5_gg_{margin-right:-5px}.___SCellWrapper_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_median_rfvh5_gg_:after,.___SCellWrapper_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_start_rfvh5_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_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_median_rfvh5_gg_ .___SCell_rfvh5_gg_,.___SCellWrapper_rfvh5_gg_._fixed_left_rfvh5_gg_._shadowVertical_start_rfvh5_gg_ .___SCell_rfvh5_gg_{margin-right:5px}.___SCellWrapper_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_end_rfvh5_gg_,.___SCellWrapper_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_median_rfvh5_gg_{margin-left:-5px}.___SCellWrapper_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_end_rfvh5_gg_:after,.___SCellWrapper_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_median_rfvh5_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_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_end_rfvh5_gg_ .___SCell_rfvh5_gg_,.___SCellWrapper_rfvh5_gg_._fixed_right_rfvh5_gg_._shadowVertical_median_rfvh5_gg_ .___SCell_rfvh5_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_rfvh5_gg_.__gridArea_rfvh5_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_rfvh5);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_rfvh5_gg_.__left_rfvh5_gg_{position:sticky;left:var(---left_rfvh5)}',
+    '.___SBody_1g75w_gg_,.___SRowGroup_1g75w_gg_,.___SRow_1g75w_gg_{display:contents}.___SAccordionRows_1g75w_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_1g75w);overflow:clip;transition-property:max-height;transition-duration:var(--duration_1g75w);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_,.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_,.___SRow_1g75w_gg_.__gridArea_1g75w_gg_{grid-area:var(--gridArea_1g75w)}.___SCellWrapper_1g75w_gg_{height:100%;overflow:hidden}.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_,.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_{height:auto;overflow:auto}.___SAccordionRows_1g75w_gg_>.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_:last-child>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_),.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{display:block}.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_).__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_),.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),:not(.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_):hover:not(.__isNonInteractive_1g75w_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_info_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_success_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_success_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_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_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_.__expanded_1g75w_gg_ svg{transform:rotate(90deg)}.___SCell_1g75w_gg_.__withoutBorder_1g75w_gg_{border-bottom:none}.___SCell_1g75w_gg_._use_primary_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_primary_1g75w_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_1g75w) - 1)))}.___SCell_1g75w_gg_._use_secondary_1g75w_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_secondary_1g75w_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_1g75w) - 1)))}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_left_1g75w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_right_1g75w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_.__innerOutline_1g75w_gg_:focus-visible{transition:none}.___SCell_1g75w_gg_.__withAccordion_1g75w_gg_,.___SCell_1g75w_gg_._name_SELECT_ALL_ROWS_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{cursor:pointer}.___SCheckboxCell_1g75w_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_{position:sticky;z-index:2}.___SSpinContainer_1g75w_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_1g75w_gg_:focus-visible{z-index:15}.___SSpinContainer_1g75w_gg_.__headerHeight_1g75w_gg_{top:var(--headerHeight_1g75w)}.___SEmptyData_1g75w_gg_{grid-column:1/-1}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_.__shadowVertical_1g75w_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_{margin-right:-5px}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_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_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_ .___SCell_1g75w_gg_{margin-right:5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_{margin-left:-5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_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_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_1g75w);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_1g75w_gg_.__left_1g75w_gg_{position:sticky;left:var(---left_1g75w)}',
     /*__inner_css_end__*/
-    "rfvh5_gg_"
+    "1g75w_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBody": "___SBody_rfvh5_gg_",
-    "__SRow": "___SRow_rfvh5_gg_",
-    "__SRowGroup": "___SRowGroup_rfvh5_gg_",
-    "__SAccordionRows": "___SAccordionRows_rfvh5_gg_",
-    "--gridRow": "--gridRow_rfvh5",
-    "--duration": "--duration_rfvh5",
-    "_gridArea": "__gridArea_rfvh5_gg_",
-    "__SCellWrapper": "___SCellWrapper_rfvh5_gg_",
-    "__SCollapseRow": "___SCollapseRow_rfvh5_gg_",
-    "--gridArea": "--gridArea_rfvh5",
-    "_isAccordionRow": "__isAccordionRow_rfvh5_gg_",
-    "__SCell": "___SCell_rfvh5_gg_",
-    "_withoutBorder": "__withoutBorder_rfvh5_gg_",
-    "_accordionType_row": "_accordionType_row_rfvh5_gg_",
-    "_expanded": "__expanded_rfvh5_gg_",
-    "_theme": "__theme_rfvh5_gg_",
-    "_withAccordion": "__withAccordion_rfvh5_gg_",
-    "_isNonInteractive": "__isNonInteractive_rfvh5_gg_",
-    "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_rfvh5_gg_",
-    "_theme_muted": "_theme_muted_rfvh5_gg_",
-    "_theme_info": "_theme_info_rfvh5_gg_",
-    "_theme_success": "_theme_success_rfvh5_gg_",
-    "_theme_warning": "_theme_warning_rfvh5_gg_",
-    "_theme_danger": "_theme_danger_rfvh5_gg_",
-    "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_rfvh5_gg_",
-    "__SCheckboxCell": "___SCheckboxCell_rfvh5_gg_",
-    "_fixed": "__fixed_rfvh5_gg_",
-    "__SEmptyData": "___SEmptyData_rfvh5_gg_",
-    "_left": "__left_rfvh5_gg_",
-    "---left": "---left_rfvh5",
-    "_compact": "__compact_rfvh5_gg_",
-    "--data-aria-level": "--data-aria-level_rfvh5",
-    "_sideIndents_wide": "_sideIndents_wide_rfvh5_gg_",
-    "__SAccordionToggle": "___SAccordionToggle_rfvh5_gg_",
-    "_use_primary": "_use_primary_rfvh5_gg_",
-    "_use_secondary": "_use_secondary_rfvh5_gg_",
-    "_borders_both": "_borders_both_rfvh5_gg_",
-    "_borders_left": "_borders_left_rfvh5_gg_",
-    "_borders_right": "_borders_right_rfvh5_gg_",
-    "_innerOutline": "__innerOutline_rfvh5_gg_",
-    "__SSpinContainer": "___SSpinContainer_rfvh5_gg_",
-    "_headerHeight": "__headerHeight_rfvh5_gg_",
-    "--headerHeight": "--headerHeight_rfvh5",
-    "_shadowVertical": "__shadowVertical_rfvh5_gg_",
-    "_fixed_left": "_fixed_left_rfvh5_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_rfvh5_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_rfvh5_gg_",
-    "_fixed_right": "_fixed_right_rfvh5_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_rfvh5_gg_"
+    "__SBody": "___SBody_1g75w_gg_",
+    "__SRow": "___SRow_1g75w_gg_",
+    "__SRowGroup": "___SRowGroup_1g75w_gg_",
+    "__SAccordionRows": "___SAccordionRows_1g75w_gg_",
+    "--gridRow": "--gridRow_1g75w",
+    "--duration": "--duration_1g75w",
+    "_gridArea": "__gridArea_1g75w_gg_",
+    "__SCellWrapper": "___SCellWrapper_1g75w_gg_",
+    "__SCollapseRow": "___SCollapseRow_1g75w_gg_",
+    "--gridArea": "--gridArea_1g75w",
+    "_isAccordionRow": "__isAccordionRow_1g75w_gg_",
+    "__SCell": "___SCell_1g75w_gg_",
+    "_withoutBorder": "__withoutBorder_1g75w_gg_",
+    "_accordionType_row": "_accordionType_row_1g75w_gg_",
+    "_expanded": "__expanded_1g75w_gg_",
+    "_theme": "__theme_1g75w_gg_",
+    "_withAccordion": "__withAccordion_1g75w_gg_",
+    "_isNonInteractive": "__isNonInteractive_1g75w_gg_",
+    "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_1g75w_gg_",
+    "_theme_muted": "_theme_muted_1g75w_gg_",
+    "_theme_info": "_theme_info_1g75w_gg_",
+    "_theme_success": "_theme_success_1g75w_gg_",
+    "_theme_warning": "_theme_warning_1g75w_gg_",
+    "_theme_danger": "_theme_danger_1g75w_gg_",
+    "_name_SELECT_ALL_ROWS": "_name_SELECT_ALL_ROWS_1g75w_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_1g75w_gg_",
+    "_fixed": "__fixed_1g75w_gg_",
+    "__SEmptyData": "___SEmptyData_1g75w_gg_",
+    "_left": "__left_1g75w_gg_",
+    "---left": "---left_1g75w",
+    "_compact": "__compact_1g75w_gg_",
+    "--data-aria-level": "--data-aria-level_1g75w",
+    "_sideIndents_wide": "_sideIndents_wide_1g75w_gg_",
+    "__SAccordionToggle": "___SAccordionToggle_1g75w_gg_",
+    "_use_primary": "_use_primary_1g75w_gg_",
+    "_use_secondary": "_use_secondary_1g75w_gg_",
+    "_borders_both": "_borders_both_1g75w_gg_",
+    "_borders_left": "_borders_left_1g75w_gg_",
+    "_borders_right": "_borders_right_1g75w_gg_",
+    "_innerOutline": "__innerOutline_1g75w_gg_",
+    "__SSpinContainer": "___SSpinContainer_1g75w_gg_",
+    "_headerHeight": "__headerHeight_1g75w_gg_",
+    "--headerHeight": "--headerHeight_1g75w",
+    "_shadowVertical": "__shadowVertical_1g75w_gg_",
+    "_fixed_left": "_fixed_left_1g75w_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1g75w_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1g75w_gg_",
+    "_fixed_right": "_fixed_right_1g75w_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1g75w_gg_"
   })
 );
 class AccordionRows extends React__default.PureComponent {