@acorex/components 22.2.11 → 22.2.13

package/fesm2022/acorex-components-data-table.mjs

@@ -11,13 +11,14 @@ import { AXFormatService, AXFormatPipe, AXFormatModule } from '@acorex/core/form
 import { Memoize } from '@acorex/core/memoize';
 import * as i2 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
-import { AXButtonItemListComponent, AXButtonComponent, AXButtonModule } from '@acorex/components/button';
+import { AXButtonItemListComponent, AXButtonComponent, AXButtonItemComponent, AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorIconComponent, AXDecoratorGenericComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXDropdownPanelComponent, AXDropdownModule } from '@acorex/components/dropdown';
 import { AXLoadingComponent, AXLoadingModule } from '@acorex/components/loading';
 import { AXBadgeComponent } from '@acorex/components/badge';
 import * as i2$1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
+import { AXDropdownButtonComponent } from '@acorex/components/dropdown-button';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXDataPagerComponent, AXDataPagerNumericSelectorComponent, AXDataPagerPageSizesComponent, AXDataPagerPrevButtonsComponent, AXDataPagerInputSelectorComponent, AXDataPagerNextButtonsComponent, AXDataPagerInfoComponent, AXDataPagerModule } from '@acorex/components/data-pager';
@@ -275,6 +276,13 @@ class AXBaseDataTable extends MXBaseComponent {
         const color = this.getColumnHighlightColor(column);
         return color ? `ax-column-color-${color}` : '';
     }
+    /**
+     * Header `<th>` classes: column highlight + column `cssClass` (e.g. `ax-select-column`).
+     */
+    getHeadColumnCssClass(column) {
+        const classes = [this.getColumnCssClass(column), column.cssClass].filter((value) => typeof value === 'string' && value.length > 0);
+        return classes.join(' ');
+    }
     /**
      * Returns the temporary highlight state for a row, if any.
      */
@@ -446,6 +454,7 @@ class AXBaseDataTable extends MXBaseComponent {
         if (!isEqual(this._selectedRows(), v)) {
             this._selectedRows.set(v);
             this.selectedRowsChange.emit(v);
+            this.cdr.markForCheck();
         }
     }
     /**
@@ -506,9 +515,11 @@ class AXBaseDataTable extends MXBaseComponent {
     selectRows(...rows) {
         const key = this.getDataSourceKey();
         const selectRowIds = this.selectedRows.map((sr) => (typeof sr === 'object' ? sr[key] : sr));
-        const newRows = rows.filter((nr) => !selectRowIds.includes(typeof nr === 'object' ? nr[key] : nr));
+        const newRows = rows.filter((nr) => {
+            const rowKey = typeof nr === 'object' ? nr[key] : nr;
+            return !selectRowIds.some((id) => id == rowKey);
+        });
         this.selectedRows = this.selectedRows.concat(newRows);
-        //this.selectedRows = _.uniq(this.selectedRows.concat(rows));
     }
     /**
      * Unselects one or more rows.
@@ -519,8 +530,10 @@ class AXBaseDataTable extends MXBaseComponent {
     unSelectRows(...rows) {
         const key = this.getDataSourceKey();
         const removedRowIds = rows.map((sr) => (typeof sr === 'object' ? sr[key] : sr));
-        this.selectedRows = this.selectedRows.filter((c) => !removedRowIds.includes(typeof c === 'object' ? c[key] : c));
-        //this.selectedRows = this.selectedRows.filter((c) => !rows.includes(c));
+        this.selectedRows = this.selectedRows.filter((c) => {
+            const rowKey = typeof c === 'object' ? c[key] : c;
+            return !removedRowIds.some((id) => id == rowKey);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBaseDataTable, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBaseDataTable }); }
@@ -1670,6 +1683,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 
 /**
  * Column component that provides checkboxes for row selection in a data table.
+ * The header shows a split control: the checkbox selects all visible rows; the chevron opens
+ * a menu with reverse selection and unselect actions for visible rows.
  *
  * @category Components
  */
@@ -1686,6 +1701,7 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     }
     /**
      * Gets the template used to render the column header.
+     * Renders a split control: the checkbox selects or clears all visible rows; the chevron opens a menu with Reverse and Unselect actions scoped to visible rows.
      */
     get renderHeaderTemplate() {
         return this._contentHeaderTemplate;
@@ -1708,6 +1724,15 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     getDataSourceKey() {
         return this.grid.dataSource.config.key || 'id';
     }
+    /**
+     *  @ignore
+     */
+    resolveSelectableRows(rows) {
+        if (!rows?.length) {
+            return [];
+        }
+        return rows.filter((row) => row != null);
+    }
     /**
      *  @ignore
      */
@@ -1716,17 +1741,45 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
         const selectedRowKeys = this.grid.selectedRows.map((sr) => (typeof sr === 'object' ? sr[key] : sr));
         return item != null && selectedRowKeys.includes(typeof item === 'object' ? item[key] : item);
     }
+    /**
+     * Header checkbox model: `true` when every visible row is selected, `false` when none are,
+     * and `null` for a partial (indeterminate) selection.
+     *
+     * @ignore
+     */
+    headerCheckboxValue(rows, selectedRows = this.grid.selectedRows) {
+        return this.checkAllSelected(rows, selectedRows);
+    }
+    /**
+     *  @ignore
+     */
+    onHeaderSelectAll(e, rows) {
+        this.handleSelectAll(e, rows);
+    }
+    /**
+     *  @ignore
+     */
+    onHeaderReverseSelect(rows) {
+        this.handleReverseSelect(rows);
+    }
+    /**
+     *  @ignore
+     */
+    onHeaderUnselect(rows) {
+        this.handleUnselect(rows);
+    }
     /**
      *  @ignore
      */
-    checkAllSelected(rows) {
+    checkAllSelected(rows, selectedRows = this.grid.selectedRows) {
+        const selectableRows = this.resolveSelectableRows(rows);
         const key = this.getDataSourceKey();
-        const selectedRowKeys = this.grid.selectedRows.map((sr) => (typeof sr === 'object' ? sr[key] : sr));
-        if (!rows || !rows.length || !selectedRowKeys.length) {
+        const selectedRowKeys = (selectedRows ?? []).map((sr) => (typeof sr === 'object' ? sr[key] : sr));
+        if (!selectableRows.length || !selectedRowKeys.length) {
             return false;
         }
-        const allSelected = rows.every((element) => selectedRowKeys.includes(typeof element === 'object' ? element[key] : element));
-        const anySelected = rows.some((element) => selectedRowKeys.includes(typeof element === 'object' ? element[key] : element));
+        const allSelected = selectableRows.every((element) => selectedRowKeys.includes(typeof element === 'object' ? element[key] : element));
+        const anySelected = selectableRows.some((element) => selectedRowKeys.includes(typeof element === 'object' ? element[key] : element));
         if (allSelected) {
             return true;
         }
@@ -1753,14 +1806,45 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
      */
     handleSelectAll(e, rows) {
         if (e.isUserInteraction) {
+            const selectableRows = this.resolveSelectableRows(rows);
+            if (!selectableRows.length) {
+                return;
+            }
             if (this.checkAllSelected(rows)) {
-                this.grid.unSelectRows(...rows);
+                this.grid.unSelectRows(...selectableRows);
             }
             else {
-                this.grid.selectRows(...rows);
+                this.grid.selectRows(...selectableRows);
             }
         }
     }
+    /**
+     *  @ignore
+     */
+    handleReverseSelect(rows) {
+        const selectableRows = this.resolveSelectableRows(rows);
+        if (!selectableRows.length) {
+            return;
+        }
+        const toUnselect = selectableRows.filter((row) => this.isSelected(row));
+        const toSelect = selectableRows.filter((row) => !this.isSelected(row));
+        if (toUnselect.length) {
+            this.grid.unSelectRows(...toUnselect);
+        }
+        if (toSelect.length) {
+            this.grid.selectRows(...toSelect);
+        }
+    }
+    /**
+     *  @ignore
+     */
+    handleUnselect(rows) {
+        const selectableRows = this.resolveSelectableRows(rows);
+        if (!selectableRows.length) {
+            return;
+        }
+        this.grid.unSelectRows(...selectableRows);
+    }
     /**
      * Indicates whether loading is enabled for the column.
      */
@@ -1781,18 +1865,25 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
             },
             { provide: AXComponent, useExisting: AXRowSelectColumnComponent },
         ], viewQueries: [{ propertyName: "_cellTemplate", first: true, predicate: ["cell"], descendants: true }, { propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true }, { propertyName: "_contentFooterTemplate", first: true, predicate: ["footer"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-template #header let-col>
-      <ax-check-box
-        [ngModel]="checkAllSelected(col.rows)"
-        [indeterminate]="true"
-        (onValueChanged)="handleSelectAll($event, col.rows)"
-      ></ax-check-box>
-      <!-- <input
-        class="ax-checkbox"
-        type="checkbox"
-        (change)="handleSelectAll(col.rows)"
-        [indeterminate]="checkAnySelected(col.rows)"
-        [checked]="checkAllSelected(col.rows)"
-      /> -->
+      <div class="ax-select-column-header" (click)="$event.stopPropagation()">
+        <ax-check-box
+          [ngModel]="headerCheckboxValue(col.rows, col.selectedRows)"
+          [indeterminate]="true"
+          (onValueChanged)="onHeaderSelectAll($event, col.rows)"
+        ></ax-check-box>
+        <ax-dropdown-button class="ax-xs ax-select-column-menu-trigger" mode="dropdown" look="link">
+          <ax-button-item-list>
+            <ax-button-item
+              [text]="'@acorex:dataTable.selectColumn.reverse'"
+              (onClick)="onHeaderReverseSelect(col.rows)"
+            ></ax-button-item>
+            <ax-button-item
+              [text]="'@acorex:dataTable.selectColumn.unselect'"
+              (onClick)="onHeaderUnselect(col.rows)"
+            ></ax-button-item>
+          </ax-button-item-list>
+        </ax-dropdown-button>
+      </div>
     </ng-template>
     <ng-template #cell let-row>
       <ax-check-box
@@ -1800,27 +1891,33 @@ class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
         (onValueChanged)="handleChange($event, row.data)"
         [ngModel]="isSelected(row.data)"
       ></ax-check-box>
-      <!-- <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" /> -->
     </ng-template>
-    <ng-template #footer></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    <ng-template #footer></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "color", "look", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXRowSelectColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-select-column',
                     template: `<ng-template #header let-col>
-      <ax-check-box
-        [ngModel]="checkAllSelected(col.rows)"
-        [indeterminate]="true"
-        (onValueChanged)="handleSelectAll($event, col.rows)"
-      ></ax-check-box>
-      <!-- <input
-        class="ax-checkbox"
-        type="checkbox"
-        (change)="handleSelectAll(col.rows)"
-        [indeterminate]="checkAnySelected(col.rows)"
-        [checked]="checkAllSelected(col.rows)"
-      /> -->
+      <div class="ax-select-column-header" (click)="$event.stopPropagation()">
+        <ax-check-box
+          [ngModel]="headerCheckboxValue(col.rows, col.selectedRows)"
+          [indeterminate]="true"
+          (onValueChanged)="onHeaderSelectAll($event, col.rows)"
+        ></ax-check-box>
+        <ax-dropdown-button class="ax-xs ax-select-column-menu-trigger" mode="dropdown" look="link">
+          <ax-button-item-list>
+            <ax-button-item
+              [text]="'@acorex:dataTable.selectColumn.reverse'"
+              (onClick)="onHeaderReverseSelect(col.rows)"
+            ></ax-button-item>
+            <ax-button-item
+              [text]="'@acorex:dataTable.selectColumn.unselect'"
+              (onClick)="onHeaderUnselect(col.rows)"
+            ></ax-button-item>
+          </ax-button-item-list>
+        </ax-dropdown-button>
+      </div>
     </ng-template>
     <ng-template #cell let-row>
       <ax-check-box
@@ -1828,7 +1925,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         (onValueChanged)="handleChange($event, row.data)"
         [ngModel]="isSelected(row.data)"
       ></ax-check-box>
-      <!-- <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" /> -->
     </ng-template>
     <ng-template #footer></ng-template> `,
                     encapsulation: ViewEncapsulation.None,
@@ -1839,7 +1935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         },
                         { provide: AXComponent, useExisting: AXRowSelectColumnComponent },
                     ],
-                    imports: [FormsModule, AXCheckBoxModule],
+                    imports: [FormsModule, AXCheckBoxModule, AXDropdownButtonComponent, AXButtonItemComponent, AXButtonItemListComponent],
                     inputs: ['width', 'caption', 'fixed'],
                 }]
         }], propDecorators: { _cellTemplate: [{
@@ -2143,6 +2239,12 @@ class AXDataTableComponent extends AXBaseDataTable {
             this.resetResizingProcess();
         };
     }
+    /**
+     *  @ignore
+     */
+    isSelectColumn(column) {
+        return column.name === 'cl-select';
+    }
     /**
      * Gets the currently focused row.
      */
@@ -2859,7 +2961,7 @@ class AXDataTableComponent extends AXBaseDataTable {
             { provide: AXBaseDataTable, useExisting: AXDataTableComponent },
             AXUnsubscriber,
             { provide: AXComponent, useExisting: AXDataTableComponent },
-        ], 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          [cdkDropListSortPredicate]=\"columnReorderSortPredicate\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @for (c of startFixedColumnsList(); track $index) {\n            <th\n              cdkDrag\n              [cdkDragData]=\"c\"\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              [cdkDragData]=\"c\"\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\" cdkDragHandle>\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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              [cdkDragData]=\"c\"\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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{display:inline;margin:0;padding:0;background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));font-weight:inherit;box-shadow:none}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 .ax-caption{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-caption>*{min-width:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:first-child{flex:1}ax-data-table .ax-data-table-wrapper table .ax-caption>ax-icon{flex-shrink:0}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;inset-inline-end:calc(var(--spacing, .25rem) * 0);top: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: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: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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", "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 }); }
+        ], 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<ng-template #selectColumnHeaderTpl let-selectColumn=\"selectColumn\">\n  <div class=\"ax-select-column-header\" (click)=\"$event.stopPropagation()\">\n    <ax-check-box\n      [ngModel]=\"selectColumn.headerCheckboxValue(displayedRows(), selectedRows)\"\n      [ngModelOptions]=\"{ standalone: true }\"\n      [indeterminate]=\"true\"\n      (onValueChanged)=\"selectColumn.onHeaderSelectAll($event, displayedRows())\"\n    ></ax-check-box>\n    <ax-dropdown-button\n      class=\"ax-xs ax-select-column-menu-trigger\"\n      mode=\"dropdown\"\n      look=\"link\"\n      color=\"default\"\n      [text]=\"''\"\n    >\n      <ax-button-item-list>\n        <ax-button-item\n          [text]=\"'@acorex:dataTable.selectColumn.reverse'\"\n          (onClick)=\"selectColumn.onHeaderReverseSelect(displayedRows())\"\n        ></ax-button-item>\n        <ax-button-item\n          [text]=\"'@acorex:dataTable.selectColumn.unselect'\"\n          (onClick)=\"selectColumn.onHeaderUnselect(displayedRows())\"\n        ></ax-button-item>\n      </ax-button-item-list>\n    </ax-dropdown-button>\n  </div>\n</ng-template>\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          [cdkDropListSortPredicate]=\"columnReorderSortPredicate\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @for (c of startFixedColumnsList(); track $index) {\n            <th\n              cdkDrag\n              [cdkDragData]=\"c\"\n              [cdkDragDisabled]=\"true\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell sticky-start\"\n              [ngClass]=\"getHeadColumnCssClass(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                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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              [cdkDragData]=\"c\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell\"\n              [ngClass]=\"getHeadColumnCssClass(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\" cdkDragHandle>\n                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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              [cdkDragData]=\"c\"\n              [cdkDragDisabled]=\"true\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell sticky-end\"\n              [ngClass]=\"getHeadColumnCssClass(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                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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, selectedRows: selectedRows } }\"\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, selectedRows: selectedRows } }\"\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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, selectedRows: selectedRows } }\"\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        @if (selectedRows.length) {\n          <ax-prefix class=\"ax-data-table-selected-summary\">\n            <span class=\"ax-data-table-selected-count-text\">{{\n              '@acorex:dataTable.selectedSummary' | translate: { params: { count: selectedRows.length } } | async\n            }}</span>\n          </ax-prefix>\n        }\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{display:inline;margin:0;padding:0;background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));font-weight:inherit;box-shadow:none}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 .ax-caption{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:not(ax-check-box):not(.ax-select-column-header){min-width:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:first-child:not(ax-check-box):not(.ax-select-column-header){flex:1}ax-data-table .ax-data-table-wrapper table .ax-caption>ax-icon,ax-data-table .ax-data-table-wrapper table .ax-caption>ax-check-box,ax-data-table .ax-data-table-wrapper table .ax-caption>.ax-select-column-header{flex-shrink:0}ax-data-table .ax-data-table-wrapper table .ax-caption:has(>ax-check-box),ax-data-table .ax-data-table-wrapper table .ax-caption:has(>.ax-select-column-header){justify-content:center}ax-data-table .ax-data-table-wrapper table .ax-select-column-header{position:relative;display:flex;width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-label{margin:calc(var(--spacing, .25rem) * 0);align-items:center}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-start-side input.ax-check-box:focus,ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-start-side input.ax-check-box:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-end-side{display:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger{position:absolute;top:50%;flex-shrink:0;inset-inline-start:50%;transform:translate(.5rem,-50%)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button{box-shadow:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button{height:calc(var(--spacing, .25rem) * 4);min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);gap:calc(var(--spacing, .25rem) * 0);border-radius:0;border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 0);--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);--tw-outline-style: none;outline-style:none;box-shadow:none!important;background-image:none!important;transform:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:hover,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:active,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus-visible,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus-within{box-shadow:none!important;background-image:none!important;outline:none!important;border-color:transparent!important;transform:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button ax-prefix{display:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button .ax-ripple{display:none}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-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header){padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center}:is(ax-data-table .ax-data-table-wrapper table thead th.ax-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header)) ax-check-box .ax-checkbox-end-side,:is(ax-data-table .ax-data-table-wrapper table thead th.ax-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header)) .ax-select-column-header ax-check-box .ax-checkbox-end-side{display:none}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;inset-inline-end:calc(var(--spacing, .25rem) * 0);top: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: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-select-column{padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-column .ax-caption{justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-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-select-column ax-check-box .ax-checkbox-end-side{display:none}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-column ax-check-box .ax-checkbox-label{align-items: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-data-pager .ax-data-table-numeric-paging,ax-data-table ax-data-pager .ax-data-table-input-paging{order:1}ax-data-table ax-data-pager .ax-data-table-selected-summary{order:2;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}ax-data-table ax-data-pager .ax-data-table-selected-summary .ax-data-table-selected-count-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-data-table ax-data-pager .ax-data-table-info{order:3}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-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;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-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;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i2$1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXDropdownButtonComponent, selector: "ax-dropdown-button", inputs: ["disabled", "size", "text", "color", "look", "type", "mode"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { 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", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDataTableComponent, decorators: [{
             type: Component,
@@ -2881,6 +2983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXUnsubscriber,
                         { provide: AXComponent, useExisting: AXDataTableComponent },
                     ], imports: [
+                        FormsModule,
                         NgTemplateOutlet,
                         NgClass,
                         CdkDropList,
@@ -2889,6 +2992,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         CdkDragHandle,
                         AXDecoratorIconComponent,
                         AXSkeletonComponent,
+                        AXCheckBoxModule,
+                        AXDropdownButtonComponent,
+                        AXButtonItemComponent,
+                        AXButtonItemListComponent,
                         AXDataPagerComponent,
                         AXDecoratorGenericComponent,
                         AXDataPagerNumericSelectorComponent,
@@ -2901,7 +3008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AsyncPipe,
                         AXTranslatorPipe,
                         AXTooltipDirective,
-                    ], 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          [cdkDropListSortPredicate]=\"columnReorderSortPredicate\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @for (c of startFixedColumnsList(); track $index) {\n            <th\n              cdkDrag\n              [cdkDragData]=\"c\"\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              [cdkDragData]=\"c\"\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\" cdkDragHandle>\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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              [cdkDragData]=\"c\"\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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{display:inline;margin:0;padding:0;background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));font-weight:inherit;box-shadow:none}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 .ax-caption{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-caption>*{min-width:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:first-child{flex:1}ax-data-table .ax-data-table-wrapper table .ax-caption>ax-icon{flex-shrink:0}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;inset-inline-end:calc(var(--spacing, .25rem) * 0);top: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: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"] }]
+                    ], template: "<ng-content select=\"ax-header\"> </ng-content>\n<ng-template #selectColumnHeaderTpl let-selectColumn=\"selectColumn\">\n  <div class=\"ax-select-column-header\" (click)=\"$event.stopPropagation()\">\n    <ax-check-box\n      [ngModel]=\"selectColumn.headerCheckboxValue(displayedRows(), selectedRows)\"\n      [ngModelOptions]=\"{ standalone: true }\"\n      [indeterminate]=\"true\"\n      (onValueChanged)=\"selectColumn.onHeaderSelectAll($event, displayedRows())\"\n    ></ax-check-box>\n    <ax-dropdown-button\n      class=\"ax-xs ax-select-column-menu-trigger\"\n      mode=\"dropdown\"\n      look=\"link\"\n      color=\"default\"\n      [text]=\"''\"\n    >\n      <ax-button-item-list>\n        <ax-button-item\n          [text]=\"'@acorex:dataTable.selectColumn.reverse'\"\n          (onClick)=\"selectColumn.onHeaderReverseSelect(displayedRows())\"\n        ></ax-button-item>\n        <ax-button-item\n          [text]=\"'@acorex:dataTable.selectColumn.unselect'\"\n          (onClick)=\"selectColumn.onHeaderUnselect(displayedRows())\"\n        ></ax-button-item>\n      </ax-button-item-list>\n    </ax-dropdown-button>\n  </div>\n</ng-template>\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          [cdkDropListSortPredicate]=\"columnReorderSortPredicate\"\n          (cdkDropListDropped)=\"drop($event)\"\n        >\n          @for (c of startFixedColumnsList(); track $index) {\n            <th\n              cdkDrag\n              [cdkDragData]=\"c\"\n              [cdkDragDisabled]=\"true\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell sticky-start\"\n              [ngClass]=\"getHeadColumnCssClass(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                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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              [cdkDragData]=\"c\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell\"\n              [ngClass]=\"getHeadColumnCssClass(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\" cdkDragHandle>\n                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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              [cdkDragData]=\"c\"\n              [cdkDragDisabled]=\"true\"\n              cdkDragLockAxis=\"x\"\n              class=\"ax-data-table-head-cell sticky-end\"\n              [ngClass]=\"getHeadColumnCssClass(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                @if (isSelectColumn(c)) {\n                  <ng-container\n                    [ngTemplateOutlet]=\"selectColumnHeaderTpl\"\n                    [ngTemplateOutletContext]=\"{ selectColumn: c }\"\n                  ></ng-container>\n                } @else {\n                  <ng-container\n                    [ngTemplateOutlet]=\"c.renderHeaderTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: { data: c, rows: displayedRows(), rowIndex: $index, selectedRows: selectedRows } }\"\n                  ></ng-container>\n                }\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, selectedRows: selectedRows } }\"\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, selectedRows: selectedRows } }\"\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, c)\"\n                  (dblclick)=\"onResizeHandlerDoubleClick($event, c)\"\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, selectedRows: selectedRows } }\"\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        @if (selectedRows.length) {\n          <ax-prefix class=\"ax-data-table-selected-summary\">\n            <span class=\"ax-data-table-selected-count-text\">{{\n              '@acorex:dataTable.selectedSummary' | translate: { params: { count: selectedRows.length } } | async\n            }}</span>\n          </ax-prefix>\n        }\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{display:inline;margin:0;padding:0;background-color:rgb(var(--ax-comp-data-table-highlight-bg-color));color:rgb(var(--ax-comp-data-table-highlight-text-color));font-weight:inherit;box-shadow:none}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 .ax-caption{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:not(ax-check-box):not(.ax-select-column-header){min-width:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-caption>*:first-child:not(ax-check-box):not(.ax-select-column-header){flex:1}ax-data-table .ax-data-table-wrapper table .ax-caption>ax-icon,ax-data-table .ax-data-table-wrapper table .ax-caption>ax-check-box,ax-data-table .ax-data-table-wrapper table .ax-caption>.ax-select-column-header{flex-shrink:0}ax-data-table .ax-data-table-wrapper table .ax-caption:has(>ax-check-box),ax-data-table .ax-data-table-wrapper table .ax-caption:has(>.ax-select-column-header){justify-content:center}ax-data-table .ax-data-table-wrapper table .ax-select-column-header{position:relative;display:flex;width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 0)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-label{margin:calc(var(--spacing, .25rem) * 0);align-items:center}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-start-side input.ax-check-box:focus,ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-start-side input.ax-check-box:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header ax-check-box .ax-checkbox-end-side{display:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger{position:absolute;top:50%;flex-shrink:0;inset-inline-start:50%;transform:translate(.5rem,-50%)}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button{box-shadow:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button{height:calc(var(--spacing, .25rem) * 4);min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);gap:calc(var(--spacing, .25rem) * 0);border-radius:0;border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 0);--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);--tw-outline-style: none;outline-style:none;box-shadow:none!important;background-image:none!important;transform:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:hover,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:active,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus-visible,ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button:focus-within{box-shadow:none!important;background-image:none!important;outline:none!important;border-color:transparent!important;transform:none!important}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button ax-prefix{display:none}ax-data-table .ax-data-table-wrapper table .ax-select-column-header .ax-select-column-menu-trigger ax-button button .ax-ripple{display:none}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-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header){padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center}:is(ax-data-table .ax-data-table-wrapper table thead th.ax-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header)) ax-check-box .ax-checkbox-end-side,:is(ax-data-table .ax-data-table-wrapper table thead th.ax-select-column,ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>ax-check-box),ax-data-table .ax-data-table-wrapper table thead th:has(>.ax-caption>.ax-select-column-header)) .ax-select-column-header ax-check-box .ax-checkbox-end-side{display:none}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;inset-inline-end:calc(var(--spacing, .25rem) * 0);top: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: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-select-column{padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-column .ax-caption{justify-content:center}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-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-select-column ax-check-box .ax-checkbox-end-side{display:none}ax-data-table .ax-data-table-wrapper table tbody td.ax-select-column ax-check-box .ax-checkbox-label{align-items: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-data-pager .ax-data-table-numeric-paging,ax-data-table ax-data-pager .ax-data-table-input-paging{order:1}ax-data-table ax-data-pager .ax-data-table-selected-summary{order:2;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2)}ax-data-table ax-data-pager .ax-data-table-selected-summary .ax-data-table-selected-count-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-data-table ax-data-pager .ax-data-table-info{order:3}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-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;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-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;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], dataPager: [{
                 type: ViewChild,
                 args: ['dataPager']