@bootkit/ng0 0.0.0-alpha.7 → 0.0.0-alpha.9

package/fesm2022/bootkit-ng0-components-table.mjs

@@ -1,14 +1,15 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, Input, ContentChild, Directive, input, Component, ContentChildren, NgModule } from '@angular/core';
+import { TemplateRef, Input, ContentChild, Directive, input, HostBinding, ContentChildren, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { formatString } from '@bootkit/ng0/common';
 import * as i3 from '@bootkit/ng0/localization';
 import { LocalizationModule } from '@bootkit/ng0/localization';
-import { formatString } from '@bootkit/ng0/common';
 import { ArrayDataSource, AsyncDataSource, DataSource, DataRequest } from '@bootkit/ng0/data';
+import { PaginationComponent } from '@bootkit/ng0/components/pagination';
 
 class TableColumnDirective {
     field;
@@ -26,10 +27,10 @@ class TableColumnDirective {
     filterField;
     constructor() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: TableColumnDirective, isStandalone: true, selector: "ng0-table-col", inputs: { field: "field", title: "title", emptyCellText: "emptyCellText", type: "type", cellClass: "cellClass", shrink: "shrink", bold: "bold", badge: "badge", filterable: "filterable", filterValue: "filterValue", filterField: "filterField" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: TableColumnDirective, isStandalone: true, selector: "ng0-table-col", inputs: { field: "field", title: "title", emptyCellText: "emptyCellText", type: "type", cellClass: "cellClass", shrink: "shrink", bold: "bold", badge: "badge", filterable: "filterable", filterValue: "filterValue", filterField: "filterField" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableColumnDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableColumnDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng0-table-col',
@@ -68,10 +69,10 @@ class TableDetailRowDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableDetailRowDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: TableDetailRowDirective, isStandalone: true, selector: "[ng0-table-detail-row]", inputs: { showCallback: "showCallback" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableDetailRowDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: TableDetailRowDirective, isStandalone: true, selector: "[ng0-table-detail-row]", inputs: { showCallback: "showCallback" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableDetailRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableDetailRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ng0-table-detail-row]',
@@ -81,37 +82,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }] } });
 
-class TablePagingComponent {
-    _destroyRef;
-    // @Input() dataSource!: DataSource;
-    autoLoad = true;
-    rowNumber = input(false);
-    constructor(_destroyRef) {
-        this._destroyRef = _destroyRef;
-    }
-    ngOnInit() {
-    }
-    // ngAfterContentInit(): void {
-    // }
-    ngOnDestroy() {
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TablePagingComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: TablePagingComponent, isStandalone: true, selector: "ng0-table-paging", inputs: { autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: false, isRequired: false, transformFunction: null }, rowNumber: { classPropertyName: "rowNumber", publicName: "rowNumber", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: 
-                // DateModule,
-                LocalizationModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TablePagingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng0-table-paging', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        // DateModule,
-                        LocalizationModule
-                    ], template: "" }]
-        }], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { autoLoad: [{
-                type: Input
-            }] } });
-
 class TableComponent {
     _destroyRef;
     /**
@@ -119,66 +89,81 @@ class TableComponent {
      * This can be an array of data, a function that returns an observable of data,
      * or an instance of DataSource.
      */
-    source = input.required();
+    source = input.required(...(ngDevMode ? [{ debugName: "source" }] : []));
     /**
      * If true, the table will automatically load data when initialized.
      * This is useful for tables that need to display data immediately without user interaction.
      */
-    autoLoad = input(true);
+    autoLoad = input(true, ...(ngDevMode ? [{ debugName: "autoLoad" }] : []));
     /**
      * If true, the table will show row numbers.
      * This will add a column to the left of the table with the row numbers.
      */
-    showRowNumbers = input(false);
+    showRowNumbers = input(false, ...(ngDevMode ? [{ debugName: "showRowNumbers" }] : []));
     /**
      * If true, the table will show the header row.
      */
-    showHeader = input(true);
+    showHeader = input(true, ...(ngDevMode ? [{ debugName: "showHeader" }] : []));
     /**
      * If true, the table will support pagination.
      * If false, the table will load all records at once.
      */
-    pagable = input(true);
+    paging = input(true, ...(ngDevMode ? [{ debugName: "paging" }] : []));
+    /**
+     * If true, the table will support sorting.
+     * This will add a sort icon to each column header.
+     */
+    sortable = input(true, ...(ngDevMode ? [{ debugName: "sortable" }] : []));
     /**
-     * If true, the table will show a pagination controls at the bottom.
+     * If true, the table will show pagination controls at the bottom.
      */
-    showPagination = input(true);
+    showPagination = input(true, ...(ngDevMode ? [{ debugName: "showPagination" }] : []));
     /**
      * The number of records to show per page.
      * This is only used if pagable is true.
      */
-    pageSize = input(10);
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
     /**
-     * The current page index.
+     * The initial page index to load when the table is initialized.
      * This is only used if pagable is true.
-     * The first page is 0.
+     * The index starts from 1.
+     * Default is 1.
      */
-    pageIndex = input(0);
+    initialPageIndex = input(1, ...(ngDevMode ? [{ debugName: "initialPageIndex" }] : []));
+    /**
+     * Maximum number of visible pages.
+     * Default is 10.
+     */
+    maxVisiblePages = input(10, ...(ngDevMode ? [{ debugName: "maxVisiblePages" }] : []));
     /**
      * The CSS class to apply to the table element.
      * This can be used to apply custom styles to the table.
      */
-    tableClass = input();
+    tableClass = input(...(ngDevMode ? [undefined, { debugName: "tableClass" }] : []));
     /**
      * The CSS class to apply to the header element.
      */
-    headerClass = input();
+    headerClass = input(...(ngDevMode ? [undefined, { debugName: "headerClass" }] : []));
     /**
      * The caption of the table.
      */
-    caption = input();
-    height = input();
+    caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
+    /**
+     * The height of the table in pixels.
+     * This can be used to set a fixed height for the table.
+     */
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : []));
     /**
      * If true, the table will support filtering.
      * This will add a filter input to each column header.
      */
-    filterable = input(false);
+    filterable = input(false, ...(ngDevMode ? [{ debugName: "filterable" }] : []));
     // @Input() rowColor?: (row: any) => BootstrapColor;
     _columns;
     _detailRow;
-    _data;
-    _totalRecords;
-    _totalPages;
+    _dataResult;
+    _lastRequest; // The last data request made to the data source
+    _loadingRequest; // The current data request being processed
     _rowStates = new Map();
     _formatString = formatString;
     _changeSubscription;
@@ -208,26 +193,40 @@ class TableComponent {
     }
     ngAfterContentInit() {
         if (this.autoLoad()) {
-            this.reload();
+            this.load(this.initialPageIndex());
         }
     }
-    reload() {
-        const filters = this._columns
-            .filter(x => x.filterable && x.filterValue != '' && x.filterValue != undefined)
-            .map(col => ({ field: col.filterField ?? col.field, value: col.filterValue, operator: 'EQ' }));
-        let pageIndex;
-        let pageSize;
-        if (this.pagable()) {
-            pageIndex = this.pageIndex();
-            pageSize = this.pageSize();
+    /**
+     * Load data for the specified page index (optional).
+     * @param pageIndex The page index to load.
+     */
+    load(pageIndex) {
+        let page;
+        let filters = [];
+        let sort;
+        if (this.filterable()) {
+            this._columns.forEach(col => {
+                if (col.filterable && col.filterValue != '' && col.filterValue != undefined) {
+                    filters.push({ field: col.filterField ?? col.field, value: col.filterValue, operator: 'EQ' });
+                }
+            });
+        }
+        if (this.paging()) {
+            page = { index: pageIndex || this._lastRequest?.page?.index || 1, size: this.pageSize(), zeroBased: false };
+        }
+        if (this.sortable()) {
+            // sort = ...
         }
-        var dr = new DataRequest({ pageIndex, pageSize, filters });
-        this._dataSource.load(dr).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {
-            this._data = result.data;
-            this._totalRecords = result.total;
-            this._totalPages = Math.ceil(result.total / this.pageSize());
+        this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });
+        this._dataSource.load(this._loadingRequest).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {
+            this._dataResult = result;
+            this._lastRequest = this._loadingRequest;
+            this._loadingRequest = undefined;
         });
     }
+    /**
+     * Determines if the table is currently loading data.
+     */
     get loading() {
         return this._dataSource.loading;
     }
@@ -241,15 +240,10 @@ class TableComponent {
         }
         return value;
     }
-    onNextPageClick() {
-        // ++this.pageIndex()
-        this.reload();
-    }
-    onPreviousPageClick() {
-        // --this.pageIndex
-        this.reload();
+    _onPageChange(pageIndex) {
+        this.load(pageIndex);
     }
-    onToggleRowDetailClick(row) {
+    _onToggleRowDetailClick(row) {
         var state = this._rowStates.get(row);
         if (!state) {
             this._rowStates.set(row, { expanded: true });
@@ -265,35 +259,38 @@ class TableComponent {
     ngOnDestroy() {
         this._changeSubscription?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, pagable: { classPropertyName: "pagable", publicName: "pagable", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <caption>{{caption()}}</caption>\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"_data && _data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of _data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">{{pageSize() * pageIndex() + i + 1}}</td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0Enum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n\r\n\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container\r\n                                          *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\"></ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"_data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n            <tr *ngIf=\"_dataSource.loading\" class=\"loading-row\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center\">\r\n                    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<!-- <ng0-table-paging></ng0-table-paging> -->\r\n\r\n<!-- <div class=\"mt-auto\" *ngIf=\"pagination()\">\r\n    <div class=\"btn-group me-2\" role=\"group\">\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onPreviousPageClick()\"\r\n                [disabled]=\"loading || pageIndex() == 0\">\r\n            {{'previous' | ng0Translate}}\r\n        </button>\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onNextPageClick()\"\r\n                [disabled]=\"loading || !_totalPages || (pageIndex() == _totalPages-1)\">\r\n            {{'next' | ng0Translate}}\r\n        </button>\r\n    </div>\r\n\r\n    <span *ngIf=\"_totalPages\">\r\n        {{_formatString( 'dataTablePagination' | ng0Translate, pageIndex()+1, _totalPages) }}\r\n    </span>\r\n</div> -->", styles: [":host{display:flex;flex-direction:column;position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}tr.loading-row{position:absolute;inset:0;background-color:#00000014;transition:background-color 1s;z-index:1000}tr.loading-row td{border:none;height:100%;display:flex;justify-content:center;align-items:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i3.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i3.EnumPipe, name: "ng0Enum" }, { kind: "pipe", type: i3.DatePipe, name: "ng0Date" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: TableComponent, isStandalone: true, selector: "ng0-table", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: true, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, showRowNumbers: { classPropertyName: "showRowNumbers", publicName: "showRowNumbers", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, paging: { classPropertyName: "paging", publicName: "paging", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, initialPageIndex: { classPropertyName: "initialPageIndex", publicName: "initialPageIndex", isSignal: true, isRequired: false, transformFunction: null }, maxVisiblePages: { classPropertyName: "maxVisiblePages", publicName: "maxVisiblePages", isSignal: true, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng0-loading": "this.loading" } }, queries: [{ propertyName: "_detailRow", first: true, predicate: TableDetailRowDirective, descendants: true }, { propertyName: "_columns", predicate: TableColumnDirective }], exportAs: ["ng0Table"], ngImport: i0, template: "@let data = _dataResult?.data;\r\n@let pageIndex = _lastRequest?.page?.index;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <!-- <caption>{{caption()}}</caption> -->\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"data && data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">\r\n                            @if(pageIndex != undefined) {\r\n                            {{pageSize() * pageIndex + i + 1}}\r\n                            }@else {\r\n                            }\r\n                        </td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0TranslateEnum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\">\r\n                            </ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n    @if(paging() && showPagination() && data) {\r\n    @let firstItem = pageSize() * (pageIndex! - 1) + 1;\r\n    @let lastItem = firstItem + data.length - 1;\r\n    @let totalItems = _dataResult?.total!;\r\n\r\n    <div class=\"ng0-paging-options\">\r\n        <select name=\"pageSizeOptions\" class=\" form-select w-auto d-inline-block\">\r\n            <option [ngValue]=\"10\" selected>10</option>\r\n        </select>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-controls ms-2\">\r\n        <ng0-pagination class=\"mb-0 d-inline-block\"\r\n                        [showFirstButton]=\"false\"\r\n                        [showLastButton]=\"false\"\r\n                        [showNextButton]=\"false\"\r\n                        [showPreviousButton]=\"false\"\r\n                        [totalRecords]=\"_dataResult?.total!\"\r\n                        [pageSize]=\"pageSize()\"\r\n                        [selectedPage]=\"pageIndex\"\r\n                        (itemClick)=\"_onPageChange($event)\"\r\n                        [maxVisiblePages]=\"maxVisiblePages()\">\r\n\r\n            <ng-container ngProjectAs=\"first\">\r\n                <ng-content select=\"paging-first\">\r\n                    {{'first' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"last\">\r\n                <ng-content select=\"paging-last\">\r\n                    {{'last' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"next\">\r\n                <ng-content select=\"paging-next\">\r\n                    {{'next' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"previous\">\r\n                <ng-content select=\"paging-previous\">\r\n                    {{'previous' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n        </ng0-pagination>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n            {{'showing' | ng0Translate}} {{firstItem}}-{{lastItem}} {{'of' | ng0Translate}} {{totalItems}} {{'records' |\r\n            ng0Translate}}\r\n        </ng-content>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n\r\n<div *ngIf=\"_dataSource.loading\" class=\"ng0-table-loading-cover text-center\">\r\n    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n</div>", styles: [":host{display:flex;flex-direction:column;position:relative;min-height:300px}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color 1s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "component", type: PaginationComponent, selector: "ng0-pagination", inputs: ["totalRecords", "pageSize", "selectedPage", "maxVisiblePages", "showNextButton", "showPreviousButton", "showFirstButton", "showLastButton"], outputs: ["itemClick"], exportAs: ["ng0Pagination"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i3.TranslatePipe, name: "ng0Translate" }, { kind: "pipe", type: i3.TranslateEnumPipe, name: "ng0TranslateEnum" }, { kind: "pipe", type: i3.DatePipe, name: "ng0Date" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-table', exportAs: 'ng0Table', standalone: true, imports: [
                         CommonModule,
                         FormsModule,
                         LocalizationModule,
-                        TablePagingComponent
-                    ], template: "<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <caption>{{caption()}}</caption>\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"_data && _data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of _data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">{{pageSize() * pageIndex() + i + 1}}</td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0Enum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n\r\n\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container\r\n                                          *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\"></ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"_data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n            <tr *ngIf=\"_dataSource.loading\" class=\"loading-row\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center\">\r\n                    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<!-- <ng0-table-paging></ng0-table-paging> -->\r\n\r\n<!-- <div class=\"mt-auto\" *ngIf=\"pagination()\">\r\n    <div class=\"btn-group me-2\" role=\"group\">\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onPreviousPageClick()\"\r\n                [disabled]=\"loading || pageIndex() == 0\">\r\n            {{'previous' | ng0Translate}}\r\n        </button>\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onNextPageClick()\"\r\n                [disabled]=\"loading || !_totalPages || (pageIndex() == _totalPages-1)\">\r\n            {{'next' | ng0Translate}}\r\n        </button>\r\n    </div>\r\n\r\n    <span *ngIf=\"_totalPages\">\r\n        {{_formatString( 'dataTablePagination' | ng0Translate, pageIndex()+1, _totalPages) }}\r\n    </span>\r\n</div> -->", styles: [":host{display:flex;flex-direction:column;position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}tr.loading-row{position:absolute;inset:0;background-color:#00000014;transition:background-color 1s;z-index:1000}tr.loading-row td{border:none;height:100%;display:flex;justify-content:center;align-items:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}\n"] }]
+                        PaginationComponent
+                    ], template: "@let data = _dataResult?.data;\r\n@let pageIndex = _lastRequest?.page?.index;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <!-- <caption>{{caption()}}</caption> -->\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"data && data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">\r\n                            @if(pageIndex != undefined) {\r\n                            {{pageSize() * pageIndex + i + 1}}\r\n                            }@else {\r\n                            }\r\n                        </td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0TranslateEnum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\">\r\n                            </ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n    @if(paging() && showPagination() && data) {\r\n    @let firstItem = pageSize() * (pageIndex! - 1) + 1;\r\n    @let lastItem = firstItem + data.length - 1;\r\n    @let totalItems = _dataResult?.total!;\r\n\r\n    <div class=\"ng0-paging-options\">\r\n        <select name=\"pageSizeOptions\" class=\" form-select w-auto d-inline-block\">\r\n            <option [ngValue]=\"10\" selected>10</option>\r\n        </select>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-controls ms-2\">\r\n        <ng0-pagination class=\"mb-0 d-inline-block\"\r\n                        [showFirstButton]=\"false\"\r\n                        [showLastButton]=\"false\"\r\n                        [showNextButton]=\"false\"\r\n                        [showPreviousButton]=\"false\"\r\n                        [totalRecords]=\"_dataResult?.total!\"\r\n                        [pageSize]=\"pageSize()\"\r\n                        [selectedPage]=\"pageIndex\"\r\n                        (itemClick)=\"_onPageChange($event)\"\r\n                        [maxVisiblePages]=\"maxVisiblePages()\">\r\n\r\n            <ng-container ngProjectAs=\"first\">\r\n                <ng-content select=\"paging-first\">\r\n                    {{'first' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"last\">\r\n                <ng-content select=\"paging-last\">\r\n                    {{'last' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"next\">\r\n                <ng-content select=\"paging-next\">\r\n                    {{'next' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"previous\">\r\n                <ng-content select=\"paging-previous\">\r\n                    {{'previous' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n        </ng0-pagination>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n            {{'showing' | ng0Translate}} {{firstItem}}-{{lastItem}} {{'of' | ng0Translate}} {{totalItems}} {{'records' |\r\n            ng0Translate}}\r\n        </ng-content>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n\r\n<div *ngIf=\"_dataSource.loading\" class=\"ng0-table-loading-cover text-center\">\r\n    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n</div>", styles: [":host{display:flex;flex-direction:column;position:relative;min-height:300px}tbody{position:relative}td.row-number{width:0}td.shrinked{width:0;white-space:nowrap}.ng0-table-loading-cover{position:absolute;inset:0;background-color:#0000000d;transition:background-color 1s;z-index:1000;display:flex;align-items:center;justify-content:center}.table-scrollable{overflow-y:auto;direction:ltr;scroll-padding:20px}.table-scrollable::-webkit-scrollbar{width:8px}.table-scrollable::-webkit-scrollbar-track{background-color:#00000008}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--bs-secondary)}.table-scrollable thead th{position:sticky;top:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.DestroyRef }], propDecorators: { _columns: [{
                 type: ContentChildren,
                 args: [TableColumnDirective]
             }], _detailRow: [{
                 type: ContentChild,
                 args: [TableDetailRowDirective]
+            }], loading: [{
+                type: HostBinding,
+                args: ['class.ng0-loading']
             }] } });
 
 class TableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: TableModule, imports: [TableComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: TableModule, imports: [TableComponent,
             TableColumnDirective,
             TableDetailRowDirective], exports: [TableComponent,
             TableColumnDirective,
             TableDetailRowDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableModule, imports: [TableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableModule, imports: [TableComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/bootkit-ng0-components-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-components-table.mjs","sources":["../../../projects/ng0/components/table/table-column.directive.ts","../../../projects/ng0/components/table/table-detail-row.directive.ts","../../../projects/ng0/components/table/paging/paging.component.ts","../../../projects/ng0/components/table/paging/paging.component.html","../../../projects/ng0/components/table/table.component.ts","../../../projects/ng0/components/table/table.component.html","../../../projects/ng0/components/table/table.module.ts","../../../projects/ng0/components/table/bootkit-ng0-components-table.ts"],"sourcesContent":["import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';\r\n\r\nexport type DataTableColumnBadgeValueType = string | number | boolean;\r\n\r\n@Directive({\r\n  selector: 'ng0-table-col',\r\n  standalone: true,\r\n})\r\nexport class TableColumnDirective {\r\n  @Input() field?: string;\r\n  @Input() title?: string;\r\n  @Input() emptyCellText?: string;\r\n\r\n  /** Column type */\r\n  @Input() type: 'text' | 'number' | 'currency' | 'date' | 'time' | {\r\n    enum?: string,\r\n    boolean?: {falseKey?: string, trueKey?: string},\r\n    currency?: string,\r\n  } = 'text';\r\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\r\n  @Input() cellClass?: string | string[] | { [klass: string]: any; } | null | undefined;\r\n  @Input() shrink = false;\r\n  @Input() bold = false;\r\n  @Input() badge?: { primary?: DataTableColumnBadgeValueType, secondary?: DataTableColumnBadgeValueType, success?: DataTableColumnBadgeValueType };\r\n  @Input() filterable = false;\r\n  @Input() filterValue?: string;\r\n  @Input() filterField?: string;\r\n\r\n  constructor() {\r\n  }\r\n}\r\n","import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n\r\n@Directive({\r\n  selector: '[ng0-table-detail-row]',\r\n  standalone: true,\r\n})\r\nexport class TableDetailRowDirective {\r\n  @Input() showCallback?: (row: any) => boolean;\r\n\r\n  constructor(public readonly templateRef: TemplateRef<any>) {\r\n  }\r\n}\r\n","import { AfterContentInit, Component, DestroyRef, input, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { LocalizationModule } from '@bootkit/ng0/localization';\r\n\r\n@Component({\r\n  selector: 'ng0-table-paging',\r\n  templateUrl: './paging.component.html',\r\n  // styleUrls: ['./paging.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    // DateModule,\r\n    LocalizationModule\r\n  ]\r\n})\r\nexport class TablePagingComponent implements OnInit, OnDestroy {\r\n  // @Input() dataSource!: DataSource;\r\n  @Input() autoLoad = true;\r\n  rowNumber = input<boolean>(false);\r\n\r\n\r\n  constructor(private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n  // ngAfterContentInit(): void {\r\n  // }\r\n\r\n  ngOnDestroy(): void {\r\n  }\r\n}\r\n","","import { AfterContentInit, Component, ContentChild, ContentChildren, DestroyRef, input, OnDestroy, OnInit, QueryList } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { TablePagingComponent } from './paging/paging.component';\r\nimport { formatString } from '@bootkit/ng0/common';\r\nimport { LocalizationModule } from '@bootkit/ng0/localization';\r\nimport { ArrayDataSource, AsyncDataSource, DataLoader, DataRequest, DataRequestFilter, DataSource } from '@bootkit/ng0/data';\r\n\r\n@Component({\r\n  selector: 'ng0-table',\r\n  exportAs: 'ng0Table',\r\n  templateUrl: './table.component.html',\r\n  styleUrls: ['./table.component.scss'],\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    LocalizationModule,\r\n    TablePagingComponent\r\n  ]\r\n})\r\nexport class TableComponent implements OnInit, AfterContentInit, OnDestroy {\r\n  /**\r\n   * The data source for the table.\r\n   * This can be an array of data, a function that returns an observable of data,\r\n   * or an instance of DataSource.\r\n   */\r\n  public source = input.required<Array<any> | DataLoader | DataSource | undefined | null>();\r\n\r\n  /**\r\n   * If true, the table will automatically load data when initialized.\r\n   * This is useful for tables that need to display data immediately without user interaction.\r\n   */\r\n  public autoLoad = input(true);\r\n\r\n  /**\r\n   * If true, the table will show row numbers.\r\n   * This will add a column to the left of the table with the row numbers.\r\n   */\r\n  public showRowNumbers = input(false);\r\n\r\n  /** \r\n   * If true, the table will show the header row.\r\n   */\r\n  public showHeader = input(true);\r\n\r\n  /**\r\n   * If true, the table will support pagination.\r\n   * If false, the table will load all records at once.\r\n   */\r\n  public pagable = input(true);\r\n\r\n  /**\r\n   * If true, the table will show a pagination controls at the bottom.\r\n   */\r\n  public showPagination = input(true);\r\n\r\n  /** \r\n   * The number of records to show per page.\r\n   * This is only used if pagable is true.\r\n   */\r\n  public pageSize = input(10);\r\n\r\n  /**\r\n   * The current page index.\r\n   * This is only used if pagable is true.\r\n   * The first page is 0.\r\n   */\r\n  public pageIndex = input(0);\r\n\r\n  /**\r\n   * The CSS class to apply to the table element.\r\n   * This can be used to apply custom styles to the table.\r\n   */\r\n  public tableClass = input<string | string[]>();\r\n\r\n  /**\r\n   * The CSS class to apply to the header element.\r\n   */\r\n  public headerClass = input<string>();\r\n\r\n  /**\r\n   * The caption of the table.\r\n   */\r\n  public caption = input<string>();\r\n  public height = input<number>();\r\n\r\n  /**\r\n   * If true, the table will support filtering.\r\n   * This will add a filter input to each column header.\r\n   */\r\n  public filterable = input(false);\r\n\r\n  // @Input() rowColor?: (row: any) => BootstrapColor;\r\n\r\n  @ContentChildren(TableColumnDirective)\r\n  protected _columns!: QueryList<TableColumnDirective>;\r\n\r\n  @ContentChild(TableDetailRowDirective)\r\n  protected _detailRow?: TableDetailRowDirective;\r\n\r\n  protected _data?: any[];\r\n  protected _totalRecords?: number;\r\n  protected _totalPages?: number;\r\n  protected _rowStates = new Map<any, { expanded: boolean }>();\r\n  protected _formatString = formatString;\r\n  private _changeSubscription?: Subscription;\r\n  protected _dataSource!: DataSource;\r\n\r\n  constructor(private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (Array.isArray(this.source())) {\r\n      this._dataSource = new ArrayDataSource(this.source() as Array<any>);\r\n    } else if (typeof this.source() == 'function') {\r\n      this._dataSource = new AsyncDataSource(this.source() as DataLoader);\r\n    } else if (this.source() instanceof DataSource) {\r\n      this._dataSource = this.source() as DataSource;\r\n    } else if (this.source() == undefined) {\r\n      this._dataSource = new ArrayDataSource([]);\r\n    } else {\r\n      throw new Error('Invalid data source provided to ng0-table.');\r\n    }\r\n\r\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n    //   this.reload();\r\n    // });\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    if (this.autoLoad()) {\r\n      this.reload();\r\n    }\r\n  }\r\n\r\n  reload() {\r\n    const filters = this._columns\r\n      .filter(x => x.filterable && x.filterValue != '' && x.filterValue != undefined)\r\n      .map(col => ({ field: col.filterField ?? col.field!, value: col.filterValue, operator: 'EQ' }));\r\n    let pageIndex: number | undefined;\r\n    let pageSize: number | undefined;\r\n\r\n    if (this.pagable()) {\r\n      pageIndex = this.pageIndex();\r\n      pageSize = this.pageSize();\r\n    }\r\n\r\n    var dr = new DataRequest({ pageIndex, pageSize, filters })\r\n    this._dataSource.load(dr).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n      this._data = result.data;\r\n      this._totalRecords = result.total;\r\n      this._totalPages = Math.ceil(result.total! / this.pageSize());\r\n    });\r\n  }\r\n\r\n  get loading() {\r\n    return this._dataSource.loading;\r\n  }\r\n\r\n  protected _getCellValue(row: any, col: TableColumnDirective) {\r\n    var subFields = col.field!.split('.');\r\n    let value = row[subFields[0]];\r\n    for (let i = 1; i < subFields.length; i++) {\r\n      if (value == null) break;\r\n      value = value[subFields[i]];\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  protected onNextPageClick() {\r\n    // ++this.pageIndex()\r\n    this.reload();\r\n  }\r\n\r\n  protected onPreviousPageClick() {\r\n    // --this.pageIndex\r\n    this.reload();\r\n  }\r\n\r\n  protected onToggleRowDetailClick(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    if (!state) {\r\n      this._rowStates.set(row, { expanded: true });\r\n    } else {\r\n      state.expanded = !state.expanded;\r\n    }\r\n  }\r\n\r\n  protected isRowExpanded(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    return state == undefined ? false : state.expanded;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._changeSubscription?.unsubscribe();\r\n  }\r\n}\r\n","<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <caption>{{caption()}}</caption>\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"reload()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"_data && _data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of _data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">{{pageSize() * pageIndex() + i + 1}}</td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0Enum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n\r\n\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container\r\n                                          *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\"></ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"_data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n            <tr *ngIf=\"_dataSource.loading\" class=\"loading-row\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center\">\r\n                    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<!-- <ng0-table-paging></ng0-table-paging> -->\r\n\r\n<!-- <div class=\"mt-auto\" *ngIf=\"pagination()\">\r\n    <div class=\"btn-group me-2\" role=\"group\">\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onPreviousPageClick()\"\r\n                [disabled]=\"loading || pageIndex() == 0\">\r\n            {{'previous' | ng0Translate}}\r\n        </button>\r\n        <button type=\"button\"\r\n                class=\"btn btn-outline-primary\"\r\n                (click)=\"onNextPageClick()\"\r\n                [disabled]=\"loading || !_totalPages || (pageIndex() == _totalPages-1)\">\r\n            {{'next' | ng0Translate}}\r\n        </button>\r\n    </div>\r\n\r\n    <span *ngIf=\"_totalPages\">\r\n        {{_formatString( 'dataTablePagination' | ng0Translate, pageIndex()+1, _totalPages) }}\r\n    </span>\r\n</div> -->","import { NgModule } from '@angular/core';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableComponent } from './table.component';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\n\r\n@NgModule({\r\n    imports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective,\r\n    ],\r\n    exports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective\r\n    ],\r\n})\r\nexport class TableModule { }\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":"bootkit-ng0-components-table.mjs","sources":["../../../projects/ng0/components/table/table-column.directive.ts","../../../projects/ng0/components/table/table-detail-row.directive.ts","../../../projects/ng0/components/table/table.component.ts","../../../projects/ng0/components/table/table.component.html","../../../projects/ng0/components/table/table.module.ts","../../../projects/ng0/components/table/bootkit-ng0-components-table.ts"],"sourcesContent":["import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';\r\n\r\nexport type DataTableColumnBadgeValueType = string | number | boolean;\r\n\r\n@Directive({\r\n  selector: 'ng0-table-col',\r\n  standalone: true,\r\n})\r\nexport class TableColumnDirective {\r\n  @Input() field?: string;\r\n  @Input() title?: string;\r\n  @Input() emptyCellText?: string;\r\n\r\n  /** Column type */\r\n  @Input() type: 'text' | 'number' | 'currency' | 'date' | 'time' | {\r\n    enum?: string,\r\n    boolean?: {falseKey?: string, trueKey?: string},\r\n    currency?: string,\r\n  } = 'text';\r\n  @ContentChild(TemplateRef) template?: TemplateRef<any>;\r\n  @Input() cellClass?: string | string[] | { [klass: string]: any; } | null | undefined;\r\n  @Input() shrink = false;\r\n  @Input() bold = false;\r\n  @Input() badge?: { primary?: DataTableColumnBadgeValueType, secondary?: DataTableColumnBadgeValueType, success?: DataTableColumnBadgeValueType };\r\n  @Input() filterable = false;\r\n  @Input() filterValue?: string;\r\n  @Input() filterField?: string;\r\n\r\n  constructor() {\r\n  }\r\n}\r\n","import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n\r\n@Directive({\r\n  selector: '[ng0-table-detail-row]',\r\n  standalone: true,\r\n})\r\nexport class TableDetailRowDirective {\r\n  @Input() showCallback?: (row: any) => boolean;\r\n\r\n  constructor(public readonly templateRef: TemplateRef<any>) {\r\n  }\r\n}\r\n","import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, DestroyRef, Host, HostBinding, input, model, OnDestroy, OnInit, QueryList } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { formatString } from '@bootkit/ng0/common';\r\nimport { LocalizationModule } from '@bootkit/ng0/localization';\r\nimport { ArrayDataSource, AsyncDataSource, DataLoader, DataRequest, DataRequestFilter, DataRequestPage, DataRequestSort, DataResult, DataSource } from '@bootkit/ng0/data';\r\nimport { PaginationComponent } from '@bootkit/ng0/components/pagination';\r\n\r\n@Component({\r\n  selector: 'ng0-table',\r\n  exportAs: 'ng0Table',\r\n  templateUrl: './table.component.html',\r\n  styleUrls: ['./table.component.scss'],\r\n  // changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    LocalizationModule,\r\n    PaginationComponent\r\n  ]\r\n})\r\nexport class TableComponent implements OnInit, AfterContentInit, OnDestroy {\r\n\r\n  /**\r\n   * The data source for the table.\r\n   * This can be an array of data, a function that returns an observable of data,\r\n   * or an instance of DataSource.\r\n   */\r\n  public source = input.required<Array<any> | DataLoader | DataSource | undefined | null>();\r\n\r\n  /**\r\n   * If true, the table will automatically load data when initialized.\r\n   * This is useful for tables that need to display data immediately without user interaction.\r\n   */\r\n  public autoLoad = input(true);\r\n\r\n  /**\r\n   * If true, the table will show row numbers.\r\n   * This will add a column to the left of the table with the row numbers.\r\n   */\r\n  public showRowNumbers = input(false);\r\n\r\n  /** \r\n   * If true, the table will show the header row.\r\n   */\r\n  public showHeader = input(true);\r\n\r\n  /**\r\n   * If true, the table will support pagination.\r\n   * If false, the table will load all records at once.\r\n   */\r\n  public paging = input(true);\r\n\r\n  /**\r\n   * If true, the table will support sorting.\r\n   * This will add a sort icon to each column header.\r\n   */\r\n  public sortable = input(true);\r\n\r\n  /**\r\n   * If true, the table will show pagination controls at the bottom.\r\n   */\r\n  public showPagination = input(true);\r\n\r\n  /** \r\n   * The number of records to show per page.\r\n   * This is only used if pagable is true.\r\n   */\r\n  public pageSize = input(10);\r\n\r\n  /**\r\n   * The initial page index to load when the table is initialized.\r\n   * This is only used if pagable is true.\r\n   * The index starts from 1.\r\n   * Default is 1.\r\n   */\r\n  public initialPageIndex = input(1);\r\n\r\n  /**\r\n   * Maximum number of visible pages.\r\n   * Default is 10.\r\n   */\r\n  public maxVisiblePages = input<number>(10);\r\n\r\n  /**\r\n   * The CSS class to apply to the table element.\r\n   * This can be used to apply custom styles to the table.\r\n   */\r\n  public tableClass = input<string | string[]>();\r\n\r\n  /**\r\n   * The CSS class to apply to the header element.\r\n   */\r\n  public headerClass = input<string>();\r\n\r\n  /**\r\n   * The caption of the table.\r\n   */\r\n  public caption = input<string>();\r\n\r\n  /**\r\n   * The height of the table in pixels.\r\n   * This can be used to set a fixed height for the table.\r\n   */\r\n  public height = input<number>();\r\n\r\n  /**\r\n   * If true, the table will support filtering.\r\n   * This will add a filter input to each column header.\r\n   */\r\n  public filterable = input(false);\r\n\r\n  // @Input() rowColor?: (row: any) => BootstrapColor;\r\n\r\n  @ContentChildren(TableColumnDirective)\r\n  protected _columns!: QueryList<TableColumnDirective>;\r\n\r\n  @ContentChild(TableDetailRowDirective)\r\n  protected _detailRow?: TableDetailRowDirective;\r\n\r\n  protected _dataResult?: DataResult;\r\n  protected _lastRequest?: DataRequest; // The last data request made to the data source\r\n  protected _loadingRequest?: DataRequest; // The current data request being processed\r\n  protected _rowStates = new Map<any, { expanded: boolean }>();\r\n  protected _formatString = formatString;\r\n  private _changeSubscription?: Subscription;\r\n  protected _dataSource!: DataSource;\r\n\r\n  constructor(private _destroyRef: DestroyRef) {\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (Array.isArray(this.source())) {\r\n      this._dataSource = new ArrayDataSource(this.source() as Array<any>);\r\n    } else if (typeof this.source() == 'function') {\r\n      this._dataSource = new AsyncDataSource(this.source() as DataLoader);\r\n    } else if (this.source() instanceof DataSource) {\r\n      this._dataSource = this.source() as DataSource;\r\n    } else if (this.source() == undefined) {\r\n      this._dataSource = new ArrayDataSource([]);\r\n    } else {\r\n      throw new Error('Invalid data source provided to ng0-table.');\r\n    }\r\n\r\n    // this._changeSubscription = this.dataSource().change.pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n    //   this.reload();\r\n    // });\r\n  }\r\n\r\n  ngAfterContentInit(): void {\r\n    if (this.autoLoad()) {\r\n      this.load(this.initialPageIndex());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Load data for the specified page index (optional).\r\n   * @param pageIndex The page index to load.\r\n   */\r\n  load(pageIndex?: number) {\r\n    let page: DataRequestPage | undefined;\r\n    let filters: DataRequestFilter[] = [];\r\n    let sort: DataRequestSort | undefined;\r\n\r\n    if (this.filterable()) {\r\n      this._columns.forEach(col => {\r\n        if (col.filterable && col.filterValue != '' && col.filterValue != undefined) {\r\n          filters.push({ field: col.filterField ?? col.field!, value: col.filterValue, operator: 'EQ' });\r\n        }\r\n      });\r\n    }\r\n\r\n    if (this.paging()) {\r\n      page = { index: pageIndex || this._lastRequest?.page?.index || 1, size: this.pageSize(), zeroBased: false };\r\n    }\r\n\r\n    if (this.sortable()) {\r\n      // sort = ...\r\n    }\r\n\r\n    this._loadingRequest = new DataRequest({ page, filters, sort, select: [], computeTotal: true });\r\n\r\n    this._dataSource.load(this._loadingRequest).pipe(takeUntilDestroyed(this._destroyRef)).subscribe(result => {\r\n      this._dataResult = result;\r\n      this._lastRequest = this._loadingRequest;\r\n      this._loadingRequest = undefined;\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if the table is currently loading data.\r\n   */\r\n  @HostBinding('class.ng0-loading')\r\n  public get loading() {\r\n    return this._dataSource.loading;\r\n  }\r\n\r\n  protected _getCellValue(row: any, col: TableColumnDirective) {\r\n    var subFields = col.field!.split('.');\r\n    let value = row[subFields[0]];\r\n    for (let i = 1; i < subFields.length; i++) {\r\n      if (value == null) break;\r\n      value = value[subFields[i]];\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n\r\n  protected _onPageChange(pageIndex: number) {\r\n    this.load(pageIndex);\r\n  }\r\n\r\n  protected _onToggleRowDetailClick(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    if (!state) {\r\n      this._rowStates.set(row, { expanded: true });\r\n    } else {\r\n      state.expanded = !state.expanded;\r\n    }\r\n  }\r\n\r\n  protected isRowExpanded(row: any) {\r\n    var state = this._rowStates.get(row)\r\n    return state == undefined ? false : state.expanded;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._changeSubscription?.unsubscribe();\r\n  }\r\n}\r\n","@let data = _dataResult?.data;\r\n@let pageIndex = _lastRequest?.page?.index;\r\n\r\n<div class=\"table-responsive\" [style.height]=\"height()\" [class.table-scrollable]=\"height()! > 0\">\r\n    <table class=\"table\" [ngClass]=\"tableClass()\">\r\n        @if(caption()) {\r\n        <!-- <caption>{{caption()}}</caption> -->\r\n        }\r\n\r\n        <thead *ngIf=\"showHeader\" [ngClass]=\"headerClass()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n                <th *ngIf=\"showRowNumbers()\" class=\"row-number text-muted\">#</th>\r\n                <th *ngFor=\"let col of _columns\">{{col.title}}</th>\r\n            </tr>\r\n        </thead>\r\n        <thead *ngIf=\"filterable()\">\r\n            <tr>\r\n                <th *ngIf=\"_detailRow\"></th>\r\n\r\n                @if(showRowNumbers()) {\r\n                <th></th>\r\n                }\r\n\r\n                <th *ngFor=\"let col of _columns\">\r\n                    @if(col.filterable) {\r\n                    @if(col.type == 'text') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"text\"\r\n                           [maxlength]=\"50\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }@else if(col.type == 'number') {\r\n                    <input [name]=\"'datatablecol-' + col.field\"\r\n                           type=\"number\"\r\n                           class=\"form-control form-control-sm\"\r\n                           [(ngModel)]=\"col.filterValue\"\r\n                           (keydown.enter)=\"load()\">\r\n                    }\r\n                    }\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n            <ng-container *ngIf=\"data && data.length! > 0\">\r\n                <ng-container *ngFor=\"let row of data; let i=index\">\r\n                    <tr [class.table-active]=\"isRowExpanded(row)\">\r\n                        <td class=\"detail-row-expander\" *ngIf=\"_detailRow\">\r\n                            <button class=\"btn\" (click)=\"_onToggleRowDetailClick(row)\"\r\n                                    *ngIf=\"_detailRow.showCallback == null || _detailRow.showCallback(row)\">\r\n                                <ng-template [ngIf]=\"isRowExpanded(row)\" [ngIfElse]=\"collapse\"><i\r\n                                       class=\"far fa-minus\"></i></ng-template>\r\n                                <ng-template #collapse><i class=\"far fa-plus\"></i> </ng-template>\r\n                            </button>\r\n                        </td>\r\n\r\n                        <td class=\"row-number text-muted\" *ngIf=\"showRowNumbers()\">\r\n                            @if(pageIndex != undefined) {\r\n                            {{pageSize() * pageIndex + i + 1}}\r\n                            }@else {\r\n                            }\r\n                        </td>\r\n\r\n                        <td *ngFor=\"let col of _columns\" [ngClass]=\"col.cellClass\" [class.shrinked]=\"col.shrink\"\r\n                            [class.fw-bold]=\"col.bold\">\r\n                            @if(col.template){\r\n                            <ng-template [ngIf]=\"col.template\">\r\n                                <ng-container\r\n                                              *ngTemplateOutlet=\"col.template; context: {$implicit: row}\"></ng-container>\r\n                            </ng-template>\r\n                            }@else if(col.field){\r\n                            @let cellValue = _getCellValue(row, col);\r\n                            <div\r\n                                 [class.badge]=\"col.badge\"\r\n                                 [class.text-bg-primary]=\"col.badge?.primary && cellValue === col.badge?.primary\"\r\n                                 [class.text-bg-secondary]=\"col.badge?.secondary && cellValue === col.badge?.secondary\"\r\n                                 [class.text-bg-success]=\"col.badge?.success && cellValue === col.badge?.success\"\r\n                                 [class.text-bg-light]=\"col.badge && cellValue !== col.badge.success && cellValue !== col.badge.secondary  && cellValue !== col.badge.success \">\r\n\r\n                                <ng-container *ngIf=\"col.type=='text'\">\r\n                                    {{cellValue}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='date'\">\r\n                                    <span class=\"date-time\">{{cellValue | ng0Date}}</span>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='number'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"col.type=='currency'\">\r\n                                    {{cellValue | number}}\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"$any(col?.type)?.enum\">\r\n                                    {{cellValue | ng0TranslateEnum:$any(col.type).enum}}\r\n                                </ng-container>\r\n                                <!-- <ng-container *ngIf=\"$any(col?.type)?.boolean\">\r\n                                    {{cellValue | ng0Bool:$any(col.type).boolean}}\r\n                                </ng-container> -->\r\n                                <ng-container *ngIf=\"$any(col?.type)?.currency\">\r\n                                    {{cellValue | currency:$any(col?.type)?.currency}}\r\n                                </ng-container>\r\n\r\n                                <ng-container *ngIf=\"cellValue == null && col.emptyCellText\">\r\n                                    {{col.emptyCellText}}\r\n                                </ng-container>\r\n                            </div>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n\r\n                    <tr class=\"detail-row\" *ngIf=\"_detailRow && isRowExpanded(row)\">\r\n                        <td [attr.colspan]=\"_columns.length + (showRowNumbers() ? 1 : 0) + 1\" class=\"ps-2 pb-4\">\r\n                            <ng-container *ngTemplateOutlet=\"_detailRow.templateRef; context: {$implicit: row}\">\r\n                            </ng-container>\r\n                        </td>\r\n                    </tr>\r\n                </ng-container>\r\n\r\n            </ng-container>\r\n\r\n            <tr *ngIf=\"data?.length === 0\">\r\n                <td [colSpan]=\"_columns.length + (showRowNumbers() ? 1 : 0)\" class=\"text-center text-muted small p-2\">\r\n                    {{'noRecords' | ng0Translate}}\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<div class=\"ng0-table-footer d-flex align-items-baseline\">\r\n    @if(paging() && showPagination() && data) {\r\n    @let firstItem = pageSize() * (pageIndex! - 1) + 1;\r\n    @let lastItem = firstItem + data.length - 1;\r\n    @let totalItems = _dataResult?.total!;\r\n\r\n    <div class=\"ng0-paging-options\">\r\n        <select name=\"pageSizeOptions\" class=\" form-select w-auto d-inline-block\">\r\n            <option [ngValue]=\"10\" selected>10</option>\r\n        </select>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-controls ms-2\">\r\n        <ng0-pagination class=\"mb-0 d-inline-block\"\r\n                        [showFirstButton]=\"false\"\r\n                        [showLastButton]=\"false\"\r\n                        [showNextButton]=\"false\"\r\n                        [showPreviousButton]=\"false\"\r\n                        [totalRecords]=\"_dataResult?.total!\"\r\n                        [pageSize]=\"pageSize()\"\r\n                        [selectedPage]=\"pageIndex\"\r\n                        (itemClick)=\"_onPageChange($event)\"\r\n                        [maxVisiblePages]=\"maxVisiblePages()\">\r\n\r\n            <ng-container ngProjectAs=\"first\">\r\n                <ng-content select=\"paging-first\">\r\n                    {{'first' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"last\">\r\n                <ng-content select=\"paging-last\">\r\n                    {{'last' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"next\">\r\n                <ng-content select=\"paging-next\">\r\n                    {{'next' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n\r\n            <ng-container ngProjectAs=\"previous\">\r\n                <ng-content select=\"paging-previous\">\r\n                    {{'previous' | ng0Translate}}\r\n                </ng-content>\r\n            </ng-container>\r\n        </ng0-pagination>\r\n    </div>\r\n\r\n    <div class=\"ng0-paging-info ms-auto\">\r\n        <ng-content select=\"paging-info\">\r\n            {{'showing' | ng0Translate}} {{firstItem}}-{{lastItem}} {{'of' | ng0Translate}} {{totalItems}} {{'records' |\r\n            ng0Translate}}\r\n        </ng-content>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n\r\n<div *ngIf=\"_dataSource.loading\" class=\"ng0-table-loading-cover text-center\">\r\n    <div class=\"spinner-border text-primary\" role=\"status\"></div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { TableColumnDirective } from './table-column.directive';\r\nimport { TableComponent } from './table.component';\r\nimport { TableDetailRowDirective } from './table-detail-row.directive';\r\n\r\n@NgModule({\r\n    imports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective,\r\n    ],\r\n    exports: [\r\n        TableComponent,\r\n        TableColumnDirective,\r\n        TableDetailRowDirective\r\n    ],\r\n})\r\nexport class TableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}