@acorex/components 22.1.0-next.3 → 22.1.0-next.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/fesm2022/acorex-components-alert.mjs +2 -2
  2. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  3. package/fesm2022/acorex-components-combo-box.mjs +229 -25
  4. package/fesm2022/acorex-components-combo-box.mjs.map +1 -1
  5. package/fesm2022/{acorex-components-conversation-open-composer-picker-for-files-BuNEjswI.mjs → acorex-components-conversation-open-composer-picker-for-files-DnSW908R.mjs} +6 -19
  6. package/fesm2022/acorex-components-conversation-open-composer-picker-for-files-DnSW908R.mjs.map +1 -0
  7. package/fesm2022/acorex-components-conversation.mjs +7568 -9585
  8. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  9. package/fesm2022/acorex-components-data-table.mjs +57 -23
  10. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  11. package/fesm2022/acorex-components-decorators.mjs +2 -2
  12. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  13. package/fesm2022/acorex-components-dropdown.mjs +2 -2
  14. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  15. package/fesm2022/acorex-components-fab.mjs +5 -5
  16. package/fesm2022/acorex-components-fab.mjs.map +1 -1
  17. package/fesm2022/acorex-components-form.mjs +21 -5
  18. package/fesm2022/acorex-components-form.mjs.map +1 -1
  19. package/fesm2022/acorex-components-label.mjs +2 -2
  20. package/fesm2022/acorex-components-label.mjs.map +1 -1
  21. package/fesm2022/acorex-components-loading-dialog.mjs +59 -42
  22. package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
  23. package/fesm2022/acorex-components-lookup.mjs +1191 -171
  24. package/fesm2022/acorex-components-lookup.mjs.map +1 -1
  25. package/fesm2022/acorex-components-menu.mjs +11 -5
  26. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  27. package/fesm2022/acorex-components-notification.mjs +6 -6
  28. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  29. package/fesm2022/acorex-components-popover.mjs +22 -0
  30. package/fesm2022/acorex-components-popover.mjs.map +1 -1
  31. package/fesm2022/acorex-components-select-box.mjs +38 -11
  32. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  33. package/fesm2022/acorex-components-tabs.mjs +2 -2
  34. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  35. package/fesm2022/acorex-components-tag-box.mjs +2 -2
  36. package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
  37. package/fesm2022/acorex-components-tree-view.mjs +40 -3
  38. package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
  39. package/lookup/README.md +19 -8
  40. package/package.json +4 -7
  41. package/types/acorex-components-combo-box.d.ts +46 -9
  42. package/types/acorex-components-conversation.d.ts +663 -1293
  43. package/types/acorex-components-data-table.d.ts +12 -2
  44. package/types/acorex-components-loading-dialog.d.ts +12 -4
  45. package/types/acorex-components-lookup.d.ts +258 -64
  46. package/types/acorex-components-popover.d.ts +6 -0
  47. package/types/acorex-components-select-box.d.ts +11 -0
  48. package/types/acorex-components-tree-view.d.ts +9 -1
  49. package/fesm2022/acorex-components-conversation-open-composer-picker-for-files-BuNEjswI.mjs.map +0 -1
  50. package/fesm2022/acorex-components-selection-list-2.mjs +0 -168
  51. package/fesm2022/acorex-components-selection-list-2.mjs.map +0 -1
  52. package/selection-list-2/README.md +0 -3
  53. package/types/acorex-components-selection-list-2.d.ts +0 -52
@@ -732,7 +732,8 @@ class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
732
732
  /**
733
733
  * @ignore
734
734
  */
735
- async handleExpandRow(row) {
735
+ async handleExpandRow(row, event) {
736
+ event?.stopPropagation();
736
737
  this.loadingRow.set(row);
737
738
  await this.grid.expandRow(row);
738
739
  this.loadingRow.set(null);
@@ -772,7 +773,7 @@ class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
772
773
  >
773
774
  @if (expandHandler && (row.data?.[grid.hasChildrenField] !== false || (row.data?.children?.length ?? 0) > 0)) {
774
775
  <div
775
- (click)="handleExpandRow(row)"
776
+ (click)="handleExpandRow(row, $event)"
776
777
  class="ax-expand-handler"
777
778
  id="ax-expand-handler-container"
778
779
  >
@@ -787,7 +788,7 @@ class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
787
788
  }
788
789
  </div>
789
790
  }
790
- {{ getDisplayText(row.data, this.dataField) }}
791
+ <span class="ax-data-table-cell-text">{{ getDisplayText(row.data, this.dataField) }}</span>
791
792
  </div>
792
793
  </ng-template>
793
794
  <ng-template #footer></ng-template>
@@ -812,7 +813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
812
813
  >
813
814
  @if (expandHandler && (row.data?.[grid.hasChildrenField] !== false || (row.data?.children?.length ?? 0) > 0)) {
814
815
  <div
815
- (click)="handleExpandRow(row)"
816
+ (click)="handleExpandRow(row, $event)"
816
817
  class="ax-expand-handler"
817
818
  id="ax-expand-handler-container"
818
819
  >
@@ -827,7 +828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
827
828
  }
828
829
  </div>
829
830
  }
830
- {{ getDisplayText(row.data, this.dataField) }}
831
+ <span class="ax-data-table-cell-text">{{ getDisplayText(row.data, this.dataField) }}</span>
831
832
  </div>
832
833
  </ng-template>
833
834
  <ng-template #footer></ng-template>
@@ -1407,7 +1408,8 @@ class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
1407
1408
  /**
1408
1409
  * @ignore
1409
1410
  */
1410
- async handleExpandRow(row) {
1411
+ async handleExpandRow(row, event) {
1412
+ event?.stopPropagation();
1411
1413
  this.loadingRow.set(row);
1412
1414
  await this.grid.expandRow(row);
1413
1415
  this.loadingRow.set(null);
@@ -1433,7 +1435,7 @@ class AXRowExpandColumnComponent extends AXDataTableColumnComponent {
1433
1435
  [attr.data-level]="row.data?.__meta__?.level || 0"
1434
1436
  >
1435
1437
  @if (row.data?.[grid.hasChildrenField] !== false || (row.data?.children?.length ?? 0) > 0) {
1436
- <div (click)="handleExpandRow(row)" class="ax-expand-handler">
1438
+ <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler">
1437
1439
  @if (loadingRow() === row) {
1438
1440
  <i class="fas fa-spinner-third ax-animate-twSpin ax-animate-infinite"></i>
1439
1441
  } @else {
@@ -1462,7 +1464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
1462
1464
  [attr.data-level]="row.data?.__meta__?.level || 0"
1463
1465
  >
1464
1466
  @if (row.data?.[grid.hasChildrenField] !== false || (row.data?.children?.length ?? 0) > 0) {
1465
- <div (click)="handleExpandRow(row)" class="ax-expand-handler">
1467
+ <div (click)="handleExpandRow(row, $event)" class="ax-expand-handler">
1466
1468
  @if (loadingRow() === row) {
1467
1469
  <i class="fas fa-spinner-third ax-animate-twSpin ax-animate-infinite"></i>
1468
1470
  } @else {
@@ -1889,6 +1891,12 @@ class AXDataTableComponent extends AXBaseDataTable {
1889
1891
  */
1890
1892
  this.normalColumnsList = computed(() => this.columnsList().filter((c) => c.fixed !== 'end' && c.fixed !== 'start'), /* @ts-ignore */
1891
1893
  ...(ngDevMode ? [{ debugName: "normalColumnsList" }] : /* istanbul ignore next */ []));
1894
+ /**
1895
+ * True when a text column owns the tree expander. That column stays `width: auto`
1896
+ * so leftover table space is used for nested indent instead of the empty spacer.
1897
+ */
1898
+ this.hasTreeFillColumn = computed(() => this.columnsList().some((column) => this.isTreeFillColumn(column)), /* @ts-ignore */
1899
+ ...(ngDevMode ? [{ debugName: "hasTreeFillColumn" }] : /* istanbul ignore next */ []));
1892
1900
  /**
1893
1901
  * @ignore
1894
1902
  */
@@ -2119,27 +2127,17 @@ class AXDataTableComponent extends AXBaseDataTable {
2119
2127
  this.applyDataPagerMethods();
2120
2128
  }
2121
2129
  this.rtl = AXHtmlUtil.isRtl(this.getHostElement());
2122
- this.dataSource.useCache = false;
2123
- if (this.fetchDataMode == 'auto') {
2124
- this.dataSource.setPage(0);
2125
- }
2126
- this.displayedRows.set(new Array(this.dataSource.pageSize));
2127
- this.totalRows = this.dataSource.items.length;
2128
2130
  this.dataSource.onLoadingChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {
2129
2131
  this.isLoading.set(data);
2130
2132
  });
2133
+ this.isLoading.set(this.dataSource.isLoading);
2131
2134
  this.dataSource.onChanged.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {
2132
2135
  const shouldMoveToPreviousPage = data.totalCount > 0 && data.items.length === 0 && data.page > 0;
2133
2136
  if (shouldMoveToPreviousPage) {
2134
2137
  this.goToPage(data.page);
2135
2138
  return;
2136
2139
  }
2137
- this.clearResolvedCssClasses();
2138
- this.lastLoadedRows = data.items.filter((item) => !item[this.parentField]);
2139
- this.displayedRows.set(this.mergeRowsWithHighlights(this.lastLoadedRows));
2140
- this.totalRows = data.totalCount;
2141
- this.hasItems = data.totalCount > 0;
2142
- this.scheduleTextHighlight();
2140
+ this.applyLoadedRows(data.items, data.totalCount);
2143
2141
  });
2144
2142
  this.dataSource.onItemExpanded.pipe(this._unsubscriber.takeUntilDestroy).subscribe((data) => {
2145
2143
  const { expandedItem, children } = data;
@@ -2156,6 +2154,21 @@ class AXDataTableComponent extends AXBaseDataTable {
2156
2154
  this.refreshExpandedItem(id);
2157
2155
  });
2158
2156
  this.pageSize.set(this.dataSource.pageSize);
2157
+ const existingItems = (this.dataSource.items ?? []).filter((item) => item != null);
2158
+ if (existingItems.length > 0) {
2159
+ // Popup/lookup remounts this table; setPage(0) is a no-op on a warm source and
2160
+ // would leave the default skeleton rows in place. Paint cached rows instead of refetching.
2161
+ this.applyLoadedRows(existingItems, this.dataSource.totalCount || existingItems.length);
2162
+ this.isLoading.set(false);
2163
+ }
2164
+ else {
2165
+ this.dataSource.useCache = false;
2166
+ if (this.fetchDataMode == 'auto') {
2167
+ this.dataSource.setPage(0);
2168
+ }
2169
+ this.displayedRows.set(new Array(this.dataSource.pageSize));
2170
+ this.totalRows = this.dataSource.items.length;
2171
+ }
2159
2172
  //
2160
2173
  this.clickSubject
2161
2174
  .pipe(buffer(this.clickSubject.pipe(debounceTime(250))), filter((clickArray) => clickArray.length === 2))
@@ -2163,6 +2176,14 @@ class AXDataTableComponent extends AXBaseDataTable {
2163
2176
  this.handleRowDoubleClick(clickArray[0].event, clickArray[0].item);
2164
2177
  });
2165
2178
  }
2179
+ applyLoadedRows(items, totalCount) {
2180
+ this.clearResolvedCssClasses();
2181
+ this.lastLoadedRows = items.filter((item) => item != null && !item[this.parentField]);
2182
+ this.displayedRows.set(this.mergeRowsWithHighlights(this.lastLoadedRows));
2183
+ this.totalRows = totalCount;
2184
+ this.hasItems = totalCount > 0;
2185
+ this.scheduleTextHighlight();
2186
+ }
2166
2187
  /**
2167
2188
  * @ignore
2168
2189
  */
@@ -2196,6 +2217,12 @@ class AXDataTableComponent extends AXBaseDataTable {
2196
2217
  }
2197
2218
  });
2198
2219
  }
2220
+ /**
2221
+ * Tree expand columns must keep `width: auto` so nested indent can use leftover table space.
2222
+ */
2223
+ isTreeFillColumn(column) {
2224
+ return column instanceof AXDataTableTextColumnComponent && column.expandHandler === true;
2225
+ }
2199
2226
  /**
2200
2227
  * Returns the display text for a cell. Used for the cell tooltip when the column has `hasTitle`.
2201
2228
  */
@@ -2540,6 +2567,9 @@ class AXDataTableComponent extends AXBaseDataTable {
2540
2567
  const headerOnly = options.headerOnly ?? false;
2541
2568
  const autoWidthColumns = [];
2542
2569
  this.columns.forEach((column, index) => {
2570
+ if (this.isTreeFillColumn(column)) {
2571
+ return;
2572
+ }
2543
2573
  const fitsByIntent = this.autoFitIntentColumns.has(column);
2544
2574
  const fitsPendingHeaderOnly = !headerOnly && this.pendingContentAutoFitColumns.has(column);
2545
2575
  if (!fitsByIntent && !fitsPendingHeaderOnly) {
@@ -2577,6 +2607,9 @@ class AXDataTableComponent extends AXBaseDataTable {
2577
2607
  if (skipFixed && column.fixed) {
2578
2608
  return;
2579
2609
  }
2610
+ if (this.isTreeFillColumn(column)) {
2611
+ return;
2612
+ }
2580
2613
  // Skip if column doesn't allow resizing
2581
2614
  if (!column.allowResizing) {
2582
2615
  return;
@@ -2734,17 +2767,18 @@ class AXDataTableComponent extends AXBaseDataTable {
2734
2767
  this.autoFitColumn(columnIndex, options);
2735
2768
  }
2736
2769
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDataTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
2737
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXDataTableComponent, isStandalone: true, selector: "ax-data-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: false, isRequired: false, transformFunction: null }, hasChildrenField: { classPropertyName: "hasChildrenField", publicName: "hasChildrenField", isSignal: false, isRequired: false, transformFunction: null }, rowDetailsTemplate: { classPropertyName: "rowDetailsTemplate", publicName: "rowDetailsTemplate", isSignal: false, isRequired: false, transformFunction: null }, rowCssClass: { classPropertyName: "rowCssClass", publicName: "rowCssClass", isSignal: false, isRequired: false, transformFunction: null }, cellCssClass: { classPropertyName: "cellCssClass", publicName: "cellCssClass", isSignal: false, isRequired: false, transformFunction: null }, highlightText: { classPropertyName: "highlightText", publicName: "highlightText", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: false, isRequired: false, transformFunction: null }, emptyTemplate: { classPropertyName: "emptyTemplate", publicName: "emptyTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDataTemplate: { classPropertyName: "noDataTemplate", publicName: "noDataTemplate", isSignal: false, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, fixedHeader: { classPropertyName: "fixedHeader", publicName: "fixedHeader", isSignal: false, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: false, isRequired: false, transformFunction: null }, fixedFooter: { classPropertyName: "fixedFooter", publicName: "fixedFooter", isSignal: false, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: false, isRequired: false, transformFunction: null }, allowReordering: { classPropertyName: "allowReordering", publicName: "allowReordering", isSignal: false, isRequired: false, transformFunction: null }, paging: { classPropertyName: "paging", publicName: "paging", isSignal: false, isRequired: false, transformFunction: null }, fetchDataMode: { classPropertyName: "fetchDataMode", publicName: "fetchDataMode", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, focusedRow: { classPropertyName: "focusedRow", publicName: "focusedRow", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedRowsChange: "selectedRowsChange", focusedRowChange: "focusedRowChange", onRowClick: "onRowClick", onRowDbClick: "onRowDbClick", onColumnsOrderChanged: "onColumnsOrderChanged", onColumnSizeChanged: "onColumnSizeChanged", onPageChanged: "onPageChanged" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "class.ax-data-table-look-minimal": "look() === \"minimal\"" } }, providers: [
2770
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXDataTableComponent, isStandalone: true, selector: "ax-data-table", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, selectedRows: { classPropertyName: "selectedRows", publicName: "selectedRows", isSignal: false, isRequired: false, transformFunction: null }, parentField: { classPropertyName: "parentField", publicName: "parentField", isSignal: false, isRequired: false, transformFunction: null }, hasChildrenField: { classPropertyName: "hasChildrenField", publicName: "hasChildrenField", isSignal: false, isRequired: false, transformFunction: null }, rowDetailsTemplate: { classPropertyName: "rowDetailsTemplate", publicName: "rowDetailsTemplate", isSignal: false, isRequired: false, transformFunction: null }, rowCssClass: { classPropertyName: "rowCssClass", publicName: "rowCssClass", isSignal: false, isRequired: false, transformFunction: null }, cellCssClass: { classPropertyName: "cellCssClass", publicName: "cellCssClass", isSignal: false, isRequired: false, transformFunction: null }, highlightText: { classPropertyName: "highlightText", publicName: "highlightText", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: false, isRequired: false, transformFunction: null }, emptyTemplate: { classPropertyName: "emptyTemplate", publicName: "emptyTemplate", isSignal: false, isRequired: false, transformFunction: null }, noDataTemplate: { classPropertyName: "noDataTemplate", publicName: "noDataTemplate", isSignal: false, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: false, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: false, isRequired: false, transformFunction: null }, fixedHeader: { classPropertyName: "fixedHeader", publicName: "fixedHeader", isSignal: false, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: false, isRequired: false, transformFunction: null }, fixedFooter: { classPropertyName: "fixedFooter", publicName: "fixedFooter", isSignal: false, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: false, isRequired: false, transformFunction: null }, allowReordering: { classPropertyName: "allowReordering", publicName: "allowReordering", isSignal: false, isRequired: false, transformFunction: null }, paging: { classPropertyName: "paging", publicName: "paging", isSignal: false, isRequired: false, transformFunction: null }, fetchDataMode: { classPropertyName: "fetchDataMode", publicName: "fetchDataMode", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, focusedRow: { classPropertyName: "focusedRow", publicName: "focusedRow", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedRowsChange: "selectedRowsChange", focusedRowChange: "focusedRowChange", onRowClick: "onRowClick", onRowDbClick: "onRowDbClick", onColumnsOrderChanged: "onColumnsOrderChanged", onColumnSizeChanged: "onColumnSizeChanged", onPageChanged: "onPageChanged" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "class.ax-data-table-look-minimal": "look() === \"minimal\"", "class.ax-data-table--tree-fill": "hasTreeFillColumn()" } }, providers: [
2738
2771
  { provide: AXBaseDataTable, useExisting: AXDataTableComponent },
2739
2772
  AXUnsubscriber,
2740
2773
  { provide: AXComponent, useExisting: AXDataTableComponent },
2741
- ], queries: [{ propertyName: "customDataPager", first: true, predicate: AXDataPagerComponent, descendants: true, static: true }, { propertyName: "columns", predicate: AXDataTableColumnComponent }], viewQueries: [{ propertyName: "dataPager", first: true, predicate: ["dataPager"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"> </ng-content>\n<div class=\"ax-data-table-wrapper\">\n <table>\n @if (showHeader) {\n <thead [ngClass]=\"{ 'ax-data-table-sticky-header': fixedHeader }\">\n <tr\n [cdkDropListDisabled]=\"!allowReordering\"\n cdkDropList\n cdkScrollable\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-start\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n @for (c of normalColumnsList(); track $index) {\n <th\n cdkDrag\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </th>\n }\n <th></th>\n @for (c of endFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-end\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n }\n <tbody [ngClass]=\"{ 'ax-data-table-row-alternative': alternative }\">\n @if (showNoDataLoadedYet) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (noDataTemplate) {\n <ng-container [ngTemplateOutlet]=\"noDataTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-data-yet' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else if (!displayedRows().length) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (emptyTemplate) {\n <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-record' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else {\n @for (row of displayedRows(); let rowIndex = $index; track rowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row, rowIndex } }\"\n ></ng-container>\n }\n\n <ng-template #rowTemp let-data=\"data\">\n @if (rowTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n >\n </ng-container>\n } @else {\n <tr\n [class.ax-state-focused]=\"focusedRow && data.row === focusedRow\"\n [attr.data-index]=\"data.rowIndex\"\n [class.ax-state-selected]=\"selectedRows.includes(data.row)\"\n [ngClass]=\"getRowCssClass(data.row, data.rowIndex)\"\n style.height=\"{{ itemHeight }}px\"\n style.max-height=\"{{ itemHeight }}px\"\n (click)=\"handleRowClick($event, data.row)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n <td><div class=\"ax-bg\"></div></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n </tr>\n @if (data.row?.__meta__?.expanded) {\n @if (rowDetailsTemplate) {\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n <td class=\"ax-data-table-row-details\" [attr.colspan]=\"normalColumnsList().length + 1\">\n <ng-container\n [ngTemplateOutlet]=\"rowDetailsTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n ></ng-container>\n </td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n </tr>\n }\n @for (childRow of data.row.children; let childRowIndex = $index; track childRowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row: childRow, rowIndex: childRowIndex } }\"\n ></ng-container>\n }\n }\n }\n </ng-template>\n\n <tr class=\"empty-row\"></tr>\n }\n </tbody>\n @if (showFooter) {\n <tfoot [ngClass]=\"{ 'ax-data-table-sticky-footer': fixedFooter }\">\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-start\"\n [class.ax-data-table-sticky-footer-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </td>\n }\n <td></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-end\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n </tr>\n </tfoot>\n }\n </table>\n</div>\n\n@if (paging) {\n <div class=\"ax-table-footer\" #footerContainer>\n <ng-template #customPager>\n <ng-content select=\"ax-data-pager\"></ng-content>\n </ng-template>\n\n @if (customDataPager) {\n <ng-container [ngTemplateOutlet]=\"customPager\"></ng-container>\n } @else {\n <ax-data-pager\n #dataPager\n [displayMode]=\"'custom'\"\n (onChanged)=\"handleChangePage($event)\"\n [total]=\"dataSource.totalCount\"\n [size]=\"dataSource.pageSize\"\n [isLoading]=\"isLoading()\"\n >\n <ax-prefix class=\"ax-data-table-numeric-paging\">\n <ax-data-pager-numeric-selector> </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes> </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-prefix class=\"ax-data-table-input-paging\">\n <ax-data-pager-prev-buttons> </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector> </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons> </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix class=\"ax-data-table-info\">\n <ax-data-pager-info> </ax-data-pager-info>\n <ax-button class=\"ms-2\" look=\"blank\" (onClick)=\"refresh({ reset: false })\">\n <ax-icon icon=\"ax-icon ax-icon-refresh\"></ax-icon>\n </ax-button>\n </ax-suffix>\n </ax-data-pager>\n }\n </div>\n}\n<ng-content select=\"ax-footer\"> </ng-content>\n", styles: ["@layer properties;@layer components{@keyframes ax-data-table-row-primary-pulse{0%,to{background-color:var(--color-primary-lightest)}50%{background-color:var(--color-primary-lighter)}}@keyframes ax-data-table-row-secondary-pulse{0%,to{background-color:var(--color-secondary-lightest)}50%{background-color:var(--color-secondary-lighter)}}@keyframes ax-data-table-row-success-pulse{0%,to{background-color:var(--color-success-lightest)}50%{background-color:var(--color-success-lighter)}}@keyframes ax-data-table-row-warning-pulse{0%,to{background-color:var(--color-warning-lightest)}50%{background-color:var(--color-warning-lighter)}}@keyframes ax-data-table-row-danger-pulse{0%,to{background-color:var(--color-danger-lightest)}50%{background-color:var(--color-danger-lighter)}}@keyframes ax-data-table-primary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}35%{background-color:var(--color-primary-lightest)}65%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}to{background-color:var(--color-primary-lightest)}}@keyframes ax-data-table-secondary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}35%{background-color:var(--color-secondary-lightest)}65%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}to{background-color:var(--color-secondary-lightest)}}@keyframes ax-data-table-success-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}35%{background-color:var(--color-success-lightest)}65%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}to{background-color:var(--color-success-lightest)}}@keyframes ax-data-table-warning-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}35%{background-color:var(--color-warning-lightest)}65%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}to{background-color:var(--color-warning-lightest)}}@keyframes ax-data-table-danger-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}35%{background-color:var(--color-danger-lightest)}65%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}to{background-color:var(--color-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-dark);color:var(--color-on-primary-dark);border-color:var(--color-border-primary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-secondary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-dark);color:var(--color-on-secondary-dark);border-color:var(--color-border-secondary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-success-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-lighter);color:var(--color-on-success-lighter);border-color:var(--color-border-success-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column){background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-dark);color:var(--color-on-success-dark);border-color:var(--color-border-success-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-warning-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-lighter);color:var(--color-on-warning-lighter);border-color:var(--color-border-warning-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column){background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-dark);color:var(--color-on-warning-dark);border-color:var(--color-border-warning-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-danger-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-lighter);color:var(--color-on-danger-lighter);border-color:var(--color-border-danger-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column){background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-dark);color:var(--color-on-danger-dark);border-color:var(--color-border-danger-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}}@layer components{@keyframes ax-data-table-primary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}35%{background-color:var(--color-primary-light)}65%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}to{background-color:var(--color-primary-light)}}@keyframes ax-data-table-secondary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}35%{background-color:var(--color-secondary-light)}65%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}to{background-color:var(--color-secondary-light)}}@keyframes ax-data-table-success-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}35%{background-color:var(--color-success-light)}65%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}to{background-color:var(--color-success-light)}}@keyframes ax-data-table-warning-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}35%{background-color:var(--color-warning-light)}65%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}to{background-color:var(--color-warning-light)}}@keyframes ax-data-table-danger-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}35%{background-color:var(--color-danger-light)}65%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}to{background-color:var(--color-danger-light)}}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-primary{background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light);animation:ax-data-table-primary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-primary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-primary{background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-secondary{background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light);animation:ax-data-table-secondary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-secondary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-secondary{background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest);animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-success{background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light);animation:ax-data-table-success-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-success,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-success{background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest);animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-warning{background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light);animation:ax-data-table-warning-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-warning,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-warning{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-danger{background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light);animation:ax-data-table-danger-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-danger,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-danger{background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-primary{background-color:var(--color-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-secondary{background-color:var(--color-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-success{background-color:var(--color-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-warning{background-color:var(--color-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-danger{background-color:var(--color-danger-lightest)}}}@layer components{ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-500);position:relative;display:flex;height:100%;min-height:inherit;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4)}ax-data-table .ax-highlight{background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));padding:0 .125rem;font-weight:500;box-shadow:0 0 0 1px rgb(var(--ax-comp-data-table-highlight-border-color) / .25)}ax-data-table td.ax-data-table-empty-data{position:absolute!important;top:50%;height:calc(var(--spacing, .25rem) * 32);width:100%;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;background-color:transparent!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;vertical-align:middle;transform:translateY(-50%)}ax-data-table td.ax-data-table-empty-data span{display:flex;height:100%;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper{width:100%;flex:1;overflow:auto;border-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table .ax-data-table-wrapper table thead{overflow:hidden;border-start-start-radius:var(--ax-sys-border-radius);border-start-end-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table thead th{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-surface))!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-data-table .ax-data-table-wrapper table thead th:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;top:calc(var(--spacing, .25rem) * 0);right:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:100%;width:calc(var(--spacing, .25rem) * 1);cursor:col-resize;background-color:transparent}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table thead th:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:calc(var(--spacing, .25rem) * 0);z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: inset 1px 1px 0px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tbody tr td{position:relative;z-index:0}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-data-table-cell-tooltip-wrapper{position:relative;min-height:inherit}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-bg{position:absolute;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:-1;height:100%;width:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:transparent;opacity:30%}ax-data-table .ax-data-table-wrapper table tbody tr{height:calc(var(--spacing, .25rem) * 10);max-height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-data-table .ax-data-table-wrapper table tbody .empty-row{height:auto!important}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td{background-color:rgba(var(--ax-sys-color-light-surface));color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table .ax-data-table-wrapper table tbody td{position:relative;min-width:calc(var(--spacing, .25rem) * 8);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);--ax-data-table-nested-indent-step: 2rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent.ax-data-table-nested-indent--compact{--ax-data-table-nested-indent-step: 1.5rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"1\"]{padding-inline-start:calc(1 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"2\"]{padding-inline-start:calc(2 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"3\"]{padding-inline-start:calc(3 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"4\"]{padding-inline-start:calc(4 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"5\"]{padding-inline-start:calc(5 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"6\"]{padding-inline-start:calc(6 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"7\"]{padding-inline-start:calc(7 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"8\"]{padding-inline-start:calc(8 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-expand-handler{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 1)}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;background-color:rgba(var(--ax-sys-color-light-surface));text-align:center;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-cell-tooltip-wrapper{display:flex;width:100%;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-row-highlight-badge{position:static;display:inline-flex;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column{text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:50%!important}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:50%;display:flex;width:100%;align-items:center;justify-content:center;transform:translateY(-50%)}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{height:1.4rem;width:1.4rem}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button ax-icon{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{position:relative;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover:not(ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-selected,ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-disabled){opacity:75%}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:active{opacity:100%}ax-data-table .ax-data-table-wrapper table tbody td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table tbody td ax-skeleton{height:calc(var(--spacing, .25rem) * 3.5);width:calc(1/3 * 100%);border-radius:var(--radius-md, .375rem)}ax-data-table .ax-data-table-wrapper table tfoot tr td{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-lighter-surface));text-transform:uppercase}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{position:sticky;bottom:-1px;z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface))), 0 -1px 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}}ax-data-table ax-data-pager{justify-content:center}@media(min-width:48rem){ax-data-table ax-data-pager{justify-content:space-between}}ax-data-table .ax-table-footer{min-height:max-content;border-collapse:collapse;overflow:hidden;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));padding-inline:calc(var(--spacing, .25rem) * 3.5)}ax-data-table .ax-table-footer .ax-table-info{display:flex;flex:1;align-items:center;justify-content:space-between}ax-data-table .ax-data-table-numeric-paging{display:none}@media(min-width:64rem){ax-data-table .ax-data-table-numeric-paging{display:flex}}ax-data-table .ax-data-table-input-paging{display:flex}@media(min-width:64rem){ax-data-table .ax-data-table-input-paging{display:none}}ax-data-table .ax-data-table-info{display:none;align-items:center;justify-content:center}@media(min-width:48rem){ax-data-table .ax-data-table-info{display:flex}}ax-data-table .ax-data-table-info ax-text{color:rgba(var(--ax-sys-color-on-surface))}.cdk-drag-preview{position:relative;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;--tw-shadow: 0 5px 5px -3px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.2)), 0 8px 10px 1px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.14)), 0 3px 14px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-dropdown-command-empty-state-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.dark ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-400)}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead th{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead.ax-data-table-sticky-header{--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr td .ax-bg{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr td{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0px;border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}@media screen and (min-width:768px){:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start.ax-state-is-last,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end.ax-state-is-first{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{--tw-shadow: 0 -1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: ["value", "name", "disabled", "readonly", "isLoading", "size", "total", "displayMode"], outputs: ["valueChange", "onValueChanged", "disabledChange", "readonlyChange", "displayModeChange", "onChanged"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
2774
+ ], queries: [{ propertyName: "customDataPager", first: true, predicate: AXDataPagerComponent, descendants: true, static: true }, { propertyName: "columns", predicate: AXDataTableColumnComponent }], viewQueries: [{ propertyName: "dataPager", first: true, predicate: ["dataPager"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\"> </ng-content>\n<div class=\"ax-data-table-wrapper\">\n <table>\n @if (showHeader) {\n <thead [ngClass]=\"{ 'ax-data-table-sticky-header': fixedHeader }\">\n <tr\n [cdkDropListDisabled]=\"!allowReordering\"\n cdkDropList\n cdkScrollable\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-start\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n @for (c of normalColumnsList(); track $index) {\n <th\n cdkDrag\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </th>\n }\n <th class=\"ax-data-table-spacer\"></th>\n @for (c of endFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-end\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n }\n <tbody [ngClass]=\"{ 'ax-data-table-row-alternative': alternative }\">\n @if (showNoDataLoadedYet) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (noDataTemplate) {\n <ng-container [ngTemplateOutlet]=\"noDataTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-data-yet' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else if (!displayedRows().length) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (emptyTemplate) {\n <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-record' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else {\n @for (row of displayedRows(); let rowIndex = $index; track rowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row, rowIndex } }\"\n ></ng-container>\n }\n\n <ng-template #rowTemp let-data=\"data\">\n @if (rowTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n >\n </ng-container>\n } @else {\n <tr\n [class.ax-state-focused]=\"focusedRow && data.row === focusedRow\"\n [attr.data-index]=\"data.rowIndex\"\n [class.ax-state-selected]=\"selectedRows.includes(data.row)\"\n [ngClass]=\"getRowCssClass(data.row, data.rowIndex)\"\n style.height=\"{{ itemHeight }}px\"\n style.max-height=\"{{ itemHeight }}px\"\n (click)=\"handleRowClick($event, data.row)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n <td class=\"ax-data-table-spacer\"><div class=\"ax-bg\"></div></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n </tr>\n @if (data.row?.__meta__?.expanded) {\n @if (rowDetailsTemplate) {\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n <td class=\"ax-data-table-row-details\" [attr.colspan]=\"normalColumnsList().length + 1\">\n <ng-container\n [ngTemplateOutlet]=\"rowDetailsTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n ></ng-container>\n </td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n </tr>\n }\n @for (childRow of data.row.children; let childRowIndex = $index; track childRowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row: childRow, rowIndex: childRowIndex } }\"\n ></ng-container>\n }\n }\n }\n </ng-template>\n\n <tr class=\"empty-row\"></tr>\n }\n </tbody>\n @if (showFooter) {\n <tfoot [ngClass]=\"{ 'ax-data-table-sticky-footer': fixedFooter }\">\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-start\"\n [class.ax-data-table-sticky-footer-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </td>\n }\n <td class=\"ax-data-table-spacer\"></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-end\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n </tr>\n </tfoot>\n }\n </table>\n</div>\n\n@if (paging) {\n <div class=\"ax-table-footer\" #footerContainer>\n <ng-template #customPager>\n <ng-content select=\"ax-data-pager\"></ng-content>\n </ng-template>\n\n @if (customDataPager) {\n <ng-container [ngTemplateOutlet]=\"customPager\"></ng-container>\n } @else {\n <ax-data-pager\n #dataPager\n [displayMode]=\"'custom'\"\n (onChanged)=\"handleChangePage($event)\"\n [total]=\"dataSource.totalCount\"\n [size]=\"dataSource.pageSize\"\n [isLoading]=\"isLoading()\"\n >\n <ax-prefix class=\"ax-data-table-numeric-paging\">\n <ax-data-pager-numeric-selector> </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes> </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-prefix class=\"ax-data-table-input-paging\">\n <ax-data-pager-prev-buttons> </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector> </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons> </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix class=\"ax-data-table-info\">\n <ax-data-pager-info> </ax-data-pager-info>\n <ax-button class=\"ms-2\" look=\"blank\" (onClick)=\"refresh({ reset: false })\">\n <ax-icon icon=\"ax-icon ax-icon-refresh\"></ax-icon>\n </ax-button>\n </ax-suffix>\n </ax-data-pager>\n }\n </div>\n}\n<ng-content select=\"ax-footer\"> </ng-content>\n", styles: ["@layer properties;@layer components{@keyframes ax-data-table-row-primary-pulse{0%,to{background-color:var(--color-primary-lightest)}50%{background-color:var(--color-primary-lighter)}}@keyframes ax-data-table-row-secondary-pulse{0%,to{background-color:var(--color-secondary-lightest)}50%{background-color:var(--color-secondary-lighter)}}@keyframes ax-data-table-row-success-pulse{0%,to{background-color:var(--color-success-lightest)}50%{background-color:var(--color-success-lighter)}}@keyframes ax-data-table-row-warning-pulse{0%,to{background-color:var(--color-warning-lightest)}50%{background-color:var(--color-warning-lighter)}}@keyframes ax-data-table-row-danger-pulse{0%,to{background-color:var(--color-danger-lightest)}50%{background-color:var(--color-danger-lighter)}}@keyframes ax-data-table-primary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}35%{background-color:var(--color-primary-lightest)}65%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}to{background-color:var(--color-primary-lightest)}}@keyframes ax-data-table-secondary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}35%{background-color:var(--color-secondary-lightest)}65%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}to{background-color:var(--color-secondary-lightest)}}@keyframes ax-data-table-success-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}35%{background-color:var(--color-success-lightest)}65%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}to{background-color:var(--color-success-lightest)}}@keyframes ax-data-table-warning-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}35%{background-color:var(--color-warning-lightest)}65%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}to{background-color:var(--color-warning-lightest)}}@keyframes ax-data-table-danger-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}35%{background-color:var(--color-danger-lightest)}65%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}to{background-color:var(--color-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-dark);color:var(--color-on-primary-dark);border-color:var(--color-border-primary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-secondary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-dark);color:var(--color-on-secondary-dark);border-color:var(--color-border-secondary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-success-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-lighter);color:var(--color-on-success-lighter);border-color:var(--color-border-success-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column){background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-dark);color:var(--color-on-success-dark);border-color:var(--color-border-success-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-warning-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-lighter);color:var(--color-on-warning-lighter);border-color:var(--color-border-warning-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column){background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-dark);color:var(--color-on-warning-dark);border-color:var(--color-border-warning-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-danger-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-lighter);color:var(--color-on-danger-lighter);border-color:var(--color-border-danger-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column){background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-dark);color:var(--color-on-danger-dark);border-color:var(--color-border-danger-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}}@layer components{@keyframes ax-data-table-primary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}35%{background-color:var(--color-primary-light)}65%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}to{background-color:var(--color-primary-light)}}@keyframes ax-data-table-secondary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}35%{background-color:var(--color-secondary-light)}65%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}to{background-color:var(--color-secondary-light)}}@keyframes ax-data-table-success-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}35%{background-color:var(--color-success-light)}65%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}to{background-color:var(--color-success-light)}}@keyframes ax-data-table-warning-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}35%{background-color:var(--color-warning-light)}65%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}to{background-color:var(--color-warning-light)}}@keyframes ax-data-table-danger-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}35%{background-color:var(--color-danger-light)}65%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}to{background-color:var(--color-danger-light)}}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-primary{background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light);animation:ax-data-table-primary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-primary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-primary{background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-secondary{background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light);animation:ax-data-table-secondary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-secondary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-secondary{background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest);animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-success{background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light);animation:ax-data-table-success-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-success,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-success{background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest);animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-warning{background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light);animation:ax-data-table-warning-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-warning,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-warning{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-danger{background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light);animation:ax-data-table-danger-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-danger,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-danger{background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-primary{background-color:var(--color-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-secondary{background-color:var(--color-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-success{background-color:var(--color-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-warning{background-color:var(--color-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-danger{background-color:var(--color-danger-lightest)}}}@layer components{ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-500);position:relative;display:flex;height:100%;min-height:inherit;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4)}ax-data-table .ax-highlight{background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));padding:0 .125rem;font-weight:500;box-shadow:0 0 0 1px rgb(var(--ax-comp-data-table-highlight-border-color) / .25)}ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table thead th.ax-data-table-spacer,ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table tbody td.ax-data-table-spacer,ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table tfoot td.ax-data-table-spacer{width:calc(var(--spacing, .25rem) * 0);max-width:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 0)}ax-data-table td.ax-data-table-empty-data{position:absolute!important;top:50%;height:calc(var(--spacing, .25rem) * 32);width:100%;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;background-color:transparent!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;vertical-align:middle;transform:translateY(-50%)}ax-data-table td.ax-data-table-empty-data span{display:flex;height:100%;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper{width:100%;flex:1;overflow:auto;border-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table .ax-data-table-wrapper table thead{overflow:hidden;border-start-start-radius:var(--ax-sys-border-radius);border-start-end-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table thead th{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-surface))!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-data-table .ax-data-table-wrapper table thead th:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;top:calc(var(--spacing, .25rem) * 0);right:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:100%;width:calc(var(--spacing, .25rem) * 1);cursor:col-resize;background-color:transparent}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table thead th:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:calc(var(--spacing, .25rem) * 0);z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: inset 1px 1px 0px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tbody tr td{position:relative;z-index:0}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-data-table-cell-tooltip-wrapper{position:relative;display:block;min-height:inherit;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-bg{position:absolute;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:-1;height:100%;width:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:transparent;opacity:30%}ax-data-table .ax-data-table-wrapper table tbody tr{height:calc(var(--spacing, .25rem) * 10);max-height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-data-table .ax-data-table-wrapper table tbody .empty-row{height:auto!important}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td{background-color:rgba(var(--ax-sys-color-light-surface));color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table .ax-data-table-wrapper table tbody td{position:relative;min-width:calc(var(--spacing, .25rem) * 8);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent{box-sizing:border-box;display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);--ax-data-table-nested-indent-step: 2rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent .ax-data-table-cell-text{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent.ax-data-table-nested-indent--compact{--ax-data-table-nested-indent-step: 1.5rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"1\"]{padding-inline-start:calc(1 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"2\"]{padding-inline-start:calc(2 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"3\"]{padding-inline-start:calc(3 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"4\"]{padding-inline-start:calc(4 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"5\"]{padding-inline-start:calc(5 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"6\"]{padding-inline-start:calc(6 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"7\"]{padding-inline-start:calc(7 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"8\"]{padding-inline-start:calc(8 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-cell-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td .ax-expand-handler{flex-shrink:0;cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 1)}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;background-color:rgba(var(--ax-sys-color-light-surface));text-align:center;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-cell-tooltip-wrapper{display:flex;width:100%;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-row-highlight-badge{position:static;display:inline-flex;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column{text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:50%!important}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:50%;display:flex;width:100%;align-items:center;justify-content:center;transform:translateY(-50%)}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{height:1.4rem;width:1.4rem}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button ax-icon{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{position:relative;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover:not(ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-selected,ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-disabled){opacity:75%}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:active{opacity:100%}ax-data-table .ax-data-table-wrapper table tbody td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table tbody td ax-skeleton{height:calc(var(--spacing, .25rem) * 3.5);width:calc(1/3 * 100%);border-radius:var(--radius-md, .375rem)}ax-data-table .ax-data-table-wrapper table tfoot tr td{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-lighter-surface));text-transform:uppercase}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{position:sticky;bottom:-1px;z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface))), 0 -1px 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}}ax-data-table ax-data-pager{justify-content:center}@media(min-width:48rem){ax-data-table ax-data-pager{justify-content:space-between}}ax-data-table .ax-table-footer{min-height:max-content;border-collapse:collapse;overflow:hidden;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));padding-inline:calc(var(--spacing, .25rem) * 3.5)}ax-data-table .ax-table-footer .ax-table-info{display:flex;flex:1;align-items:center;justify-content:space-between}ax-data-table .ax-data-table-numeric-paging{display:none}@media(min-width:64rem){ax-data-table .ax-data-table-numeric-paging{display:flex}}ax-data-table .ax-data-table-input-paging{display:flex}@media(min-width:64rem){ax-data-table .ax-data-table-input-paging{display:none}}ax-data-table .ax-data-table-info{display:none;align-items:center;justify-content:center}@media(min-width:48rem){ax-data-table .ax-data-table-info{display:flex}}ax-data-table .ax-data-table-info ax-text{color:rgba(var(--ax-sys-color-on-surface))}.cdk-drag-preview{position:relative;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;--tw-shadow: 0 5px 5px -3px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.2)), 0 8px 10px 1px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.14)), 0 3px 14px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-dropdown-command-empty-state-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.dark ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-400)}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead th{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead.ax-data-table-sticky-header{--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr td .ax-bg{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr td{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0px;border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}@media screen and (min-width:768px){:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start.ax-state-is-last,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end.ax-state-is-first{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{--tw-shadow: 0 -1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: ["value", "name", "disabled", "readonly", "isLoading", "size", "total", "displayMode"], outputs: ["valueChange", "onValueChanged", "disabledChange", "readonlyChange", "displayModeChange", "onChanged"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
2742
2775
  }
2743
2776
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDataTableComponent, decorators: [{
2744
2777
  type: Component,
2745
2778
  args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, host: {
2746
2779
  ngSkipHydration: 'true',
2747
2780
  '[class.ax-data-table-look-minimal]': 'look() === "minimal"',
2781
+ '[class.ax-data-table--tree-fill]': 'hasTreeFillColumn()',
2748
2782
  }, inputs: [
2749
2783
  'dataSource',
2750
2784
  'selectedRows',
@@ -2778,7 +2812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
2778
2812
  AsyncPipe,
2779
2813
  AXTranslatorPipe,
2780
2814
  AXTooltipDirective,
2781
- ], template: "<ng-content select=\"ax-header\"> </ng-content>\n<div class=\"ax-data-table-wrapper\">\n <table>\n @if (showHeader) {\n <thead [ngClass]=\"{ 'ax-data-table-sticky-header': fixedHeader }\">\n <tr\n [cdkDropListDisabled]=\"!allowReordering\"\n cdkDropList\n cdkScrollable\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-start\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n @for (c of normalColumnsList(); track $index) {\n <th\n cdkDrag\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </th>\n }\n <th></th>\n @for (c of endFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-end\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n }\n <tbody [ngClass]=\"{ 'ax-data-table-row-alternative': alternative }\">\n @if (showNoDataLoadedYet) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (noDataTemplate) {\n <ng-container [ngTemplateOutlet]=\"noDataTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-data-yet' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else if (!displayedRows().length) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (emptyTemplate) {\n <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-record' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else {\n @for (row of displayedRows(); let rowIndex = $index; track rowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row, rowIndex } }\"\n ></ng-container>\n }\n\n <ng-template #rowTemp let-data=\"data\">\n @if (rowTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n >\n </ng-container>\n } @else {\n <tr\n [class.ax-state-focused]=\"focusedRow && data.row === focusedRow\"\n [attr.data-index]=\"data.rowIndex\"\n [class.ax-state-selected]=\"selectedRows.includes(data.row)\"\n [ngClass]=\"getRowCssClass(data.row, data.rowIndex)\"\n style.height=\"{{ itemHeight }}px\"\n style.max-height=\"{{ itemHeight }}px\"\n (click)=\"handleRowClick($event, data.row)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n <td><div class=\"ax-bg\"></div></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n </tr>\n @if (data.row?.__meta__?.expanded) {\n @if (rowDetailsTemplate) {\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n <td class=\"ax-data-table-row-details\" [attr.colspan]=\"normalColumnsList().length + 1\">\n <ng-container\n [ngTemplateOutlet]=\"rowDetailsTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n ></ng-container>\n </td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n </tr>\n }\n @for (childRow of data.row.children; let childRowIndex = $index; track childRowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row: childRow, rowIndex: childRowIndex } }\"\n ></ng-container>\n }\n }\n }\n </ng-template>\n\n <tr class=\"empty-row\"></tr>\n }\n </tbody>\n @if (showFooter) {\n <tfoot [ngClass]=\"{ 'ax-data-table-sticky-footer': fixedFooter }\">\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-start\"\n [class.ax-data-table-sticky-footer-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </td>\n }\n <td></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-end\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n </tr>\n </tfoot>\n }\n </table>\n</div>\n\n@if (paging) {\n <div class=\"ax-table-footer\" #footerContainer>\n <ng-template #customPager>\n <ng-content select=\"ax-data-pager\"></ng-content>\n </ng-template>\n\n @if (customDataPager) {\n <ng-container [ngTemplateOutlet]=\"customPager\"></ng-container>\n } @else {\n <ax-data-pager\n #dataPager\n [displayMode]=\"'custom'\"\n (onChanged)=\"handleChangePage($event)\"\n [total]=\"dataSource.totalCount\"\n [size]=\"dataSource.pageSize\"\n [isLoading]=\"isLoading()\"\n >\n <ax-prefix class=\"ax-data-table-numeric-paging\">\n <ax-data-pager-numeric-selector> </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes> </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-prefix class=\"ax-data-table-input-paging\">\n <ax-data-pager-prev-buttons> </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector> </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons> </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix class=\"ax-data-table-info\">\n <ax-data-pager-info> </ax-data-pager-info>\n <ax-button class=\"ms-2\" look=\"blank\" (onClick)=\"refresh({ reset: false })\">\n <ax-icon icon=\"ax-icon ax-icon-refresh\"></ax-icon>\n </ax-button>\n </ax-suffix>\n </ax-data-pager>\n }\n </div>\n}\n<ng-content select=\"ax-footer\"> </ng-content>\n", styles: ["@layer properties;@layer components{@keyframes ax-data-table-row-primary-pulse{0%,to{background-color:var(--color-primary-lightest)}50%{background-color:var(--color-primary-lighter)}}@keyframes ax-data-table-row-secondary-pulse{0%,to{background-color:var(--color-secondary-lightest)}50%{background-color:var(--color-secondary-lighter)}}@keyframes ax-data-table-row-success-pulse{0%,to{background-color:var(--color-success-lightest)}50%{background-color:var(--color-success-lighter)}}@keyframes ax-data-table-row-warning-pulse{0%,to{background-color:var(--color-warning-lightest)}50%{background-color:var(--color-warning-lighter)}}@keyframes ax-data-table-row-danger-pulse{0%,to{background-color:var(--color-danger-lightest)}50%{background-color:var(--color-danger-lighter)}}@keyframes ax-data-table-primary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}35%{background-color:var(--color-primary-lightest)}65%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}to{background-color:var(--color-primary-lightest)}}@keyframes ax-data-table-secondary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}35%{background-color:var(--color-secondary-lightest)}65%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}to{background-color:var(--color-secondary-lightest)}}@keyframes ax-data-table-success-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}35%{background-color:var(--color-success-lightest)}65%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}to{background-color:var(--color-success-lightest)}}@keyframes ax-data-table-warning-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}35%{background-color:var(--color-warning-lightest)}65%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}to{background-color:var(--color-warning-lightest)}}@keyframes ax-data-table-danger-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}35%{background-color:var(--color-danger-lightest)}65%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}to{background-color:var(--color-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-dark);color:var(--color-on-primary-dark);border-color:var(--color-border-primary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-secondary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-dark);color:var(--color-on-secondary-dark);border-color:var(--color-border-secondary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-success-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-lighter);color:var(--color-on-success-lighter);border-color:var(--color-border-success-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column){background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-dark);color:var(--color-on-success-dark);border-color:var(--color-border-success-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-warning-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-lighter);color:var(--color-on-warning-lighter);border-color:var(--color-border-warning-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column){background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-dark);color:var(--color-on-warning-dark);border-color:var(--color-border-warning-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-danger-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-lighter);color:var(--color-on-danger-lighter);border-color:var(--color-border-danger-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column){background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-dark);color:var(--color-on-danger-dark);border-color:var(--color-border-danger-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}}@layer components{@keyframes ax-data-table-primary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}35%{background-color:var(--color-primary-light)}65%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}to{background-color:var(--color-primary-light)}}@keyframes ax-data-table-secondary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}35%{background-color:var(--color-secondary-light)}65%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}to{background-color:var(--color-secondary-light)}}@keyframes ax-data-table-success-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}35%{background-color:var(--color-success-light)}65%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}to{background-color:var(--color-success-light)}}@keyframes ax-data-table-warning-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}35%{background-color:var(--color-warning-light)}65%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}to{background-color:var(--color-warning-light)}}@keyframes ax-data-table-danger-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}35%{background-color:var(--color-danger-light)}65%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}to{background-color:var(--color-danger-light)}}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-primary{background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light);animation:ax-data-table-primary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-primary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-primary{background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-secondary{background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light);animation:ax-data-table-secondary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-secondary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-secondary{background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest);animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-success{background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light);animation:ax-data-table-success-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-success,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-success{background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest);animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-warning{background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light);animation:ax-data-table-warning-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-warning,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-warning{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-danger{background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light);animation:ax-data-table-danger-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-danger,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-danger{background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-primary{background-color:var(--color-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-secondary{background-color:var(--color-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-success{background-color:var(--color-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-warning{background-color:var(--color-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-danger{background-color:var(--color-danger-lightest)}}}@layer components{ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-500);position:relative;display:flex;height:100%;min-height:inherit;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4)}ax-data-table .ax-highlight{background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));padding:0 .125rem;font-weight:500;box-shadow:0 0 0 1px rgb(var(--ax-comp-data-table-highlight-border-color) / .25)}ax-data-table td.ax-data-table-empty-data{position:absolute!important;top:50%;height:calc(var(--spacing, .25rem) * 32);width:100%;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;background-color:transparent!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;vertical-align:middle;transform:translateY(-50%)}ax-data-table td.ax-data-table-empty-data span{display:flex;height:100%;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper{width:100%;flex:1;overflow:auto;border-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table .ax-data-table-wrapper table thead{overflow:hidden;border-start-start-radius:var(--ax-sys-border-radius);border-start-end-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table thead th{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-surface))!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-data-table .ax-data-table-wrapper table thead th:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;top:calc(var(--spacing, .25rem) * 0);right:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:100%;width:calc(var(--spacing, .25rem) * 1);cursor:col-resize;background-color:transparent}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table thead th:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:calc(var(--spacing, .25rem) * 0);z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: inset 1px 1px 0px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tbody tr td{position:relative;z-index:0}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-data-table-cell-tooltip-wrapper{position:relative;min-height:inherit}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-bg{position:absolute;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:-1;height:100%;width:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:transparent;opacity:30%}ax-data-table .ax-data-table-wrapper table tbody tr{height:calc(var(--spacing, .25rem) * 10);max-height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-data-table .ax-data-table-wrapper table tbody .empty-row{height:auto!important}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td{background-color:rgba(var(--ax-sys-color-light-surface));color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table .ax-data-table-wrapper table tbody td{position:relative;min-width:calc(var(--spacing, .25rem) * 8);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);--ax-data-table-nested-indent-step: 2rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent.ax-data-table-nested-indent--compact{--ax-data-table-nested-indent-step: 1.5rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"1\"]{padding-inline-start:calc(1 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"2\"]{padding-inline-start:calc(2 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"3\"]{padding-inline-start:calc(3 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"4\"]{padding-inline-start:calc(4 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"5\"]{padding-inline-start:calc(5 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"6\"]{padding-inline-start:calc(6 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"7\"]{padding-inline-start:calc(7 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"8\"]{padding-inline-start:calc(8 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-expand-handler{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 1)}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;background-color:rgba(var(--ax-sys-color-light-surface));text-align:center;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-cell-tooltip-wrapper{display:flex;width:100%;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-row-highlight-badge{position:static;display:inline-flex;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column{text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:50%!important}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:50%;display:flex;width:100%;align-items:center;justify-content:center;transform:translateY(-50%)}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{height:1.4rem;width:1.4rem}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button ax-icon{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{position:relative;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover:not(ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-selected,ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-disabled){opacity:75%}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:active{opacity:100%}ax-data-table .ax-data-table-wrapper table tbody td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table tbody td ax-skeleton{height:calc(var(--spacing, .25rem) * 3.5);width:calc(1/3 * 100%);border-radius:var(--radius-md, .375rem)}ax-data-table .ax-data-table-wrapper table tfoot tr td{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-lighter-surface));text-transform:uppercase}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{position:sticky;bottom:-1px;z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface))), 0 -1px 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}}ax-data-table ax-data-pager{justify-content:center}@media(min-width:48rem){ax-data-table ax-data-pager{justify-content:space-between}}ax-data-table .ax-table-footer{min-height:max-content;border-collapse:collapse;overflow:hidden;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));padding-inline:calc(var(--spacing, .25rem) * 3.5)}ax-data-table .ax-table-footer .ax-table-info{display:flex;flex:1;align-items:center;justify-content:space-between}ax-data-table .ax-data-table-numeric-paging{display:none}@media(min-width:64rem){ax-data-table .ax-data-table-numeric-paging{display:flex}}ax-data-table .ax-data-table-input-paging{display:flex}@media(min-width:64rem){ax-data-table .ax-data-table-input-paging{display:none}}ax-data-table .ax-data-table-info{display:none;align-items:center;justify-content:center}@media(min-width:48rem){ax-data-table .ax-data-table-info{display:flex}}ax-data-table .ax-data-table-info ax-text{color:rgba(var(--ax-sys-color-on-surface))}.cdk-drag-preview{position:relative;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;--tw-shadow: 0 5px 5px -3px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.2)), 0 8px 10px 1px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.14)), 0 3px 14px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-dropdown-command-empty-state-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.dark ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-400)}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead th{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead.ax-data-table-sticky-header{--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr td .ax-bg{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr td{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0px;border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}@media screen and (min-width:768px){:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start.ax-state-is-last,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end.ax-state-is-first{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{--tw-shadow: 0 -1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
2815
+ ], template: "<ng-content select=\"ax-header\"> </ng-content>\n<div class=\"ax-data-table-wrapper\">\n <table>\n @if (showHeader) {\n <thead [ngClass]=\"{ 'ax-data-table-sticky-header': fixedHeader }\">\n <tr\n [cdkDropListDisabled]=\"!allowReordering\"\n cdkDropList\n cdkScrollable\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"drop($event)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-start\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n @for (c of normalColumnsList(); track $index) {\n <th\n cdkDrag\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </th>\n }\n <th class=\"ax-data-table-spacer\"></th>\n @for (c of endFixedColumnsList(); track $index) {\n <th\n cdkDrag\n [cdkDragDisabled]=\"true\"\n cdkDragLockAxis=\"x\"\n class=\"ax-data-table-head-cell sticky-end\"\n [ngClass]=\"getColumnCssClass(c)\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </th>\n }\n </tr>\n </thead>\n }\n <tbody [ngClass]=\"{ 'ax-data-table-row-alternative': alternative }\">\n @if (showNoDataLoadedYet) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (noDataTemplate) {\n <ng-container [ngTemplateOutlet]=\"noDataTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-data-yet' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else if (!displayedRows().length) {\n <tr style=\"display: inherit\">\n <td class=\"ax-data-table-empty-data\" [attr.colspan]=\"columnsList().length + 1\">\n @if (emptyTemplate) {\n <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n } @else {\n <span>{{ '@acorex:common.general.no-record' | translate | async }}</span>\n }\n </td>\n </tr>\n } @else {\n @for (row of displayedRows(); let rowIndex = $index; track rowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row, rowIndex } }\"\n ></ng-container>\n }\n\n <ng-template #rowTemp let-data=\"data\">\n @if (rowTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n >\n </ng-container>\n } @else {\n <tr\n [class.ax-state-focused]=\"focusedRow && data.row === focusedRow\"\n [attr.data-index]=\"data.rowIndex\"\n [class.ax-state-selected]=\"selectedRows.includes(data.row)\"\n [ngClass]=\"getRowCssClass(data.row, data.rowIndex)\"\n style.height=\"{{ itemHeight }}px\"\n style.max-height=\"{{ itemHeight }}px\"\n (click)=\"handleRowClick($event, data.row)\"\n >\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n <td class=\"ax-data-table-spacer\"><div class=\"ax-bg\"></div></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n [attr.data-label]=\"c.caption\"\n tabindex=\"0\"\n [class]=\"getCellCssClass(data.row, c, calculateRowIndex(data.rowIndex))\"\n >\n <div class=\"ax-bg\"></div>\n <span\n class=\"ax-data-table-cell-tooltip-wrapper\"\n [axTooltip]=\"\n c.hasTitle && data.row && !isLoading() ? getCellTooltipText(c, data.row) || null : null\n \"\n >\n @if (data.row && !isLoading()) {\n <ng-container\n [ngTemplateOutlet]=\"c.renderCellTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: { data: data.row, rowIndex: calculateRowIndex(data.rowIndex) },\n }\"\n ></ng-container>\n } @else {\n @if (c.loadingEnabled && loading.enabled) {\n @if (loading.loadingTemplate) {\n <ng-container [ngTemplateOutlet]=\"loading.loadingTemplate\"></ng-container>\n } @else {\n <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n }\n }\n }\n </span>\n </td>\n }\n </tr>\n @if (data.row?.__meta__?.expanded) {\n @if (rowDetailsTemplate) {\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-start]=\"true\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n <td class=\"ax-data-table-row-details\" [attr.colspan]=\"normalColumnsList().length + 1\">\n <ng-container\n [ngTemplateOutlet]=\"rowDetailsTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data.row, rowIndex: data.rowIndex } }\"\n ></ng-container>\n </td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n [style.width]=\"c.width\"\n [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n [class.sticky-end]=\"true\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-bg\"></div>\n </td>\n }\n </tr>\n }\n @for (childRow of data.row.children; let childRowIndex = $index; track childRowIndex) {\n <ng-container\n [ngTemplateOutlet]=\"rowTemp\"\n [ngTemplateOutletContext]=\"{ data: { row: childRow, rowIndex: childRowIndex } }\"\n ></ng-container>\n }\n }\n }\n </ng-template>\n\n <tr class=\"empty-row\"></tr>\n }\n </tbody>\n @if (showFooter) {\n <tfoot [ngClass]=\"{ 'ax-data-table-sticky-footer': fixedFooter }\">\n <tr>\n @for (c of startFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-start\"\n [class.ax-data-table-sticky-footer-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-last]=\"c['isLastFixedColumn']\"\n [style.--sticky-start]=\"c['stickyStart']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n @for (c of normalColumnsList(); track $index) {\n <td\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n @if (c.allowResizing && !c.fixed) {\n <div\n class=\"ax-resize-handle\"\n (mousedown)=\"onResizeColumnStart($event, this.startFixedColumnsList().length + $index)\"\n (dblclick)=\"onResizeHandlerDoubleClick($event, this.startFixedColumnsList().length + $index)\"\n title=\"Double-click to auto-fit column width\"\n ></div>\n }\n </td>\n }\n <td class=\"ax-data-table-spacer\"></td>\n @for (c of endFixedColumnsList(); track $index) {\n <td\n class=\"ax-data-table-sticky-footer-cell sticky-end\"\n [class.ax-interactive]=\"c.allowSorting\"\n (click)=\"c.allowSorting ? handleColumnClick($event, c) : null\"\n [class.ax-data-table-sticky-header-cell]=\"c.fixed && c.width\"\n [style.width]=\"c.width\"\n [class.ax-state-is-first]=\"c['isFirstFixedColumn']\"\n [style.--sticky-end]=\"c['stickyEnd']\"\n >\n <div class=\"ax-caption\">\n <ng-container\n [ngTemplateOutlet]=\"c.renderFooterTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index } }\"\n ></ng-container>\n @if (getSort(c)) {\n <ax-icon icon=\"ax-icon {{ getSort(c) }}\"></ax-icon>\n }\n </div>\n </td>\n }\n </tr>\n </tfoot>\n }\n </table>\n</div>\n\n@if (paging) {\n <div class=\"ax-table-footer\" #footerContainer>\n <ng-template #customPager>\n <ng-content select=\"ax-data-pager\"></ng-content>\n </ng-template>\n\n @if (customDataPager) {\n <ng-container [ngTemplateOutlet]=\"customPager\"></ng-container>\n } @else {\n <ax-data-pager\n #dataPager\n [displayMode]=\"'custom'\"\n (onChanged)=\"handleChangePage($event)\"\n [total]=\"dataSource.totalCount\"\n [size]=\"dataSource.pageSize\"\n [isLoading]=\"isLoading()\"\n >\n <ax-prefix class=\"ax-data-table-numeric-paging\">\n <ax-data-pager-numeric-selector> </ax-data-pager-numeric-selector>\n <ax-data-pager-page-sizes> </ax-data-pager-page-sizes>\n </ax-prefix>\n <ax-prefix class=\"ax-data-table-input-paging\">\n <ax-data-pager-prev-buttons> </ax-data-pager-prev-buttons>\n <ax-data-pager-input-selector> </ax-data-pager-input-selector>\n <ax-data-pager-next-buttons> </ax-data-pager-next-buttons>\n </ax-prefix>\n <ax-suffix class=\"ax-data-table-info\">\n <ax-data-pager-info> </ax-data-pager-info>\n <ax-button class=\"ms-2\" look=\"blank\" (onClick)=\"refresh({ reset: false })\">\n <ax-icon icon=\"ax-icon ax-icon-refresh\"></ax-icon>\n </ax-button>\n </ax-suffix>\n </ax-data-pager>\n }\n </div>\n}\n<ng-content select=\"ax-footer\"> </ng-content>\n", styles: ["@layer properties;@layer components{@keyframes ax-data-table-row-primary-pulse{0%,to{background-color:var(--color-primary-lightest)}50%{background-color:var(--color-primary-lighter)}}@keyframes ax-data-table-row-secondary-pulse{0%,to{background-color:var(--color-secondary-lightest)}50%{background-color:var(--color-secondary-lighter)}}@keyframes ax-data-table-row-success-pulse{0%,to{background-color:var(--color-success-lightest)}50%{background-color:var(--color-success-lighter)}}@keyframes ax-data-table-row-warning-pulse{0%,to{background-color:var(--color-warning-lightest)}50%{background-color:var(--color-warning-lighter)}}@keyframes ax-data-table-row-danger-pulse{0%,to{background-color:var(--color-danger-lightest)}50%{background-color:var(--color-danger-lighter)}}@keyframes ax-data-table-primary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}35%{background-color:var(--color-primary-lightest)}65%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),0)}to{background-color:var(--color-primary-lightest)}}@keyframes ax-data-table-secondary-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}35%{background-color:var(--color-secondary-lightest)}65%{background-color:rgba(var(--ax-sys-color-secondary-lightest-surface),0)}to{background-color:var(--color-secondary-lightest)}}@keyframes ax-data-table-success-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}35%{background-color:var(--color-success-lightest)}65%{background-color:rgba(var(--ax-sys-color-success-lightest-surface),0)}to{background-color:var(--color-success-lightest)}}@keyframes ax-data-table-warning-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}35%{background-color:var(--color-warning-lightest)}65%{background-color:rgba(var(--ax-sys-color-warning-lightest-surface),0)}to{background-color:var(--color-warning-lightest)}}@keyframes ax-data-table-danger-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}35%{background-color:var(--color-danger-lightest)}65%{background-color:rgba(var(--ax-sys-color-danger-lightest-surface),0)}to{background-color:var(--color-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-lighter);color:var(--color-on-primary-lighter);border-color:var(--color-border-primary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-border-primary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-primary-dark);color:var(--color-on-primary-dark);border-color:var(--color-border-primary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-primary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-primary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-secondary-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-lighter);color:var(--color-on-secondary-lighter);border-color:var(--color-border-secondary-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column){background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-border-secondary)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-secondary-dark);color:var(--color-on-secondary-dark);border-color:var(--color-border-secondary-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-secondary.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-secondary-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-success-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-lighter);color:var(--color-on-success-lighter);border-color:var(--color-border-success-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column){background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-border-success)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-success-dark);color:var(--color-on-success-dark);border-color:var(--color-border-success-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-success.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-success-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-warning-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-lighter);color:var(--color-on-warning-lighter);border-color:var(--color-border-warning-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column){background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-warning);color:var(--color-on-warning);border-color:var(--color-border-warning)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-warning-dark);color:var(--color-on-warning-dark);border-color:var(--color-border-warning-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-warning.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-warning-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-danger-lighter-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:hover:not(.ax-state-selected) td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-lighter);color:var(--color-on-danger-lighter);border-color:var(--color-border-danger-lighter);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column){background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column){background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-border-danger)}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:var(--color-danger-dark);color:var(--color-on-danger-dark);border-color:var(--color-border-danger-dark);opacity:100%}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger:not(.ax-row-color-pulse) td:not(.ax-index-column){animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr.ax-row-color-danger.ax-row-color-pulse td.ax-data-table-sticky-body-cell:not(.ax-index-column){animation:ax-data-table-row-danger-pulse 1.2s ease-in-out infinite}}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning td:not(.ax-index-column) .ax-bg{background-color:transparent}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger td:not(.ax-index-column) .ax-bg{background-color:transparent}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-primary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-secondary .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-success .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-warning .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n).ax-row-color-danger .ax-data-table-sticky-body-cell:not(.ax-index-column){background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest)}}}@layer components{@keyframes ax-data-table-primary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}35%{background-color:var(--color-primary-light)}65%{background-color:rgba(var(--ax-sys-color-primary-light-surface),0)}to{background-color:var(--color-primary-light)}}@keyframes ax-data-table-secondary-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}35%{background-color:var(--color-secondary-light)}65%{background-color:rgba(var(--ax-sys-color-secondary-light-surface),0)}to{background-color:var(--color-secondary-light)}}@keyframes ax-data-table-success-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}35%{background-color:var(--color-success-light)}65%{background-color:rgba(var(--ax-sys-color-success-light-surface),0)}to{background-color:var(--color-success-light)}}@keyframes ax-data-table-warning-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}35%{background-color:var(--color-warning-light)}65%{background-color:rgba(var(--ax-sys-color-warning-light-surface),0)}to{background-color:var(--color-warning-light)}}@keyframes ax-data-table-danger-header-highlight-appear{0%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}35%{background-color:var(--color-danger-light)}65%{background-color:rgba(var(--ax-sys-color-danger-light-surface),0)}to{background-color:var(--color-danger-light)}}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-primary{background-color:var(--color-primary-light);color:var(--color-on-primary-light);border-color:var(--color-border-primary-light);animation:ax-data-table-primary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-primary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-primary{background-color:var(--color-primary-lightest);color:var(--color-on-primary-lightest);border-color:var(--color-border-primary-lightest);animation:ax-data-table-primary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-secondary{background-color:var(--color-secondary-light);color:var(--color-on-secondary-light);border-color:var(--color-border-secondary-light);animation:ax-data-table-secondary-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-secondary,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-secondary{background-color:var(--color-secondary-lightest);color:var(--color-on-secondary-lightest);border-color:var(--color-border-secondary-lightest);animation:ax-data-table-secondary-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-success{background-color:var(--color-success-light);color:var(--color-on-success-light);border-color:var(--color-border-success-light);animation:ax-data-table-success-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-success,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-success{background-color:var(--color-success-lightest);color:var(--color-on-success-lightest);border-color:var(--color-border-success-lightest);animation:ax-data-table-success-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-warning{background-color:var(--color-warning-light);color:var(--color-on-warning-light);border-color:var(--color-border-warning-light);animation:ax-data-table-warning-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-warning,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-warning{background-color:var(--color-warning-lightest);color:var(--color-on-warning-lightest);border-color:var(--color-border-warning-lightest);animation:ax-data-table-warning-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table thead th.ax-column-color-danger{background-color:var(--color-danger-light);color:var(--color-on-danger-light);border-color:var(--color-border-danger-light);animation:ax-data-table-danger-header-highlight-appear 1.5s ease-in-out 1}ax-data-table .ax-data-table-wrapper table tbody tr td.ax-column-color-danger,ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td.ax-column-color-danger{background-color:var(--color-danger-lightest);color:var(--color-on-danger-lightest);border-color:var(--color-border-danger-lightest);animation:ax-data-table-danger-highlight-appear 1.5s ease-in-out 1}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-primary{background-color:var(--color-primary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-secondary{background-color:var(--color-secondary-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-success{background-color:var(--color-success-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-warning{background-color:var(--color-warning-lightest)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.ax-column-color-danger{background-color:var(--color-danger-lightest)}}}@layer components{ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-lighter-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-lighter-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-500);position:relative;display:flex;height:100%;min-height:inherit;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4)}ax-data-table .ax-highlight{background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));padding:0 .125rem;font-weight:500;box-shadow:0 0 0 1px rgb(var(--ax-comp-data-table-highlight-border-color) / .25)}ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table thead th.ax-data-table-spacer,ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table tbody td.ax-data-table-spacer,ax-data-table.ax-data-table--tree-fill .ax-data-table-wrapper table tfoot td.ax-data-table-spacer{width:calc(var(--spacing, .25rem) * 0);max-width:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 0)}ax-data-table td.ax-data-table-empty-data{position:absolute!important;top:50%;height:calc(var(--spacing, .25rem) * 32);width:100%;border-bottom-style:var(--tw-border-style);border-bottom-width:0px;background-color:transparent!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 8);text-align:center;vertical-align:middle;transform:translateY(-50%)}ax-data-table td.ax-data-table-empty-data span{display:flex;height:100%;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper{width:100%;flex:1;overflow:auto;border-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table .ax-data-table-wrapper table thead{overflow:hidden;border-start-start-radius:var(--ax-sys-border-radius);border-start-end-radius:var(--ax-sys-border-radius)}ax-data-table .ax-data-table-wrapper table thead th{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter);border-color:rgba(var(--ax-sys-color-border-surface))!important;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}ax-data-table .ax-data-table-wrapper table thead th:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-darker);color:var(--color-on-darker);border-color:var(--color-border-darker)}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;top:calc(var(--spacing, .25rem) * 0);right:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:100%;width:calc(var(--spacing, .25rem) * 1);cursor:col-resize;background-color:transparent}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-resize-handle:hover:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table thead th:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:calc(var(--spacing, .25rem) * 0);z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: inset 1px 1px 0px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start.ax-state-is-last:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end.ax-state-is-first:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tbody tr td{position:relative;z-index:0}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-data-table-cell-tooltip-wrapper{position:relative;display:block;min-height:inherit;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden}ax-data-table .ax-data-table-wrapper table tbody tr td .ax-bg{position:absolute;top:calc(var(--spacing, .25rem) * 0);left:calc(var(--spacing, .25rem) * 0);z-index:-1;height:100%;width:100%;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:transparent;opacity:30%}ax-data-table .ax-data-table-wrapper table tbody tr{height:calc(var(--spacing, .25rem) * 10);max-height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-on-primary-lightest-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-light-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column) .ax-bg:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-primary-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column) .ax-bg{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-data-table .ax-data-table-wrapper table tbody .empty-row{height:auto!important}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td{background-color:rgba(var(--ax-sys-color-light-surface));color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-surface))}ax-data-table .ax-data-table-wrapper table tbody.ax-data-table-row-alternative tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table .ax-data-table-wrapper table tbody td{position:relative;min-width:calc(var(--spacing, .25rem) * 8);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darkest-surface))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent{box-sizing:border-box;display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);--ax-data-table-nested-indent-step: 2rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent .ax-data-table-cell-text{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent.ax-data-table-nested-indent--compact{--ax-data-table-nested-indent-step: 1.5rem}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"1\"]{padding-inline-start:calc(1 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"2\"]{padding-inline-start:calc(2 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"3\"]{padding-inline-start:calc(3 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"4\"]{padding-inline-start:calc(4 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"5\"]{padding-inline-start:calc(5 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"6\"]{padding-inline-start:calc(6 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"7\"]{padding-inline-start:calc(7 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-nested-indent[data-level=\"8\"]{padding-inline-start:calc(8 * var(--ax-data-table-nested-indent-step))}ax-data-table .ax-data-table-wrapper table tbody td .ax-data-table-cell-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td .ax-expand-handler{flex-shrink:0;cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 1)}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;background-color:rgba(var(--ax-sys-color-light-surface));text-align:center;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-light-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-dark-surface))}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-cell-tooltip-wrapper{display:flex;width:100%;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-index-column .ax-data-table-row-highlight-badge{position:static;display:inline-flex;align-items:center;justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column{text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:50%!important}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);top:50%;display:flex;width:100%;align-items:center;justify-content:center;transform:translateY(-50%)}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{height:1.4rem;width:1.4rem}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button ax-icon{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button{position:relative;cursor:pointer;border-style:var(--tw-border-style);border-width:0px;text-overflow:ellipsis;white-space:nowrap}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover:not(ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-selected,ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:hover.ax-state-disabled){opacity:75%}ax-data-table .ax-data-table-wrapper table tbody td.ax-command-column ax-button button:active{opacity:100%}ax-data-table .ax-data-table-wrapper table tbody td:last-child{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table .ax-data-table-wrapper table tbody td ax-skeleton{height:calc(var(--spacing, .25rem) * 3.5);width:calc(1/3 * 100%);border-radius:var(--radius-md, .375rem)}ax-data-table .ax-data-table-wrapper table tfoot tr td{position:relative;height:calc(var(--spacing, .25rem) * 10);overflow:hidden;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-lighter-surface));text-transform:uppercase}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-darker-surface))}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive{cursor:pointer}ax-data-table .ax-data-table-wrapper table tfoot tr td.ax-interactive:hover{background-color:rgba(var(--ax-sys-color-light-surface))}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell{position:sticky;z-index:2;border-inline-style:var(--tw-border-style);border-inline-width:0px}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start{--tw-shadow: inset -1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-start.ax-state-is-last{--tw-shadow: inset -2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end{--tw-shadow: inset 1px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-data-table .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell.sticky-end.ax-state-is-first{--tw-shadow: inset 2px 0 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{position:sticky;bottom:-1px;z-index:3;border-block-style:var(--tw-border-style);border-block-width:0px;--tw-shadow: 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface))), 0 -1px 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}}ax-data-table ax-data-pager{justify-content:center}@media(min-width:48rem){ax-data-table ax-data-pager{justify-content:space-between}}ax-data-table .ax-table-footer{min-height:max-content;border-collapse:collapse;overflow:hidden;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));padding-inline:calc(var(--spacing, .25rem) * 3.5)}ax-data-table .ax-table-footer .ax-table-info{display:flex;flex:1;align-items:center;justify-content:space-between}ax-data-table .ax-data-table-numeric-paging{display:none}@media(min-width:64rem){ax-data-table .ax-data-table-numeric-paging{display:flex}}ax-data-table .ax-data-table-input-paging{display:flex}@media(min-width:64rem){ax-data-table .ax-data-table-input-paging{display:none}}ax-data-table .ax-data-table-info{display:none;align-items:center;justify-content:center}@media(min-width:48rem){ax-data-table .ax-data-table-info{display:flex}}ax-data-table .ax-data-table-info ax-text{color:rgba(var(--ax-sys-color-on-surface))}.cdk-drag-preview{position:relative;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);text-align:start;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));text-transform:uppercase;--tw-shadow: 0 5px 5px -3px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.2)), 0 8px 10px 1px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.14)), 0 3px 14px 2px var(--tw-shadow-color, rgba(var(--ax-sys-color-primary-900),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ax-dropdown-command-empty-state-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}.dark ax-data-table{--ax-comp-data-table-highlight-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-data-table-highlight-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-data-table-highlight-border-color: var(--ax-sys-color-warning-400)}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead th{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead.ax-data-table-sticky-header{--tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media screen and (min-width:768px){ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-start,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr .ax-data-table-sticky-body-cell.sticky-end{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody tr td .ax-bg{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tbody td{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr td{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0px;border-inline-end-style:var(--tw-border-style);border-inline-end-width:0px}@media screen and (min-width:768px){:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-start.ax-state-is-last,:is(ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-footer-cell,ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot tr .ax-data-table-sticky-header-cell).sticky-end.ax-state-is-first{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}ax-data-table.ax-data-table-look-minimal .ax-data-table-wrapper table tfoot.ax-data-table-sticky-footer{--tw-shadow: 0 -1px 0 0 var(--tw-shadow-color, rgba(var(--ax-sys-color-border-surface)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
2782
2816
  }], propDecorators: { look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], dataPager: [{
2783
2817
  type: ViewChild,
2784
2818
  args: ['dataPager']