@acorex/components 7.24.4 → 17.0.0

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

@@ -1,822 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Input, Directive, HostListener, inject, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, signal, EventEmitter, ContentChildren, Output, ChangeDetectorRef, NgModule } from '@angular/core';
-import { isBrowser } from '@acorex/core/platform';
-import { Subject, debounceTime, buffer, filter } from 'rxjs';
-import { __decorate, __metadata } from 'tslib';
-import * as i2$1 from '@acorex/core/format';
-import { AXFormatService, AXFormatModule } from '@acorex/core/format';
-import { Memorize } from '@acorex/core/memorize';
-import * as i5 from '@acorex/components/common';
-import { MXBaseComponent, convertArrayToDataSource, AXCommonModule, AXRippleDirective } from '@acorex/components/common';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/skeleton';
-import { AXSkeletonModule } from '@acorex/components/skeleton';
-import * as i4 from '@acorex/components/data-pager';
-import { AXDataPagerModule } from '@acorex/components/data-pager';
-import * as i1$1 from '@acorex/components/loading';
-import { AXLoadingModule } from '@acorex/components/loading';
-import * as i3$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i4$1 from '@acorex/components/dropdown';
-import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXUnsubscriber } from '@acorex/core/utils';
-import { AXResultModule } from '@acorex/components/result';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-
-class AXDataTableColumnComponent {
-    constructor() {
-        this.width = 'auto';
-        this.allowSorting = false;
-        this.allowResizing = false;
-        this.sortIndex = undefined;
-        this.sortOrder = undefined;
-    }
-    get cssClass() {
-        return null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableColumnComponent }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableColumnComponent, decorators: [{
-            type: Injectable
-        }], propDecorators: { caption: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], fixed: [{
-                type: Input
-            }], stickyEnd: [{
-                type: Input
-            }], stickyStart: [{
-                type: Input
-            }], allowSorting: [{
-                type: Input
-            }], allowResizing: [{
-                type: Input
-            }], sortIndex: [{
-                type: Input
-            }], sortOrder: [{
-                type: Input
-            }], headerTemplate: [{
-                type: Input
-            }], cellTemplate: [{
-                type: Input
-            }] } });
-
-class AXDataTableColumnResizableDirective {
-    constructor(el, renderer, ngZone, cdr) {
-        this.el = el;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.cdr = cdr;
-        this.resize$ = new Subject();
-        this.onMouseMoveRawBound = this.onMouseMoveRaw.bind(this);
-        this.onMouseUpBound = this.onMouseUp.bind(this);
-        this.resize$.pipe(debounceTime(10)).subscribe((event) => this.onMouseMove(event));
-    }
-    onMouseDown(event) {
-        if (isBrowser()) {
-            event.stopPropagation();
-            this.ngZone.runOutsideAngular(() => {
-                this.startX = event.pageX;
-                this.startWidth = this.el?.nativeElement?.parentElement.offsetWidth;
-                document.addEventListener('mousemove', this.onMouseMoveRawBound);
-                document.addEventListener('mouseup', this.onMouseUpBound);
-            });
-            this.cdr.detach(); // Detach the change detector
-        }
-    }
-    onMouseMoveRaw(event) {
-        this.resize$.next(event);
-    }
-    onMouseMove(event) {
-        if (isBrowser()) {
-            const newWidth = this.startWidth + (event.pageX - this.startX);
-            this.renderer.setStyle(this.el?.nativeElement?.parentElement, 'width', `${newWidth}px`);
-            this.column.width = `${newWidth}px`;
-        }
-    }
-    onMouseUp() {
-        document.removeEventListener('mousemove', this.onMouseMoveRawBound);
-        document.removeEventListener('mouseup', this.onMouseUpBound);
-        this.cdr.reattach(); // Reattach the change detector
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableColumnResizableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.2", type: AXDataTableColumnResizableDirective, selector: "[ax-table-column-resizble]", inputs: { column: ["ax-table-column-resizble", "column"] }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableColumnResizableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ax-table-column-resizble]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { column: [{
-                type: Input,
-                args: ['ax-table-column-resizble']
-            }], onMouseDown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }] } });
-
-class AXDataTableTextColumnComponent extends AXDataTableColumnComponent {
-    constructor() {
-        super(...arguments);
-        this.wrapText = false;
-        this.formatService = inject(AXFormatService);
-    }
-    get template() {
-        return this._template;
-    }
-    get loadingEnabled() {
-        return true;
-    }
-    get name() {
-        return `cl-${this.dataField}`;
-    }
-    getDisplayText(rowData, dataField) {
-        const value = rowData[dataField];
-        return !this.format
-            ? value
-            : this.formatService.format(value, this.format, this.formatOptions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableTextColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXDataTableTextColumnComponent, selector: "ax-text-column", inputs: { width: "width", caption: "caption", headerTemplate: "headerTemplate", cellTemplate: "cellTemplate", allowSorting: "allowSorting", allowResizing: "allowResizing", fixed: "fixed", dataField: "dataField", wrapText: "wrapText", format: "format", formatOptions: "formatOptions" }, providers: [
-            {
-                provide: AXDataTableColumnComponent,
-                useExisting: AXDataTableTextColumnComponent,
-            },
-        ], viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template let-row>
-    {{ getDisplayText(row.data, this.dataField) }}
-  </ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-__decorate([
-    Memorize(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object, String]),
-    __metadata("design:returntype", String)
-], AXDataTableTextColumnComponent.prototype, "getDisplayText", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTableTextColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-text-column',
-                    template: ` <ng-template let-row>
-    {{ getDisplayText(row.data, this.dataField) }}
-  </ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: AXDataTableColumnComponent,
-                            useExisting: AXDataTableTextColumnComponent,
-                        },
-                    ],
-                    inputs: [
-                        'width',
-                        'caption',
-                        'headerTemplate',
-                        'cellTemplate',
-                        'allowSorting',
-                        'allowResizing',
-                        'fixed',
-                    ],
-                }]
-        }], propDecorators: { dataField: [{
-                type: Input
-            }], wrapText: [{
-                type: Input
-            }], _template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], getDisplayText: [], format: [{
-                type: Input
-            }], formatOptions: [{
-                type: Input
-            }] } });
-
-class AXDataTable2Component extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.displayedRows = signal([]);
-        this.showHeader = true;
-        this.stickyHeader = true;
-        this.itemHeight = 40;
-        this.fetchDataMode = 'auto';
-        this.dataSource = convertArrayToDataSource([]);
-        this.loading = {
-            enabled: true,
-            animation: true,
-        };
-        this._selectedRows = [];
-        this.isLoading = true;
-        this.hasItems = false;
-        this.totalRows = 0;
-        this.currentPage = 0;
-        this.totalPages = 0;
-        this.startRowIndex = 0;
-        this.lastIndex = 0;
-        this.focusedRowChange = new EventEmitter();
-        this.onRowClick = new EventEmitter();
-        this.onRowDbClick = new EventEmitter();
-        this.clickSubject = new Subject();
-        this.selectedRowsChange = new EventEmitter();
-    }
-    ngAfterViewInit() {
-        this.calculateStickyPositions();
-        this.cdr.markForCheck();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.totalRows = this.dataSource.items.length;
-        this.dataSource.onLoadingChanged.subscribe((data) => {
-            this.isLoading = data;
-        });
-        this.displayedRows.set(new Array(this.dataSource.pageSize));
-        this.dataSource.onChanged.subscribe((data) => {
-            this.displayedRows.set(data.items);
-            this.totalRows = data.totalCount;
-            this.hasItems = data.totalCount > 0;
-        });
-        //
-        this.clickSubject
-            .pipe(buffer(this.clickSubject.pipe(debounceTime(250))), filter((clickArray) => clickArray.length === 2))
-            .subscribe((clickArray) => {
-            this.handleRowDoubleClick(clickArray[0].event, clickArray[0].item);
-        });
-    }
-    get focusedRow() {
-        return this._focusedRow;
-    }
-    set focusedRow(v) {
-        this._focusedRow = v;
-        this.focusedRowChange.emit(v);
-    }
-    get selectedRows() {
-        return this._selectedRows;
-    }
-    set selectedRows(v) {
-        this._selectedRows = v;
-        this.selectedRowsChange.emit(v);
-    }
-    selectRows(...rows) {
-        this.selectedRows = [...this.selectedRows, ...rows];
-    }
-    unSelectRows(...rows) {
-        this.selectedRows = this.selectedRows.filter((c) => !rows.includes(c));
-    }
-    handleRowClick(event, item) {
-        this.handleRowSingleClick(event, item);
-        this.clickSubject.next({ event, item });
-    }
-    handleRowSingleClick(event, item) {
-        if (this.focusedRow == item) {
-            this.focusedRow = null;
-        }
-        else {
-            this.focusedRow = item;
-        }
-        //
-        this.onRowClick.emit({
-            component: this,
-            data: item,
-            isUserInteraction: true,
-        });
-    }
-    onPageChanged(event) {
-        // this.displayedRows.set(new Array(this.dataSource.pageSize));
-        this.dataSource.setPage(event.page - 1);
-    }
-    handleRowDoubleClick(e, item) {
-        this.focusedRow = item;
-        //
-        this.onRowDbClick.emit({
-            component: this,
-            data: item,
-            isUserInteraction: true,
-        });
-    }
-    handleColumnClick(e, column) {
-        if (column instanceof AXDataTableTextColumnComponent) {
-            const sort = this.dataSource.query.sort.find((c) => c.field == column.dataField);
-            if (!sort) {
-                this.dataSource.query.sort.push({
-                    field: column.dataField,
-                    dir: 'asc',
-                });
-            }
-            else {
-                if (sort.dir == 'asc') {
-                    sort.dir = 'desc';
-                }
-                else {
-                    this.dataSource.query.sort = this.dataSource.query.sort.filter((c) => c != sort);
-                }
-            }
-            this.refresh();
-        }
-    }
-    getSort(column) {
-        if (column instanceof AXDataTableTextColumnComponent) {
-            const sort = this.dataSource.query.sort.find((c) => c.field == column.dataField);
-            return sort ? (sort.dir == 'asc' ? 'ax-icon-arrow-long-down' : 'ax-icon-arrow-long-up') : undefined;
-        }
-        return undefined;
-    }
-    refresh() {
-        this.lastIndex = 0;
-        this.dataSource.refresh();
-    }
-    calculateStickyPositions() {
-        let totalWidth = 0;
-        let accumulatedWidthFromStart = 0;
-        this.columns.forEach((column) => {
-            const width = parseInt(column.width);
-            if (!isNaN(width)) {
-                totalWidth += width;
-            }
-        });
-        this.columns.forEach((column) => {
-            const width = parseInt(column.width);
-            if (column.fixed === 'start' && !isNaN(width)) {
-                column.stickyStart = accumulatedWidthFromStart + 'px';
-            }
-            if (!isNaN(width)) {
-                accumulatedWidthFromStart += width;
-            }
-        });
-        let accumulatedWidthFromEnd = 0;
-        for (let i = this.columns.length - 1; i >= 0; i--) {
-            const column = this.columns.get(i);
-            const width = parseInt(column.width);
-            if (column.fixed === 'end' && !isNaN(width)) {
-                column.stickyEnd = accumulatedWidthFromEnd + 'px';
-            }
-            if (!isNaN(width)) {
-                accumulatedWidthFromEnd += width;
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXDataTable2Component, selector: "ax-data-table-2", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", stickyHeader: "stickyHeader", itemHeight: "itemHeight", fetchDataMode: "fetchDataMode", dataSource: "dataSource", loading: "loading", focusedRow: "focusedRow", selectedRows: "selectedRows" }, outputs: { focusedRowChange: "focusedRowChange", onRowClick: "onRowClick", onRowDbClick: "onRowDbClick", selectedRowsChange: "selectedRowsChange" }, host: { attributes: { "ngSkipHydration": "true" } }, queries: [{ propertyName: "columns", predicate: AXDataTableColumnComponent }], 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': stickyHeader }\">\n        <tr>\n          @for (column of columns; track $index) {\n            <th\n              [class.ax-interactive]=\"column.allowSorting\"\n              (click)=\"column.allowSorting ? handleColumnClick($event, column) : null\"\n              [class.ax-data-table-sticky-header-cell]=\"column.fixed && column.width\"\n              [class.sticky-end]=\"column.fixed === 'end'\"\n              [class.sticky-start]=\"column.fixed === 'start'\"\n              [style.width]=\"column.width\"\n              [style.--sticky-start]=\"column.stickyStart\"\n              [style.--sticky-end]=\"column.stickyEnd\"\n            >\n              <div class=\"ax-caption\">\n                {{ column.caption }}\n                @if (getSort(column)) {\n                  <ax-icon icon=\"ax-icon {{ getSort(column) }}\"></ax-icon>\n                }\n              </div>\n            </th>\n          }\n          <th></th>\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (row of displayedRows(); track $index) {\n        @if (rowTemplate) {\n          <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: { data: row, rowIndex: $index } }\"> </ng-container>\n        } @else {\n          <tr\n            [class.ax-state-focused]=\"focusedRow && row === focusedRow\"\n            [attr.data-index]=\"$index\"\n            [class.ax-state-selected]=\"selectedRows.includes(row)\"\n            style.height=\"{{ itemHeight }}px\"\n            (click)=\"handleRowClick($event, row)\"\n          >\n            @for (c of columns; track c.name) {\n              @if (c.cellTemplate) {\n                <ng-container *ngTemplateOutlet=\"c.cellTemplate; context: { $implicit: { data: row, rowIndex: $index } }\"> </ng-container>\n              } @else {\n                <td\n                  [style.width]=\"c.width\"\n                  [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n                  [class.sticky-end]=\"c.fixed === 'end'\"\n                  [class.sticky-start]=\"c.fixed === 'start'\"\n                  [style.--sticky-start]=\"c.stickyStart\"\n                  [style.--sticky-end]=\"c.stickyEnd\"\n                  [attr.data-label]=\"c.caption\"\n                  tabindex=\"0\"\n                  [class]=\"c.cssClass\"\n                >\n                  @if (row) {\n                    <ng-container *ngTemplateOutlet=\"c.template; context: { $implicit: { data: row, rowIndex: $index } }\"></ng-container>\n                  } @else {\n                    @if (c.loadingEnabled && loading) {\n                      <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n                    }\n                  }\n                </td>\n              }\n            }\n            <td></td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ax-table-footer\" #footerContainer>\n  <ax-data-pager (onChanged)=\"onPageChanged($event)\" [total]=\"dataSource.totalCount\" [size]=\"dataSource.pageSize\"></ax-data-pager>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</div>\n", styles: ["ax-data-table-2{display:block;height:100%;font-size:.875rem;line-height:1.25rem;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper{overflow:auto;width:100%;max-height:85%;border-radius:var(--ax-rounded-border-default)}ax-data-table-2 .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table-2 .ax-data-table-wrapper table thead{overflow:hidden;border-start-end-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-data-table-2 .ax-data-table-wrapper table thead th{border-bottom-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;text-align:start;font-weight:500;text-transform:uppercase;position:relative}ax-data-table-2 .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table-2 .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-color-neutral-200))}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-color-neutral-300))}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:.5rem}ax-data-table-2 .ax-data-table-wrapper table thead th:last-child{border-inline-end-width:0px}ax-data-table-2 .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:0;background-color:rgba(var(--ax-color-on-surface));border-top:none;border-bottom:none;z-index:3;box-shadow:1px 0 rgba(var(--ax-color-border-default)),0 -1px rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-start:none;border-inline-end:none}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell)).sticky-end{box-shadow:inset 1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell)).sticky-start{box-shadow:inset -1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell{position:sticky;z-index:2;background-color:rgba(var(--ax-color-surface));border-inline-start:none;border-inline-end:none}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell)).sticky-end{box-shadow:inset 1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell)).sticky-start{box-shadow:inset -1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody tr:nth-child(2n) td{background-color:rgba(var(--ax-color-on-surface))}ax-data-table-2 .ax-data-table-wrapper table tbody tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table-2 .ax-data-table-wrapper table tbody tr{height:2.5rem}ax-data-table-2 .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-200))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-focused:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-300))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-tint))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-fore))}ax-data-table-2 .ax-data-table-wrapper table tbody td{position:relative;min-width:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding:.5rem 1rem;vertical-align:middle}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(var(--ax-color-on-surface));text-align:center}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:.5!important}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:0px;top:50%;display:flex;width:100%;transform:translateY(-50%);align-items:center;justify-content:center}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button{position:relative;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ax-rounded-border-default);border-style:none;border-color:rgba(var(--ax-color-border-default));background-color:transparent;padding:.25rem;line-height:1;color:rgba(var(--ax-color-ghost-fore))}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover:not(ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover.ax-state-selected,ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover.ax-state-disabled){opacity:.75}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:active{opacity:1}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.05)}ax-data-table-2 .ax-data-table-wrapper table tbody td:last-child{border-inline-end-width:0px}ax-data-table-2 .ax-data-table-wrapper table tbody td ax-skeleton{height:.875rem;width:33.333333%;border-radius:.375rem}ax-data-table-2 .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table-2 .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}ax-data-table-2 .ax-table-footer{border-top-width:1px;min-height:15%;border-collapse:collapse;overflow:hidden;border-color:rgba(var(--ax-color-border-default));padding:.5rem .875rem}ax-data-table-2 .ax-table-footer .ax-table-info{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "component", type: i4.AXDataPagerComponent, selector: "ax-data-pager", inputs: ["value", "name", "disabled", "readonly", "size", "total", "displayMode"], outputs: ["valueChange", "onValueChanged", "disabledChange", "readonlyChange", "displayModeChange", "onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-data-table-2', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { ngSkipHydration: 'true' }, 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': stickyHeader }\">\n        <tr>\n          @for (column of columns; track $index) {\n            <th\n              [class.ax-interactive]=\"column.allowSorting\"\n              (click)=\"column.allowSorting ? handleColumnClick($event, column) : null\"\n              [class.ax-data-table-sticky-header-cell]=\"column.fixed && column.width\"\n              [class.sticky-end]=\"column.fixed === 'end'\"\n              [class.sticky-start]=\"column.fixed === 'start'\"\n              [style.width]=\"column.width\"\n              [style.--sticky-start]=\"column.stickyStart\"\n              [style.--sticky-end]=\"column.stickyEnd\"\n            >\n              <div class=\"ax-caption\">\n                {{ column.caption }}\n                @if (getSort(column)) {\n                  <ax-icon icon=\"ax-icon {{ getSort(column) }}\"></ax-icon>\n                }\n              </div>\n            </th>\n          }\n          <th></th>\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (row of displayedRows(); track $index) {\n        @if (rowTemplate) {\n          <ng-container *ngTemplateOutlet=\"rowTemplate; context: { $implicit: { data: row, rowIndex: $index } }\"> </ng-container>\n        } @else {\n          <tr\n            [class.ax-state-focused]=\"focusedRow && row === focusedRow\"\n            [attr.data-index]=\"$index\"\n            [class.ax-state-selected]=\"selectedRows.includes(row)\"\n            style.height=\"{{ itemHeight }}px\"\n            (click)=\"handleRowClick($event, row)\"\n          >\n            @for (c of columns; track c.name) {\n              @if (c.cellTemplate) {\n                <ng-container *ngTemplateOutlet=\"c.cellTemplate; context: { $implicit: { data: row, rowIndex: $index } }\"> </ng-container>\n              } @else {\n                <td\n                  [style.width]=\"c.width\"\n                  [class.ax-data-table-sticky-body-cell]=\"c.fixed && c.width\"\n                  [class.sticky-end]=\"c.fixed === 'end'\"\n                  [class.sticky-start]=\"c.fixed === 'start'\"\n                  [style.--sticky-start]=\"c.stickyStart\"\n                  [style.--sticky-end]=\"c.stickyEnd\"\n                  [attr.data-label]=\"c.caption\"\n                  tabindex=\"0\"\n                  [class]=\"c.cssClass\"\n                >\n                  @if (row) {\n                    <ng-container *ngTemplateOutlet=\"c.template; context: { $implicit: { data: row, rowIndex: $index } }\"></ng-container>\n                  } @else {\n                    @if (c.loadingEnabled && loading) {\n                      <ax-skeleton [animated]=\"loading.animation\"></ax-skeleton>\n                    }\n                  }\n                </td>\n              }\n            }\n            <td></td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n<div class=\"ax-table-footer\" #footerContainer>\n  <ax-data-pager (onChanged)=\"onPageChanged($event)\" [total]=\"dataSource.totalCount\" [size]=\"dataSource.pageSize\"></ax-data-pager>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</div>\n", styles: ["ax-data-table-2{display:block;height:100%;font-size:.875rem;line-height:1.25rem;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper{overflow:auto;width:100%;max-height:85%;border-radius:var(--ax-rounded-border-default)}ax-data-table-2 .ax-data-table-wrapper table{display:table;height:100%;width:100%;table-layout:fixed;overflow-x:auto}ax-data-table-2 .ax-data-table-wrapper table thead{overflow:hidden;border-start-end-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-data-table-2 .ax-data-table-wrapper table thead th{border-bottom-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;text-align:start;font-weight:500;text-transform:uppercase;position:relative}ax-data-table-2 .ax-data-table-wrapper table thead th.ax-interactive{cursor:pointer}ax-data-table-2 .ax-data-table-wrapper table thead th.ax-interactive:hover{background-color:rgba(var(--ax-color-neutral-200))}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-resize-handle{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-resize-handle:hover{background-color:rgba(var(--ax-color-neutral-300))}ax-data-table-2 .ax-data-table-wrapper table thead th .ax-caption{display:flex;align-items:center;gap:.5rem}ax-data-table-2 .ax-data-table-wrapper table thead th:last-child{border-inline-end-width:0px}ax-data-table-2 .ax-data-table-wrapper table thead.ax-data-table-sticky-header{position:sticky;top:0;background-color:rgba(var(--ax-color-on-surface));border-top:none;border-bottom:none;z-index:3;box-shadow:1px 0 rgba(var(--ax-color-border-default)),0 -1px rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell{position:sticky;z-index:2;border-inline-start:none;border-inline-end:none}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell)).sticky-end{box-shadow:inset 1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table thead .ax-data-table-sticky-header-cell)).sticky-start{box-shadow:inset -1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell{position:sticky;z-index:2;background-color:rgba(var(--ax-color-surface));border-inline-start:none;border-inline-end:none}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell)).sticky-end{box-shadow:inset 1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell:has(+:not(ax-data-table-2 .ax-data-table-wrapper table tbody .ax-data-table-sticky-body-cell)).sticky-start{box-shadow:inset -1px 0 rgba(var(--ax-color-border-default))}ax-data-table-2 .ax-data-table-wrapper table tbody tr:nth-child(2n) td{background-color:rgba(var(--ax-color-on-surface))}ax-data-table-2 .ax-data-table-wrapper table tbody tr:nth-child(2n) ax-skeleton{width:25%}ax-data-table-2 .ax-data-table-wrapper table tbody tr{height:2.5rem}ax-data-table-2 .ax-data-table-wrapper table tbody tr:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-200))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-focused td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-focused:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-300))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-selected td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-fore-tint))}ax-data-table-2 .ax-data-table-wrapper table tbody tr.ax-state-selected:hover td:not(.ax-index-column){background-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-fore))}ax-data-table-2 .ax-data-table-wrapper table tbody td{position:relative;min-width:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom-width:1px;border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding:.5rem 1rem;vertical-align:middle}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-index-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(var(--ax-color-on-surface));text-align:center}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button.ax-state-disabled{position:relative!important;cursor:not-allowed!important;opacity:.5!important}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column>div{position:absolute;inset-inline-start:0px;top:50%;display:flex;width:100%;transform:translateY(-50%);align-items:center;justify-content:center}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button{position:relative;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--ax-rounded-border-default);border-style:none;border-color:rgba(var(--ax-color-border-default));background-color:transparent;padding:.25rem;line-height:1;color:rgba(var(--ax-color-ghost-fore))}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover:not(ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover.ax-state-selected,ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:hover.ax-state-disabled){opacity:.75}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button:active{opacity:1}ax-data-table-2 .ax-data-table-wrapper table tbody td.ax-command-column button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.05)}ax-data-table-2 .ax-data-table-wrapper table tbody td:last-child{border-inline-end-width:0px}ax-data-table-2 .ax-data-table-wrapper table tbody td ax-skeleton{height:.875rem;width:33.333333%;border-radius:.375rem}ax-data-table-2 .ax-data-table-wrapper table .sticky-end{inset-inline-end:var(--sticky-end)}ax-data-table-2 .ax-data-table-wrapper table .sticky-start{inset-inline-start:var(--sticky-start)}ax-data-table-2 .ax-table-footer{border-top-width:1px;min-height:15%;border-collapse:collapse;overflow:hidden;border-color:rgba(var(--ax-color-border-default));padding:.5rem .875rem}ax-data-table-2 .ax-table-footer .ax-table-info{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between}\n"] }]
-        }], propDecorators: { columns: [{
-                type: ContentChildren,
-                args: [AXDataTableColumnComponent]
-            }], rowTemplate: [{
-                type: Input
-            }], emptyTemplate: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], stickyHeader: [{
-                type: Input
-            }], itemHeight: [{
-                type: Input
-            }], fetchDataMode: [{
-                type: Input
-            }], dataSource: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], focusedRow: [{
-                type: Input
-            }], selectedRows: [{
-                type: Input
-            }], focusedRowChange: [{
-                type: Output
-            }], onRowClick: [{
-                type: Output
-            }], onRowDbClick: [{
-                type: Output
-            }], selectedRowsChange: [{
-                type: Output
-            }] } });
-
-class AXBaseRowCommandColumnComponent extends AXDataTableColumnComponent {
-    constructor() {
-        super(...arguments);
-        this.grid = inject(AXDataTable2Component);
-        this.cdr = inject(ChangeDetectorRef);
-        this.allowSorting = false;
-        this.onItemClick = new EventEmitter();
-    }
-    get loadingEnabled() {
-        return false;
-    }
-    get cssClass() {
-        return 'ax-command-column';
-    }
-}
-class AXRowDropdownCommandColumnComponent extends AXBaseRowCommandColumnComponent {
-    constructor() {
-        super(...arguments);
-        this._items = [];
-        this.items = [];
-    }
-    get template() {
-        return this._template;
-    }
-    get name() {
-        return 'cl-dd-cmd';
-    }
-    async handleOnOpened(rowData) {
-        if (Array.isArray(this.items)) {
-            this._items = this.items;
-        }
-        else
-            typeof this.items == 'function';
-        {
-            const result = this['items'](rowData);
-            if (Array.isArray(result)) {
-                this._items = result;
-            }
-            else if (result instanceof Promise) {
-                this._items = await result;
-            }
-        }
-        this.cdr.detectChanges();
-    }
-    handleOnClosed() {
-        this._items = [];
-    }
-    handleOnItemClick(e, data) {
-        const args = {
-            component: this.grid,
-            isUserInteraction: true,
-            nativeEvent: e,
-            data,
-            name: e.name,
-        };
-        this.onItemClick.emit(args);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowDropdownCommandColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXRowDropdownCommandColumnComponent, selector: "ax-dropdown-command-column", inputs: { width: "width", caption: "caption", fixed: "fixed", items: "items" }, outputs: { onItemClick: "onItemClick" }, providers: [
-            {
-                provide: AXDataTableColumnComponent,
-                useExisting: AXRowDropdownCommandColumnComponent,
-            },
-        ], viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template let-row>
-    @if (row.data) {
-      <div>
-        <button [axRipple]>
-          <ax-icon icon="ax-icon ax-icon-solid ax-icon-more-horizontal"></ax-icon>
-          <ax-dropdown-panel [adaptivityEnabled]="true" (onOpened)="handleOnOpened(row.data)" (onClosed)="handleOnClosed()">
-            @if (_items.length) {
-              <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items"> </ax-button-item-list>
-            } @else {
-              <div panel style="padding: 0.875rem;">
-                <ax-loading></ax-loading>
-              </div>
-            }
-          </ax-dropdown-panel>
-        </button>
-      </div>
-    }
-    <ng-template #loading>
-      <div panel style="padding: 0.875rem;">
-        <ax-loading></ax-loading>
-      </div>
-    </ng-template>
-  </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "component", type: i4$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "directive", type: i5.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowDropdownCommandColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-dropdown-command-column',
-                    template: ` <ng-template let-row>
-    @if (row.data) {
-      <div>
-        <button [axRipple]>
-          <ax-icon icon="ax-icon ax-icon-solid ax-icon-more-horizontal"></ax-icon>
-          <ax-dropdown-panel [adaptivityEnabled]="true" (onOpened)="handleOnOpened(row.data)" (onClosed)="handleOnClosed()">
-            @if (_items.length) {
-              <ax-button-item-list (onItemClick)="handleOnItemClick($event, row.data)" [items]="_items"> </ax-button-item-list>
-            } @else {
-              <div panel style="padding: 0.875rem;">
-                <ax-loading></ax-loading>
-              </div>
-            }
-          </ax-dropdown-panel>
-        </button>
-      </div>
-    }
-    <ng-template #loading>
-      <div panel style="padding: 0.875rem;">
-        <ax-loading></ax-loading>
-      </div>
-    </ng-template>
-  </ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: AXDataTableColumnComponent,
-                            useExisting: AXRowDropdownCommandColumnComponent,
-                        },
-                    ],
-                    inputs: ['width', 'caption', 'fixed'],
-                    outputs: ['onItemClick'],
-                }]
-        }], propDecorators: { _template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], items: [{
-                type: Input
-            }] } });
-class AXRowCommandColumnComponent extends AXBaseRowCommandColumnComponent {
-    constructor() {
-        super(...arguments);
-        this.items = [];
-    }
-    get template() {
-        return this._template;
-    }
-    get name() {
-        return 'cl-in-cmd';
-    }
-    getItems(rowData) {
-        if (Array.isArray(this.items)) {
-            return this.items;
-        }
-        else
-            typeof this.items == 'function';
-        {
-            return this.items(rowData);
-        }
-        return [];
-    }
-    handleOnItemClick(e, item, data) {
-        const args = {
-            component: this.grid,
-            isUserInteraction: true,
-            nativeEvent: e,
-            data,
-            name: item.name,
-        };
-        this.onItemClick.emit(args);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowCommandColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXRowCommandColumnComponent, selector: "ax-command-column", inputs: { width: "width", caption: "caption", fixed: "fixed", items: "items" }, outputs: { onItemClick: "onItemClick" }, providers: [
-            {
-                provide: AXDataTableColumnComponent,
-                useExisting: AXRowCommandColumnComponent,
-            },
-        ], viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template let-row>
-    @if (row.data) {
-      @for (item of getItems(row.data); track $index) {
-        <button
-          [style.color]="'rgba(var(--ax-color-' + (item.color ?? 'primary)')"
-          [disabled]="item.disabled"
-          [class.ax-state-disabled]="item.disabled"
-          [axRipple]="!item.disabled"
-          (click)="handleOnItemClick($event, item, row.data)"
-        >
-          <ax-icon [icon]="item.icon"></ax-icon>
-        </button>
-      }
-    }
-  </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i5.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowCommandColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-command-column',
-                    template: ` <ng-template let-row>
-    @if (row.data) {
-      @for (item of getItems(row.data); track $index) {
-        <button
-          [style.color]="'rgba(var(--ax-color-' + (item.color ?? 'primary)')"
-          [disabled]="item.disabled"
-          [class.ax-state-disabled]="item.disabled"
-          [axRipple]="!item.disabled"
-          (click)="handleOnItemClick($event, item, row.data)"
-        >
-          <ax-icon [icon]="item.icon"></ax-icon>
-        </button>
-      }
-    }
-  </ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: AXDataTableColumnComponent,
-                            useExisting: AXRowCommandColumnComponent,
-                        },
-                    ],
-                    inputs: ['width', 'caption', 'fixed'],
-                    outputs: ['onItemClick'],
-                }]
-        }], propDecorators: { _template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], items: [{
-                type: Input
-            }] } });
-
-class AXRowIndexColumnComponent extends AXDataTableColumnComponent {
-    constructor() {
-        super(...arguments);
-        this.grid = inject(AXDataTable2Component);
-        this.unsubscriber = inject(AXUnsubscriber);
-        this.padZero = false;
-        this.formatCount = 1;
-        this.allowSorting = false;
-    }
-    get template() {
-        return this._template;
-    }
-    get name() {
-        return 'cl-inx';
-    }
-    ngOnInit() {
-        if (this.padZero) {
-            this.grid.dataSource.onChanged.pipe(this.unsubscriber.takeUntilDestroy).subscribe((c) => {
-                this.formatCount = c.totalCount.toString().length;
-            });
-        }
-    }
-    get loadingEnabled() {
-        return false;
-    }
-    get cssClass() {
-        return 'ax-index-column';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowIndexColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXRowIndexColumnComponent, selector: "ax-index-column", inputs: { width: "width", caption: "caption", fixed: "fixed", padZero: "padZero" }, providers: [
-            AXUnsubscriber,
-            {
-                provide: AXDataTableColumnComponent,
-                useExisting: AXRowIndexColumnComponent,
-            },
-        ], viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template let-row>
-    {{ row.rowIndex + 1 | format: 'number' : { zeroPadLength: this.formatCount, thousandSeparator: false } | async }}
-  </ng-template>`, isInline: true, dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXFormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowIndexColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-index-column',
-                    template: ` <ng-template let-row>
-    {{ row.rowIndex + 1 | format: 'number' : { zeroPadLength: this.formatCount, thousandSeparator: false } | async }}
-  </ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        AXUnsubscriber,
-                        {
-                            provide: AXDataTableColumnComponent,
-                            useExisting: AXRowIndexColumnComponent,
-                        },
-                    ],
-                    inputs: ['width', 'caption', 'fixed'],
-                }]
-        }], propDecorators: { _template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], padZero: [{
-                type: Input
-            }] } });
-
-class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
-    constructor() {
-        super(...arguments);
-        this.grid = inject(AXDataTable2Component);
-    }
-    get template() {
-        return this._template;
-    }
-    get name() {
-        return 'cl-select';
-    }
-    isSelected(item) {
-        return item != null && this.grid.selectedRows.includes(item);
-    }
-    handleChange(item) {
-        if (this.isSelected(item)) {
-            this.grid.unSelectRows(item);
-        }
-        else {
-            this.grid.selectRows(item);
-        }
-    }
-    get loadingEnabled() {
-        return false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowSelectColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXRowSelectColumnComponent, selector: "ax-select-column", inputs: { width: "width", caption: "caption", fixed: "fixed" }, providers: [
-            {
-                provide: AXDataTableColumnComponent,
-                useExisting: AXRowSelectColumnComponent,
-            },
-        ], viewQueries: [{ propertyName: "_template", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template let-row>
-    <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" />
-  </ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXRowSelectColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-select-column',
-                    template: ` <ng-template let-row>
-    <input class="ax-checkbox" type="checkbox" [disabled]="!row.data" (change)="handleChange(row.data)" [checked]="isSelected(row.data)" />
-  </ng-template>`,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: AXDataTableColumnComponent,
-                            useExisting: AXRowSelectColumnComponent,
-                        },
-                    ],
-                    inputs: ['width', 'caption', 'fixed'],
-                }]
-        }], propDecorators: { _template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
-
-const COMPONENT = [
-    AXDataTable2Component,
-    AXDataTableTextColumnComponent,
-    AXRowIndexColumnComponent,
-    AXRowSelectColumnComponent,
-    AXRowCommandColumnComponent,
-    AXRowDropdownCommandColumnComponent,
-    AXDataTableColumnResizableDirective,
-];
-const MODULES = [
-    CommonModule,
-    AXCommonModule,
-    ScrollingModule,
-    AXTranslationModule,
-    AXResultModule,
-    AXLoadingModule,
-    AXDecoratorModule,
-    AXSkeletonModule,
-    AXButtonModule,
-    AXDropdownModule,
-    AXFormatModule,
-    AXDataPagerModule,
-    AXRippleDirective,
-];
-class AXDataTable2Module {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Module, declarations: [AXDataTable2Component,
-            AXDataTableTextColumnComponent,
-            AXRowIndexColumnComponent,
-            AXRowSelectColumnComponent,
-            AXRowCommandColumnComponent,
-            AXRowDropdownCommandColumnComponent,
-            AXDataTableColumnResizableDirective], imports: [CommonModule,
-            AXCommonModule,
-            ScrollingModule,
-            AXTranslationModule,
-            AXResultModule,
-            AXLoadingModule,
-            AXDecoratorModule,
-            AXSkeletonModule,
-            AXButtonModule,
-            AXDropdownModule,
-            AXFormatModule,
-            AXDataPagerModule,
-            AXRippleDirective], exports: [AXDataTable2Component,
-            AXDataTableTextColumnComponent,
-            AXRowIndexColumnComponent,
-            AXRowSelectColumnComponent,
-            AXRowCommandColumnComponent,
-            AXRowDropdownCommandColumnComponent,
-            AXDataTableColumnResizableDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Module, imports: [CommonModule,
-            AXCommonModule,
-            ScrollingModule,
-            AXTranslationModule,
-            AXResultModule,
-            AXLoadingModule,
-            AXDecoratorModule,
-            AXSkeletonModule,
-            AXButtonModule,
-            AXDropdownModule,
-            AXFormatModule,
-            AXDataPagerModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXDataTable2Module, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXBaseRowCommandColumnComponent, AXDataTable2Component, AXDataTable2Module, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableTextColumnComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
-//# sourceMappingURL=acorex-components-data-table-2.mjs.map