@acorex/components 7.1.0 → 7.1.1

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

@@ -12,219 +12,219 @@ import * as i4 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 
-class AXDataColumnComponent {
-    _inputHeaderTemplate;
-    _contentHeaderTemplate;
-    _defaultTemplate;
-    get headerTemplate() {
-        return this._inputHeaderTemplate || this._contentHeaderTemplate;
-    }
-    _inputCellTemplate;
-    _contentCellTemplate;
-    get cellTemplate() {
-        return this._inputCellTemplate || this._contentCellTemplate || this._defaultTemplate;
-    }
-    // @ContentChild(AXDataColumnCellTemplateDirective, { static: true })
-    // cellTemplate?: AXDataColumnCellTemplateDirective;
-    valueField;
-    caption;
-    width = 'auto';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXDataColumnComponent, selector: "ax-data-column", inputs: { _inputHeaderTemplate: ["headerTemplate", "_inputHeaderTemplate"], _inputCellTemplate: ["cellTemplate", "_inputCellTemplate"], valueField: "valueField", caption: "caption", width: "width" }, queries: [{ propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_defaultTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true, static: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ax-data-column',
-                }]
-        }], propDecorators: { _inputHeaderTemplate: [{
-                type: Input,
-                args: ["headerTemplate"]
-            }], _contentHeaderTemplate: [{
-                type: ContentChild,
-                args: ["header", { static: true }]
-            }], _defaultTemplate: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
-            }], _inputCellTemplate: [{
-                type: Input,
-                args: ["cellTemplate"]
-            }], _contentCellTemplate: [{
-                type: ContentChild,
-                args: ["cell", { static: true }]
-            }], valueField: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], width: [{
-                type: Input
+class AXDataColumnComponent {
+    _inputHeaderTemplate;
+    _contentHeaderTemplate;
+    _defaultTemplate;
+    get headerTemplate() {
+        return this._inputHeaderTemplate || this._contentHeaderTemplate;
+    }
+    _inputCellTemplate;
+    _contentCellTemplate;
+    get cellTemplate() {
+        return this._inputCellTemplate || this._contentCellTemplate || this._defaultTemplate;
+    }
+    // @ContentChild(AXDataColumnCellTemplateDirective, { static: true })
+    // cellTemplate?: AXDataColumnCellTemplateDirective;
+    valueField;
+    caption;
+    width = 'auto';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXDataColumnComponent, selector: "ax-data-column", inputs: { _inputHeaderTemplate: ["headerTemplate", "_inputHeaderTemplate"], _inputCellTemplate: ["cellTemplate", "_inputCellTemplate"], valueField: "valueField", caption: "caption", width: "width" }, queries: [{ propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_defaultTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ax-data-column',
+                }]
+        }], propDecorators: { _inputHeaderTemplate: [{
+                type: Input,
+                args: ["headerTemplate"]
+            }], _contentHeaderTemplate: [{
+                type: ContentChild,
+                args: ["header", { static: true }]
+            }], _defaultTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }], _inputCellTemplate: [{
+                type: Input,
+                args: ["cellTemplate"]
+            }], _contentCellTemplate: [{
+                type: ContentChild,
+                args: ["cell", { static: true }]
+            }], valueField: [{
+                type: Input
+            }], caption: [{
+                type: Input
+            }], width: [{
+                type: Input
             }] } });
 
-class AXDataTableComponent extends AXBaseComponentMixin {
-    _columns = {};
-    onPageChanged = new EventEmitter();
-    rowTemplate;
-    emptyTemplate;
-    showHeader = true;
-    _pageSize = 20;
-    get pageSize() {
-        return this._pageSize;
-    }
-    set pageSize(v) {
-        this._pageSize = v;
-    }
-    fetchDataMode = 'auto';
-    _currentPage = 1;
-    _isLoading = false;
-    _loadedItems = [];
-    _totalItems = 0;
-    _isLazy = false;
-    get totalCount() {
-        return this._totalItems;
-    }
-    get isLazy() {
-        return this._isLazy;
-    }
-    get loadedCount() {
-        return this._loadedItems?.length || 0;
-    }
-    _items = [];
-    get items() {
-        return this._items;
-    }
-    set items(v) {
-        if (Array.isArray(v)) {
-            this._items = v;
-        }
-        else if (typeof v === 'function') {
-            this._isLazy = true;
-            this._items = v;
-        }
-        else {
-            this._items = [];
-        }
-    }
-    get displayItems() {
-        if (Array.isArray(this.items)) {
-            return (this._items || []);
-        }
-        else if (typeof this._items == 'function') {
-            return this._loadedItems || [];
-        }
-        return [];
-    }
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-    }
-    onViewInit() {
-        if (this.fetchDataMode == 'auto')
-            this._fetchData();
-    }
-    _fetchData(opts) {
-        const skip = (this._currentPage - 1) * this.pageSize, take = this.pageSize;
-        if ((this.loadedCount >= this.totalCount && this.totalCount != 0) ||
-            this._isLoading ||
-            !this._isLazy ||
-            skip > this.totalCount) {
-            return;
-        }
-        if (this._items) {
-            this._isLoading = true;
-            this._cdr.markForCheck();
-            const fetchFn = this._items;
-            fetchFn({ skip, take, searchQuery: opts?.searchQuery })
-                .then((c) => {
-                if (Array.isArray(c)) {
-                    this._loadedItems = c;
-                    this._totalItems = c.length;
-                }
-                else {
-                    this._totalItems = c.total || c.items?.length || 0;
-                    //this._loadedItems = [...new Set(this._loadedItems.concat(c.items))];
-                    this._loadedItems = [...new Set(c.items)];
-                }
-            })
-                .finally(() => {
-                this._isLoading = false;
-                this.onPageChanged.next({
-                    component: this,
-                    isUserInteraction: false,
-                    name: 'page',
-                    value: this._currentPage,
-                });
-                this._cdr.markForCheck();
-            });
-        }
-    }
-    refresh() {
-        this._totalItems = 0;
-        this._loadedItems = [];
-        this._fetchData();
-    }
-    goToPage(page) {
-        this._currentPage = page;
-        this._fetchData();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _columns: [{
-                type: ContentChildren,
-                args: [AXDataColumnComponent]
-            }], onPageChanged: [{
-                type: Output
-            }], rowTemplate: [{
-                type: Input
-            }], emptyTemplate: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], fetchDataMode: [{
-                type: Input
-            }], items: [{
-                type: Input
+class AXDataTableComponent extends AXBaseComponentMixin {
+    _columns = {};
+    onPageChanged = new EventEmitter();
+    rowTemplate;
+    emptyTemplate;
+    showHeader = true;
+    _pageSize = 20;
+    get pageSize() {
+        return this._pageSize;
+    }
+    set pageSize(v) {
+        this._pageSize = v;
+    }
+    fetchDataMode = 'auto';
+    _currentPage = 1;
+    _isLoading = false;
+    _loadedItems = [];
+    _totalItems = 0;
+    _isLazy = false;
+    get totalCount() {
+        return this._totalItems;
+    }
+    get isLazy() {
+        return this._isLazy;
+    }
+    get loadedCount() {
+        return this._loadedItems?.length || 0;
+    }
+    _items = [];
+    get items() {
+        return this._items;
+    }
+    set items(v) {
+        if (Array.isArray(v)) {
+            this._items = v;
+        }
+        else if (typeof v === 'function') {
+            this._isLazy = true;
+            this._items = v;
+        }
+        else {
+            this._items = [];
+        }
+    }
+    get displayItems() {
+        if (Array.isArray(this.items)) {
+            return (this._items || []);
+        }
+        else if (typeof this._items == 'function') {
+            return this._loadedItems || [];
+        }
+        return [];
+    }
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    onViewInit() {
+        if (this.fetchDataMode == 'auto')
+            this._fetchData();
+    }
+    _fetchData(opts) {
+        const skip = (this._currentPage - 1) * this.pageSize, take = this.pageSize;
+        if ((this.loadedCount >= this.totalCount && this.totalCount != 0) ||
+            this._isLoading ||
+            !this._isLazy ||
+            skip > this.totalCount) {
+            return;
+        }
+        if (this._items) {
+            this._isLoading = true;
+            this._cdr.markForCheck();
+            const fetchFn = this._items;
+            fetchFn({ skip, take, searchQuery: opts?.searchQuery })
+                .then((c) => {
+                if (Array.isArray(c)) {
+                    this._loadedItems = c;
+                    this._totalItems = c.length;
+                }
+                else {
+                    this._totalItems = c.total || c.items?.length || 0;
+                    //this._loadedItems = [...new Set(this._loadedItems.concat(c.items))];
+                    this._loadedItems = [...new Set(c.items)];
+                }
+            })
+                .finally(() => {
+                this._isLoading = false;
+                this.onPageChanged.next({
+                    component: this,
+                    isUserInteraction: false,
+                    name: 'page',
+                    value: this._currentPage,
+                });
+                this._cdr.markForCheck();
+            });
+        }
+    }
+    refresh() {
+        this._totalItems = 0;
+        this._loadedItems = [];
+        this._fetchData();
+    }
+    goToPage(page) {
+        this._currentPage = page;
+        this._fetchData();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _columns: [{
+                type: ContentChildren,
+                args: [AXDataColumnComponent]
+            }], onPageChanged: [{
+                type: Output
+            }], rowTemplate: [{
+                type: Input
+            }], emptyTemplate: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], fetchDataMode: [{
+                type: Input
+            }], items: [{
+                type: Input
             }] } });
 
-class AXDataColumnCellTemplateDirective {
-    _contentTemplate;
-    get template() {
-        return this._contentTemplate;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXDataColumnCellTemplateDirective, selector: "ax-data-column-cell-template", queries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnCellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{ selector: 'ax-data-column-cell-template' }]
-        }], propDecorators: { _contentTemplate: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
+class AXDataColumnCellTemplateDirective {
+    _contentTemplate;
+    get template() {
+        return this._contentTemplate;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXDataColumnCellTemplateDirective, selector: "ax-data-column-cell-template", queries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataColumnCellTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ax-data-column-cell-template' }]
+        }], propDecorators: { _contentTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
             }] } });
 
-const COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];
-const MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
-class AXDataTableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, imports: [MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];
+const MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
+class AXDataTableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXDataColumnCellTemplateDirective, AXDataColumnComponent, AXDataTableComponent, AXDataTableModule };

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-data-table.mjs","sources":["../../../../projects/acorex/components/data-table/src/data-column.directive.ts","../../../../projects/acorex/components/data-table/src/data-table.component.ts","../../../../projects/acorex/components/data-table/src/data-table.component.html","../../../../projects/acorex/components/data-table/src/data-column-cell-template.directive.ts","../../../../projects/acorex/components/data-table/src/data-table.module.ts","../../../../projects/acorex/components/data-table/acorex-components-data-table.ts"],"sourcesContent":["import { Input, ContentChild, Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n    selector: 'ax-data-column',\r\n})\r\nexport class AXDataColumnComponent {\r\n\r\n    @Input(\"headerTemplate\")\r\n    _inputHeaderTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(\"header\", { static: true })\r\n    _contentHeaderTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(TemplateRef, { static: true })\r\n    _defaultTemplate?: TemplateRef<any>;\r\n\r\n    get headerTemplate():TemplateRef<any>\r\n    {\r\n        return this._inputHeaderTemplate! || this._contentHeaderTemplate ;\r\n    }\r\n\r\n\r\n    @Input(\"cellTemplate\")\r\n    _inputCellTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(\"cell\", { static: true })\r\n    _contentCellTemplate?: TemplateRef<any>;\r\n\r\n    get cellTemplate():TemplateRef<any>\r\n    {\r\n        return this._inputCellTemplate! || this._contentCellTemplate || this._defaultTemplate;\r\n    }\r\n\r\n    // @ContentChild(AXDataColumnCellTemplateDirective, { static: true })\r\n    // cellTemplate?: AXDataColumnCellTemplateDirective;\r\n\r\n    @Input()\r\n    valueField: string;\r\n\r\n    @Input()\r\n    caption: string;\r\n\r\n    @Input()\r\n    width: string | number = 'auto';\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  ContentChildren,\r\n  QueryList,\r\n  TemplateRef,\r\n  EventEmitter,\r\n  Output,\r\n} from '@angular/core';\r\nimport {\r\n  AXPagedComponent,\r\n  AXPagedComponentInterface,\r\n  AXValueChangedEvent,\r\n} from '@acorex/components/common';\r\n\r\nimport { AXDataColumnComponent } from './data-column.directive';\r\nimport { AXBaseComponentMixin, AXDataListFetchDataCallback, AXDataListItems } from '@acorex/components/mixin';\r\n\r\n\r\n@Component({\r\n  selector: 'ax-data-table',\r\n  templateUrl: './data-table.component.html',\r\n  styleUrls: ['./data-table.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }],\r\n})\r\nexport class AXDataTableComponent extends AXBaseComponentMixin implements AXPagedComponentInterface {\r\n\r\n  @ContentChildren(AXDataColumnComponent)\r\n  protected _columns: QueryList<AXDataColumnComponent> = {} as QueryList<AXDataColumnComponent>;\r\n\r\n  @Output()\r\n  onPageChanged: EventEmitter<AXValueChangedEvent<number>> = new EventEmitter<AXValueChangedEvent<number>>();\r\n\r\n  @Input()\r\n  rowTemplate?: TemplateRef<any>;\r\n\r\n  @Input()\r\n  emptyTemplate?: TemplateRef<any>;\r\n\r\n  @Input()\r\n  showHeader: boolean = true;\r\n\r\n  private _pageSize: number = 20;\r\n  @Input()\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(v: number) {\r\n    this._pageSize = v;\r\n  }\r\n\r\n  @Input()\r\n  fetchDataMode: 'auto' | 'manual' = 'auto';\r\n\r\n  private _currentPage: number = 1;\r\n  _isLoading: boolean = false;\r\n  private _loadedItems: any[] = [];\r\n  private _totalItems: number = 0;\r\n\r\n  private _isLazy: boolean = false;\r\n\r\n  get totalCount(): number {\r\n    return this._totalItems;\r\n  }\r\n\r\n  protected get isLazy(): boolean {\r\n    return this._isLazy;\r\n  }\r\n\r\n  protected get loadedCount(): number {\r\n    return this._loadedItems?.length || 0;\r\n  }\r\n\r\n  private _items: AXDataListItems = [];\r\n\r\n  @Input()\r\n  get items(): AXDataListItems {\r\n    return this._items;\r\n  }\r\n  set items(v: AXDataListItems) {\r\n    if (Array.isArray(v)) {\r\n      this._items = v;\r\n    } else if (typeof v === 'function') {\r\n      this._isLazy = true;\r\n      this._items = v;\r\n    } else {\r\n      this._items = [];\r\n    }\r\n  }\r\n\r\n  get displayItems(): any[] {\r\n    if (Array.isArray(this.items)) {\r\n      return (this._items || []) as any[];\r\n    } else if (typeof this._items == 'function') {\r\n      return this._loadedItems || [];\r\n    }\r\n    return [];\r\n  }\r\n\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onViewInit(): void {\r\n    if (this.fetchDataMode == 'auto') this._fetchData();\r\n  }\r\n\r\n  _fetchData(opts?: { searchQuery?: string }) {\r\n    const skip = (this._currentPage - 1) * this.pageSize, take = this.pageSize;\r\n    if (\r\n      (this.loadedCount >= this.totalCount && this.totalCount != 0) ||\r\n      this._isLoading ||\r\n      !this._isLazy ||\r\n      skip > this.totalCount\r\n    ) {\r\n      return;\r\n    }\r\n    if (this._items) {\r\n      this._isLoading = true;\r\n      this._cdr.markForCheck();\r\n      const fetchFn = this._items as AXDataListFetchDataCallback;\r\n      fetchFn({ skip, take, searchQuery: opts?.searchQuery })\r\n        .then((c) => {\r\n          if (Array.isArray(c)) {\r\n            this._loadedItems = c;\r\n            this._totalItems = c.length;\r\n          } else {\r\n            this._totalItems = c.total || c.items?.length || 0;\r\n            //this._loadedItems = [...new Set(this._loadedItems.concat(c.items))];\r\n            this._loadedItems = [...new Set(c.items)];\r\n          }\r\n        })\r\n        .finally(() => {\r\n          this._isLoading = false;\r\n          this.onPageChanged.next({\r\n            component: this,\r\n            isUserInteraction: false,\r\n            name: 'page',\r\n            value: this._currentPage,\r\n          });\r\n          this._cdr.markForCheck();\r\n        });\r\n    }\r\n  }\r\n\r\n  refresh() {\r\n    this._totalItems = 0;\r\n    this._loadedItems = [];\r\n    this._fetchData();\r\n  }\r\n\r\n  goToPage(page: number) {\r\n    this._currentPage = page;\r\n    this._fetchData();\r\n  }\r\n\r\n}\r\n","<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>","import { ContentChild, Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({ selector: 'ax-data-column-cell-template' })\r\nexport class AXDataColumnCellTemplateDirective {\r\n\r\n    @ContentChild(TemplateRef, { static: true })\r\n    _contentTemplate: TemplateRef<any>;\r\n\r\n\r\n    get template(): TemplateRef<any> {\r\n        return this._contentTemplate;\r\n    }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDataTableComponent } from './data-table.component';\r\nimport { AXDataColumnComponent } from './data-column.directive';\r\nimport { AXDataColumnCellTemplateDirective } from './data-column-cell-template.directive';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXResultModule } from '@acorex/components/result';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\nconst COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];\r\nconst MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule,AXDecoratorModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDataTableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-data-table.mjs","sources":["../../../../projects/acorex/components/data-table/src/data-column.directive.ts","../../../../projects/acorex/components/data-table/src/data-table.component.ts","../../../../projects/acorex/components/data-table/src/data-table.component.html","../../../../projects/acorex/components/data-table/src/data-column-cell-template.directive.ts","../../../../projects/acorex/components/data-table/src/data-table.module.ts","../../../../projects/acorex/components/data-table/acorex-components-data-table.ts"],"sourcesContent":["import { Input, ContentChild, Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n    selector: 'ax-data-column',\r\n})\r\nexport class AXDataColumnComponent {\r\n\r\n    @Input(\"headerTemplate\")\r\n    _inputHeaderTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(\"header\", { static: true })\r\n    _contentHeaderTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(TemplateRef, { static: true })\r\n    _defaultTemplate?: TemplateRef<any>;\r\n\r\n    get headerTemplate():TemplateRef<any>\r\n    {\r\n        return this._inputHeaderTemplate! || this._contentHeaderTemplate ;\r\n    }\r\n\r\n\r\n    @Input(\"cellTemplate\")\r\n    _inputCellTemplate?: TemplateRef<any>;\r\n\r\n    @ContentChild(\"cell\", { static: true })\r\n    _contentCellTemplate?: TemplateRef<any>;\r\n\r\n    get cellTemplate():TemplateRef<any>\r\n    {\r\n        return this._inputCellTemplate! || this._contentCellTemplate || this._defaultTemplate;\r\n    }\r\n\r\n    // @ContentChild(AXDataColumnCellTemplateDirective, { static: true })\r\n    // cellTemplate?: AXDataColumnCellTemplateDirective;\r\n\r\n    @Input()\r\n    valueField: string;\r\n\r\n    @Input()\r\n    caption: string;\r\n\r\n    @Input()\r\n    width: string | number = 'auto';\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  ContentChildren,\r\n  QueryList,\r\n  TemplateRef,\r\n  EventEmitter,\r\n  Output,\r\n} from '@angular/core';\r\nimport {\r\n  AXPagedComponent,\r\n  AXPagedComponentInterface,\r\n  AXValueChangedEvent,\r\n} from '@acorex/components/common';\r\n\r\nimport { AXDataColumnComponent } from './data-column.directive';\r\nimport { AXBaseComponentMixin, AXDataListFetchDataCallback, AXDataListItems } from '@acorex/components/mixin';\r\n\r\n\r\n@Component({\r\n  selector: 'ax-data-table',\r\n  templateUrl: './data-table.component.html',\r\n  styleUrls: ['./data-table.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }],\r\n})\r\nexport class AXDataTableComponent extends AXBaseComponentMixin implements AXPagedComponentInterface {\r\n\r\n  @ContentChildren(AXDataColumnComponent)\r\n  protected _columns: QueryList<AXDataColumnComponent> = {} as QueryList<AXDataColumnComponent>;\r\n\r\n  @Output()\r\n  onPageChanged: EventEmitter<AXValueChangedEvent<number>> = new EventEmitter<AXValueChangedEvent<number>>();\r\n\r\n  @Input()\r\n  rowTemplate?: TemplateRef<any>;\r\n\r\n  @Input()\r\n  emptyTemplate?: TemplateRef<any>;\r\n\r\n  @Input()\r\n  showHeader: boolean = true;\r\n\r\n  private _pageSize: number = 20;\r\n  @Input()\r\n  public get pageSize(): number {\r\n    return this._pageSize;\r\n  }\r\n  public set pageSize(v: number) {\r\n    this._pageSize = v;\r\n  }\r\n\r\n  @Input()\r\n  fetchDataMode: 'auto' | 'manual' = 'auto';\r\n\r\n  private _currentPage: number = 1;\r\n  _isLoading: boolean = false;\r\n  private _loadedItems: any[] = [];\r\n  private _totalItems: number = 0;\r\n\r\n  private _isLazy: boolean = false;\r\n\r\n  get totalCount(): number {\r\n    return this._totalItems;\r\n  }\r\n\r\n  protected get isLazy(): boolean {\r\n    return this._isLazy;\r\n  }\r\n\r\n  protected get loadedCount(): number {\r\n    return this._loadedItems?.length || 0;\r\n  }\r\n\r\n  private _items: AXDataListItems = [];\r\n\r\n  @Input()\r\n  get items(): AXDataListItems {\r\n    return this._items;\r\n  }\r\n  set items(v: AXDataListItems) {\r\n    if (Array.isArray(v)) {\r\n      this._items = v;\r\n    } else if (typeof v === 'function') {\r\n      this._isLazy = true;\r\n      this._items = v;\r\n    } else {\r\n      this._items = [];\r\n    }\r\n  }\r\n\r\n  get displayItems(): any[] {\r\n    if (Array.isArray(this.items)) {\r\n      return (this._items || []) as any[];\r\n    } else if (typeof this._items == 'function') {\r\n      return this._loadedItems || [];\r\n    }\r\n    return [];\r\n  }\r\n\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onViewInit(): void {\r\n    if (this.fetchDataMode == 'auto') this._fetchData();\r\n  }\r\n\r\n  _fetchData(opts?: { searchQuery?: string }) {\r\n    const skip = (this._currentPage - 1) * this.pageSize, take = this.pageSize;\r\n    if (\r\n      (this.loadedCount >= this.totalCount && this.totalCount != 0) ||\r\n      this._isLoading ||\r\n      !this._isLazy ||\r\n      skip > this.totalCount\r\n    ) {\r\n      return;\r\n    }\r\n    if (this._items) {\r\n      this._isLoading = true;\r\n      this._cdr.markForCheck();\r\n      const fetchFn = this._items as AXDataListFetchDataCallback;\r\n      fetchFn({ skip, take, searchQuery: opts?.searchQuery })\r\n        .then((c) => {\r\n          if (Array.isArray(c)) {\r\n            this._loadedItems = c;\r\n            this._totalItems = c.length;\r\n          } else {\r\n            this._totalItems = c.total || c.items?.length || 0;\r\n            //this._loadedItems = [...new Set(this._loadedItems.concat(c.items))];\r\n            this._loadedItems = [...new Set(c.items)];\r\n          }\r\n        })\r\n        .finally(() => {\r\n          this._isLoading = false;\r\n          this.onPageChanged.next({\r\n            component: this,\r\n            isUserInteraction: false,\r\n            name: 'page',\r\n            value: this._currentPage,\r\n          });\r\n          this._cdr.markForCheck();\r\n        });\r\n    }\r\n  }\r\n\r\n  refresh() {\r\n    this._totalItems = 0;\r\n    this._loadedItems = [];\r\n    this._fetchData();\r\n  }\r\n\r\n  goToPage(page: number) {\r\n    this._currentPage = page;\r\n    this._fetchData();\r\n  }\r\n\r\n}\r\n","<ng-content select=\"ax-header\">\r\n</ng-content>\r\n<div class=\"ax-wrapper\">\r\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\r\n    <thead *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngFor=\"let c of _columns\">\r\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\r\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\r\n          </ng-template>\r\n          <ng-template #captionTpl>\r\n            {{c.caption}}\r\n          </ng-template>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\r\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\r\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\r\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #rowTpl>\r\n            <tr>\r\n              <ng-container *ngFor=\"let c of _columns\">\r\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\r\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\r\n                  </ng-container>\r\n                </ng-template>\r\n                <ng-template #cellTpl>\r\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\r\n                    {{d[c.valueField]}}\r\n                  </td>\r\n                </ng-template>\r\n              </ng-container>\r\n            </tr>\r\n          </ng-template>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-template #emptyTpl>\r\n        <tr>\r\n          <td [attr.colspan]=\"_columns.length\">\r\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n            </ng-template>\r\n            <ng-template #defaultEmptyTemplate>\r\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\r\n            </ng-template>\r\n          </td>\r\n        </tr>\r\n      </ng-template>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n<ng-content select=\"ax-footer\">\r\n</ng-content>","import { ContentChild, Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({ selector: 'ax-data-column-cell-template' })\r\nexport class AXDataColumnCellTemplateDirective {\r\n\r\n    @ContentChild(TemplateRef, { static: true })\r\n    _contentTemplate: TemplateRef<any>;\r\n\r\n\r\n    get template(): TemplateRef<any> {\r\n        return this._contentTemplate;\r\n    }\r\n}","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDataTableComponent } from './data-table.component';\r\nimport { AXDataColumnComponent } from './data-column.directive';\r\nimport { AXDataColumnCellTemplateDirective } from './data-column-cell-template.directive';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXResultModule } from '@acorex/components/result';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\nconst COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];\r\nconst MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule,AXDecoratorModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDataTableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}