@ng-nest/ui 20.0.6 → 20.0.7

package/fesm2022/ng-nest-ui-table-view.mjs

@@ -0,0 +1,345 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, TemplateRef, Input, Directive, ElementRef, HostListener, HostBinding, ContentChild, input, Component, ViewChildren, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { XPropertyFunction } from '@ng-nest/ui/core';
+
+class XTableViewService {
+    constructor() {
+        this.selectedCells = [];
+        this.activedRows = [];
+        this.selectedHeaderCell = null;
+        this.activedHeaderCell = null;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewService, decorators: [{
+            type: Injectable
+        }] });
+
+class XCellDef {
+    constructor() {
+        this.xCellDef = '';
+        this.template = inject(TemplateRef);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XCellDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XCellDef, isStandalone: true, selector: "[xCellDef]", inputs: { xCellDef: "xCellDef" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XCellDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xCellDef]'
+                }]
+        }], propDecorators: { xCellDef: [{
+                type: Input
+            }] } });
+class XHeaderCellDef {
+    constructor() {
+        this.xHeaderCellDef = '';
+        this.template = inject(TemplateRef);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderCellDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XHeaderCellDef, isStandalone: true, selector: "[xHeaderCellDef]", inputs: { xHeaderCellDef: "xHeaderCellDef" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderCellDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xHeaderCellDef]'
+                }]
+        }], propDecorators: { xHeaderCellDef: [{
+                type: Input
+            }] } });
+class XCell {
+    constructor() {
+        this.tableViewService = inject(XTableViewService, { optional: true });
+        this.tableView = inject(XTableViewComponent, { optional: true });
+        this.elementRef = inject(ElementRef);
+        this.cellClass = true;
+    }
+    get isSelected() {
+        return this.tableViewService.selectedCells.includes(this);
+    }
+    onClick() {
+        this.tableViewService.selectedCells = [this];
+        this.tableViewService.activedRows = [];
+        this.setActivedRow(this);
+        this.setActivedHeaderCell(this);
+    }
+    setActivedRow(cell) {
+        const rows = this.tableView?.rows.toArray() ?? [];
+        if (rows.length > 0) {
+            const rowIndex = this.getRowIndex(cell);
+            if (rowIndex >= 0 && rowIndex < rows.length) {
+                const currentRow = rows[rowIndex];
+                this.tableViewService.activedRows.push(currentRow);
+            }
+        }
+    }
+    setActivedHeaderCell(cell) {
+        const headerCells = this.tableView?.headerCells.toArray() ?? [];
+        if (headerCells.length > 0) {
+            const columnIndex = this.getColumnIndex(cell);
+            if (columnIndex >= 0 && columnIndex < headerCells.length) {
+                this.tableViewService.activedHeaderCell = headerCells[columnIndex];
+            }
+        }
+    }
+    getColumnIndex(cell) {
+        if (!this.tableView || !this.tableView.cells)
+            return -1;
+        const cellsArray = this.tableView.cells.toArray();
+        const selectedIndex = cellsArray.indexOf(cell);
+        if (selectedIndex === -1)
+            return -1;
+        const columnsPerRow = this.tableView.columns().length;
+        const rowsCount = this.tableView.data().length;
+        if (columnsPerRow === 0 || rowsCount === 0)
+            return -1;
+        return Math.floor(selectedIndex / rowsCount);
+    }
+    getRowIndex(cell) {
+        if (!this.tableView || !this.tableView.cells)
+            return -1;
+        const cellsArray = this.tableView.cells.toArray();
+        const selectedIndex = cellsArray.indexOf(cell);
+        if (selectedIndex === -1)
+            return -1;
+        const columnsPerRow = this.tableView.columns().length;
+        const rowsCount = this.tableView.data().length;
+        if (columnsPerRow === 0 || rowsCount === 0)
+            return -1;
+        return selectedIndex % rowsCount;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XCell, isStandalone: true, selector: "x-cell, td[x-cell]", host: { listeners: { "click": "onClick()" }, properties: { "class.x-cell": "this.cellClass", "class.x-cell-selected": "this.isSelected" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'x-cell, td[x-cell]'
+                }]
+        }], propDecorators: { cellClass: [{
+                type: HostBinding,
+                args: ['class.x-cell']
+            }], isSelected: [{
+                type: HostBinding,
+                args: ['class.x-cell-selected']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+class XHeaderCell {
+    constructor() {
+        this.tableViewService = inject(XTableViewService, { optional: true });
+        this.tableView = inject(XTableViewComponent, { optional: true });
+        this.cellClass = true;
+    }
+    get isActived() {
+        return this.tableViewService.activedHeaderCell === this;
+    }
+    onClick() {
+        this.tableViewService.activedHeaderCell = this;
+        const headerCells = this.tableView?.headerCells.toArray() ?? [];
+        const index = headerCells.indexOf(this);
+        const cells = this.tableView?.cells.toArray() ?? [];
+        const columnsCount = this.tableView?.columns().length ?? 0;
+        const rowsCount = this.tableView?.data().length ?? 0;
+        if (columnsCount === 0 || rowsCount === 0) {
+            return;
+        }
+        const columnCells = [];
+        for (let i = 0; i < rowsCount; i++) {
+            const cellIndex = index * rowsCount + i;
+            if (cellIndex < cells.length) {
+                columnCells.push(cells[cellIndex]);
+            }
+        }
+        this.tableViewService.selectedCells = [];
+        for (let cell of columnCells) {
+            this.tableViewService.selectedCells.push(cell);
+            cell.setActivedRow(cell);
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderCell, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XHeaderCell, isStandalone: true, selector: "x-header-cell, th[x-header-cell]", host: { listeners: { "click": "onClick()" }, properties: { "class.x-header-cell": "this.cellClass", "class.x-header-cell-actived": "this.isActived" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'x-header-cell, th[x-header-cell]'
+                }]
+        }], propDecorators: { cellClass: [{
+                type: HostBinding,
+                args: ['class.x-header-cell']
+            }], isActived: [{
+                type: HostBinding,
+                args: ['class.x-header-cell-actived']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class XColumnDef {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XColumnDef, isStandalone: true, selector: "[xColumnDef]", inputs: { name: ["xColumnDef", "name"] }, queries: [{ propertyName: "cell", first: true, predicate: XCellDef, descendants: true, static: true }, { propertyName: "header", first: true, predicate: XHeaderCellDef, descendants: true, static: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XColumnDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xColumnDef]'
+                }]
+        }], propDecorators: { name: [{
+                type: Input,
+                args: ['xColumnDef']
+            }], cell: [{
+                type: ContentChild,
+                args: [XCellDef, { static: true }]
+            }], header: [{
+                type: ContentChild,
+                args: [XHeaderCellDef, { static: true }]
+            }] } });
+
+class XRowDef {
+    constructor(vcr, tpl) {
+        this.vcr = vcr;
+        this.tpl = tpl;
+    }
+    ngOnInit() {
+        this.vcr.createEmbeddedView(this.tpl, { $implicit: this.rowData });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XRowDef, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XRowDef, isStandalone: true, selector: "[xRowDef]", inputs: { rowData: ["xRowDef", "rowData"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XRowDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xRowDef]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { rowData: [{
+                type: Input,
+                args: ['xRowDef']
+            }] } });
+class XHeaderRowDef {
+    constructor(vcr, tpl) {
+        this.vcr = vcr;
+        this.tpl = tpl;
+    }
+    ngOnInit() {
+        this.vcr.createEmbeddedView(this.tpl);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderRowDef, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XHeaderRowDef, isStandalone: true, selector: "[xHeaderRowDef]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XHeaderRowDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xHeaderRowDef]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }] });
+class XRow {
+    constructor() {
+        this.tableViewService = inject(XTableViewService, { optional: true });
+        this.tableView = inject(XTableViewComponent, { optional: true });
+    }
+    get isActived() {
+        return this.tableViewService.activedRows.includes(this);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XRow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: XRow, isStandalone: true, selector: "x-row, tr[x-row]", host: { properties: { "class.x-row-actived": "this.isActived" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'x-row, tr[x-row]'
+                }]
+        }], propDecorators: { isActived: [{
+                type: HostBinding,
+                args: ['class.x-row-actived']
+            }] } });
+
+/**
+ * Table view
+ * @selector x-table-view
+ * @decorator component
+ */
+const XTableViewPrefix = 'x-table-view';
+const X_TABLE_VIEW_CONFIG_NAME = 'tableView';
+/**
+ * Table view Property
+ */
+class XTableViewProperty extends XPropertyFunction(X_TABLE_VIEW_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 数据
+         * @en_US Row data
+         */
+        this.data = input([]);
+        /**
+         * @zh_CN 列数据
+         * @en_US Columns data
+         */
+        this.columns = input([]);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.0", type: XTableViewProperty, isStandalone: true, selector: "x-table-view-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XTableViewPrefix}-property`, template: '' }]
+        }] });
+
+class XTableViewComponent extends XTableViewProperty {
+    constructor() {
+        super(...arguments);
+        this.hostClass = true;
+        this.columnMap = {};
+        this.tableViewService = inject(XTableViewService);
+    }
+    ngAfterContentInit() {
+        for (const def of this.columnDefs.toArray()) {
+            this.columnMap[def.name] = def;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTableViewComponent, isStandalone: true, selector: "table[x-table-view]", host: { properties: { "class.x-table-view": "this.hostClass" } }, providers: [XTableViewService], queries: [{ propertyName: "columnDefs", predicate: XColumnDef }, { propertyName: "headerCells", predicate: XHeaderCell }, { propertyName: "cells", predicate: XCell }], viewQueries: [{ propertyName: "rows", predicate: XRow, descendants: true }], usesInheritance: true, ngImport: i0, template: "<thead>\r\n  <tr *xHeaderRowDef>\r\n    @for (columnName of columns(); track columnName) {\r\n      <ng-container *ngTemplateOutlet=\"columnMap[columnName]?.header?.template\"></ng-container>\r\n    }\r\n  </tr>\r\n</thead>\r\n<tbody>\r\n  @for (row of data(); track row) {\r\n    <tr x-row *xRowDef=\"row\">\r\n      @for (columnName of columns(); track columnName) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"columnMap[columnName]?.cell?.template; context: { $implicit: row }\"\r\n        ></ng-container>\r\n      }\r\n    </tr>\r\n  }\r\n</tbody>\r\n", styles: [".x-table-view{margin:0;padding:0}.x-table-view{border-collapse:separate;border-spacing:0}.x-table-view thead{position:sticky;top:0}.x-table-view thead th{padding:0 .5rem;text-align:left;font-weight:600;color:var(--x-text);border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);cursor:default;background-color:var(--x-background)}.x-table-view thead th:first-child{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-view thead th.x-header-cell-actived,.x-table-view tbody tr.x-row-actived{background-color:var(--x-background-a100)}.x-table-view tbody td{padding:0 .5rem;text-align:left;font-weight:500;color:var(--x-text);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);cursor:default}.x-table-view tbody td:first-child{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-view tbody td.x-cell-selected{border-color:var(--x-border-a200);background-color:var(--x-primary-900)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: XRow, selector: "x-row, tr[x-row]" }, { kind: "directive", type: XRowDef, selector: "[xRowDef]", inputs: ["xRowDef"] }, { kind: "directive", type: XHeaderRowDef, selector: "[xHeaderRowDef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table[x-table-view]', imports: [NgTemplateOutlet, XRow, XRowDef, XHeaderRowDef], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XTableViewService], template: "<thead>\r\n  <tr *xHeaderRowDef>\r\n    @for (columnName of columns(); track columnName) {\r\n      <ng-container *ngTemplateOutlet=\"columnMap[columnName]?.header?.template\"></ng-container>\r\n    }\r\n  </tr>\r\n</thead>\r\n<tbody>\r\n  @for (row of data(); track row) {\r\n    <tr x-row *xRowDef=\"row\">\r\n      @for (columnName of columns(); track columnName) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"columnMap[columnName]?.cell?.template; context: { $implicit: row }\"\r\n        ></ng-container>\r\n      }\r\n    </tr>\r\n  }\r\n</tbody>\r\n", styles: [".x-table-view{margin:0;padding:0}.x-table-view{border-collapse:separate;border-spacing:0}.x-table-view thead{position:sticky;top:0}.x-table-view thead th{padding:0 .5rem;text-align:left;font-weight:600;color:var(--x-text);border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);cursor:default;background-color:var(--x-background)}.x-table-view thead th:first-child{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-view thead th.x-header-cell-actived,.x-table-view tbody tr.x-row-actived{background-color:var(--x-background-a100)}.x-table-view tbody td{padding:0 .5rem;text-align:left;font-weight:500;color:var(--x-text);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);cursor:default}.x-table-view tbody td:first-child{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-view tbody td.x-cell-selected{border-color:var(--x-border-a200);background-color:var(--x-primary-900)}\n"] }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.x-table-view']
+            }], columnDefs: [{
+                type: ContentChildren,
+                args: [XColumnDef]
+            }], headerCells: [{
+                type: ContentChildren,
+                args: [XHeaderCell]
+            }], cells: [{
+                type: ContentChildren,
+                args: [XCell]
+            }], rows: [{
+                type: ViewChildren,
+                args: [XRow]
+            }] } });
+
+class XTableViewModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: XTableViewModule, imports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef], exports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef],
+                    imports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XCell, XCellDef, XColumnDef, XHeaderCell, XHeaderCellDef, XTableViewComponent, XTableViewModule };
+//# sourceMappingURL=ng-nest-ui-table-view.mjs.map

package/fesm2022/ng-nest-ui-table-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-table-view.mjs","sources":["../../../../lib/ng-nest/ui/table-view/table-view.service.ts","../../../../lib/ng-nest/ui/table-view/cell.ts","../../../../lib/ng-nest/ui/table-view/column.ts","../../../../lib/ng-nest/ui/table-view/row.ts","../../../../lib/ng-nest/ui/table-view/table-view.property.ts","../../../../lib/ng-nest/ui/table-view/table-view.component.ts","../../../../lib/ng-nest/ui/table-view/table-view.component.html","../../../../lib/ng-nest/ui/table-view/table-view.module.ts","../../../../lib/ng-nest/ui/table-view/ng-nest-ui-table-view.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport type { XCell, XHeaderCell } from './cell';\r\nimport type { XRow } from './row';\r\n\r\n@Injectable()\r\nexport class XTableViewService {\r\n  selectedCells: XCell[] = [];\r\n  activedRows: XRow[] = [];\r\n  selectedHeaderCell: XHeaderCell | null = null;\r\n  activedHeaderCell: XHeaderCell | null = null;\r\n}\r\n","import { Directive, ElementRef, HostBinding, HostListener, inject, Input, TemplateRef } from '@angular/core';\r\nimport { XTableViewService } from './table-view.service';\r\nimport { XTableViewComponent } from './table-view.component';\r\n\r\n@Directive({\r\n  selector: '[xCellDef]'\r\n})\r\nexport class XCellDef {\r\n  @Input() xCellDef: string = '';\r\n  template = inject<TemplateRef<any>>(TemplateRef);\r\n}\r\n\r\n@Directive({\r\n  selector: '[xHeaderCellDef]'\r\n})\r\nexport class XHeaderCellDef {\r\n  @Input() xHeaderCellDef: string = '';\r\n  template = inject<TemplateRef<any>>(TemplateRef);\r\n}\r\n\r\n@Directive({\r\n  selector: 'x-cell, td[x-cell]'\r\n})\r\nexport class XCell {\r\n  tableViewService = inject(XTableViewService, { optional: true })!;\r\n  tableView = inject(XTableViewComponent, { optional: true });\r\n  elementRef = inject(ElementRef);\r\n\r\n  @HostBinding('class.x-cell') cellClass = true;\r\n  @HostBinding('class.x-cell-selected') get isSelected() {\r\n    return this.tableViewService.selectedCells.includes(this);\r\n  }\r\n\r\n  @HostListener('click') onClick() {\r\n    this.tableViewService.selectedCells = [this];\r\n    this.tableViewService.activedRows = [];\r\n    this.setActivedRow(this);\r\n    this.setActivedHeaderCell(this);\r\n  }\r\n\r\n  setActivedRow(cell: XCell) {\r\n    const rows = this.tableView?.rows.toArray() ?? [];\r\n\r\n    if (rows.length > 0) {\r\n      const rowIndex = this.getRowIndex(cell);\r\n\r\n      if (rowIndex >= 0 && rowIndex < rows.length) {\r\n        const currentRow = rows[rowIndex];\r\n        this.tableViewService.activedRows.push(currentRow);\r\n      }\r\n    }\r\n  }\r\n\r\n  setActivedHeaderCell(cell: XCell) {\r\n    const headerCells = this.tableView?.headerCells.toArray() ?? [];\r\n\r\n    if (headerCells.length > 0) {\r\n      const columnIndex = this.getColumnIndex(cell);\r\n\r\n      if (columnIndex >= 0 && columnIndex < headerCells.length) {\r\n        this.tableViewService.activedHeaderCell = headerCells[columnIndex];\r\n      }\r\n    }\r\n  }\r\n\r\n  private getColumnIndex(cell: XCell): number {\r\n    if (!this.tableView || !this.tableView.cells) return -1;\r\n\r\n    const cellsArray = this.tableView.cells.toArray();\r\n    const selectedIndex = cellsArray.indexOf(cell);\r\n\r\n    if (selectedIndex === -1) return -1;\r\n\r\n    const columnsPerRow = this.tableView.columns().length;\r\n    const rowsCount = this.tableView.data().length;\r\n\r\n    if (columnsPerRow === 0 || rowsCount === 0) return -1;\r\n\r\n    return Math.floor(selectedIndex / rowsCount);\r\n  }\r\n\r\n  private getRowIndex(cell: XCell): number {\r\n    if (!this.tableView || !this.tableView.cells) return -1;\r\n\r\n    const cellsArray = this.tableView.cells.toArray();\r\n    const selectedIndex = cellsArray.indexOf(cell);\r\n\r\n    if (selectedIndex === -1) return -1;\r\n\r\n    const columnsPerRow = this.tableView.columns().length;\r\n    const rowsCount = this.tableView.data().length;\r\n\r\n    if (columnsPerRow === 0 || rowsCount === 0) return -1;\r\n\r\n    return selectedIndex % rowsCount;\r\n  }\r\n}\r\n\r\n@Directive({\r\n  selector: 'x-header-cell, th[x-header-cell]'\r\n})\r\nexport class XHeaderCell {\r\n  tableViewService = inject(XTableViewService, { optional: true })!;\r\n  tableView = inject(XTableViewComponent, { optional: true });\r\n\r\n  @HostBinding('class.x-header-cell') cellClass = true;\r\n  @HostBinding('class.x-header-cell-actived') get isActived() {\r\n    return this.tableViewService.activedHeaderCell === this;\r\n  }\r\n\r\n  @HostListener('click') onClick() {\r\n    this.tableViewService.activedHeaderCell = this;\r\n\r\n    const headerCells = this.tableView?.headerCells.toArray() ?? [];\r\n    const index = headerCells.indexOf(this);\r\n\r\n    const cells = this.tableView?.cells.toArray() ?? [];\r\n    const columnsCount = this.tableView?.columns().length ?? 0;\r\n    const rowsCount = this.tableView?.data().length ?? 0;\r\n\r\n    if (columnsCount === 0 || rowsCount === 0) {\r\n      return;\r\n    }\r\n\r\n    const columnCells: any[] = [];\r\n    for (let i = 0; i < rowsCount; i++) {\r\n      const cellIndex = index * rowsCount + i;\r\n      if (cellIndex < cells.length) {\r\n        columnCells.push(cells[cellIndex]);\r\n      }\r\n    }\r\n\r\n    this.tableViewService.selectedCells = [];\r\n\r\n    for (let cell of columnCells) {\r\n      this.tableViewService.selectedCells.push(cell);\r\n      cell.setActivedRow(cell);\r\n    }\r\n  }\r\n}\r\n","import { Directive, Input, ContentChild } from '@angular/core';\r\nimport { XCellDef, XHeaderCellDef } from './cell';\r\n\r\n@Directive({\r\n  selector: '[xColumnDef]'\r\n})\r\nexport class XColumnDef {\r\n  @Input('xColumnDef') name!: string;\r\n\r\n  @ContentChild(XCellDef, { static: true }) cell!: XCellDef;\r\n  @ContentChild(XHeaderCellDef, { static: true }) header!: XHeaderCellDef;\r\n}\r\n","import { Directive, Input, OnInit, ViewContainerRef, TemplateRef, HostBinding, inject } from '@angular/core';\r\nimport { XTableViewService } from './table-view.service';\r\nimport { XTableViewComponent } from './table-view.component';\r\n\r\n@Directive({\r\n  selector: '[xRowDef]'\r\n})\r\nexport class XRowDef implements OnInit {\r\n  @Input('xRowDef') rowData: any;\r\n\r\n  constructor(\r\n    private vcr: ViewContainerRef,\r\n    private tpl: TemplateRef<any>\r\n  ) {}\r\n\r\n  ngOnInit() {\r\n    this.vcr.createEmbeddedView(this.tpl, { $implicit: this.rowData });\r\n  }\r\n}\r\n\r\n@Directive({\r\n  selector: '[xHeaderRowDef]'\r\n})\r\nexport class XHeaderRowDef implements OnInit {\r\n  constructor(\r\n    private vcr: ViewContainerRef,\r\n    private tpl: TemplateRef<any>\r\n  ) {}\r\n\r\n  ngOnInit() {\r\n    this.vcr.createEmbeddedView(this.tpl);\r\n  }\r\n}\r\n\r\n@Directive({\r\n  selector: 'x-row, tr[x-row]'\r\n})\r\nexport class XRow {\r\n  tableViewService = inject(XTableViewService, { optional: true })!;\r\n  tableView = inject(XTableViewComponent, { optional: true });\r\n\r\n  @HostBinding('class.x-row-actived') get isActived() {\r\n    return this.tableViewService.activedRows.includes(this);\r\n  }\r\n}\r\n","import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Table view\r\n * @selector x-table-view\r\n * @decorator component\r\n */\r\nexport const XTableViewPrefix = 'x-table-view';\r\nconst X_TABLE_VIEW_CONFIG_NAME = 'tableView';\r\n\r\n/**\r\n * Table view Property\r\n */\r\n@Component({ selector: `${XTableViewPrefix}-property`, template: '' })\r\nexport class XTableViewProperty extends XPropertyFunction(X_TABLE_VIEW_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 数据\r\n   * @en_US Row data\r\n   */\r\n  readonly data = input<any[]>([]);\r\n  /**\r\n   * @zh_CN 列数据\r\n   * @en_US Columns data\r\n   */\r\n  readonly columns = input<string[]>([]);\r\n}\r\n","import {\r\n  Component,\r\n  ContentChildren,\r\n  QueryList,\r\n  AfterContentInit,\r\n  HostBinding,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  inject,\r\n  ViewChildren\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { XColumnDef } from './column';\r\nimport { XHeaderRowDef, XRow, XRowDef } from './row';\r\nimport { XTableViewProperty } from './table-view.property';\r\nimport { XTableViewService } from './table-view.service';\r\nimport { XCell, XHeaderCell } from './cell';\r\n\r\n@Component({\r\n  selector: 'table[x-table-view]',\r\n  templateUrl: './table-view.component.html',\r\n  styleUrls: ['./table-view.component.scss'],\r\n  imports: [NgTemplateOutlet, XRow, XRowDef, XHeaderRowDef],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XTableViewService]\r\n})\r\nexport class XTableViewComponent extends XTableViewProperty implements AfterContentInit {\r\n  @HostBinding('class.x-table-view') hostClass = true;\r\n\r\n  @ContentChildren(XColumnDef) columnDefs!: QueryList<XColumnDef>;\r\n  @ContentChildren(XHeaderCell) headerCells!: QueryList<XHeaderCell>;\r\n  @ContentChildren(XCell) cells!: QueryList<XCell>;\r\n  @ViewChildren(XRow) rows!: QueryList<XRow>;\r\n  columnMap: Record<string, XColumnDef> = {};\r\n  tableViewService = inject(XTableViewService);\r\n\r\n  ngAfterContentInit() {\r\n    for (const def of this.columnDefs.toArray()) {\r\n      this.columnMap[def.name] = def;\r\n    }\r\n  }\r\n}\r\n","<thead>\r\n  <tr *xHeaderRowDef>\r\n    @for (columnName of columns(); track columnName) {\r\n      <ng-container *ngTemplateOutlet=\"columnMap[columnName]?.header?.template\"></ng-container>\r\n    }\r\n  </tr>\r\n</thead>\r\n<tbody>\r\n  @for (row of data(); track row) {\r\n    <tr x-row *xRowDef=\"row\">\r\n      @for (columnName of columns(); track columnName) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"columnMap[columnName]?.cell?.template; context: { $implicit: row }\"\r\n        ></ng-container>\r\n      }\r\n    </tr>\r\n  }\r\n</tbody>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTableViewComponent } from './table-view.component';\r\nimport { XCell, XCellDef, XHeaderCell, XHeaderCellDef } from './cell';\r\nimport { XColumnDef } from './column';\r\n\r\n@NgModule({\r\n  exports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef],\r\n  imports: [XTableViewComponent, XCell, XHeaderCell, XCellDef, XHeaderCellDef, XColumnDef]\r\n})\r\nexport class XTableViewModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-table.mjs

@@ -1534,7 +1534,7 @@ class XTableComponent extends XTableProperty {
         this.cdr.markForCheck();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTableComponent, isStandalone: true, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "caption", first: true, predicate: ["caption"], descendants: true, isSignal: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true, isSignal: true }, { propertyName: "stickyTopRightEle", first: true, predicate: ["stickyTopRightEle"], descendants: true, isSignal: true }, { propertyName: "stickyBottomRightEle", first: true, predicate: ["stickyBottomRightEle"], descendants: true, isSignal: true }, { propertyName: "headCom", predicate: XTableHeadComponent, descendants: true, isSignal: true }, { propertyName: "bodyCom", predicate: XTableBodyComponent, descendants: true, isSignal: true }, { propertyName: "footCom", first: true, predicate: XTableFootComponent, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrap-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrap-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:var(--x-box-shadow-bottom);z-index:1}.x-table-scroll-left .x-table-sticky-left-last{box-shadow:var(--x-box-shadow-right);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first{box-shadow:var(--x-box-shadow-left);border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }, { kind: "component", type: XTableHeadComponent, selector: "x-table-head" }, { kind: "component", type: XTableFootComponent, selector: "x-table-foot" }, { kind: "component", type: XTableBodyComponent, selector: "x-table-body" }, { kind: "component", type: XPaginationComponent, selector: "x-pagination" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTableComponent, isStandalone: true, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, isSignal: true }, { propertyName: "caption", first: true, predicate: ["caption"], descendants: true, isSignal: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true, isSignal: true }, { propertyName: "stickyTopRightEle", first: true, predicate: ["stickyTopRightEle"], descendants: true, isSignal: true }, { propertyName: "stickyBottomRightEle", first: true, predicate: ["stickyBottomRightEle"], descendants: true, isSignal: true }, { propertyName: "headCom", predicate: XTableHeadComponent, descendants: true, isSignal: true }, { propertyName: "bodyCom", predicate: XTableBodyComponent, descendants: true, isSignal: true }, { propertyName: "footCom", first: true, predicate: XTableFootComponent, descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrap-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrap-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>tbody:before{position:absolute;box-shadow:inset 0 10px 8px -8px #00000026;top:-1px;right:0;height:30px;width:100%;transition:box-shadow .3s;content:\"\";pointer-events:none;z-index:10}.x-table-scroll-left .x-table-sticky-left-last:after{position:absolute;box-shadow:inset 10px 0 8px -8px #00000026;top:0;right:0;bottom:-1px;width:30px;transform:translate(100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first:after{box-shadow:inset -10px 0 8px -8px #00000026;position:absolute;top:0;bottom:-1px;left:0;width:30px;transform:translate(-100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }, { kind: "component", type: XTableHeadComponent, selector: "x-table-head" }, { kind: "component", type: XTableFootComponent, selector: "x-table-foot" }, { kind: "component", type: XTableBodyComponent, selector: "x-table-body" }, { kind: "component", type: XPaginationComponent, selector: "x-pagination" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: XTableComponent, decorators: [{
             type: Component,
@@ -1546,7 +1546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         XTableFootComponent,
                         XTableBodyComponent,
                         XPaginationComponent
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrap-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrap-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:var(--x-box-shadow-bottom);z-index:1}.x-table-scroll-left .x-table-sticky-left-last{box-shadow:var(--x-box-shadow-right);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first{box-shadow:var(--x-box-shadow-left);border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap()\"\r\n  [x-loading]=\"loading() && getting()\"\r\n  [class.x-table-wrap-border-hidden]=\"hiddenWrapBorder()\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft()\"\r\n  [class.x-table-scroll-left-max]=\"scrollLeftMax()\"\r\n  [class.x-table-scroll-top]=\"getScrollTop()\"\r\n  [class.x-table-has-scroll-right]=\"scrollYWidth()\"\r\n  [class.x-table-has-scroll-bottom]=\"scrollXWidth()\"\r\n  [class.x-table-bordered]=\"bordered()\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight() == 0\"\r\n  [class.x-table-cell-config]=\"!!cellConfigSignal()\"\r\n  [class.x-table-last-tr-bordered]=\"!!adaptionHeight() || tbodyHeight() >= tbodyScrollHeight()\"\r\n>\r\n  @if (header()) {\r\n    <caption #caption class=\"x-table-header\" [style.height.px]=\"getRowHeight()\" [style.min-height.px]=\"getRowHeight()\">\r\n      <ng-container *xOutlet=\"header()\">{{ header() }}</ng-container>\r\n    </caption>\r\n  }\r\n  @if (showHeader() && (headerPosition() === 'top' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'top'\"\r\n    ></x-table-head>\r\n  }\r\n  <x-table-body\r\n    [data]=\"treeTable() ? treeTableData() : tableData()\"\r\n    [columns]=\"columns()\"\r\n    [itemSize]=\"itemSize()\"\r\n    [rowHeight]=\"rowHeight()\"\r\n    [bodyHeight]=\"bodyHeight()!\"\r\n    [columnTpl]=\"bodyColumnTpl()\"\r\n    [allowSelectRow]=\"allowSelectRow()\"\r\n    [virtualScroll]=\"virtualScroll()\"\r\n    [minBufferPx]=\"minBufferPx()\"\r\n    [maxBufferPx]=\"maxBufferPx()\"\r\n    [adaptionHeight]=\"adaptionHeight()!\"\r\n    [docPercent]=\"docPercent()\"\r\n    [scroll]=\"scroll()\"\r\n    [rowClass]=\"rowClass()\"\r\n    [cellConfig]=\"cellConfigSignal()?.tbody\"\r\n    [expandedAll]=\"expandedAll()\"\r\n    [expandTpl]=\"expandTpl()\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (rowClick)=\"rowClick.emit($event)\"\r\n  ></x-table-body>\r\n  @if (showHeader() && (headerPosition() === 'bottom' || headerPosition() === 'top-bottom')) {\r\n    <x-table-head\r\n      [columns]=\"columns()\"\r\n      [rowHeight]=\"rowHeight()\"\r\n      [columnTpl]=\"headColumnTpl()\"\r\n      [scrollYWidth]=\"scrollYWidth()\"\r\n      [scrollXWidth]=\"scrollXWidth()!\"\r\n      [cellConfig]=\"cellConfigSignal()?.thead\"\r\n      [position]=\"'bottom'\"\r\n    ></x-table-head>\r\n  }\r\n  @if (footer()) {\r\n    <x-table-foot [footer]=\"footer()\" [rowHeight]=\"rowHeight()\"></x-table-foot>\r\n  }\r\n  @if (hasStickyTopRight()) {\r\n    <div\r\n      #stickyTopRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.top.px]=\"getStickyTopScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyTopRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.top.px]=\"getStickyTopScrollTop() + getStickyTopRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight()) {\r\n    <div\r\n      #stickyBottomRightEle\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n  @if (hasStickyBottomRight() && headSearchTpl()) {\r\n    <div\r\n      class=\"x-table-sticky-right-scroll\"\r\n      [class.x-table-border-bottom]=\"headSearchTpl()\"\r\n      [style.bottom.px]=\"getStickyBottomScrollTop() + getStickyBottomRightEleHeight()\"\r\n      [style.width.px]=\"scrollYWidth()\"\r\n      [style.height.px]=\"getRowHeight()\"\r\n      [style.min-height.px]=\"getRowHeight()\"\r\n    ></div>\r\n  }\r\n</table>\r\n@if (showPagination() && size()) {\r\n  <x-pagination\r\n    #pagination\r\n    [(index)]=\"index\"\r\n    [(size)]=\"size\"\r\n    [(query)]=\"query\"\r\n    [total]=\"total()\"\r\n    (indexChange)=\"pageChange('index')\"\r\n    (sizeChange)=\"pageChange('size')\"\r\n    [showEllipsis]=\"showEllipsis()\"\r\n    [showTotal]=\"showTotal()\"\r\n    [space]=\"space()\"\r\n    [showBackground]=\"showBackground()\"\r\n    [showSize]=\"showSize()\"\r\n    [showJump]=\"showJump()\"\r\n    [jumpWidth]=\"jumpWidth()\"\r\n    [showInputSize]=\"showInputSize()\"\r\n    [inputSizeWidth]=\"inputSizeWidth()\"\r\n    [sizeData]=\"sizeData()\"\r\n    [sizeWidth]=\"sizeWidth()\"\r\n    [pageLinkSize]=\"pageLinkSize()\"\r\n    [disabled]=\"disabled()\"\r\n    [totalTpl]=\"totalTpl()\"\r\n    [simple]=\"simple()\"\r\n    [simpleIndexWidth]=\"simpleIndexWidth()\"\r\n    [jumpTooltipText]=\"jumpTooltipText()\"\r\n    [showJumpTooltipText]=\"showJumpTooltipText()\"\r\n    [inputSizeTooltipText]=\"inputSizeTooltipText()\"\r\n    [showInputSizeTooltipText]=\"showInputSizeTooltipText()\"\r\n    [inputIndexSizeSureType]=\"inputIndexSizeSureType()\"\r\n  >\r\n  </x-pagination>\r\n}\r\n", styles: [".x-table{margin:0;padding:0}.x-table{display:flex;flex-direction:column;border-collapse:collapse;width:100%;position:relative}.x-table:not(.x-table-wrap-border-hidden){border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;min-height:42px}.x-table>thead>tr{width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:5}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr.cdk-drop-list-dragging>th.cdk-drag-placeholder{background-color:var(--x-background-a200);opacity:.9}.x-table>thead.x-table-head-bottom>tr>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none}.x-table>thead.x-table-head-bottom>tr.x-table-search>th{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:5}.x-table>tbody tr>td>x-button .x-icon{transition:var(--x-animation-duration-base)}.x-table>tbody tr>td>x-button.is-leaf{visibility:hidden}.x-table>tbody tr>td>x-button.is-expanded .x-icon{transform:rotate(90deg)}.x-table>tbody tr>td.x-table-dragging{background-color:var(--x-background-a200);opacity:.9}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-primary-900)}.x-table>tbody tr:hover:not(.x-table-activated)>td{background-color:var(--x-background-a100)}.x-table>tbody tr:last-child>td{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>tbody:before{position:absolute;box-shadow:inset 0 10px 8px -8px #00000026;top:-1px;right:0;height:30px;width:100%;transition:box-shadow .3s;content:\"\";pointer-events:none;z-index:10}.x-table-scroll-left .x-table-sticky-left-last:after{position:absolute;box-shadow:inset 10px 0 8px -8px #00000026;top:0;right:0;bottom:-1px;width:30px;transform:translate(100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-expand{margin-right:.5rem}.x-table-expandTpl>tr{display:block!important;height:inherit!important}.x-table-header{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;display:flex;align-items:center}.x-table-footer{display:flex;align-items:center;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-sticky-right-scroll{position:absolute;right:0;min-height:42px;background-color:var(--x-background);z-index:1}.x-table-has-scroll-right .x-table-footer{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-has-scroll-bottom:not(.x-table-scroll-left-max) .x-table-sticky-right-first:after{box-shadow:inset -10px 0 8px -8px #00000026;position:absolute;top:0;bottom:-1px;left:0;width:30px;transform:translate(-100%);transition:box-shadow .3s;content:\"\";pointer-events:none}.x-table-border-bottom{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-border-top{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-last-tr-bordered>tbody tr:last-child>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big .x-table-header,.x-table-row-size-big .x-table-footer{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large .x-table-header,.x-table-row-size-large .x-table-footer{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-medium .x-table-header,.x-table-row-size-medium .x-table-footer{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small .x-table-header,.x-table-row-size-small .x-table-footer{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}.x-table-row-size-mini .x-table-header,.x-table-row-size-mini .x-table-footer{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}x-table{width:100%;display:flex;flex-direction:column}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}x-table.x-table-top-left{flex-direction:column-reverse}x-table.x-table-top-left .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-center{flex-direction:column-reverse;align-items:center}x-table.x-table-top-center .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-top-right{flex-direction:column-reverse;align-items:flex-end}x-table.x-table-top-right .x-pagination{padding-top:0;padding-bottom:calc(var(--x-font-size) / 2)}x-table.x-table-bottom-center{align-items:center}x-table.x-table-bottom-right{align-items:flex-end}body>.x-table-th{display:block;overflow:hidden}body>.x-table-th-big{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4)}body>.x-table-th-large{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3)}body>.x-table-th-medium{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) var(--x-font-size)}body>.x-table-th-small{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3)}body>.x-table-th-mini{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2)}body>.x-table-th.cdk-drag-preview{display:flex;align-items:center;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-style:dashed;background-color:var(--x-background);opacity:.8;box-shadow:var(--x-box-shadow)}body>.x-table-th.cdk-drag-preview>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.x-table-th.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
         }] });
 
 class XTableModule {