x-next 1.11.0 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AI_CODING.md +18 -1
- package/AI_USAGE/catalog.md +2 -2
- package/AI_USAGE/components/alert.md +2 -2
- package/AI_USAGE/components/bar-chart.md +6 -4
- package/AI_USAGE/components/button.md +3 -3
- package/AI_USAGE/components/checkbox.md +2 -2
- package/AI_USAGE/components/color-picker.md +2 -2
- package/AI_USAGE/components/config-provider.md +2 -2
- package/AI_USAGE/components/date-picker.md +2 -2
- package/AI_USAGE/components/dialog.md +2 -2
- package/AI_USAGE/components/dropdown.md +2 -2
- package/AI_USAGE/components/empty.md +2 -2
- package/AI_USAGE/components/input.md +3 -3
- package/AI_USAGE/components/line-chart.md +6 -4
- package/AI_USAGE/components/message-box.md +2 -2
- package/AI_USAGE/components/message.md +3 -3
- package/AI_USAGE/components/notification.md +4 -2
- package/AI_USAGE/components/pagination.md +2 -2
- package/AI_USAGE/components/pie-chart.md +2 -2
- package/AI_USAGE/components/popconfirm.md +2 -2
- package/AI_USAGE/components/popover.md +3 -3
- package/AI_USAGE/components/progress.md +4 -3
- package/AI_USAGE/components/radio.md +2 -2
- package/AI_USAGE/components/rate.md +2 -2
- package/AI_USAGE/components/select.md +3 -3
- package/AI_USAGE/components/slider.md +2 -2
- package/AI_USAGE/components/steps.md +2 -2
- package/AI_USAGE/components/switch.md +3 -3
- package/AI_USAGE/components/tabs.md +2 -2
- package/AI_USAGE/components/textarea.md +2 -2
- package/AI_USAGE/components/time-picker.md +3 -3
- package/AI_USAGE/components/upload.md +4 -4
- package/AI_USAGE/core.md +3 -3
- package/AI_USAGE/index.md +2 -2
- package/AI_USAGE/recipes/form-on-demand.md +11 -8
- package/AI_USAGE.md +36 -43
- package/CHANGELOG.md +34 -0
- package/dist/components/network/Network.vue.d.ts +1 -1
- package/dist/components/network/index.d.ts +3 -3
- package/dist/components/table/Table.d.ts +11 -0
- package/dist/components/table/context.d.ts +5 -0
- package/dist/components/table/dom-listeners.d.ts +23 -0
- package/dist/components/table/hooks/use-column-resize.d.ts +2 -1
- package/dist/components/table/hooks/use-drag.d.ts +6 -3
- package/dist/components/table/hooks/use-keyboard-navigation.d.ts +27 -0
- package/dist/components/table/hooks/use-sorter.d.ts +3 -1
- package/dist/components/table/index.d.ts +15 -0
- package/dist/components/table/interface.d.ts +9 -2
- package/dist/components/table/locale.d.ts +8 -7
- package/dist/components/table/table-operation-td.d.ts +34 -0
- package/dist/components/table/table-td.d.ts +36 -2
- package/dist/components/table/table-th.d.ts +34 -0
- package/dist/components/table/table-tr.d.ts +34 -0
- package/dist/components/trend-chart/components/TrendChart.d.ts +1 -1
- package/dist/components/trend-chart/index.d.ts +3 -3
- package/dist/components/upload/Upload.d.ts +1 -1
- package/dist/components/upload/index.d.ts +3 -3
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/dayjs.min.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/locale/zh-cn.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/advancedFormat.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/customParseFormat.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/isBetween.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/quarterOfYear.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/weekOfYear.js +1 -1
- package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/weekYear.js +1 -1
- package/dist/es/_container/resize-observer-v2.js +1 -1
- package/dist/es/_container/resize-observer.js +1 -1
- package/dist/es/_hooks/use-resize-observer.js +1 -1
- package/dist/es/_virtual/advancedFormat.js +1 -1
- package/dist/es/_virtual/customParseFormat.js +1 -1
- package/dist/es/_virtual/dayjs.min.js +1 -1
- package/dist/es/_virtual/isBetween.js +1 -1
- package/dist/es/_virtual/quarterOfYear.js +1 -1
- package/dist/es/_virtual/weekOfYear.js +1 -1
- package/dist/es/_virtual/weekYear.js +1 -1
- package/dist/es/_virtual/zh-cn.js +1 -1
- package/dist/es/components/draggable/useDraggable.js +1 -1
- package/dist/es/components/form/Form.vue2.js +1 -1
- package/dist/es/components/form/FormItem.vue2.js +1 -1
- package/dist/es/components/form-input-number/InputNumber.js +1 -1
- package/dist/es/components/form-slider/Slider.vue2.js +1 -1
- package/dist/es/components/form-slider/slider-ticks.vue2.js +1 -1
- package/dist/es/components/form-slider/utils.js +1 -1
- package/dist/es/components/menu/MenuItem.js +1 -1
- package/dist/es/components/menu/overflow-wrap.js +1 -1
- package/dist/es/components/progress/circle.vue2.js +1 -1
- package/dist/es/components/progress/line.vue2.js +1 -1
- package/dist/es/components/progress/steps.vue2.js +1 -1
- package/dist/es/components/rate/Rate.js +1 -1
- package/dist/es/components/table/Table.js +947 -713
- package/dist/es/components/table/dom-listeners.js +23 -0
- package/dist/es/components/table/hooks/use-column-resize.js +27 -18
- package/dist/es/components/table/hooks/use-column-sorter.js +22 -29
- package/dist/es/components/table/hooks/use-drag.js +23 -20
- package/dist/es/components/table/hooks/use-filter.js +43 -43
- package/dist/es/components/table/hooks/use-keyboard-navigation.js +69 -0
- package/dist/es/components/table/hooks/use-row-selection.js +33 -29
- package/dist/es/components/table/hooks/use-sorter.js +86 -38
- package/dist/es/components/table/hooks/use-span.js +28 -35
- package/dist/es/components/table/locale.js +27 -10
- package/dist/es/components/table/table-col-group.vue2.js +9 -9
- package/dist/es/components/table/table-operation-td.js +72 -51
- package/dist/es/components/table/table-operation-th.js +41 -34
- package/dist/es/components/table/table-td.js +100 -77
- package/dist/es/components/table/table-th.js +221 -188
- package/dist/es/components/table/table-tr.js +11 -8
- package/dist/es/components/table/utils.js +104 -94
- package/dist/es/components/virtual-list-v2/hooks/use-size.js +47 -41
- package/dist/es/components/virtual-list-v2/virtual-list-item.js +29 -16
- package/dist/es/locale/en-US.js +7 -1
- package/dist/es/locale/index.js +3 -3
- package/dist/es/locale/zh-CN.js +7 -1
- package/dist/es/style.css +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.umd.js +3 -3
- package/dist/locale/interface.d.ts +9 -0
- package/dist/style/space.css +1 -1
- package/dist/style/table.css +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/index.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/is.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/locale/en-US.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/array.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/base.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/boolean.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/custom.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/number.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/object.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/string.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/type.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/util.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/compute-scroll-into-view@3.1.1/node_modules/compute-scroll-into-view/dist/index.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/scroll-into-view-if-needed@3.1.0/node_modules/scroll-into-view-if-needed/dist/index.js +0 -0
- /package/dist/es/{node_modules → Users/xuyu/Code/x-next/node_modules}/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js +0 -0
|
@@ -25,6 +25,15 @@ export interface TableLocaleMessages {
|
|
|
25
25
|
/** 参数:{column} */
|
|
26
26
|
filterLabelText: string;
|
|
27
27
|
summaryText: string;
|
|
28
|
+
/** 参数:{row}。可选字段兼容既有自定义语言包。 */
|
|
29
|
+
expandRowText?: string;
|
|
30
|
+
collapseRowText?: string;
|
|
31
|
+
selectRowText?: string;
|
|
32
|
+
selectAllText?: string;
|
|
33
|
+
/** 参数:{column} */
|
|
34
|
+
resizeColumnText?: string;
|
|
35
|
+
/** 参数:{row} */
|
|
36
|
+
moveRowText?: string;
|
|
28
37
|
}
|
|
29
38
|
export interface DialogLocale {
|
|
30
39
|
okText: string;
|
package/dist/style/space.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.x-space{--x-space-color-split: var(--x-color-text-3);display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--horizontal-space-between{justify-content:space-between}.x-space--vertical{flex-direction:column}.x-space--vertical-center{align-items:center}.x-space--vertical-start{align-items:flex-start}.x-space--vertical-end{align-items:flex-end}.x-space--vertical-baseline{align-items:baseline}.x-space--vertical-space-between{justify-content:space-between}.x-space--split{color:var(--x-space-color-split, var(--x-color-text-3))}.x-space-block{display:flex}.x-space-fill{display:flex;width:100%}.x-space-fill--item{flex:1;min-width:0}
|
|
1
|
+
.x-space{--x-space-color-split: var(--x-color-text-3);display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--horizontal-space-between{justify-content:space-between}.x-space--vertical{flex-direction:column}.x-space--vertical-center{align-items:center}.x-space--vertical-start{align-items:flex-start}.x-space--vertical-end{align-items:flex-end}.x-space--vertical-baseline{align-items:baseline}.x-space--vertical-space-between{justify-content:space-between}.x-space--split{color:var(--x-space-color-split, var(--x-color-text-3))}.x-space-block{display:flex}.x-space-fill{display:flex;width:100%}.x-space-fill>.x-space--item{flex:1;min-width:0}.x-space-fill.x-space--vertical{align-items:stretch}.x-space-fill.x-space--vertical>.x-space--item{display:flex}
|
package/dist/style/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table-footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table .x-table--th--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table .x-table--td--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table-radio,.x-table-checkbox{justify-content:center}.x-table-checkbox .x-checkbox,.x-table-radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-up,.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon .x-icon-caret-up{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon .x-icon-caret-down{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon-caret-up,.x-table--sorter--icon .x-icon-caret-down{position:absolute;top:50%;color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--sorter--icon .x-icon-caret-up{top:var(--x-table-position-header-sorter-icon-up-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon .x-icon-caret-down{top:var(--x-table-position-header-sorter-icon-down-top);left:var(--x-table-position-header-sorter-icon-left)}.x-table--sorter--icon-active svg{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table.x-table--empty--header{overflow-x:auto}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table-tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table-tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table--tr-checked .x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:1;align-items:center}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}.x-virtual-list>.x-table--element{width:auto}
|
|
1
|
+
:root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table--column-handle:focus-visible{background-color:var(--x-table-color-border_resizing);outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table--footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table .x-table--th.x-table-col-fixed-left,.x-table .x-table--th.x-table-col-fixed-right{position:sticky}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table .x-table--expand-btn:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:2px}.x-table .x-table--drag-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:inherit;background:rgba(0,0,0,0);border:0;border-radius:var(--x-border-radius-small);cursor:grab;touch-action:none}.x-table .x-table--drag-button:active{cursor:grabbing}.x-table .x-table--drag-button:focus-visible,.x-table .x-table--tr[tabindex]:focus-visible,.x-table .x-table--td[tabindex]:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table--radio,.x-table--checkbox{justify-content:center}.x-table--checkbox .x-checkbox,.x-table--radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--th:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon:first-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon:last-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon{position:absolute;top:50%;left:50%;width:var(--x-table-font-size-header-sorter-icon);height:var(--x-table-font-size-header-sorter-icon);transform:translate(-50%, -50%);color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter .x-table--sorter--icon-active .x-icon,.x-table--cell-with-sorter:hover .x-table--sorter--icon-active .x-icon{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table-empty .x-table--header{overflow-x:auto}.x-table-sticky-header>.x-spin>.x-spin--children>.x-table--container,.x-table-sticky-header>.x-table--container{overflow:visible}.x-table-sticky-header .x-table--content>.x-table--body:last-child,.x-table-sticky-header .x-table--content>.x-table--tfoot:last-child{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-sticky-header .x-table--body:last-child>.x-scrollbar--container{border-radius:inherit}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table--tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td::before{background-color:var(--x-color-transparent)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:0 0 auto;align-items:center;min-width:0}.x-table-virtualized .x-table--body .x-table--td>.x-table--cell{width:100%;min-width:0}.x-table-virtualized .x-table--body .x-table--tr-expand>.x-table--td,.x-table-virtualized .x-table--body .x-table--tr-empty>.x-table--td{width:100%}.x-table .x-table--header-sticky{position:sticky}.x-table-virtualized .x-virtual-list>.x-table--element{display:block;width:100%}@media(prefers-reduced-motion: reduce){.x-table .x-table--th,.x-table .x-table--td,.x-table .x-table--expand-btn,.x-table .x-table--sorter--icon .x-icon,.x-table .x-table--filters,.x-table .x-table--filters::before,.x-table .x-table-col-fixed-left-last::after,.x-table .x-table-col-fixed-right-first::after,.x-table .x-table--container::before,.x-table .x-table--container::after{transition:none}}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}
|