@ng-nest/ui 12.0.6 → 12.0.11

package/bundles/ng-nest-ui-table.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-nest/ui/core'), require('@ng-nest/ui/pagination'), require('rxjs/operators'), require('rxjs'), require('@ng-nest/ui/loading'), require('@ng-nest/ui/checkbox'), require('@ng-nest/ui/icon'), require('@angular/common'), require('@angular/forms'), require('@ng-nest/ui/outlet'), require('@ng-nest/ui/empty'), require('@angular/cdk/scrolling')) :
     typeof define === 'function' && define.amd ? define('@ng-nest/ui/table', ['exports', '@angular/core', '@ng-nest/ui/core', '@ng-nest/ui/pagination', 'rxjs/operators', 'rxjs', '@ng-nest/ui/loading', '@ng-nest/ui/checkbox', '@ng-nest/ui/icon', '@angular/common', '@angular/forms', '@ng-nest/ui/outlet', '@ng-nest/ui/empty', '@angular/cdk/scrolling'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-nest'] = global['ng-nest'] || {}, global['ng-nest'].ui = global['ng-nest'].ui || {}, global['ng-nest'].ui.table = {}), global.ng.core, global['ng-nest'].ui.core, global['ng-nest'].ui.pagination, global.rxjs.operators, global.rxjs, global['ng-nest'].ui.loading, global['ng-nest'].ui.checkbox, global['ng-nest'].ui.icon, global.ng.common, global.ng.forms, global['ng-nest'].ui.outlet, global['ng-nest'].ui.empty, global.ng.cdk.scrolling));
-}(this, (function (exports, i0, i1, i6, operators, rxjs, i2$2, i2, i3, i4, i6$1, i7, i2$1, i3$1) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-nest"] = global["ng-nest"] || {}, global["ng-nest"].ui = global["ng-nest"].ui || {}, global["ng-nest"].ui.table = {}), global.ng.core, global["ng-nest"].ui.core, global["ng-nest"].ui.pagination, global.rxjs.operators, global.rxjs, global["ng-nest"].ui.loading, global["ng-nest"].ui.checkbox, global["ng-nest"].ui.icon, global.ng.common, global.ng.forms, global["ng-nest"].ui.outlet, global["ng-nest"].ui.empty, global.ng.cdk.scrolling));
+})(this, (function (exports, i0, i1, i6, operators, rxjs, i2$2, i2, i3, i4, i6$1, i7, i2$1, i3$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -262,10 +260,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -426,8 +430,8 @@
         }
         return XTableProperty;
     }(i6.XPaginationProperty));
-    /** @nocollapse */ XTableProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    /** @nocollapse */ XTableProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
     __decorate([
         i1.XWithConfig(X_CONFIG_NAME, 42),
         i1.XInputNumber()
@@ -471,7 +475,7 @@
     __decorate([
         i1.XWithConfig(X_CONFIG_NAME, 'medium')
     ], XTableProperty.prototype, "rowSize", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableProperty, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], propDecorators: { data: [{
@@ -557,12 +561,12 @@
         }
         return XTableHeadProperty;
     }(i1.XProperty));
-    /** @nocollapse */ XTableHeadProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableHeadProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableHeadProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableHeadProperty, selector: "ng-component", inputs: { columns: "columns", rowHeight: "rowHeight", columnTpl: "columnTpl", scrollYWidth: "scrollYWidth", scrollXWidth: "scrollXWidth", cellConfig: "cellConfig" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    /** @nocollapse */ XTableHeadProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableHeadProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableHeadProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableHeadProperty, selector: "ng-component", inputs: { columns: "columns", rowHeight: "rowHeight", columnTpl: "columnTpl", scrollYWidth: "scrollYWidth", scrollXWidth: "scrollXWidth", cellConfig: "cellConfig" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
     __decorate([
         i1.XInputNumber()
     ], XTableHeadProperty.prototype, "rowHeight", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableHeadProperty, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableHeadProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], propDecorators: { columns: [{
@@ -650,8 +654,8 @@
         }
         return XTableBodyProperty;
     }(i1.XProperty));
-    /** @nocollapse */ XTableBodyProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableBodyProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableBodyProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    /** @nocollapse */ XTableBodyProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableBodyProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableBodyProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
     __decorate([
         i1.XInputNumber()
     ], XTableBodyProperty.prototype, "rowHeight", void 0);
@@ -673,7 +677,7 @@
     __decorate([
         i1.XInputNumber()
     ], XTableBodyProperty.prototype, "docPercent", void 0);
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableBodyProperty, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableBodyProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], propDecorators: { data: [{
@@ -725,9 +729,9 @@
         }
         return XTableFootProperty;
     }(i1.XProperty));
-    /** @nocollapse */ XTableFootProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableFootProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableFootProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableFootProperty, selector: "ng-component", usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableFootProperty, decorators: [{
+    /** @nocollapse */ XTableFootProperty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableFootProperty, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableFootProperty.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableFootProperty, selector: "ng-component", usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableFootProperty, decorators: [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }] });
@@ -762,7 +766,7 @@
                 });
                 rxjs.fromEvent(_this.doc.documentElement, 'mouseup')
                     .pipe(operators.takeUntil(_unSub))
-                    .subscribe(function (x) {
+                    .subscribe(function () {
                     _this.renderer.removeStyle(_this.doc.documentElement, 'cursor');
                     _this.renderer.removeStyle(_this.doc.documentElement, 'user-select');
                     _unSub.next();
@@ -789,9 +793,9 @@
         };
         return XDragDirective;
     }());
-    /** @nocollapse */ XDragDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XDragDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i4.DOCUMENT }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ XDragDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.3", type: XDragDirective, selector: "[xDrag]", outputs: { draging: "draging" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XDragDirective, decorators: [{
+    /** @nocollapse */ XDragDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XDragDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i4.DOCUMENT }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ XDragDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.0.5", type: XDragDirective, selector: "[xDrag]", outputs: { draging: "draging" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XDragDirective, decorators: [{
                 type: i0.Directive,
                 args: [{ selector: '[xDrag]' }]
             }], ctorParameters: function () {
@@ -826,7 +830,8 @@
             configurable: true
         });
         XTableHeadComponent.prototype.ngOnChanges = function (simples) {
-            i1.XIsChange(simples.columns, simples.scrollYWidth, simples.scrollXWidth, simples.cellConfig) && this.cdr.detectChanges();
+            var columns = simples.columns, scrollYWidth = simples.scrollYWidth, scrollXWidth = simples.scrollXWidth, cellConfig = simples.cellConfig;
+            i1.XIsChange(columns, scrollYWidth, scrollXWidth, cellConfig) && this.cdr.detectChanges();
         };
         XTableHeadComponent.prototype.ngOnInit = function () {
             i1.removeNgTag(this.elementRef.nativeElement);
@@ -900,14 +905,14 @@
                 this.table.bodyChange();
             }
         };
-        XTableHeadComponent.prototype.trackByItem = function (index, item) {
+        XTableHeadComponent.prototype.trackByItem = function (_index, item) {
             return item.id;
         };
         return XTableHeadComponent;
     }(XTableHeadProperty));
-    /** @nocollapse */ XTableHeadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableHeadComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableHeadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableHeadComponent, selector: "x-table-head", inputs: { table: "table" }, viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<thead #thead [ngStyle]=\"theadStyle\">\r\n  <ng-container *ngIf=\"cellConfig; else columnsTpl\">\r\n    <tr [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\" [style.min-height.px]=\"getRowHeight\">\r\n      <th\r\n        *ngFor=\"let column of cellConfig.cells\"\r\n        [class.x-table-sticky]=\"getSticky(column)\"\r\n        [class.x-table-width-drag]=\"column.widthDrag\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.min-height.px]=\"getRowHeight\"\r\n        [title]=\"column?.label\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n        <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n      </th>\r\n    </tr>\r\n  </ng-container>\r\n</thead>\r\n\r\n<ng-template #columnsTpl>\r\n  <tr\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    [style.padding-right.px]=\"scrollYWidth\"\r\n    [style.width.px]=\"scrollXWidth\"\r\n  >\r\n    <th\r\n      *ngFor=\"let column of columns; trackBy: trackByItem\"\r\n      [class.x-table-sticky]=\"getSticky(column)\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.flex]=\"getFlex(column)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n      <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n    </th>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        *ngIf=\"column.headChecked\"\r\n        [data]=\"[{ id: true, label: column.label }]\"\r\n        [(ngModel)]=\"table.checkedValues[column.id]\"\r\n        (ngModelChange)=\"table.headChecked($event, column)\"\r\n        [indeterminate]=\"table.checkedValues[column.id + table.indeterminate]\"\r\n      ></x-checkbox>\r\n      <ng-container *ngIf=\"!column.headChecked\">\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <a>{{ column.label }}</a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column }\">\r\n      {{ column.label }}\r\n    </ng-container>\r\n    <x-icon\r\n      *ngIf=\"column.sort\"\r\n      type=\"fto-bar-chart\"\r\n      class=\"x-table-sort-icon\"\r\n      [class.x-table-icon-up]=\"sortStr === column.id + ' desc'\"\r\n      [class.x-table-icon-down]=\"sortStr === column.id + ' asc'\"\r\n    ></x-icon>\r\n  </a>\r\n</ng-template>\r\n", components: [{ type: i2__namespace.XCheckboxComponent, selector: "x-checkbox" }, { type: i3__namespace.XIconComponent, selector: "x-icon" }], directives: [{ type: i4__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: XDragDirective, selector: "[xDrag]", outputs: ["draging"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7__namespace.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableHeadComponent, decorators: [{
+    /** @nocollapse */ XTableHeadComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableHeadComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableHeadComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableHeadComponent, selector: "x-table-head", inputs: { table: "table" }, viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<thead #thead [ngStyle]=\"theadStyle\">\r\n  <ng-container *ngIf=\"cellConfig; else columnsTpl\">\r\n    <tr [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\" [style.min-height.px]=\"getRowHeight\">\r\n      <th\r\n        *ngFor=\"let column of cellConfig.cells\"\r\n        [class.x-table-sticky]=\"getSticky(column)\"\r\n        [class.x-table-width-drag]=\"column.dragWidth\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.min-height.px]=\"getRowHeight\"\r\n        [title]=\"column?.label\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n        <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n      </th>\r\n    </tr>\r\n  </ng-container>\r\n</thead>\r\n\r\n<ng-template #columnsTpl>\r\n  <tr\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    [style.padding-right.px]=\"scrollYWidth\"\r\n    [style.width.px]=\"scrollXWidth\"\r\n  >\r\n    <th\r\n      *ngFor=\"let column of columns; trackBy: trackByItem\"\r\n      [class.x-table-sticky]=\"getSticky(column)\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.flex]=\"getFlex(column)\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n      <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n    </th>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        *ngIf=\"column.headChecked\"\r\n        [data]=\"[{ id: true, label: column.label }]\"\r\n        [(ngModel)]=\"table.checkedValues[column.id]\"\r\n        (ngModelChange)=\"table.headChecked($event, column)\"\r\n        [indeterminate]=\"table.checkedValues[column.id + table.indeterminate]\"\r\n      ></x-checkbox>\r\n      <ng-container *ngIf=\"!column.headChecked\">\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <a>{{ column.label }}</a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column }\">\r\n      {{ column.label }}\r\n    </ng-container>\r\n    <x-icon\r\n      *ngIf=\"column.sort\"\r\n      type=\"fto-bar-chart\"\r\n      class=\"x-table-sort-icon\"\r\n      [class.x-table-icon-up]=\"sortStr === column.id + ' desc'\"\r\n      [class.x-table-icon-down]=\"sortStr === column.id + ' asc'\"\r\n    ></x-icon>\r\n  </a>\r\n</ng-template>\r\n", components: [{ type: i2__namespace.XCheckboxComponent, selector: "x-checkbox" }, { type: i3__namespace.XIconComponent, selector: "x-icon" }], directives: [{ type: i4__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: XDragDirective, selector: "[xDrag]", outputs: ["draging"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7__namespace.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableHeadComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XTableHeadPrefix,
@@ -959,7 +964,8 @@
             configurable: true
         });
         XTableBodyComponent.prototype.ngOnChanges = function (simples) {
-            i1.XIsChange(simples.data, simples.columns, simples.activatedRow, simples.mergeRule) && this.cdr.detectChanges();
+            var data = simples.data, columns = simples.columns, activatedRow = simples.activatedRow, mergeRule = simples.mergeRule;
+            i1.XIsChange(data, columns, activatedRow, mergeRule) && this.cdr.detectChanges();
         };
         XTableBodyComponent.prototype.ngOnInit = function () {
             var _a;
@@ -1106,14 +1112,14 @@
             this.activatedRowChange.emit(row);
             this.cdr.detectChanges();
         };
-        XTableBodyComponent.prototype.trackByItem = function (index, item) {
+        XTableBodyComponent.prototype.trackByItem = function (_index, item) {
             return item.id;
         };
         return XTableBodyComponent;
     }(XTableBodyProperty));
-    /** @nocollapse */ XTableBodyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableBodyComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i4.DOCUMENT }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableBodyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableBodyComponent, selector: "x-table-body", inputs: { table: "table" }, viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"getTitle(row, column)\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; let index = index; trackBy: trackByItem\"\r\n      [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n      [style.height.px]=\"getRowHeight\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      (click)=\"rowClick(row)\"\r\n    >\r\n      <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n      <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n    </tr>\r\n  </cdk-virtual-scroll-viewport>\r\n</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; trackBy: trackByItem\"\r\n    [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    (click)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", components: [{ type: i2__namespace$1.XEmptyComponent, selector: "x-empty" }, { type: i3__namespace$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i2__namespace.XCheckboxComponent, selector: "x-checkbox" }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3__namespace$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7__namespace.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableBodyComponent, decorators: [{
+    /** @nocollapse */ XTableBodyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableBodyComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i4.DOCUMENT }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableBodyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableBodyComponent, selector: "x-table-body", inputs: { table: "table" }, viewQueries: [{ propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true }, { propertyName: "virtualBody", first: true, predicate: ["virtualBody"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"getTitle(row, column)\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; let index = index; trackBy: trackByItem\"\r\n      [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n      [style.height.px]=\"getRowHeight\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      (click)=\"rowClick(row)\"\r\n    >\r\n      <!-- rowHeight \u4E3A 0 \u7684\u65F6\u5019\uFF0Cindex \u4E0B\u6807\u83B7\u53D6\u4E0D\u5230 -->\r\n      <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n    </tr>\r\n  </cdk-virtual-scroll-viewport>\r\n</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; trackBy: trackByItem\"\r\n    [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    (click)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"getFlex(column)\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row, $index: table.getIndex(i) }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n", components: [{ type: i2__namespace$1.XEmptyComponent, selector: "x-empty" }, { type: i3__namespace$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: i2__namespace.XCheckboxComponent, selector: "x-checkbox" }], directives: [{ type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i3__namespace$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { type: i4__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7__namespace.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableBodyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XTableBodyPrefix,
@@ -1155,9 +1161,9 @@
         };
         return XTableFootComponent;
     }(XTableFootProperty));
-    /** @nocollapse */ XTableFootComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableFootComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableFootComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableFootComponent, selector: "x-table-foot", inputs: { table: "table" }, viewQueries: [{ propertyName: "tfoot", first: true, predicate: ["tfoot"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tfoot></tfoot>\r\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableFootComponent, decorators: [{
+    /** @nocollapse */ XTableFootComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableFootComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableFootComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableFootComponent, selector: "x-table-foot", inputs: { table: "table" }, viewQueries: [{ propertyName: "tfoot", first: true, predicate: ["tfoot"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<tfoot></tfoot>\r\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableFootComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XTableFootPrefix,
@@ -1214,9 +1220,10 @@
             this.setMerge();
         };
         XTableComponent.prototype.ngOnChanges = function (simples) {
-            i1.XIsChange(simples.data, simples.checkedRow) && this.setData();
-            i1.XIsChange(simples.columns, simples.activatedRow) && this.cdr.detectChanges();
-            i1.XIsChange(simples.manual) && this.setManual();
+            var data = simples.data, checkedRow = simples.checkedRow, columns = simples.columns, activatedRow = simples.activatedRow, manual = simples.manual;
+            i1.XIsChange(data, checkedRow) && this.setData();
+            i1.XIsChange(columns, activatedRow) && this.cdr.detectChanges();
+            i1.XIsChange(manual) && this.setManual();
         };
         XTableComponent.prototype.ngOnDestroy = function () {
             this._unSubject.next();
@@ -1385,7 +1392,7 @@
             this.setCheckedValues(column);
             this.detectChanges();
         };
-        XTableComponent.prototype.bodyChecked = function (checked, column) {
+        XTableComponent.prototype.bodyChecked = function (_checked, column) {
             this.setCheckedValues(column);
             this.detectChanges();
         };
@@ -1402,9 +1409,9 @@
         };
         return XTableComponent;
     }(XTableProperty));
-    /** @nocollapse */ XTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ XTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.3", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, 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-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    *ngIf=\"showHeader\"\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n    [table]=\"this\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"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    [cellConfig]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n    [table]=\"this\"\r\n  ></x-table-body>\r\n  <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n  #pagination\r\n  *ngIf=\"size\"\r\n  [(index)]=\"index\"\r\n  [(size)]=\"size\"\r\n  [(query)]=\"query\"\r\n  [total]=\"total\"\r\n  (indexChange)=\"change($event)\"\r\n  [showEllipsis]=\"showEllipsis\"\r\n  [showTotal]=\"showTotal\"\r\n  [space]=\"space\"\r\n  [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;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:1}.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>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:1}.x-table>tbody tr.x-table-activated>td{color:var(--x-primary)}.x-table>tbody tr.x-table-activated>td,.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.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-down,.x-table-sort-icon.x-icon.x-table-icon-up{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>tbody .x-table-sticky,.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);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>tbody tr>td,.x-table-bordered>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>tbody tr>td:last-child,.x-table-bordered>thead>tr>th:last-child{border-right:none}.x-table-cell-config>tbody tr,.x-table-cell-config>thead tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>tbody tr>td,.x-table-cell-config>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>tbody tr>td:last-child,.x-table-cell-config>thead>tr>th:last-child{border-right:none}.x-table-row-size-big>tbody tr>td,.x-table-row-size-big>thead>tr>th{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) 0}.x-table-row-size-big.x-table-bordered>tbody tr>td,.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td,.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big>tbody tr>td:first-child,.x-table-row-size-big>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>tbody tr>td,.x-table-row-size-large>thead>tr>th{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) 0}.x-table-row-size-large.x-table-bordered>tbody tr>td,.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td,.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large>tbody tr>td:first-child,.x-table-row-size-large>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>tbody tr>td,.x-table-row-size-medium>thead>tr>th{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table-row-size-medium.x-table-bordered>tbody tr>td,.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td,.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium>tbody tr>td:first-child,.x-table-row-size-medium>thead>tr>th:first-child{padding-left:var(--x-font-size)}.x-table-row-size-small>tbody tr>td,.x-table-row-size-small>thead>tr>th{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) 0}.x-table-row-size-small.x-table-bordered>tbody tr>td,.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td,.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small>tbody tr>td:first-child,.x-table-row-size-small>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>tbody tr>td,.x-table-row-size-mini>thead>tr>th{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) 0}.x-table-row-size-mini.x-table-bordered>tbody tr>td,.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td,.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini>tbody tr>td:first-child,.x-table-row-size-mini>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}"], components: [{ type: i2__namespace$2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6__namespace$1.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableComponent, decorators: [{
+    /** @nocollapse */ XTableComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.XConfigService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ XTableComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, 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-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    *ngIf=\"showHeader\"\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n    [table]=\"this\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"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    [cellConfig]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n    [table]=\"this\"\r\n  ></x-table-body>\r\n  <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n  #pagination\r\n  *ngIf=\"size\"\r\n  [(index)]=\"index\"\r\n  [(size)]=\"size\"\r\n  [(query)]=\"query\"\r\n  [total]=\"total\"\r\n  (indexChange)=\"change($event)\"\r\n  [showEllipsis]=\"showEllipsis\"\r\n  [showTotal]=\"showTotal\"\r\n  [space]=\"space\"\r\n  [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;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:1}.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>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:1}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background-a200);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.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:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);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-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) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left: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) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"], components: [{ type: i2__namespace$2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6__namespace$1.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: "" + XTablePrefix,
@@ -1426,8 +1433,8 @@
         }
         return XTableModule;
     }());
-    /** @nocollapse */ XTableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ XTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableModule, declarations: [XDragDirective,
+    /** @nocollapse */ XTableModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ XTableModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableModule, declarations: [XDragDirective,
             XTableComponent,
             XTableProperty,
             XTableHeadComponent,
@@ -1444,7 +1451,7 @@
             i3$1.ScrollingModule,
             i2$1.XEmptyModule,
             i2$2.XLoadingModule], exports: [XTableComponent] });
-    /** @nocollapse */ XTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableModule, imports: [[
+    /** @nocollapse */ XTableModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableModule, imports: [[
                 i4.CommonModule,
                 i6$1.FormsModule,
                 i6.XPaginationModule,
@@ -1455,7 +1462,7 @@
                 i2$1.XEmptyModule,
                 i2$2.XLoadingModule
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.3", ngImport: i0__namespace, type: XTableModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: XTableModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
@@ -1505,5 +1512,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-nest-ui-table.umd.js.map